:root{color-scheme:dark;--bg:#060a12;--bg-2:#090f1b;--surface:#101827cc;--surface-strong:#111c2f;--surface-soft:#ffffff08;--line:#b7c9ee1f;--line-strong:#a9c3f044;--text:#edf4ff;--muted:#96a9c5;--blue:#79a5ff;--blue-strong:#4178ff;--cyan:#72e8ed;--purple:#a58dff;--green:#75dfa9;--amber:#f6ca75;--red:#ff91a7;--shadow:0 30px 90px #00000059;--radius:20px;--sidebar:282px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 76% -10%,#473e7830,transparent 37%),radial-gradient(circle at 8% 90%,#134c6b22,transparent 38%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #99e7ff;outline-offset:3px}::selection{background:#739cff;color:#07101e}.skip-link{position:fixed;left:18px;top:-80px;background:#ddecff;color:#07111f;padding:10px 16px;border-radius:10px;z-index:999}.skip-link:focus{top:18px}.portal-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.portal-atmosphere i{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.12;animation:drift 20s ease-in-out infinite}.portal-atmosphere i:nth-child(1){background:#397cff;top:-240px;left:22%}.portal-atmosphere i:nth-child(2){background:#45e3dd;right:-270px;top:30%;animation-delay:-7s}.portal-atmosphere i:nth-child(3){background:#8e71ff;left:25%;bottom:-380px;animation-delay:-13s}.portal-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.portal-sidebar{position:sticky;top:0;height:100vh;padding:25px 18px 18px;background:linear-gradient(180deg,#0b1322eb,#080e19ed);border-right:1px solid var(--line);backdrop-filter:blur(28px);display:flex;flex-direction:column;z-index:60;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#627ba43b transparent}.portal-brand{display:flex;align-items:center;gap:13px;padding:0 7px;margin-bottom:24px}.portal-brand>span,.mobile-auth-brand>span{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#9db8ff,#6388ff 60%,#65d9ec);color:#08142b;font-size:1.5rem;font-weight:900;box-shadow:0 14px 35px #4d75ff4a}.portal-brand b,.portal-brand small{display:block}.portal-brand b{font-size:.92rem;letter-spacing:-.02em}.portal-brand small{font-size:.72rem;color:#8098bb;margin-top:1px}.role-chip{display:grid;grid-template-columns:39px 1fr;gap:11px;align-items:center;padding:12px;margin-bottom:13px;border:1px solid var(--line);background:#ffffff06;border-radius:15px}.role-chip>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#7da4ff18;border:1px solid #90afff29;color:#bed0ff;font-size:.78rem;font-weight:800}.role-chip b,.role-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-chip b{font-size:.78rem}.role-chip small{font-size:.68rem;color:var(--muted)}.portal-sidebar nav{display:grid;gap:4px}.portal-sidebar nav>small{margin:19px 12px 6px;color:#607493;font-size:.65rem;font-weight:800;letter-spacing:.14em}.portal-sidebar nav>a{min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:12px;display:flex;align-items:center;gap:11px;color:#9cacc4;font-size:.8rem;font-weight:600;transition:.2s ease}.portal-sidebar nav>a i{width:23px;height:23px;display:grid;place-items:center;color:#7e96ba;font-style:normal;font-size:.93rem}.portal-sidebar nav>a:hover{color:#e6efff;background:#ffffff08}.portal-sidebar nav>a.active{color:#eff5ff;background:linear-gradient(90deg,#789dff1c,#a58cff0b);border-color:#94b0ff27;box-shadow:inset 3px 0 #82a8ff}.portal-sidebar nav>a.active i{color:#9ceaf0}.nav-count{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:#91adff25;color:#d4e1ff;font-size:.65rem}.sidebar-footer{margin-top:auto;padding:20px 10px 3px;border-top:1px solid var(--line);display:grid;gap:11px}.sidebar-footer a,.sidebar-footer button{border:0;background:none;padding:0;text-align:left;color:#8196b5;font-size:.72rem}.sidebar-footer a:hover,.sidebar-footer button:hover{color:#c9d8ee}.portal-main{min-width:0}.portal-topbar{height:88px;padding:0 clamp(18px,3vw,42px);display:flex;align-items:center;gap:18px;position:sticky;top:0;background:#08101bd6;border-bottom:1px solid var(--line);backdrop-filter:blur(24px);z-index:50}.page-heading{min-width:0;margin-right:auto}.page-heading>span{display:block;color:#8ea8d3;font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.page-heading h1{font-size:1.36rem;line-height:1.2;letter-spacing:-.035em;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-button{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#ffffff08}.topbar-actions{display:flex;align-items:center;gap:10px}.nairobi-clock{padding-right:15px;margin-right:3px;border-right:1px solid var(--line);text-align:right}.nairobi-clock small,.nairobi-clock b{display:block}.nairobi-clock small{font-size:.62rem;color:#6f86a7}.nairobi-clock b{font-size:.84rem}.notification-button,.user-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--line);background:#ffffff07;position:relative}.notification-button i{position:absolute;width:7px;height:7px;border-radius:50%;right:8px;top:8px;background:var(--red);box-shadow:0 0 0 4px #ff759523}.user-avatar{background:linear-gradient(145deg,#95b1ff,#5f81e9);color:#0a1730;font-size:.72rem;font-weight:900}.portal-content{padding:30px clamp(16px,3vw,42px) 18px;max-width:1720px;margin:auto}.flash{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:14px 16px;margin-bottom:19px;border:1px solid;border-radius:14px;animation:slideDown .35s ease}.flash>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800}.flash b{font-size:.8rem}.flash p,.flash ul{margin:2px 0 0;color:inherit;font-size:.78rem}.flash ul{padding-left:18px}.flash.success{background:#66d99c12;border-color:#73dcaa3d;color:#a8efc6}.flash.success>span{background:#70dba021}.flash.notice{background:#f1c66d12;border-color:#f3cb7540;color:#f5d99f}.flash.notice>span{background:#f3c76b20}.flash.error{background:#ff769215;border-color:#ff8ba63e;color:#ffc0ce}.flash.error>span{background:#ff759020}.portal-footer{margin-top:34px;padding:22px 4px 10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#6e829f;font-size:.7rem}.portal-footer a{color:#9eb7dd}.hero-panel,.glass-panel,.stat-card,.class-card,.announcement-card,.metric-card,.data-card,.form-card{background:linear-gradient(145deg,#ffffff0c,#ffffff04);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px #00000021;backdrop-filter:blur(18px)}.hero-panel{padding:clamp(24px,4vw,46px);position:relative;overflow:hidden;margin-bottom:22px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:30px;align-items:center}.hero-panel:before{content:"";position:absolute;width:360px;height:360px;right:-160px;top:-180px;border-radius:50%;background:#7c91ff1c;filter:blur(12px)}.hero-panel:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#8faeff66,transparent)}.hero-copy{position:relative;z-index:1}.eyebrow{color:#92b5ff;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-copy h2{font-size:clamp(1.8rem,4vw,3.15rem);line-height:1.08;letter-spacing:-.055em;margin:10px 0 14px;max-width:830px}.hero-copy p{margin:0;color:#a2b3ca;max-width:760px;font-size:.92rem}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.primary-button,.secondary-button,.danger-button,.text-button{border:1px solid transparent;border-radius:12px;min-height:44px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.78rem;font-weight:750;transition:.2s ease}.primary-button{background:linear-gradient(135deg,#91adff,#668bff 58%,#6cdde3);color:#09152c;box-shadow:0 12px 30px #507cff38}.primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #507cff50}.secondary-button{background:#ffffff08;border-color:var(--line-strong);color:#dce8fb}.secondary-button:hover{background:#ffffff0d;border-color:#9eb7ed66}.danger-button{background:#ff77971a;border-color:#ff8ca742;color:#ffb7c6}.text-button{padding:5px 0;min-height:auto;color:#a9c3ee;background:transparent}.button-spinner{width:15px;height:15px;border-radius:50%;border:2px solid #0b17314d;border-top-color:#0b1731;animation:spin .7s linear infinite}.start-card{position:relative;z-index:1;padding:23px;background:#0b1525b5;border:1px solid #9fb9ed2b;border-radius:18px}.start-card>span{font-size:.66rem;color:#8398b9;text-transform:uppercase;letter-spacing:.11em}.start-card strong{display:block;margin:8px 0 3px;font-size:1.45rem;letter-spacing:-.04em}.start-card p{font-size:.74rem}.countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.countdown div{padding:10px 5px;text-align:center;border-radius:11px;background:#ffffff08}.countdown b,.countdown small{display:block}.countdown b{font-size:1.05rem}.countdown small{font-size:.58rem;color:#7c93b2}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:22px}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{padding:20px;min-height:126px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:70px;height:70px;right:-35px;top:-35px;border-radius:50%;background:currentColor;opacity:.11}.stat-card>span{display:block;color:#dfe9ff;font-size:1.55rem;font-weight:800;letter-spacing:-.04em;overflow-wrap:anywhere}.stat-card h3{margin:9px 0 2px;font-size:.74rem}.stat-card p{margin:0;color:#7f94b2;font-size:.66rem}.stat-card.blue{color:var(--blue)}.stat-card.cyan{color:var(--cyan)}.stat-card.purple{color:var(--purple)}.stat-card.green{color:var(--green)}.stat-card.amber{color:var(--amber)}.stat-card.red{color:var(--red)}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:20px;margin-bottom:20px}.content-grid.equal{grid-template-columns:1fr 1fr}.content-grid.three{grid-template-columns:repeat(3,1fr)}.glass-panel,.form-card{padding:23px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-head>div>span{color:#829fd0;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.panel-head h2{margin:4px 0 0;font-size:1.05rem;letter-spacing:-.025em}.panel-head>a{color:#9eb9e8;font-size:.72rem;font-weight:700}.empty-state{padding:38px 20px;text-align:center;border:1px dashed #a8bbe72b;border-radius:16px;background:#ffffff03}.empty-state span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;margin:0 auto 13px;background:#8daaff12;color:#a9c0ee;font-size:1.3rem}.empty-state h3{font-size:.92rem;margin:0 0 6px}.empty-state p{max-width:440px;margin:auto;color:#8296b3;font-size:.75rem}.class-list,.announcement-list,.stack-list{display:grid;gap:10px}.class-card,.announcement-card,.data-card{padding:16px}.class-card{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center}.date-tile{width:58px;border-radius:14px;padding:8px 4px;background:#789fff12;border:1px solid #92afff26;text-align:center}.date-tile b,.date-tile span{display:block}.date-tile b{font-size:1.15rem}.date-tile span{font-size:.57rem;color:#90a7ca;text-transform:uppercase}.class-card h3,.announcement-card h3{font-size:.8rem;margin:0 0 3px}.class-card p,.announcement-card p{color:#8095b3;font-size:.68rem;margin:0}.class-card>div:last-child{text-align:right}.class-card time{display:block;font-size:.72rem;font-weight:700}.class-card small{font-size:.62rem;color:#788daa}.announcement-card{border-left:3px solid #7fa5ff}.announcement-card.important{border-left-color:var(--amber)}.announcement-card.urgent{border-left-color:var(--red)}.announcement-meta{display:flex;gap:10px;margin-top:10px;color:#6e84a4;font-size:.61rem}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:#8ca8d914;color:#aac1e7;border:1px solid #9ab6e324;font-size:.62rem;font-weight:750;white-space:nowrap}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#8198bb}.status-badge.active,.status-badge.accepted,.status-badge.enrolled,.status-badge.verified,.status-badge.paid,.status-badge.minimum-paid,.status-badge.completed,.status-badge.sent,.status-badge.present{background:#6cdb9f13;color:#a1e8c0;border-color:#78dda52b}.status-badge.active:before,.status-badge.accepted:before,.status-badge.enrolled:before,.status-badge.verified:before,.status-badge.paid:before,.status-badge.minimum-paid:before,.status-badge.completed:before,.status-badge.sent:before,.status-badge.present:before{background:var(--green)}.status-badge.pending,.status-badge.under-review,.status-badge.scheduled,.status-badge.expected,.status-badge.open,.status-badge.partially-paid{background:#efc56e12;color:#f1d294;border-color:#f0c9712b}.status-badge.pending:before,.status-badge.under-review:before,.status-badge.scheduled:before,.status-badge.expected:before,.status-badge.open:before,.status-badge.partially-paid:before{background:var(--amber)}.status-badge.failed,.status-badge.rejected,.status-badge.cancelled,.status-badge.reversed,.status-badge.inactive,.status-badge.suspended,.status-badge.unpaid,.status-badge.absent{background:#fa829c12;color:#ffafbf;border-color:#ff839e2c}.status-badge.failed:before,.status-badge.rejected:before,.status-badge.cancelled:before,.status-badge.reversed:before,.status-badge.inactive:before,.status-badge.suspended:before,.status-badge.unpaid:before,.status-badge.absent:before{background:var(--red)}.progress-block{padding:18px;border:1px solid var(--line);border-radius:16px;background:#ffffff04}.progress-label{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:10px}.progress-label span{color:#8499b7;font-size:.7rem}.progress-label b{font-size:1.2rem}.progress-track{height:10px;border-radius:99px;background:#ffffff0a;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#668dff,#70dde3);box-shadow:0 0 24px #65bfff59}.detail-list{display:grid;margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:#8295b1;font-size:.69rem}.detail-list dd{margin:0;text-align:right;font-size:.72rem;font-weight:650;overflow-wrap:anywhere}.data-table-wrap{overflow-x:auto;margin-inline:-5px}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;padding:12px 11px;color:#7187a8;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}.data-table td{padding:14px 11px;color:#a8b9d0;font-size:.7rem;border-bottom:1px solid #ffffff0b;vertical-align:middle}.data-table tr:hover td{background:#ffffff03}.data-table td strong,.data-table td small{display:block}.data-table td strong{color:#e2ebfa;font-size:.73rem}.data-table td small{color:#7287a6;font-size:.62rem;margin-top:2px}.data-table td a{color:#a4c2f4;font-weight:700}.table-actions{display:flex;gap:8px;align-items:center}.table-actions form{display:inline}.filters{display:grid;grid-template-columns:2fr repeat(2,1fr) auto;gap:10px;align-items:end;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid .wide{grid-column:1/-1}.field{display:grid;gap:6px;align-content:start}.field>span{color:#aabbd2;font-size:.7rem;font-weight:650}.field>small{color:#7085a5;font-size:.62rem}.field input,.field select,.field textarea,.filters input,.filters select{width:100%;min-height:46px;padding:11px 12px;border:1px solid #a4b9df2d;border-radius:11px;background:#07101de6;color:#edf4ff;font-size:.78rem;outline:0}.field textarea{resize:vertical;line-height:1.65;min-height:115px}.field input::placeholder,.field textarea::placeholder{color:#5f7392}.field input:focus,.field select:focus,.field textarea:focus,.filters input:focus,.filters select:focus{border-color:#86a8f882;box-shadow:0 0 0 3px #7fa3ff17}.field input[type=checkbox]{width:18px;min-height:18px;accent-color:#7fa2ff}.check-field{display:flex;align-items:center;gap:9px;padding-top:27px}.check-field input{width:18px;height:18px;accent-color:#7ea3ff}.check-field span{font-size:.73rem;color:#aabbd2}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.help-note{padding:14px 16px;border:1px solid #7f9eda27;border-radius:13px;background:#6f91cf0b;color:#94a9c6;font-size:.72rem}.help-note strong{color:#d8e5f7}.pagination{margin-top:18px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8195b4;font-size:.7rem}.pagination a,.pagination span{display:inline-flex;padding:5px 7px}.code-chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:6px 9px;border-radius:8px;background:#769bff13;border:1px solid #83a5fc2c;color:#b7cdf7;font-size:.68rem}.money-positive{color:#98e5b9!important}.money-warning{color:#f0d092!important}.section-title{margin:27px 0 13px;font-size:1rem}.section-title:first-child{margin-top:0}.action-split{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.action-split p{margin:0;color:#8398b6;font-size:.73rem}.kpi-band{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:20px;background:#ffffff04}.kpi-band>div{padding:18px;border-right:1px solid var(--line)}.kpi-band>div:last-child{border:0}.kpi-band small,.kpi-band b{display:block}.kpi-band small{font-size:.64rem;color:#768dab}.kpi-band b{font-size:1rem;margin-top:5px}.auth-body{min-height:100vh;display:grid;place-items:center;padding:22px}.auth-shell{width:min(1050px,100%);min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;background:#0c1422d9;border:1px solid #a7bae427;border-radius:28px;overflow:hidden;box-shadow:0 45px 120px #00000080;backdrop-filter:blur(30px);animation:authEnter .65s cubic-bezier(.2,.8,.2,1)}.auth-story{padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 15% 15%,#536bbf3d,transparent 35%),radial-gradient(circle at 90% 85%,#2b8d9b26,transparent 35%),#0a1220;border-right:1px solid var(--line);position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #92aaff12;border-radius:50%;right:-130px;top:32%;box-shadow:0 0 0 45px #92aaff08,0 0 0 90px #92aaff05}.auth-story .portal-brand{padding:0;position:relative;z-index:1}.auth-story h1{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.06em;margin:12px 0 18px;position:relative;z-index:1}.auth-story p{color:#99acc8;max-width:530px;font-size:.86rem;position:relative;z-index:1}.auth-proof{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}.auth-proof>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#ffffff05}.auth-proof b,.auth-proof span{display:block}.auth-proof b{font-size:.73rem}.auth-proof span{font-size:.63rem;color:#7489a7;margin-top:3px}.auth-card{padding:clamp(28px,5vw,58px);display:flex;flex-direction:column;justify-content:center}.auth-card-header span{color:#83a6ec;font-size:.66rem;font-weight:800;letter-spacing:.12em}.auth-card-header h2{font-size:1.9rem;letter-spacing:-.045em;margin:7px 0}.auth-card-header p{color:#8498b5;font-size:.76rem;margin:0 0 24px}.auth-card form{display:grid;gap:15px}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:7px;bottom:7px;height:32px;padding:0 8px;border:0;background:#ffffff0a;color:#9db0cc;border-radius:8px;font-size:.65rem}.form-row{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.69rem;color:#899db9}.form-row label{display:flex;align-items:center;gap:7px}.form-row input{accent-color:#81a6ff}.form-row a{color:#a7c5f6}.auth-support{text-align:center;color:#6f84a3;font-size:.66rem;margin:23px 0 0}.auth-support a{color:#a7c2ee}.mobile-auth-brand{display:none;align-items:center;gap:10px;margin-bottom:30px}.mobile-auth-brand>span{width:37px;height:37px;border-radius:11px;font-size:1.2rem}.setup-grid{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}.qr-card{padding:12px;background:#fff;border-radius:18px;line-height:0}.secret-key{display:flex;gap:8px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:#070e1a;overflow:hidden}.secret-key code{font-size:.72rem;color:#b9cdf0;overflow-wrap:anywhere}.secret-key button{margin-left:auto}.recovery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.recovery-grid code{padding:9px;border-radius:9px;background:#050c16;border:1px solid var(--line);text-align:center;color:#c7d8f5}.sidebar-backdrop{display:none}.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.revealed{opacity:1;transform:none}@keyframes drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(60px,35px,0) scale(1.1)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes authEnter{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1250px){.stats-grid{grid-template-columns:repeat(3,1fr)}.content-grid.three{grid-template-columns:1fr 1fr}.content-grid.three>*:last-child{grid-column:1/-1}.form-grid.three{grid-template-columns:1fr 1fr}.kpi-band{grid-template-columns:1fr 1fr}.kpi-band>div:nth-child(2){border-right:0}.kpi-band>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:1020px){:root{--sidebar:265px}.hero-panel{grid-template-columns:1fr}.start-card{max-width:520px}.content-grid,.content-grid.equal{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr;max-width:570px;min-height:auto}.auth-story{display:none}.mobile-auth-brand{display:flex}.auth-card{min-height:620px}.setup-grid{grid-template-columns:1fr}.qr-card{width:220px}}@media(max-width:900px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{position:fixed;left:0;transform:translateX(-105%);transition:transform .25s ease;width:min(310px,88vw);box-shadow:30px 0 80px #0000}.portal-sidebar.open{transform:none;box-shadow:30px 0 80px #0008}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#02050bad;backdrop-filter:blur(4px);z-index:55;opacity:0;pointer-events:none;transition:.2s}.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.menu-button{display:grid;place-items:center}.portal-content{padding-top:21px}.portal-topbar{height:78px}.stats-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){body{font-size:16px}.portal-topbar{padding:0 14px;gap:10px}.page-heading>span{font-size:.57rem}.page-heading h1{font-size:1.02rem}.nairobi-clock{display:none}.notification-button,.user-avatar,.menu-button{width:39px;height:39px}.portal-content{padding-inline:13px}.hero-panel{padding:22px;border-radius:18px;gap:22px}.hero-copy h2{font-size:1.75rem}.hero-copy p{font-size:.78rem}.hero-actions>*{flex:1}.stats-grid,.stats-grid.four{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:115px;padding:16px}.stat-card>span{font-size:1.25rem}.content-grid.three{grid-template-columns:1fr}.content-grid.three>*:last-child{grid-column:auto}.glass-panel,.form-card{padding:17px;border-radius:17px}.panel-head{align-items:flex-start}.class-card{grid-template-columns:50px 1fr}.date-tile{width:50px}.class-card>div:last-child{grid-column:2;text-align:left}.filters,.form-grid,.form-grid.three{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.check-field{padding-top:4px}.form-actions{position:sticky;bottom:8px;padding:10px;margin-inline:-5px;background:#0c1624e8;border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(20px);z-index:10}.form-actions>*{flex:1}.portal-footer{display:grid}.action-split{align-items:flex-start;flex-direction:column}.action-split .primary-button{width:100%}.data-table{min-width:700px}.kpi-band{grid-template-columns:1fr}.kpi-band>div{border-right:0;border-bottom:1px solid var(--line)}.kpi-band>div:last-child{border-bottom:0}.auth-body{padding:10px}.auth-shell{border-radius:21px}.auth-card{padding:31px 22px;min-height:calc(100vh - 20px)}.auth-card-header h2{font-size:1.65rem}.setup-grid{gap:16px}.recovery-grid{grid-template-columns:1fr}.portal-footer{font-size:.66rem}}@media(max-width:410px){.stats-grid,.stats-grid.four{grid-template-columns:1fr}.hero-actions{display:grid}.topbar-actions{gap:6px}.notification-button{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}