:root{--navy:#101d3b;--blue:#4568f5;--cyan:#43c8d5;--bg:#f4f6fb;--surface:#fff;--ink:#17233c;--muted:#77839a;--line:#e8ecf3;--green:#23a879;--orange:#f0a43b;--red:#e05b68;--shadow:0 10px 30px #1c2a4710;--sidebar:264px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:var(--navy);color:#d5dcef;padding:24px 16px;display:flex;flex-direction:column;z-index:5;transition:.25s;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:2px 9px 24px;color:white;font:800 20px Manrope}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#5979ff,#47c5d4);font-weight:800}.brand small{display:block;color:#8391b0;font:500 10px 'DM Sans';letter-spacing:.13em;margin-top:2px}.school-switch{margin:0 4px 22px;padding:11px;background:#ffffff0b;border:1px solid #ffffff15;border-radius:12px;display:flex;align-items:center;gap:10px}.school-icon{width:34px;height:34px;background:#263759;border-radius:10px;display:grid;place-items:center;color:#8fc9ff}.school-switch strong{font-size:12px;color:#fff;display:block}.school-switch span{font-size:10px;color:#9ba8c2}.nav-label{font-size:10px;color:#7786a5;letter-spacing:.13em;padding:13px 11px 8px}.nav{display:grid;gap:3px}.nav button{border:0;background:transparent;color:#aab6cf;text-align:left;padding:10px 11px;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:13px;transition:.15s}.nav button:hover{background:#ffffff0c;color:white}.nav button.active{background:#4568f5;color:#fff;box-shadow:0 5px 14px #4568f544}.ico{width:18px;text-align:center;font-size:16px}.nav .count{margin-left:auto;background:#e65d70;color:white;padding:2px 7px;border-radius:20px;font-size:10px}.side-bottom{margin-top:auto}.help-card{margin:16px 4px;padding:14px;border-radius:13px;background:linear-gradient(135deg,#263a66,#1c2d52);font-size:11px;color:#b9c5df;line-height:1.5}.help-card strong{display:block;color:white;font:700 12px Manrope;margin-bottom:5px}.user-mini{display:flex;align-items:center;gap:10px;padding:12px 8px;border-top:1px solid #ffffff18}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e9efff;color:#4662d9;font-weight:700;flex:none}.user-mini strong{color:#fff;display:block;font-size:12px}.user-mini span{color:#94a2be;font-size:10px}.main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh}.topbar{height:76px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:3}.crumb{color:var(--muted);font-size:12px}.crumb b{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.search{width:230px;position:relative}.search input{width:100%;padding:10px 12px 10px 36px;background:var(--bg);border:1px solid transparent;border-radius:10px;outline:none;color:var(--ink)}.search input:focus{border-color:#aab8ff}.search i{position:absolute;left:12px;top:9px;color:#8995aa;font-style:normal}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;position:relative}.dot{position:absolute;width:7px;height:7px;background:#e65d70;border-radius:50%;right:8px;top:7px;border:1px solid white}.profile-btn{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:600}.content{max-width:1500px;margin:auto;padding:30px 34px 50px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.welcome h1{font-size:25px;letter-spacing:-.04em}.welcome p{color:var(--muted);margin-top:6px}.btn{border:0;border-radius:9px;padding:10px 15px;background:var(--blue);color:white;font-weight:600;box-shadow:0 5px 12px #4568f52b}.btn:hover{filter:brightness(.96)}.btn.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink);box-shadow:none}.btn.small{padding:8px 11px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 19px;box-shadow:var(--shadow)}.stat-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px}.stat strong{display:block;font:800 24px Manrope;margin:11px 0 7px;letter-spacing:-.04em}.stat small{color:var(--muted);font-size:11px}.up{color:var(--green);font-weight:700}.down{color:var(--red);font-weight:700}.grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:16px;margin-bottom:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head h2{font-size:15px}.panel-head p{font-size:11px;color:var(--muted);margin-top:4px}.link{color:var(--blue);border:0;background:none;font-size:11px;font-weight:700}.chart-wrap{height:220px;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#99a3b4;font-size:10px;padding-top:4px}.legend{display:flex;gap:14px;font-size:10px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.activity{display:grid;gap:16px}.activity-row{display:flex;gap:11px;align-items:flex-start}.act-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none}.activity-row strong{display:block;font-size:11px}.activity-row p{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}.activity-row time{display:block;color:#a1aab9;font-size:9px;margin-top:4px}.bottom-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.table-panel{padding:0;overflow:hidden}.table-top{padding:18px 19px 14px;display:flex;align-items:center;justify-content:space-between}.table-top h2{font-size:15px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#8e9aae;background:#fafbfe;padding:11px 16px;font-weight:700}td{padding:12px 16px;border-top:1px solid #f0f2f6;font-size:11px;color:#58657a}td strong{color:var(--ink);font-size:11px}.person{display:flex;align-items:center;gap:9px}.person .avatar{width:29px;height:29px;font-size:10px}.subtext{display:block;font-size:9px;color:#9aa4b3;margin-top:3px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:700}.badge.green{background:#e7f7f0;color:#208760}.badge.orange{background:#fff4df;color:#ba7a17}.badge.red{background:#fdecef;color:#c84b5b}.badge.blue{background:#edf0ff;color:#5268d9}.due-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #f0f2f6}.due-date{width:39px;height:42px;border-radius:9px;background:#f1f4ff;color:#5268d9;text-align:center;padding-top:5px;font-size:9px;font-weight:700}.due-date b{display:block;font:800 16px Manrope}.due-item strong{font-size:11px}.due-item span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.due-item em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700}.section-page{display:none}.section-page.show{display:block}.table-tools{display:flex;gap:8px;align-items:center}.select,.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:var(--surface);color:var(--ink);outline:none}.select{font-size:11px}.mod-screen{position:fixed;inset:0;z-index:20;background:#f4f6fb;display:none;align-items:center;justify-content:center;padding:24px}.mod-screen.show{display:flex}.mod-shell{max-width:1050px;width:100%}.mod-title{text-align:center;margin-bottom:28px}.mod-title h1{font-size:32px;letter-spacing:-.04em;color:#152443}.mod-title p{color:var(--muted);margin-top:9px}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mode-card{background:white;border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow);display:flex;flex-direction:column}.mode-card.featured{border:2px solid #5875f4;position:relative}.mode-card h2{font-size:17px;margin:15px 0 8px}.mode-card p{font-size:12px;color:var(--muted);line-height:1.55;min-height:55px}.mode-card ul{padding-left:18px;color:#647189;font-size:11px;line-height:2;margin:13px 0 20px}.mode-icon{height:45px;width:45px;border-radius:14px;display:grid;place-items:center;background:#edf1ff;color:#536af1;font-size:22px}.mode-card .btn{margin-top:auto}.mode-foot{text-align:center;color:#929caf;font-size:11px;margin-top:18px}.overlay{position:fixed;inset:0;background:#111a2e66;z-index:30;display:none;align-items:center;justify-content:center;padding:18px}.overlay.show{display:flex}.modal{background:var(--surface);width:min(520px,100%);border-radius:16px;box-shadow:0 25px 70px #0c183533;overflow:hidden}.modal-head{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:16px}.close{border:0;background:transparent;font-size:22px;color:var(--muted)}.modal-body{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#57647b}.field input,.field select,.field textarea{width:100%;font-size:12px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:24px;bottom:24px;z-index:50;background:#142542;color:white;padding:13px 17px;border-radius:10px;box-shadow:0 12px 30px #101d3b33;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}.mobile-toggle{display:none}.empty{padding:40px;text-align:center;color:var(--muted)}body.dark{--bg:#10182b;--surface:#18243a;--ink:#edf2ff;--muted:#9aa8c2;--line:#2a3852;--shadow:0 10px 30px #070d1a38}body.dark th{background:#1b2941}body.dark td{border-color:#26344d;color:#bdc8da}body.dark .search input{background:#111c30;color:#eef}body.dark .stat,body.dark .panel,body.dark .mode-card{box-shadow:none}body.dark .due-date{background:#253456}body.dark .btn.secondary{color:var(--ink)}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.sidebar{width:230px}.main{margin-left:230px;width:calc(100% - 230px)}}@media(max-width:700px){.sidebar{transform:translateX(-100%);width:264px}.sidebar.open{transform:translateX(0)}.main{margin:0;width:100%}.topbar{height:64px;padding:0 15px}.content{padding:22px 15px}.welcome{align-items:flex-start;gap:14px;flex-direction:column}.welcome h1{font-size:22px}.search{width:min(42vw,200px)}.profile-name{display:none}.mobile-toggle{display:inline-grid}.cards{gap:9px}.stat{padding:14px}.stat strong{font-size:20px}.mode-cards{grid-template-columns:1fr}.mod-screen{overflow:auto;align-items:flex-start}.mod-title{margin:25px 0}.mode-card{padding:18px}.mode-card p{min-height:unset}.top-actions{gap:7px}.grid-main,.bottom-grid{gap:12px}.panel{padding:15px}}

.admin-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-action{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);min-height:170px;display:flex;flex-direction:column}.admin-action .mode-icon{margin-bottom:13px}.admin-action h3{font-size:15px;margin-bottom:7px}.admin-action p{font-size:11px;line-height:1.55;color:var(--muted);margin-bottom:18px}.admin-action .btn{margin-top:auto;align-self:flex-start}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.status-item{background:var(--bg);padding:13px;border-radius:10px}.status-item strong{display:block;font-size:11px}.status-item span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.import-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.upload-drop{border:1px dashed #9aaaf2;background:#f6f8ff;border-radius:14px;padding:30px;text-align:center}.upload-drop strong{display:block;margin:9px 0 6px}.upload-drop p,.hint{font-size:11px;color:var(--muted);line-height:1.6}.mapping-list{display:grid;gap:8px;margin-top:16px}.account-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}.auth-denied{color:#c84b5b}.section-page.show{animation:appear .16s ease-out}@keyframes appear{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}.row-actions{display:flex;gap:6px}.row-actions .btn{padding:6px 9px;font-size:10px}.danger{background:#fff0f1;color:#bd3848;border:1px solid #f4cfd3}.preview-table{max-height:360px;overflow:auto}.preview-table table{min-width:650px}@media(max-width:800px){.admin-actions{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.import-layout{grid-template-columns:1fr}.account-form{grid-template-columns:1fr}}

/* Dark mode contrast and menu hierarchy */
body.dark .topbar,body.dark .select,body.dark .field input,body.dark .field select,body.dark .field textarea{background:var(--surface);color:var(--ink)}
body.dark th{color:#a9b7d2;border-bottom:1px solid var(--line)}
body.dark td{border-color:var(--line);color:#c4cee0}
body.dark .upload-drop{background:#142139;border-color:#5268d9}
body.dark .status-item{background:#111d32}
body.dark .mode-card{background:var(--surface);color:var(--ink)}
body.dark .mode-card ul,body.dark .field label{color:#aebbd1}
body.dark .modal-head,body.dark .modal-foot{border-color:var(--line)}
body.dark .due-item{border-color:var(--line)}
body.dark .nav-label{color:#8292b1}
body.dark .btn.danger{background:#421f2c;color:#ffb8c0;border-color:#713243}
.nav-label{margin-top:10px}.nav-label:first-child{margin-top:0}

.import-actions{flex-wrap:wrap;align-items:center}.btn.ai{background:linear-gradient(135deg,#7557e8,#3f74ee);box-shadow:0 7px 18px #695ce633}.btn.ai:disabled{opacity:.5;box-shadow:none}.upload-drop{transition:border-color .18s,transform .18s,box-shadow .18s}.upload-drop:hover{border-color:#5268d9;box-shadow:0 8px 24px #4568f511}.mapping-list .status-item{border:1px solid var(--line);transition:transform .15s,border-color .15s}.mapping-list .status-item:hover{transform:translateY(-1px);border-color:#8b9cf5}.preview-table table{min-width:920px}.preview-table th{position:sticky;top:0;z-index:1}
.version-label{padding:10px 9px 0;color:#8291ad;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #ffffff14;margin:8px 8px 0}
.column-match-summary{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.column-chip{display:grid;gap:3px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);min-width:130px}.column-chip b{font-size:10px;color:var(--ink)}.column-chip span{font-size:10px;color:var(--muted)}.column-chip.matched{border-color:#bce4d2;background:color-mix(in srgb,var(--surface) 92%,#2fbc85)}.column-chip.unmatched{border-color:#f0d6a7}