@font-face{font-family:Cerebri;src:url('../fonts/cerebrisans-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Cerebri;src:url('../fonts/cerebrisans-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Cerebri;src:url('../fonts/cerebrisans-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#182132;--muted:#6c7588;--line:#e8eaf0;--surface:#fff;--canvas:#f6f7fb;--primary:#4f46e5;--primary-soft:#eeedff;--sidebar:#151a2d;--sidebar-muted:#9299ae;--shadow:0 8px 28px rgba(23,29,51,.06);--radius:18px}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Cerebri,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{color:inherit}
.school-app{min-height:100vh}
.school-sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:264px;display:flex;flex-direction:column;background:var(--sidebar);color:#fff;border-right:1px solid rgba(255,255,255,.05);transition:transform .25s ease}
.school-brand{height:76px;display:flex;align-items:center;gap:11px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.07)}
.school-brand__mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#7770ff,#4f46e5);box-shadow:0 7px 18px rgba(79,70,229,.35);font-size:20px;font-weight:700}
.school-brand strong,.school-brand small{display:block}.school-brand strong{font-size:16px;letter-spacing:.08em}.school-brand small{margin-top:2px;color:#9da4b9;font-size:10px;letter-spacing:.025em}
.school-context{margin:17px 14px 10px;padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.04)}
.school-context__logo{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--primary);font-size:18px}.school-context small,.school-context strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-context small{font-size:9px;color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:.08em}.school-context strong{margin-top:3px;font-size:11px}.school-context button{border:0;padding:0;background:none;color:#8f96aa;cursor:pointer;font-size:17px}
.school-nav{padding:5px 12px 22px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#343a50 transparent}.school-nav__group{margin-top:15px}.school-nav__group p{margin:0 10px 7px;color:#6f778e;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.school-nav__group a{min-height:38px;display:flex;align-items:center;gap:11px;margin:2px 0;padding:8px 10px;border-radius:10px;color:#aeb4c5;font-size:12px;font-weight:600;transition:.18s ease}.school-nav__group a>i{width:18px;font-size:17px;color:#868da2}.school-nav__group a:hover{background:rgba(255,255,255,.05);color:#fff}.school-nav__group a.is-active{background:linear-gradient(90deg,rgba(79,70,229,.34),rgba(79,70,229,.15));color:#fff;box-shadow:inset 3px 0 #7770ff}.school-nav__group a.is-active>i{color:#a49fff}.school-nav__group a b{min-width:22px;margin-left:auto;padding:3px 6px;border-radius:10px;background:#ef4444;color:#fff;text-align:center;font-size:9px}
.school-sidebar__footer{display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:8px;margin:auto 13px 15px;padding:12px;border-radius:13px;background:rgba(255,255,255,.045);color:#98a0b5}.school-help-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(119,112,255,.15);color:#a9a4ff;font-size:17px}.school-sidebar__footer strong,.school-sidebar__footer small{display:block}.school-sidebar__footer strong{color:#e7e9ef;font-size:10px}.school-sidebar__footer small{margin-top:3px;font-size:9px}.school-sidebar__footer button{border:0;background:none;color:#81889d;padding:0}
.school-main{min-height:100vh;margin-left:264px}.school-topbar{position:sticky;z-index:30;top:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.school-topbar__left,.school-topbar__right{display:flex;align-items:center}.school-topbar__right{gap:15px}.school-search{width:360px;height:40px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:#f8f9fc;color:#9299a9}.school-search i{font-size:18px}.school-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.school-search input::placeholder{color:#969daf}.school-search kbd{padding:4px 7px;border:1px solid #dedfe6;border-radius:6px;background:#fff;color:#8d94a5;font-family:inherit;font-size:9px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.academic-period{display:flex;align-items:center;gap:8px;padding-right:16px;border-right:1px solid var(--line);color:#515a6c;font-size:17px}.academic-period span,.academic-period small{display:block}.academic-period span{font-size:11px;font-weight:700}.academic-period small{margin-top:2px;color:#8990a1;font-size:9px;font-weight:400}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;font-size:18px}.icon-button:hover{border-color:#cfd2dd;background:#f8f9fc}.notification-button{position:relative}.notification-button span{position:absolute;top:8px;right:8px;width:6px;height:6px;border:1.5px solid #fff;border-radius:50%;background:#ef4444}.school-user{display:flex;align-items:center;gap:9px;margin-left:2px;padding-left:3px}.school-user__avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#ffe8d6,#fed7aa);color:#9a4a18;font-size:13px;font-weight:700}.school-user span strong,.school-user span small{display:block;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-user span strong{font-size:11px}.school-user span small{margin-top:2px;color:#8a91a2;font-size:9px}.school-user>i{color:#9198a8;font-size:14px}.mobile-menu{display:none;margin-right:10px}.sidebar-scrim{display:none}
.school-content{max-width:1450px;margin:0 auto;padding:30px 34px 50px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.page-heading h1{margin:7px 0 6px;font-size:29px;line-height:1.2;letter-spacing:-.035em}.page-heading>div>p:last-child{margin:0;color:var(--muted);font-size:12px}.eyebrow{display:flex;align-items:center;gap:7px;margin:0!important;color:#8a91a3!important;font-size:10px!important;font-weight:600;letter-spacing:.02em}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.eyebrow a{color:var(--primary)}.eyebrow i{font-size:12px}.heading-actions{display:flex;gap:9px}.button{height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:10px;cursor:pointer;font-size:11px;font-weight:700}.button i{font-size:15px}.button--ghost{border:1px solid var(--line);background:#fff}.button--primary{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 5px 13px rgba(79,70,229,.2)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat-card{display:flex;align-items:center;gap:13px;min-height:102px;padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.stat-card__icon,.quick-module-card>span,.module-row__icon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-size:19px}.stat-card p{margin:0 0 5px;color:var(--muted);font-size:10px}.stat-card strong{display:inline-block;font-size:22px;letter-spacing:-.02em}.stat-card small{display:block;margin-top:3px;color:#8e95a5;font-size:9px}
.tone-blue{background:#eaf3ff!important;color:#3977dc!important}.tone-green{background:#e8f8f1!important;color:#18885c!important}.tone-violet,.tone-indigo{background:#eeedff!important;color:#5a50df!important}.tone-orange{background:#fff1e5!important;color:#d56d18!important}.tone-cyan{background:#e5f8fb!important;color:#158599!important}.tone-pink{background:#fdebf5!important;color:#c44582!important}.tone-red{background:#feebeb!important;color:#d64b4b!important}.tone-slate{background:#edf0f4!important;color:#536174!important}.tone-bg-violet{background:#7168ee}.tone-bg-blue{background:#4390e2}.tone-bg-orange{background:#ee9a49}.tone-bg-green{background:#35ad7c}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.82fr);gap:16px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.panel__header{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 19px;border-bottom:1px solid #f0f1f5}.panel__header h2,.section-heading h2{margin:0 0 4px;font-size:14px;letter-spacing:-.01em}.panel__header p,.section-heading p{margin:0;color:#8b92a3;font-size:9px}.panel__header a{display:flex;align-items:center;gap:5px;color:var(--primary);font-size:9px;font-weight:700}.panel-menu{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:#8990a1;cursor:pointer}.panel-menu:hover{background:#f4f5f8}.attendance-panel,.agenda-panel{min-height:310px}.attendance-chart{position:relative;height:239px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px;padding:27px 27px 31px;border-radius:0 0 var(--radius) var(--radius);background:repeating-linear-gradient(to bottom,#fff 0,#fff 43px,#f0f1f5 44px)}.attendance-chart__item{z-index:1;height:172px;display:grid;grid-template-rows:20px 1fr 20px;justify-items:center;gap:5px}.attendance-chart__value{color:#767e91;font-size:8px;font-weight:700}.attendance-chart__bar{width:28px;height:128px;display:flex;align-items:flex-end;border-radius:8px 8px 3px 3px;background:#f0f0ff;overflow:hidden}.attendance-chart__bar span{width:100%;display:block;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#766ef0,#4f46e5)}.attendance-chart__item small{color:#81889a;font-size:9px}.chart-average{position:absolute;right:18px;top:12px;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.88);box-shadow:0 2px 8px rgba(20,25,45,.05)}.chart-average span{width:14px;height:3px;border-radius:3px;background:#4f46e5}.chart-average small{color:#737b8d;font-size:8px}
.agenda-list{padding:8px 18px 14px}.agenda-item{display:grid;grid-template-columns:37px 3px 1fr;gap:11px;min-height:52px;padding:10px 0}.agenda-item time{padding-top:2px;color:#626b7e;font-size:9px;font-weight:700}.agenda-item__line{width:3px;height:32px;border-radius:4px}.agenda-item strong,.agenda-item small{display:block}.agenda-item strong{font-size:10px;line-height:1.35}.agenda-item small{margin-top:5px;color:#9299a9;font-size:8px}
.performance-panel,.announcement-panel{min-height:284px}.performance-list{padding:10px 19px 14px}.performance-row{display:grid;grid-template-columns:105px 1fr 25px;align-items:center;gap:10px;padding:9px 0}.performance-row>div:first-child strong,.performance-row>div:first-child small{display:block}.performance-row>div:first-child strong{font-size:10px}.performance-row>div:first-child small{margin-top:3px;color:#8290a0;font-size:8px}.performance-row>div:first-child small:first-letter{color:#19a26c}.progress{height:6px;overflow:hidden;border-radius:8px;background:#eef0f4}.progress span{height:100%;display:block;border-radius:8px;background:linear-gradient(90deg,#6f67ea,#4f46e5)}.performance-row b{text-align:right;font-size:10px}
.announcement-list{padding:7px 16px}.announcement-item{display:grid;grid-template-columns:35px 1fr 15px;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #f0f1f5}.announcement-item:last-child{border-bottom:0}.announcement-item>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff1e5;color:#df781f;font-size:16px}.announcement-item strong,.announcement-item small{display:block}.announcement-item strong{font-size:9px;line-height:1.4}.announcement-item small{margin-top:4px;color:#949aaa;font-size:8px}.announcement-item>i{color:#a2a8b6;font-size:12px}
.quick-modules{margin-top:28px}.section-heading{margin-bottom:12px}.quick-modules__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.quick-module-card{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:11px;min-height:75px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.quick-module-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(23,29,51,.1)}.quick-module-card strong,.quick-module-card small{display:block}.quick-module-card strong{font-size:10px}.quick-module-card small{margin-top:5px;color:#8d94a5;font-size:8px}.quick-module-card>i{color:#9ba1b0}
.module-heading{align-items:center}.module-summary-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;margin-bottom:16px}.module-highlight,.module-mini-stat{min-height:128px;display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.module-highlight>span,.module-mini-stat>span{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.72);font-size:22px}.module-highlight div small,.module-highlight div strong,.module-mini-stat div small,.module-mini-stat div strong{display:block}.module-highlight div small,.module-mini-stat div small{color:#7f8799;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.module-highlight div strong,.module-mini-stat div strong{margin-top:5px;color:var(--ink);font-size:21px}.module-highlight div p,.module-mini-stat div p{margin:5px 0 0;color:#81899a;font-size:9px}.module-mini-stat>span{background:#f3f4f8;color:#6d7588}
.module-table-panel{overflow:hidden}.module-table-header{min-height:76px}.table-tools{display:flex;align-items:center;gap:8px}.table-tools label{height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:#949aaa}.table-tools input{width:155px;border:0;outline:0;color:var(--ink);font-size:10px}.module-row-list{padding:0 18px}.module-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 28px;align-items:center;gap:13px;min-height:78px;border-bottom:1px solid #f0f1f5}.module-row:last-of-type{border-bottom:0}.module-row strong,.module-row small{display:block}.module-row strong{font-size:11px}.module-row small{margin-top:5px;color:#8c93a4;font-size:9px}.status-pill{padding:5px 9px;border-radius:20px;font-size:8px;font-weight:700}.status-green{background:#e7f8ef;color:#18794e}.status-orange{background:#fff1df;color:#ba621d}.status-red{background:#fdeaea;color:#c53d3d}.status-blue{background:#e9f2ff;color:#326dc7}.status-violet{background:#eeedff;color:#554bd2}.empty-state{display:none;margin:0;padding:35px;text-align:center;color:#8b92a3;font-size:11px}.empty-state.is-visible{display:block}.module-coming-next{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:16px 18px;border:1px dashed #cfcdf8;border-radius:15px;background:#f1f0ff;color:#5b54c3}.module-coming-next>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff;font-size:16px}.module-coming-next strong{font-size:10px}.module-coming-next p{margin:5px 0 0;color:#7670b7;font-size:9px;line-height:1.5}
.school-toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:320px;padding:12px 16px;border-radius:11px;background:#1e2438;color:#fff;box-shadow:0 12px 30px rgba(15,20,38,.2);font-size:11px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s ease}.school-toast.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-modules__grid{grid-template-columns:repeat(2,1fr)}.school-search{width:280px}.school-content{padding-left:26px;padding-right:26px}.school-topbar{padding-left:26px;padding-right:26px}}
@media(max-width:920px){.school-sidebar{transform:translateX(-100%)}.school-app.sidebar-open .school-sidebar{transform:translateX(0)}.school-app.sidebar-open .sidebar-scrim{position:fixed;z-index:40;display:block;inset:0;border:0;background:rgba(15,18,31,.48)}.school-main{margin-left:0}.mobile-menu{display:grid}.academic-period{display:none}.dashboard-grid{grid-template-columns:1fr}.school-search{width:320px}.module-summary-grid{grid-template-columns:1fr 1fr}.module-highlight{grid-column:1/-1}}
@media(max-width:640px){.school-topbar{height:66px;padding:0 15px}.school-search{width:auto;flex:1}.school-search kbd{display:none}.school-topbar__left{min-width:0;flex:1}.school-topbar__right{gap:7px}.school-user span,.school-user>i{display:none}.school-content{padding:23px 15px 40px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions .button{flex:1}.page-heading h1{font-size:25px}.stats-grid,.quick-modules__grid,.module-summary-grid{grid-template-columns:1fr}.module-highlight{grid-column:auto}.stats-grid{gap:10px}.stat-card{min-height:88px}.attendance-chart{padding-left:14px;padding-right:14px}.attendance-chart__bar{width:23px}.module-table-header{align-items:flex-start;flex-direction:column}.table-tools{width:100%}.table-tools label{flex:1}.table-tools input{width:100%}.module-row{grid-template-columns:38px minmax(0,1fr) auto}.module-row .panel-menu{display:none}.module-row__icon{width:38px;height:38px}.status-pill{grid-column:2;margin-bottom:10px;justify-self:start}.school-toast{right:15px;bottom:15px;left:15px;max-width:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}