@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600&display=swap";:root{color:#183247;font-synthesis:none;--navy:#123b59;--blue:#245473;--ink:#193d55;--muted:#78909d;--line:#e3ebef;--gold:#edb34c;--surface:#fff;background:#f6f8fa;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#dbeaf1;z-index:10;flex-direction:column;flex:0 0 248px;width:248px;min-height:100vh;padding:28px 18px 20px;display:flex}.brand,.login-brand{color:#fff;align-items:center;gap:11px;display:flex}.brand{padding:0 12px 46px}.brand-mark{background:var(--gold);color:var(--navy);border-radius:11px;place-items:center;width:35px;height:35px;font-family:Georgia;font-size:24px;display:grid}.brand strong{letter-spacing:.02em;font-size:20px;display:block}.brand small,.login-brand small{letter-spacing:.14em;text-transform:uppercase;color:#94b4c2;margin-top:2px;font-size:10px;display:block}.workspace-label,.eyebrow{letter-spacing:.14em;color:#89a4b3;margin:0;font-size:10px;font-weight:700}.workspace-label{padding:0 13px 13px}.nav-item{color:#a9c2ce;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;margin-bottom:3px;padding:11px 13px;font:500 13px DM Sans;display:flex;position:relative}.nav-item span{text-align:center;width:17px;font-size:17px}.nav-item:hover,.nav-item.active{color:#fff;background:#245473}.nav-item.active{box-shadow:inset 3px 0 var(--gold)}.nav-badge{color:#123b59;background:#edb34c;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.user-chip{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #2e5971;align-items:center;gap:10px;width:100%;padding:18px 6px 0;display:flex}.user-chip strong{font-size:12px;display:block}.user-chip small{color:#96b1bf;margin-top:3px;font-size:11px;display:block}.user-chip>span{color:#91acba;margin-left:auto}.avatar,.top-avatar{color:#24626b;background:#dbe9e7;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.avatar{width:31px;height:31px}.main-content{flex:1;min-width:0;padding:34px 5.5%;overflow:hidden}.topbar{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.topbar h1{color:var(--ink);margin:8px 0 0;font:600 30px Playfair Display,serif}.top-actions{align-items:center;gap:24px;display:flex}.icon-button{color:#56727f;background:0 0;border:0;font-size:23px;position:relative}.icon-button b{color:#fff;background:#d87863;border:2px solid #f6f8fa;border-radius:50%;width:17px;height:17px;font-size:9px;line-height:16px;position:absolute;top:-4px;right:-8px}.top-avatar{border:3px solid #fff;width:36px;height:36px;box-shadow:0 2px 8px #123b5920}.menu-toggle{color:var(--navy);background:0 0;border:0;font-size:22px;display:none}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(250px,.8fr);gap:20px;display:grid}.welcome-card{background:#d9e9e6;border-radius:14px;align-items:center;min-height:245px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.welcome-card h2{color:var(--ink);margin:10px 0 8px;font:600 28px Playfair Display,serif}.welcome-card p:not(.eyebrow){color:#52717b;margin:0 0 24px;font-size:13px}.eyebrow.light{color:#5a8582}.primary-button{background:var(--navy);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:18px;padding:12px 16px;font-size:12px;font-weight:600;display:inline-flex}.primary-button:hover{background:#245473}.primary-button span{font-size:17px;line-height:0}.welcome-art{width:44%;height:100%;position:absolute;bottom:0;right:-3px}.sun{background:#f1b95c;border-radius:50%;width:85px;height:85px;position:absolute;top:24%;right:43%}.hill{border-radius:50% 50% 0 0;position:absolute;bottom:-45px}.hill-one{background:#a9cbc1;width:250px;height:165px;right:-35px}.hill-two{background:#6da49a;width:210px;height:125px;right:82px}.stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:116px;padding:18px 18px 15px}.stat-top{color:#6a8792;justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-top i{border-radius:50%;padding:3px 5px;font-size:12px;font-style:normal}.stat-card strong{color:var(--ink);margin:13px 0 4px;font-size:28px;display:block}.stat-card small{color:#8ca1a9;font-size:10px}.stat-card.blue .stat-top i{color:#3c82b0;background:#e7f1f9}.stat-card.mint .stat-top i{color:#3d9a79;background:#e7f5f0}.stat-card.amber .stat-top i{color:#bd7d24;background:#fff1d9}.stat-card.purple .stat-top i{color:#8067b4;background:#f0ebfb}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px}.chart-panel{min-height:285px;padding:22px 24px}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h3,.report-card h3{color:var(--ink);margin:6px 0 0;font-size:16px}.panel-heading select,.notice-row select{border:1px solid var(--line);color:#607d89;background:#fff;border-radius:6px;padding:7px 10px;font-size:11px}.bar-chart{border-bottom:1px solid var(--line);justify-content:space-around;align-items:flex-end;gap:12px;height:190px;padding:22px 12px 26px;display:flex;position:relative}.bar-chart span{background:linear-gradient(#6caeae,#d9ebe8);border-radius:5px 5px 0 0;width:9%;max-width:35px;min-height:20px}.bar-chart span:nth-child(6){background:linear-gradient(#245473,#8ab5b4)}.chart-labels{color:#95a8ae;justify-content:space-around;font-size:10px;display:flex;position:absolute;bottom:3px;left:0;right:0}.empty-chart{border-top:1px dashed #d9e5e4}.chart-empty{color:#91a5aa;margin:auto;font-size:11px}.side-panel{padding:22px 24px}.check-list{margin-top:18px}.check-list button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:11px;width:100%;padding:13px 0;display:flex}.check-list button:last-child{border-bottom:0}.check-list button>span{color:#c7a25f;font-size:10px}.check-list p{flex:1;margin:0}.check-list strong{color:var(--ink);font-size:11px;display:block}.check-list small{color:#91a4ab;margin-top:4px;font-size:10px;display:block}.check-list i{color:#78909d;font-style:normal}.activity-panel{grid-column:1/-1;min-height:215px;padding:22px 24px}.text-button{color:#4e8791;background:0 0;border:0;font-size:11px;font-weight:600}.empty-state{text-align:center;color:#88a0a8;padding:28px 15px}.empty-state h4{color:#54717b;margin:10px 0 4px;font-size:13px}.empty-state p{margin:0;font-size:11px;line-height:1.6}.empty-icon{color:#75a9a2;background:#edf5f4;border-radius:50%;place-items:center;width:32px;height:32px;margin:auto;display:grid}.module-page{max-width:1200px}.module-intro{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.module-intro h2{color:var(--ink);margin:7px 0;font:600 28px Playfair Display,serif}.module-intro>div>p:last-child{color:#74909a;margin:0;font-size:13px}.toolbar{gap:9px;margin-bottom:8px;display:flex}.search-box{border:1px solid var(--line);color:#78909d;background:#fff;border-radius:7px;flex:1;align-items:center;gap:8px;max-width:430px;padding:0 12px;display:flex}.search-box input{border:0;outline:0;width:100%;padding:10px 0;font-size:12px}.filter-button{border:1px solid var(--line);color:#607d89;background:#fff;border-radius:7px;padding:0 13px;font-size:11px}.result-hint{color:#8ba0a8;margin:0 0 12px;font-size:10px}.table-panel{overflow:hidden}.table-head{border-bottom:1px solid var(--line);color:#78909d;justify-content:space-between;padding:15px 18px;font-size:11px;display:flex}.select-all{align-items:center;gap:7px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:630px}th{text-align:left;color:#8ca0a7;text-transform:uppercase;letter-spacing:.04em;background:#fbfcfc;padding:13px 18px;font-size:10px;font-weight:700}th span{color:#bdc9cc;font-size:11px}td{padding:0 18px}.table-panel .empty-state{padding:52px 15px}.upload-drop{color:#51867f;cursor:pointer;background:#f4fbf9;border:1px dashed #9cc4be;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:135px;margin-top:15px;display:flex}.upload-drop span{font-size:22px}.upload-drop strong{font-size:12px}.upload-drop small{color:#86a5a2;font-size:10px}.success-note{color:#32866c;font-size:12px}.preference-panel{padding:5px 22px}.notice-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:20px 0;display:flex}.notice-row:last-child{border-bottom:0}.notice-row>span{color:#55958e;background:#edf5f4;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.notice-row.critical>span{color:#cf755f;background:#fff0ec}.notice-row div{flex:1}.notice-row strong{color:var(--ink);font-size:13px}.notice-row p{color:#849ba3;margin:4px 0 0;font-size:11px}.notice-row>b{color:#c16b57;text-transform:uppercase;font-size:10px}.switch input{display:none}.switch i{background:#84b9ad;border-radius:15px;width:35px;height:20px;display:block;position:relative}.switch i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;right:2px}.report-grid{grid-template-columns:1fr 1.2fr;gap:18px;display:grid}.report-card{padding:24px}.report-card>strong{color:var(--ink);margin:8px 0 15px;font-size:14px;display:block}.report-choice{border:1px solid var(--line);color:#567580;text-align:left;background:#fff;border-radius:7px;justify-content:space-between;width:100%;margin-top:8px;padding:13px 12px;font-size:11px;display:flex}.report-choice:hover{border-color:#8bb9b2}.empty-report{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.empty-report h3{font-size:14px}.empty-report p{color:#8da1a8;max-width:260px;font-size:11px;line-height:1.6}.scrim{display:none}.login-page{min-height:100vh;color:var(--ink);background:#f1f6f5;flex-direction:column;align-items:center;padding:38px 20px;display:flex}.login-brand{color:var(--navy);margin-bottom:30px}.login-brand small{color:#779b9c}.login-card{border:1px solid var(--line);background:#fff;border-radius:15px;width:min(100%,440px);padding:34px 38px;box-shadow:0 18px 50px #123b5910}.login-copy h1{margin:8px 0;font:600 29px Playfair Display,serif}.login-copy>p:last-child{color:#7c949c;margin:0 0 25px;font-size:12px;line-height:1.6}.login-card form>label{color:#456875;margin:15px 0;font-size:11px;font-weight:600;display:block}.login-card input[type=email],.login-card input[type=password]{border:1px solid var(--line);border-radius:7px;outline-color:#7eafa8;width:100%;margin-top:7px;padding:12px;font-size:12px;display:block}.password-field{position:relative}.password-field input{padding-right:42px!important}.password-field button{color:#90a6ac;background:0 0;border:0;position:absolute;top:7px;right:5px}.form-row{justify-content:space-between;align-items:center;margin:18px 0;font-size:11px;display:flex}.form-row a{color:#4b8e89;text-decoration:none}.check{color:#77909a!important;margin:0!important;font-weight:400!important}.check input{accent-color:#397d76}.full{width:100%}.login-note{text-align:center;color:#a1b1b4;margin:22px 0 0;font-size:10px}.back-link{color:#4b8e89;margin-top:22px;font-size:12px;text-decoration:none}.student-page{min-height:100vh;color:var(--ink);background:#f6f8fa;padding:22px max(18px,50% - 310px) 90px}.student-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.student-top .login-brand{color:var(--navy)}.student-bell{color:#587580;background:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:20px;position:relative}.student-bell b{color:#fff;background:#d87863;border-radius:50%;padding:3px 5px;font-size:9px;position:absolute;top:0;right:1px}.student-hero{background:var(--navy);color:#fff;border-radius:16px;padding:26px 24px}.student-hero h1{margin:9px 0;font:600 27px Playfair Display,serif}.student-hero>p:not(.eyebrow){color:#bad4d7;margin:0 0 25px;font-size:12px;line-height:1.6}.student-hero .eyebrow{color:#9ac1c1}.progress-row{color:#c1d9da;justify-content:space-between;font-size:11px;display:flex}.progress-row strong{color:var(--gold)}.progress{background:#315b70;border-radius:8px;height:7px;margin-top:9px;overflow:hidden}.progress i{background:var(--gold);border-radius:8px;width:68%;height:100%;display:block}.student-cards{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.student-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px}.card-icon{color:#5c9b95;background:#edf5f4;border-radius:8px;place-items:center;width:29px;height:29px;margin-bottom:14px;font-size:15px;display:grid}.student-card small{color:#8ca1a8;font-size:10px;display:block}.student-card strong{color:var(--ink);margin:6px 0;font-size:12px;display:block}.student-card p{color:#a0afb3;margin:0;font-size:10px}.student-section{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px 18px}.student-heading{justify-content:space-between;align-items:flex-end;display:flex}.student-heading h2{margin:7px 0 17px;font:600 21px Playfair Display,serif}.student-heading a{color:#4e8e88;font-size:10px;text-decoration:none}.student-event{background:#f7faf9;border-radius:9px;align-items:center;gap:12px;padding:11px;display:flex}.date-tile{color:#3d837d;text-align:center;background:#dceee9;border-radius:7px;padding:7px 10px}.date-tile strong,.date-tile small{display:block}.date-tile strong{font-size:18px}.date-tile small{font-size:8px;font-weight:700}.student-event>div:nth-child(2){flex:1}.student-event strong{font-size:12px}.student-event p{color:#8da0a6;margin:4px 0 0;font-size:10px}.student-event button{color:#4e8e88;background:0 0;border:0;font-size:18px}.student-nav{border-top:1px solid var(--line);background:#fff;justify-content:center;gap:clamp(25px,8vw,70px);padding:10px 12px 8px;display:flex;position:fixed;bottom:0;left:0;right:0}.student-nav a{color:#a0b0b5;text-align:center;font-size:17px;text-decoration:none}.student-nav a.selected{color:#408780}.student-nav small{margin-top:3px;font-size:9px;display:block}.student-exit{text-align:center;color:#4e8e88;margin-top:22px;font-size:10px;text-decoration:none;display:block}@media (width>=721px){.student-page{max-width:680px;margin:auto}.student-nav{border:0;border-radius:12px;margin:24px -18px 0;position:static}.student-exit{margin-top:14px}}@media (width<=1050px){.sidebar{flex-basis:220px;width:220px}.main-content{padding:28px 3.5%}.content-grid{grid-template-columns:1fr}.welcome-card,.stats{grid-column:1}.chart-panel,.side-panel{grid-column:auto}.activity-panel{grid-column:1}}@media (width<=720px){.sidebar{width:248px;transition:left .2s;position:fixed;top:0;bottom:0;left:-250px}.sidebar.open{left:0}.scrim{z-index:5;background:#123b5940;border:0;display:block;position:fixed;inset:0}.main-content{padding:20px 16px}.topbar{gap:14px;margin-bottom:25px}.menu-toggle{display:block}.topbar>div:nth-child(2){flex:1}.topbar h1{font-size:24px}.top-actions{gap:10px}.welcome-card{min-height:270px;padding:24px}.welcome-card h2{max-width:230px;font-size:23px}.welcome-art{opacity:.75;width:55%}.stats{gap:8px}.stat-card{min-height:108px;padding:14px}.stat-card strong{font-size:23px}.stat-top span{font-size:10px}.module-intro{flex-direction:column;align-items:flex-start;gap:15px}.module-intro h2{font-size:26px}.module-intro .primary-button{align-self:stretch}.toolbar{flex-wrap:wrap}.search-box{flex-basis:100%;order:-1;max-width:none}.filter-button{flex:1;height:36px}.report-grid{grid-template-columns:1fr}.chart-panel,.side-panel,.activity-panel{padding:18px}.login-card{padding:28px 22px}}@media (width>=1051px){.chart-panel{grid-column:1}.side-panel{grid-column:2}.activity-panel{grid-column:1/-1}}