:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f5f6f8;--red:#b51f2e;--blue:#0f4c81;--yellow:#f6c443;--line:#dfe3e8;--muted:#657084}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fff 0,#f5f6f8 260px);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px max(18px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand span:last-child{display:grid}.brand small{color:var(--muted)}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--red);color:#fff;font-weight:900;border-bottom:5px solid var(--yellow)}main{max-width:1120px;margin:auto;padding:28px 18px 60px}.login-view{max-width:680px;margin:30px auto;display:grid;gap:18px}.intro span,.section-head span,.welcome span:first-child{font-size:.72rem;font-weight:900;letter-spacing:.11em;color:var(--red)}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,7vw,3rem);line-height:1.02}h2{font-size:1.35rem}.card,.notice{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 30px rgba(23,32,51,.06)}.login-card{display:grid;gap:14px}label{display:grid;gap:7px;font-size:.88rem;font-weight:750;color:#344054}input,select,textarea{width:100%;border:1px solid #cbd2dc;border-radius:11px;padding:12px;background:#fff;color:#172033}input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,76,129,.14);border-color:var(--blue)}.primary,.secondary,.ghost{border-radius:11px;padding:11px 16px;font-weight:800;border:1px solid transparent}.primary{background:var(--red);color:#fff}.secondary{background:#edf4fa;color:var(--blue);border-color:#c9ddeb}.ghost{background:#fff;color:#475467;border-color:var(--line)}.error{color:#a21424;font-weight:700;min-height:1.2em}.notice{border-left:5px solid var(--yellow)}.notice p{margin-bottom:0;color:var(--muted)}.welcome{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.welcome h1{font-size:2rem;margin:.2rem 0}.welcome p{color:var(--muted)}.test-badge{background:#fff4cb!important;color:#725500!important;padding:8px 10px;border-radius:999px;letter-spacing:.04em!important}.tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;margin-bottom:18px}.tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;color:#445066;font-weight:750}.tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.panel{display:grid;gap:18px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-head h2{margin:.25rem 0}.section-head p{color:var(--muted);margin-bottom:0}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.summary article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.summary b{display:block;font-size:1.8rem;color:var(--blue)}.summary span{color:var(--muted);font-size:.85rem}.list{display:grid;gap:12px}.list-item{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.list-item header{display:flex;justify-content:space-between;gap:14px}.list-item h3{margin:0 0 6px;font-size:1rem}.list-item p{color:#4d586b;white-space:pre-wrap;margin:.5rem 0}.meta{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:.78rem}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef2f6;color:#455066;font-size:.73rem;font-weight:800}.pill.pending{background:#fff1bf;color:#735500}.pill.approved,.pill.open{background:#dff5e8;color:#116537}.pill.grave{background:#ffe0e3;color:#9b1223}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.actions button{padding:8px 10px}.form-card{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px}.search-results{position:relative;display:grid;gap:4px}.search-results button{text-align:left;border:1px solid var(--line);background:#fff;padding:9px;border-radius:9px}.selected-student{background:#e9f3fb!important;border-color:#96bddb!important}.filter{display:flex;gap:12px;align-items:end}.filter label{flex:1}.empty{text-align:center;color:var(--muted);padding:28px;background:#fff;border:1px dashed #cdd4dd;border-radius:15px}@media(max-width:680px){main{padding-top:20px}.welcome,.section-head{align-items:stretch}.welcome{display:grid}.section-head{display:grid}.section-head button{width:100%}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.filter{display:grid}.test-badge{justify-self:start}.list-item header{display:grid}}