@font-face{font-family:Encode;src:url(/build/assets/EncodeSans-Regular-DUzyp7x2.woff2) format("woff2");font-display:swap}:root{font-family:Encode,Arial,sans-serif;color:#273243;background:#f7f8fa;--red:#d92323;--yellow:#f59e0b}*{box-sizing:border-box}body{margin:0}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,.button{cursor:pointer;border:0;border-radius:9px;padding:12px 20px;display:inline-block;font-weight:600}.primary{background:var(--red);color:#fff}.primary:hover{background:#b91c1c;text-decoration:none}.brand img{width:165px;max-height:64px;object-fit:contain}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid #e8ebef;padding:32px 24px;display:flex;flex-direction:column;gap:32px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#8b93a2}nav{display:grid;gap:10px}nav a{padding:14px;border-radius:9px;color:#647084}nav a.selected{background:#fff0ee;color:var(--red);font-weight:700}.sidebar-footer{margin-top:auto;font-size:12px;color:#697487;line-height:1.9}.workspace{margin-left:250px}header{height:84px;background:#fff;border-bottom:1px solid #e8ebef;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;font-size:13px}header div{display:flex;align-items:center;gap:18px}header form{display:inline}main{padding:40px;max-width:1500px;margin:auto}h1{font-size:28px;letter-spacing:-.6px;margin:12px 0}h2{font-size:23px}.muted,small{color:#768195;font-size:13px;line-height:1.7}small{display:block}.card{background:#fff;border:1px solid #e8ebef;border-radius:16px;padding:28px;box-shadow:0 4px 20px #15203904;margin:22px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stats .card{display:grid;gap:12px}.stats strong{font-size:36px;color:var(--red)}.stats span{font-size:14px}.welcome{border-top:4px solid var(--yellow);padding:36px}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input:not([type=checkbox]),select{display:block;width:100%;border:1px solid #dbe0e7;border-radius:9px;padding:13px;background:#fff;color:#273243;min-width:0}input:focus,select:focus{outline:2px solid #f6b1ad;outline-offset:2px}fieldset{margin-top:28px;border:1px solid #e8ebef;border-radius:12px;padding:18px}.check{display:flex;align-items:center;gap:10px}.form-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.notice,.errors{padding:18px 24px;border-radius:10px;margin-bottom:20px;font-size:14px}.notice{background:#e8f6ee;color:#216340}.errors{background:#fff0ee;color:#a51c1c}.errors ul{padding-left:20px}.link{padding:0;background:none;color:var(--red);font-size:13px}.danger{color:#b42318}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{color:#8b93a2;font-size:11px;text-transform:uppercase;letter-spacing:1px}td,th{padding:18px 12px;border-bottom:1px solid #edf0f4;font-size:13px}td small{margin-top:5px}.actions form{display:inline;margin-left:14px}.badge{background:#edf0f4;color:#6b7280;border-radius:20px;padding:5px 12px;font-size:11px}.badge.active{background:#e8f6ee;color:#27734c}.pagination{margin-top:18px}.auth-shell{max-width:510px;margin:7vh auto;padding:20px}.auth-shell>.brand{display:block;text-align:center}.auth-shell main{padding:0}.auth-shell .card{padding:36px}.wide{width:100%;margin-top:28px}.recover{display:block;text-align:center;font-size:13px;margin-top:24px}.auth-shell:before{content:"";position:fixed;inset:0 0 auto auto;width:30vw;height:24vh;background:#f59e0b10;border-radius:0 0 0 100%;z-index:-1}@media(max-width:800px){.sidebar{position:static;width:auto;padding:18px;gap:16px}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar .eyebrow,.sidebar-footer{display:none}.workspace{margin:0}header{height:auto;padding:18px;gap:10px}main{padding:22px 16px}.stats{grid-template-columns:1fr;gap:0}.stats .card{margin:8px 0}.grid{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.card{padding:20px}.auth-shell{margin:4vh auto}.auth-shell .card{padding:24px}h1{font-size:24px}}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;padding:12px;background:#fff;z-index:100}.page-links{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;flex-wrap:wrap}.page-links [aria-disabled]{color:#8b93a2}.field-error{color:#b42318;font-size:13px}input[aria-invalid=true]{border-color:#b42318}button:disabled{cursor:wait;opacity:.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.search-field{flex:1;min-width:0}.search-form label{margin-top:0}.student-photo{display:block;max-width:180px;max-height:220px;object-fit:contain;border-radius:12px;margin:12px 0}.student-details dt{color:#768195;font-size:13px}.student-details dd{margin:8px 0 16px;overflow-wrap:anywhere}.photo-field{margin-top:24px}.actions a+a{margin-left:14px}.field-error{margin:8px 0}.student-details h1{overflow-wrap:anywhere}@media(max-width:800px){.search-form{align-items:stretch}.search-field{flex-basis:100%}.heading h1{overflow-wrap:anywhere}header div{min-width:0;overflow-wrap:anywhere}}.password-field{display:flex;gap:8px;align-items:center}.password-field input{flex:1}.password-field button{padding:12px;font-size:13px}.student-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:start}.student-layout>.student-data{min-width:0;margin:0;gap:18px 24px;align-items:start}.student-layout .student-data>div{min-width:0}.student-layout .student-data label{margin:0 0 8px}.student-photo-column{min-width:0;margin:0}.student-photo-column>label{margin:0 0 12px}.student-photo-column .student-photo{width:auto;height:auto;max-width:100%;max-height:240px;margin:0 auto 14px;object-fit:contain}.student-photo-placeholder{display:flex;align-items:center;justify-content:center;min-height:150px;border:1px dashed #dbe0e7;border-radius:12px;background:#f7f8fa;color:#768195;font-size:13px;margin-bottom:14px}.student-photo-column input[type=file]{font-size:12px;padding:10px;overflow:hidden}.student-photo-column small{margin-top:8px}.student-photo-column p{margin:0 0 12px}.photo-field:has([data-photo-preview]:not([hidden]))>.student-photo,.photo-field:has([data-photo-preview]:not([hidden]))>.student-photo-placeholder{display:none}.student-details .student-data dd{margin:6px 0 0}@media(min-width:801px)and (max-width:1199px){.student-layout{grid-template-columns:minmax(0,1fr) 200px;gap:24px}.student-layout>.student-data{grid-template-columns:1fr}}@media(max-width:800px){.student-layout{grid-template-columns:minmax(0,1fr);gap:24px}.student-photo-column .student-photo{margin-left:0}.student-photo-placeholder{max-width:240px}.student-photo-column{width:100%}}
