@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#20354a;font-synthesis:none;background:#f6f8fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{color:#d5e0ea;background:#102a43;flex-direction:column;flex-shrink:0;width:250px;padding:28px 14px 18px;display:flex}.brand{color:#fff;align-items:center;gap:10px;padding:0 14px 42px;display:flex}.brand-mark{text-align:center;color:#f2b84b;border:2px solid #f2b84b;border-radius:10px;width:34px;height:34px;font-family:Manrope;font-size:25px;font-weight:800;line-height:34px}.brand strong{letter-spacing:2px;font:800 18px Manrope;display:block}.brand span{letter-spacing:1.3px;color:#9bb0c2;margin-top:2px;font-size:8px;display:block}.workspace-label{letter-spacing:1.4px;color:#7190a9;padding:0 16px 14px;font-size:10px;font-weight:700}.nav-item{color:#9eb3c5;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;margin:2px 0;padding:12px 15px;font-size:14px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#1a405f}.nav-item.active{box-shadow:inset 3px 0 #f2b84b}.nav-item b{color:#b8e2f1;background:#245778;border-radius:20px;margin-left:auto;padding:3px 7px;font-size:11px}.nav-item.active b{color:#102a43;background:#f2b84b}.sidebar-bottom{margin-top:auto}.sidebar-bottom .nav-item{margin-bottom:4px}.dot{color:#fff!important;background:#e27b5e!important}.profile{border-top:1px solid #294963;align-items:center;gap:10px;margin-top:18px;padding:18px 10px 0;display:flex}.profile strong{color:#fff;font-size:12px;display:block}.profile span{color:#88a1b5;font-size:11px}.profile svg{color:#7591a7;margin-left:auto}.avatar{color:#fff;background:#e7ad67;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.main-content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;height:76px;padding:0 42px;display:flex}.breadcrumb{color:#8b9bab;align-items:center;gap:9px;font-size:13px;display:flex}.breadcrumb strong{color:#20354a;font-weight:600}.top-actions{align-items:center;gap:20px;display:flex}.search{color:#9aabb9;border:1px solid #e0e7ee;border-radius:8px;align-items:center;gap:9px;padding:8px 12px;display:flex}.search input{border:0;outline:0;width:150px;font-size:13px}.icon-button{color:#668098;cursor:pointer;background:0 0;border:0;position:relative}.icon-button i{background:#e27b5e;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:0;right:-1px}.content{max-width:1370px;margin:0 auto;padding:40px 42px}.welcome{justify-content:space-between;align-items:end;margin-bottom:31px;display:flex}.eyebrow{letter-spacing:1.5px;color:#8496a8;margin:0 0 10px;font-size:10px;font-weight:700}.welcome h1{color:#17334d;margin:0;font:800 28px Manrope}.welcome h1 span{color:#f2b84b;font-size:20px}.muted{color:#8496a8;margin:7px 0 0;font-size:13px}.primary{color:#fff;cursor:pointer;background:#e3a83e;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;display:flex;box-shadow:0 5px 14px #e3a83e38}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.card{background:#fff;border:1px solid #e8edf2;border-radius:10px;box-shadow:0 3px 10px #20354a06}.stat{padding:20px 21px}.stat-icon{border-radius:9px;place-items:center;width:37px;height:37px;margin-bottom:17px;display:grid}.stat-icon.navy{color:#2d6e9b;background:#e6f0f8}.stat-icon.teal{color:#30947c;background:#e4f4ef}.stat-icon.purple{color:#7963c9;background:#eeeafe}.stat-icon.orange{color:#d27842;background:#fff0e7}.stat p{margin:0}.stat-value{color:#183650;margin:6px 0 7px;font:800 25px Manrope}.stat-foot{align-items:center;gap:6px;font-size:11px;display:flex}.green-text{color:#319578;font-weight:700}.orange-text{color:#d57f48;font-weight:700}.dashboard-grid{grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px;display:grid}.activity-card,.alerts-card,.students-card{padding:22px 24px}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.card h2{color:#17334d;margin:0;font:700 15px Manrope}.card-heading .muted{font-size:12px}.ghost,.outline{color:#4b789b;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:flex}.outline{color:#58718a;border:1px solid #dce5ec;border-radius:7px;padding:8px 11px}.progress-row{align-items:center;gap:36px;padding:25px 10px 22px;display:flex}.ring{background:conic-gradient(#42ad92 0 82%,#e9f0f2 82% 100%);border-radius:50%;flex-shrink:0;place-items:center;width:145px;height:145px;display:grid;position:relative}.ring:after{content:"";background:#fff;border-radius:50%;width:112px;height:112px;position:absolute}.ring div{z-index:1;text-align:center}.ring strong{color:#183650;font:800 25px Manrope;display:block}.ring span{color:#8b9bab;font-size:11px}.progress-info{flex:1}.progress{margin:13px 0}.progress>div:first-child{color:#526b81;justify-content:space-between;margin-bottom:7px;font-size:12px;display:flex}.progress strong{color:#20354a}.bar{background:#edf1f4;border-radius:5px;height:6px;overflow:hidden}.bar i{border-radius:5px;height:100%;display:block}.bar i.teal{background:#46af94}.bar i.purple{background:#8a75d3}.bar i.orange{background:#e99a5a}.insight{color:#277b67;background:#f4faf8;border-radius:8px;align-items:center;gap:11px;padding:11px 13px;display:flex}.insight strong{font-size:12px}.insight p{margin:3px 0 0;font-size:11px}.insight>svg{margin-left:auto}.insight-icon{background:#dcefe9;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.count-pill{color:#d27842;background:#fff0e7;border-radius:15px;padding:5px 9px;font-size:11px;font-weight:700}.alert-list{padding:13px 0 10px}.alert{border-bottom:1px solid #edf1f4;align-items:center;gap:11px;padding:13px 0;display:flex}.alert:last-child{border:0}.alert-icon{border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.alert-icon.orange{color:#d27842;background:#fff0e7}.alert-icon.purple{color:#7963c9;background:#eeeafe}.alert-icon.blue{color:#2d6e9b;background:#e6f0f8}.alert strong{color:#304c65;font-size:12px}.alert p{color:#8496a8;margin:3px 0;font-size:11px}.alert>svg{color:#9eb0be;margin-left:auto}.full{justify-content:center;width:100%;padding-top:8px}.heading-actions{gap:10px;display:flex}.students-card{padding-bottom:9px}.table-wrap{margin-top:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th{text-align:left;letter-spacing:1px;color:#9aabb9;border-bottom:1px solid #edf1f4;padding:11px 12px;font-size:9px;font-weight:700}td{color:#506b82;border-bottom:1px solid #edf1f4;padding:13px 12px;font-size:12px}.student{color:#27455e;align-items:center;gap:10px;display:flex}.student-avatar{border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;font-weight:700;display:grid}.student-avatar.blue{color:#4b8bb2;background:#e1eff8}.student-avatar.purple{color:#7963c9;background:#eeeafe}.student-avatar.orange{color:#d27842;background:#fff0e7}.student-avatar.green{color:#30947c;background:#e4f4ef}.school strong,.school span{display:block}.school strong{color:#506b82;font-size:12px;font-weight:500}.school span{color:#9aabb9;margin-top:3px;font-size:10px}.status{border-radius:14px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;display:inline-flex}.status i{border-radius:50%;width:5px;height:5px;display:block}.status.success{color:#2e8f77;background:#e4f4ef}.status.success i{background:#42ad92}.status.warning{color:#ce7a43;background:#fff0e7}.status.warning i{background:#e99a5a}.row-action{color:#91a4b4;cursor:pointer;background:0 0;border:0}.menu-button,.close-menu{display:none}footer{color:#9aabb9;justify-content:space-between;max-width:1370px;margin:0 auto;padding:4px 42px 25px;font-size:11px;display:flex}@media (width<=1000px){.sidebar{width:220px}.content{padding:30px 25px}.topbar{padding:0 25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.sidebar{z-index:10;transition:left .2s;position:fixed;top:0;bottom:0;left:-260px}.sidebar.open{left:0}.overlay{z-index:9;background:#102a4366;position:fixed;inset:0}.close-menu{color:#9eb3c5;background:0 0;border:0;margin-left:auto;display:block}.menu-button{color:#557089;background:0 0;border:0;padding:0;display:block}.topbar{gap:15px;height:64px;padding:0 18px}.breadcrumb{font-size:12px}.top-actions{gap:12px}.search,.top-actions .small{display:none}.content{padding:27px 17px}.welcome{display:block}.welcome h1{font-size:23px}.welcome .muted{margin-bottom:20px}.primary{justify-content:center;width:100%}.stats-grid{gap:10px}.stat{padding:15px}.stat-icon{margin-bottom:12px}.stat-value{font-size:20px}.stat-foot{display:block}.stat-foot .muted{margin-top:3px;font-size:10px;display:block}.progress-row{gap:17px;padding:20px 0}.ring{width:112px;height:112px}.ring:after{width:86px;height:86px}.ring strong{font-size:20px}.activity-card,.alerts-card,.students-card{padding:18px 15px}.heading-actions .ghost{display:none}.heading-actions .outline{font-size:0}.heading-actions .outline svg{margin:0}.dashboard-grid{gap:12px}footer{padding:5px 17px 20px;display:block}footer span{margin-top:5px;display:block}}