:root{--bg:#f3f4f7;--surface:#fff;--border:#e4e7ec;--text:#1a1d29;--text-muted:#6b7280;--primary:#9f1c2e;--primary-dark:#7d1523;--primary-soft:#fbe9eb;--accent:#14161f;--accent-soft:#262a3a;--success:#15803d;--success-soft:#dcf5e3;--danger:#b91c1c;--danger-soft:#fbe4e4;--gold:#b8933f;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #1014230f;--shadow-md:0 4px 14px #10142314;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Heebo,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:15px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:linear-gradient(180deg, var(--accent) 0%, #1c1f2c 100%);color:#fff;box-shadow:var(--shadow-md);z-index:10;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.4rem;font-size:1.2rem;font-weight:800;text-decoration:none;display:flex}.brand-short{display:none}.topnav{gap:.25rem;display:flex}.topnav a{color:#ffffffad;border-radius:999px;padding:.5rem .9rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.topnav a.active{color:#fff;background:#ffffff1f}.topnav a:hover{color:#fff;background:#ffffff14}.menu-toggle{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;padding:0;display:none}.menu-toggle:hover{background:#ffffff14}.menu-toggle span{background:#fff;border-radius:2px;width:20px;height:2px;display:block}.content{flex:1;width:100%;max-width:1140px;margin:0 auto;padding:2rem 1.75rem 3.5rem}h1,h2,h3{letter-spacing:-.01em;margin-top:0;font-weight:700}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1.02rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.1rem;padding:1.4rem}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.group-card{color:inherit;text-decoration:none;transition:box-shadow .15s,transform .15s,border-color .15s;display:block}.group-card:hover{box-shadow:var(--shadow-md);border-color:#d8bfc4;transform:translateY(-1px)}.group-card h3{color:var(--text);margin-bottom:.3rem}.muted{color:var(--text-muted);font-size:.9rem}.btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;min-height:44px;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.secondary:hover{background:#f4f5f7;border-color:#d3d7de}.btn.ghost{color:var(--primary);box-shadow:none;background:0 0;border:1px solid #0000;padding:.4rem .65rem}.btn.ghost:hover{background:var(--primary-soft)}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#8f1414}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-row{flex-wrap:wrap;gap:.6rem;display:flex}form.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.field{flex-direction:column;gap:.35rem;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--text-muted);font-size:.8rem;font-weight:600}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#fff;min-height:44px;padding:.6rem .7rem;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}input::placeholder,textarea::placeholder{color:#a7abb5}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--border);padding:.7rem .6rem;font-size:.92rem}th{color:var(--text-muted);background:#f8f9fb;font-size:.78rem;font-weight:600}th:first-child{border-radius:var(--radius-sm) 0 0 0}th:last-child{border-radius:0 var(--radius-sm) 0 0}tbody tr:hover{background:#faf6f2}tr.clickable{cursor:pointer}.avatar{object-fit:cover;border:1px solid var(--border);background:#e2e5ea;border-radius:50%;width:42px;height:42px}.avatar.large{border-width:3px;border-color:var(--surface);width:128px;height:128px;box-shadow:0 0 0 1px var(--border), var(--shadow-md)}.profile-header{flex-wrap:wrap;align-items:center;gap:1.75rem;display:flex}.badge{color:var(--gold);background:#f4ecd8;border-radius:999px;padding:.22rem .7rem;font-size:.78rem;font-weight:700;display:inline-block}.badge.present{background:var(--success-soft);color:var(--success)}.badge.absent{background:var(--danger-soft);color:var(--danger)}.empty-state{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:2.5rem 1rem}.section-title{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.attendance-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.65rem .25rem;display:flex}.attendance-row:last-child{border-bottom:none}.toggle{border:1px solid var(--border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.toggle button{cursor:pointer;min-height:44px;color:var(--text-muted);background:#fff;border:none;padding:.5rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.toggle button.active.present{background:var(--success);color:#fff}.toggle button.active.absent{background:var(--danger);color:#fff}.error-text{color:var(--danger);font-size:.88rem}.link-list{margin:0;padding:0;list-style:none}.link-list li{border-bottom:1px solid var(--border);padding:.6rem .1rem}.link-list li:last-child{border-bottom:none}.breadcrumb{color:var(--text-muted);margin-bottom:.85rem;font-size:.85rem}.breadcrumb a{color:var(--primary);font-weight:600;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.stat-strip{flex-wrap:wrap;gap:1.5rem;display:flex}.stat-strip .stat{flex-direction:column;gap:.1rem;display:flex}.stat-strip .stat .value{font-size:1.3rem;font-weight:700}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.topnav{align-items:center}.topnav .nav-logout{color:#fffc;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;padding:.5rem .9rem;font-family:inherit;font-size:.92rem;font-weight:600}.topnav .nav-logout:hover{background:#ffffff14}.topnav .nav-logout:disabled{opacity:.55;cursor:not-allowed}.auth-screen{background:radial-gradient(ellipse at top, var(--primary-soft), var(--bg) 60%);place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.auth-card{width:min(100%,440px);padding:2rem}.auth-brand{margin-bottom:.5rem;font-size:2.5rem}.auth-card h1{margin-bottom:.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form>.btn{align-self:flex-start}.auth-card .auth-form>.btn{align-self:stretch}.auth-help{margin-top:1.4rem;margin-bottom:0;line-height:1.6}.account-card{max-width:560px}.notice{border-radius:var(--radius-sm);background:#edf0f6;margin:0 0 1rem;padding:.9rem 1rem;font-size:.9rem;line-height:1.7}.notice p:first-child{margin-top:0}.notice.success{background:var(--success-soft);color:var(--success)}.notice.error{background:var(--danger-soft);color:var(--danger)}.user-card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.user-details{overflow-wrap:anywhere;min-width:0}.user-details h2{margin-bottom:.35rem}.user-details p{margin:.4rem 0 .6rem}.user-badges{flex-wrap:wrap;gap:.4rem;display:flex}.user-actions{flex-shrink:0}.user-editor{border-color:#d8bfc4}.checkbox-label{align-items:center;gap:.6rem;min-height:44px;display:flex}.field .checkbox-label{color:var(--text);font-size:.95rem}.checkbox-label input{width:20px;height:20px;min-height:0;accent-color:var(--primary)}form.form-grid>.btn-row{flex-direction:row}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.roster-selection-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.roster-checkbox-cell{width:48px}.roster-checkbox-cell .checkbox-label{cursor:pointer;justify-content:center}tr.selected{background:var(--primary-soft)}.student-name-link{color:inherit;font-weight:600;text-decoration:none}.student-name-link:hover{color:var(--primary);text-decoration:underline}.transfer-panel{border-color:#d8bfc4}.transfer-form{flex-direction:column;gap:.9rem;display:flex}.transfer-form .field{max-width:420px}.transfer-form select{width:100%}.transfer-form p{margin:0}.transfer-review{overflow-wrap:anywhere;line-height:1.7}.transfer-student-name{font-weight:600}.transfer-selection{margin-bottom:.75rem}.transfer-selection summary{cursor:pointer;min-height:44px;padding-block:.5rem;display:list-item}.transfer-selection ul{max-height:180px;margin-block:.25rem;padding-inline-start:1.5rem;overflow-y:auto}@media (width<=1100px){.topbar{padding-inline:1rem}.brand-full{display:none}.brand-short{display:inline}.topnav a,.topnav .nav-logout{padding-inline:.7rem}}@media (width<=900px){.topbar{padding:.65rem 1rem}.brand{font-size:1.02rem}.brand-full{display:none}.brand-short{display:inline}.menu-toggle{display:flex}.topnav{inset-inline:0;box-shadow:var(--shadow-md);background:#14161f;border-top:1px solid #ffffff14;flex-direction:column;align-items:stretch;gap:.15rem;padding:.6rem;display:none;position:absolute;top:100%}.topnav.open{display:flex}.topnav a,.topnav .nav-logout{border-radius:var(--radius-sm);text-align:start;padding:.7rem .8rem;font-size:.92rem}}@media (width<=720px){.content{padding:1.25rem .9rem 3rem}h1{font-size:1.3rem}.card{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.page-header .btn-row,.page-header select{width:100%}.btn-row .btn,.btn-row a.btn{flex:1}form.form-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;align-items:flex-start}.avatar.large{width:96px;height:96px}.attendance-row{flex-direction:column;align-items:stretch;gap:.6rem;padding:.85rem .25rem}.attendance-row .toggle{width:100%}.toggle button{flex:1}table{font-size:.86rem}th,td{padding:.55rem .4rem}.auth-card{padding:1.4rem}.user-card{flex-direction:column;align-items:stretch}.user-actions .btn{min-width:100px}}