:root{color:#1f3432;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1f3432;--muted:#7b8986;--green:#073b36;--green2:#0f6558;--line:#e8ece8;--surface:#fff;--shadow:0 5px 24px #173f3210;background:#f5f7f3;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:5;background:#fff;flex-direction:column;width:252px;padding:25px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 10px 37px;display:flex}.brand-mark{background:var(--green);color:#fff;letter-spacing:-1px;border-radius:12px;place-items:center;width:40px;height:40px;font:800 16px Manrope,sans-serif;display:grid}.brand b,.brand small,.profile b,.profile small{display:block}.brand b{font:700 14px Manrope,sans-serif}.brand small,.profile small{color:var(--muted);margin-top:4px;font-size:11px}.sidebar nav{gap:5px;display:grid}.nav-item{color:#6e7d79;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;height:44px;padding:0 13px;font-size:13px;display:flex}.nav-item.active{color:#0c5549;background:#eaf4f0;font-weight:700}.nav-item:hover{background:#f4f7f5}.sidebar-bottom{margin-top:auto}.security-note{color:#247263;background:#f5faf7;border:1px solid #e2eee9;border-radius:10px;gap:9px;margin:0 3px 15px;padding:11px;font-size:11px;line-height:1.5;display:flex}.profile{border-top:1px solid var(--line);align-items:center;gap:9px;padding:16px 5px 0;display:flex}.profile b{text-overflow:ellipsis;max-width:145px;font-size:11px;overflow:hidden}.avatar{color:#267462;background:#e7f2ed;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.icon-btn{color:#72817d;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-btn:hover{background:#eef3f0}.profile .icon-btn{margin-left:auto}.main{max-width:1680px;min-height:100vh;margin-left:252px;padding:0 38px}.topbar{border-bottom:1px solid #e8ece8;justify-content:space-between;align-items:center;height:70px;display:flex}.crumb{color:#8a9692;font-size:12px}.crumb span{color:#c2cbc7;margin:0 10px}.crumb b{color:#425451;font-weight:600}.top-actions{align-items:center;gap:17px;display:flex}.connection,.sync-button{align-items:center;gap:7px;font-size:11px;display:flex}.connection.online{color:#268168}.connection.offline{color:#bd7727}.sync-button{border:1px solid var(--line);color:#64736f;background:#fff;border-radius:8px;padding:8px 10px}.notification{border-left:1px solid var(--line);border-radius:0;padding-left:15px}.mobile-menu{display:none}.page-heading{justify-content:space-between;align-items:center;margin:32px 0 25px;display:flex}.eyebrow{letter-spacing:1.35px;color:#72918a;margin:0 0 8px;font-size:9px;font-weight:700}.page-heading h1,.welcome h1{letter-spacing:-.8px;color:#19322e;margin:0;font:700 27px Manrope,sans-serif}.page-heading .muted{margin:6px 0 0}.muted{color:#7e8d88;font-size:12px;line-height:1.6}.primary,.secondary{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 2px 4px #073b361b}.primary:hover{background:#0b5149}.secondary{color:#536762;background:#fff;border-color:#e2e9e5}.secondary:hover{border-color:#b9cbc4}.text-button{color:#267663;background:0 0;border:0;font-size:11px;font-weight:600}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card,.stat-card{background:var(--surface);box-shadow:var(--shadow);border:1px solid #e9eeea;border-radius:12px}.stat-card{min-height:130px;padding:17px 18px;position:relative}.stat-icon{border-radius:9px;place-items:center;width:31px;height:31px;margin-bottom:12px;display:grid}.stat-icon svg{width:16px}.mint{color:#278166;background:#e7f5ee}.lavender{color:#7b64bd;background:#f0edfc}.blue{color:#5f81be;background:#eaf1fc}.peach{color:#cf8650;background:#fff1e6}.stat-card p{color:#71807b;margin:0;font-size:11px;position:absolute;top:19px;left:60px}.stat-card strong{color:#263c38;font:700 24px Manrope,sans-serif;display:block}.stat-card small{color:#9aa5a0;margin-top:5px;font-size:10px;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:15px;margin-top:17px;display:grid}.activity-card,.quick-card,.recent-card{padding:19px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2,.activity-picker h2{color:#263b37;margin:0;font:700 14px Manrope,sans-serif}.section-title .muted{margin:4px 0 0;font-size:10px}.text-button span{margin-left:3px}.activity-list{margin-top:14px}.activity-row{text-align:left;background:#fff;border:0;border-top:1px solid #f0f2f0;grid-template-columns:32px minmax(140px,1fr) 55px minmax(50px,90px);align-items:center;gap:10px;width:100%;padding:11px 2px;display:grid}.activity-row:hover,.quick-link:hover{background:#fbfcfb}.activity-dot{border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.activity-dot svg{width:14px}.dot-0{color:#39866d;background:#e6f4ee}.dot-1{color:#7869b8;background:#f0edfc}.dot-2{color:#6988bb;background:#eaf2fc}.dot-3{color:#c98b59;background:#fff0e5}.row-main b,.row-main small{display:block}.row-main b{color:#374d47;font-size:11px;font-weight:600}.row-main small{color:#97a19d;margin-top:4px;font-size:10px}.row-count{text-align:right}.row-count b,.row-count small{display:block}.row-count b{font-size:12px}.row-count small{color:#94a19b;margin-top:2px;font-size:9px}.progress{background:#edf1ed;border-radius:4px;height:4px;overflow:hidden}.progress i{background:#65a88e;border-radius:4px;height:100%;display:block}.quick-link{text-align:left;background:#fff;border:0;border-top:1px solid #f0f2f0;align-items:center;gap:10px;width:100%;padding:12px 4px;display:flex}.quick-link>span:nth-child(2){flex:1}.quick-link b,.quick-link small{display:block}.quick-link b{color:#3b504b;font-size:11px}.quick-link small{color:#94a19b;margin-top:4px;font-size:10px}.quick-icon{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.quick-icon svg{width:15px}.q-purple{color:#7c69ba;background:#f1edfc}.q-green{color:#32816a;background:#e7f5ee}.q-blue{color:#6e8dc0;background:#eaf1fc}.arrow{color:#a0aaa5}.notice-box{color:#367b67;background:#f3f8f5;border-radius:8px;gap:9px;margin-top:13px;padding:10px;display:flex}.notice-box span,.notice-box b,.notice-box small{display:block}.notice-box b{font-size:10px}.notice-box small{color:#82928b;margin-top:4px;font-size:9px;line-height:1.4}.recent-card{margin-top:16px}.event-list{margin-top:8px}.event-row{border-top:1px solid #f0f2f0;align-items:center;gap:10px;padding:11px 0;display:flex}.event-mark{color:#36846e;background:#e9f5ef;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.event-mark svg{width:13px}.event-row>span:nth-child(2){flex:1}.event-row b,.event-row small{display:block}.event-row b{color:#435650;font-size:11px;font-weight:600}.event-row small{color:#8b9994;margin-top:3px;font-size:10px}.event-row time{color:#9ca8a3;white-space:nowrap;font-size:9px}.footer{color:#9aa6a1;justify-content:space-between;align-items:center;height:64px;margin-top:12px;font-size:10px;display:flex}.footer span{align-items:center;gap:6px;display:flex}.welcome{grid-template-columns:.8fr 1.2fr;max-width:880px;min-height:340px;margin:48px auto;display:grid;overflow:hidden}.welcome-art{background:radial-gradient(circle at 30% 40%,#236e5e,#073b36 70%);place-items:center;display:grid;position:relative}.welcome-icon{color:#fff;background:#ffffff20;border-radius:26px;place-items:center;width:92px;height:92px;display:grid}.float-pill{color:#346d5c;box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:9px 13px;font-size:11px;position:absolute;bottom:63px;right:27px}.welcome-copy{padding:48px}.welcome-copy h1{margin:0;font:700 26px Manrope,sans-serif}.welcome-copy .muted{max-width:390px;margin:11px 0 22px}.upload-button{width:max-content;padding:0 16px;position:relative;overflow:hidden}.upload-button input,.upload-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.tiny{color:#86958e;align-items:center;gap:5px;margin-top:14px;font-size:10px;display:flex}.toolbar{justify-content:space-between;gap:14px;margin:0 0 15px;display:flex}.searchbox{color:#8a9993;background:#fff;border:1px solid #e4eae6;border-radius:8px;align-items:center;gap:8px;width:min(480px,100%);height:39px;padding:0 10px;display:flex}.searchbox input{min-width:40px;color:var(--ink);border:0;outline:0;flex:1;font-size:11px}.searchbox kbd{color:#9ba7a1;border:1px solid #e6ebe7;border-radius:4px;padding:3px 5px;font-size:9px}.table-card{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:#8b9993;border-bottom:1px solid var(--line);background:#f9fbf9;padding:12px 14px;font-size:9px}td{color:#60716b;border-bottom:1px solid #eff2ef;padding:12px 14px;font-size:11px}td b{color:#334a44;font-weight:600}.number{color:#87948f}.subline{color:#899791;margin-top:4px;font-size:10px;display:block}.ci-button{color:#63766d;background:#f4f7f5;border:0;border-radius:5px;padding:3px 6px;font-size:10px}.pagination{color:#83908a;justify-content:space-between;align-items:center;padding:12px 15px;font-size:10px;display:flex}.pagination div{gap:6px;display:flex}.pagination .secondary{min-height:30px;font-size:10px}.activity-layout{grid-template-columns:minmax(245px,.65fr) minmax(0,1.5fr);gap:15px;display:grid}.activity-picker,.roster-card{padding:18px}.activity-picker h2{margin-bottom:13px}.picker-item{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:11px 9px;display:flex}.picker-item.selected{background:#edf6f1}.picker-item>span:nth-child(2){flex:1;min-width:0}.picker-item b,.picker-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.picker-item b{color:#435850;font-size:10px}.picker-item small{color:#8b9993;margin-top:4px;font-size:9px}.picker-bullet{background:#58a486;border-radius:50%;width:7px;height:7px}.picker-count{color:#74847d;font-size:10px}.filter-select{color:#657770;background:#fff;border:1px solid #e5ebe6;border-radius:7px;padding:7px 9px;font-size:10px}.attendance-list{max-height:570px;margin-top:12px;overflow:auto}.attendance-row{border-top:1px solid #f0f2f0;align-items:center;gap:10px;padding:10px 0;display:flex}.student-avatar{width:28px;height:28px;font-size:9px}.attendance-row .row-main{flex:1;min-width:0}.attendance-row .row-main b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toggle-group{gap:5px;display:flex}.toggle{color:#84928c;background:#fff;border:1px solid #e5ebe7;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:9px;display:flex}.toggle.present.chosen{color:#277959;background:#e9f5ef;border-color:#cce8d9}.toggle.absent.chosen{color:#bd654b;background:#fff0ec;border-color:#f2d6ce}.history-card{padding:16px 22px}.empty-state{text-align:center;color:#94a19c;padding:27px 10px;font-size:11px}.import-card{padding:32px}.upload-drop{text-align:center;color:#5e8c7a;background:#fbfdfb;border:1px dashed #c8d8d0;border-radius:12px;padding:38px}.upload-drop h2{color:#344a43;font:700 16px Manrope}.upload-drop p{color:#87968f;font-size:11px}.upload-drop .secondary{position:relative;overflow:hidden}.toast{z-index:10;color:#fff;width:max-content;max-width:100%;box-shadow:var(--shadow);background:#123f36;border-radius:8px;align-items:center;gap:12px;margin:10px auto 0;padding:8px 10px 8px 14px;font-size:11px;display:flex;position:sticky;top:8px}.toast .icon-btn{color:#fff}.modal-backdrop{z-index:20;background:#10262080;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border-radius:14px;width:min(560px,100%);padding:23px;box-shadow:0 18px 60px #132b2645}.import-modal{width:min(700px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;display:flex}.modal h2{color:#243c35;margin:0;font:700 19px Manrope}.modal-header .eyebrow{margin-bottom:6px}.modal label{color:#546760;gap:6px;margin:16px 0;font-size:11px;display:grid}.modal input{border:1px solid #dce5df;border-radius:7px;height:38px;padding:0 10px;font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compat-warning{color:#8d6a24;background:#fff8e9;border:1px solid #f0e0b8;border-radius:8px;gap:9px;margin-top:14px;padding:11px;font-size:10px;line-height:1.5;display:flex}.compat-warning svg{flex:none}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.preview-stats{grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0;display:grid}.preview-stats div{text-align:center;background:#f5f8f5;border-radius:8px;padding:11px}.preview-stats b,.preview-stats small{display:block}.preview-stats b{color:#2b5d4e;font:700 18px Manrope}.preview-stats small{color:#83918a;margin-top:3px;font-size:9px}.preview-detail{color:#71807a;background:#f9faf9;border:1px solid #eef1ee;border-radius:8px;padding:10px 12px;font-size:10px;line-height:1.6}.preview-detail p{margin:4px 0}.preview-detail b{color:#4d6058}.warning-line,.error-line{color:#996c27;align-items:flex-start;gap:6px;font-size:10px;display:flex}.error-line{color:#ad513e}.warning-line svg,.error-line svg{flex:none}.loading-indicator{color:#fff;z-index:30;background:#153e35;border-radius:8px;padding:10px 15px;font-size:11px;position:fixed;bottom:20px;right:20px}.login-wrap{background:radial-gradient(circle at 40% 35%,#eaf3ee,#f5f7f3 55%);place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--line);width:min(410px,100% - 30px);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:34px}.login-card .brand-mark{margin-bottom:25px}.login-card h1{margin:0;font:700 24px Manrope}.login-card .muted{margin:8px 0 22px}.login-card label{color:#52655d;gap:7px;margin:15px 0;font-size:11px;display:grid}.login-card input{border:1px solid #dce5df;border-radius:7px;height:40px;padding:0 10px}.login-card .full{width:100%;margin-top:7px}.login-card>small{color:#929d97;margin-top:13px;font-size:10px;line-height:1.6;display:block}.notice{color:#9a6830;font-size:11px}@media (width<=1100px){.main{padding:0 24px}.sidebar{width:220px}.main{margin-left:220px}.stats-grid{gap:9px}.dashboard-grid{grid-template-columns:1.2fr 1fr}.stat-card{padding:15px}.activity-layout{grid-template-columns:240px 1fr}}@media (width<=780px){.sidebar{display:none}.main{margin:0;padding:0 16px}.topbar{height:58px}.mobile-menu{display:inline-grid}.crumb{margin-left:7px;margin-right:auto}.top-actions{gap:8px}.connection{font-size:0}.connection svg{width:17px;height:17px}.sync-button{padding:7px;font-size:0}.sync-button svg{width:16px}.sync-button svg:last-child,.notification{display:none}.page-heading{align-items:flex-start;gap:10px;margin:25px 0 18px}.page-heading h1{font-size:23px}.page-heading>.primary,.page-heading>.secondary{min-width:38px;padding:0 10px;font-size:0}.page-heading>.primary svg,.page-heading>.secondary svg{width:18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{min-height:119px}.dashboard-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.activity-card,.quick-card,.recent-card{padding:15px}.activity-row{grid-template-columns:30px minmax(90px,1fr) 43px;gap:7px}.activity-row .progress{display:none}.row-main b{font-size:10px}.quick-card{padding-bottom:8px}.recent-card{margin-top:12px}.footer{flex-wrap:wrap;gap:6px;height:auto;min-height:55px;padding:12px 0;font-size:9px}.footer span:nth-child(2){display:none}.welcome{grid-template-columns:1fr;margin:22px auto}.welcome-art{min-height:160px}.welcome-copy{padding:24px}.welcome h1{font-size:23px}.float-pill{bottom:13px;right:18px}.toolbar{align-items:stretch}.searchbox{width:100%}.toolbar>.secondary{min-width:40px;padding:0;font-size:0}.toolbar>.secondary svg{width:17px}.activity-layout{grid-template-columns:1fr}.activity-picker{max-height:220px;overflow:auto}.activity-picker h2{font-size:13px}.picker-item{padding:8px}.roster-card{padding:13px}.attendance-row{gap:7px}.attendance-row .row-main b{font-size:9px}.toggle{padding:7px;font-size:0}.toggle svg{width:15px;height:15px}.form-row{grid-template-columns:1fr}.preview-stats{grid-template-columns:repeat(3,1fr)}.modal{padding:18px}.modal-actions .primary,.modal-actions .secondary{padding:0 10px;font-size:10px}.pagination{padding:10px;font-size:9px}.recent-card .section-title .text-button{font-size:9px}}.student-name{text-align:left;color:inherit;background:0 0;border:0;padding:0}.student-name:hover b{text-decoration:underline}.student-history{max-height:48vh;margin:18px 0;overflow:auto}.student-history-row{color:#50635c;border-top:1px solid #edf1ed;justify-content:space-between;align-items:center;gap:12px;padding:11px 3px;font-size:10px;display:flex}.student-history-row span small{color:#92a098;margin-top:4px;font-size:9px;display:block}.student-history-row b{white-space:nowrap;font-size:10px}.student-modal h3{color:#435a51;margin:16px 0 6px;font:700 12px Manrope}.mobile-drawer-backdrop{display:none}@media (width<=780px){.mobile-drawer-backdrop{z-index:15;background:#10262070;display:block;position:fixed;inset:0}.mobile-drawer{background:#fff;width:min(290px,85vw);padding:58px 15px 15px;position:absolute;inset:0 auto 0 0;box-shadow:10px 0 35px #10262020}.mobile-drawer .nav-item{width:100%}.drawer-close{position:absolute;top:12px;right:13px}}