:root{--nav:#0b1220;--nav2:#111c30;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#718096;--line:#e6ebf2;--blue:#2563eb;--green:#16a34a;--red:#dc2626}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#08101f,#17233b);padding:24px}.login-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:34px;box-shadow:0 24px 70px #0005}.brandmark{width:46px;height:46px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800}.field{display:grid;gap:7px;margin:14px 0}.field input,.field select{width:100%;border:1px solid #d8dfeb;border-radius:11px;padding:12px 13px;background:#fff}.primary{border:0;background:var(--blue);color:#fff;border-radius:11px;padding:11px 15px;font-weight:700;cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{background:var(--nav);color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh}.logo{display:flex;gap:12px;align-items:center;padding:4px 8px 24px}.logo small{display:block;color:#8090aa;margin-top:3px}.nav-title{font-size:11px;color:#65738a;padding:14px 12px 7px;text-transform:uppercase;letter-spacing:.08em}.navbtn{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#aeb9ca;padding:11px 12px;border-radius:10px;text-align:left;cursor:pointer;margin:2px 0}.navbtn:hover,.navbtn.on{background:var(--nav2);color:#fff}.navbtn.on{box-shadow:inset 3px 0 var(--blue)}.content{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.page{padding:28px;max-width:1500px;margin:auto}.eyebrow{font-size:12px;font-weight:700;color:var(--blue);text-transform:uppercase}.title{font-size:28px;margin:4px 0}.muted{color:var(--muted)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.stat strong{font-size:30px;display:block;margin-top:8px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 3px 12px #15223808}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:20px 0}.search{max-width:360px;width:100%;border:1px solid #d8dfeb;border-radius:11px;padding:11px 13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding:12px}td{padding:15px 12px;border-top:1px solid #edf0f5;vertical-align:middle}.person{display:flex;gap:11px;align-items:center}.avatar{width:40px;height:40px;border-radius:12px;background:#e9efff;color:#244db5;display:grid;place-items:center;font-weight:800}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.active{background:#eaf8ef;color:#14783a}.passive{background:#fff0f0;color:#b42318}.menu-btn{border:1px solid #dce2ea;background:#fff;border-radius:9px;padding:7px 10px;cursor:pointer}.mobile-menu{display:none;border:0;background:transparent;font-size:23px}.section{display:none}.section.on{display:block}@media(max-width:1050px){.shell{grid-template-columns:220px 1fr}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;left:-280px;top:0;width:270px;z-index:20;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 60px #0005}.mobile-menu{display:block}.topbar{height:62px;padding:0 16px}.page{padding:18px 14px}.grid4{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:24px}.title{font-size:24px}.toolbar{align-items:stretch;flex-direction:column}.toolbar .primary{width:100%}.card{padding:14px}.teacher-cards{display:grid!important;gap:12px}.desktop-table{display:none}.teacher-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.teacher-card-head{display:flex;justify-content:space-between;gap:10px}.teacher-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.teacher-meta div{background:#f7f9fc;border-radius:10px;padding:10px}.teacher-meta small{display:block;color:var(--muted);margin-bottom:3px}.card-actions{display:flex;gap:7px;flex-wrap:wrap}.card-actions button{flex:1}}@media(min-width:761px){.teacher-cards{display:none!important}}.modal{position:fixed;inset:0;background:#07101f99;z-index:50;display:grid;place-items:center;padding:18px}.modal-card{background:#fff;width:min(720px,100%);max-height:92vh;overflow:auto;border-radius:20px;box-shadow:0 30px 80px #0004}.modal-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-body{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}.modal-foot{padding:16px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.secondary{border:1px solid #d8dfeb;background:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}.danger-text{color:var(--red)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-box{padding:13px;background:#f7f9fc;border-radius:12px}.detail-box small{display:block;color:var(--muted)}@media(max-width:600px){.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}