:root{--navy:#102a56;--navy-2:#173b73;--blue:#316be8;--ink:#17233c;--muted:#72809a;--line:#e8edf4;--bg:#f4f7fb;--white:#fff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Segoe UI,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:250px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:78px;padding:15px 18px;display:flex}.brand img{object-fit:cover;border-radius:50%;width:47px;height:47px;box-shadow:0 4px 13px #102a5629}.brand div{flex-direction:column;min-width:0;display:flex}.brand strong{color:var(--navy);white-space:nowrap;font-family:Segoe UI,sans-serif;font-size:14px}.brand span{color:#8c97aa;margin-top:3px;font-size:10.5px}.nav-scroll{flex:1;padding:15px 11px;overflow:auto}.nav-group{margin-bottom:16px}.nav-group p{letter-spacing:1.5px;color:#9da7b8;margin:0 10px 7px;font-size:9px;font-weight:700}.nav-item{color:#66748d;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:9px 11px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{color:var(--navy);background:#f5f7fb}.nav-item.active{color:#245fd8;background:#edf3ff;font-weight:700}.nav-icon{place-items:center;width:22px;height:22px;font-size:16px;display:grid}.school-card{background:#f5f8fc;border:1px solid #e8edf5;border-radius:11px;align-items:center;gap:10px;margin:12px;padding:12px;display:flex}.school-dot{background:var(--navy);color:#f6c452;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.school-card div{flex-direction:column;min-width:0;display:flex}.school-card strong{color:#30405d;font-size:10.5px}.school-card small{color:#8894a8;white-space:nowrap;margin-top:3px;font-size:8.5px}.workspace{flex:1;min-width:0;margin-left:250px}.topbar{border-bottom:1px solid var(--line);z-index:15;background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 30px;display:flex;position:sticky;top:0}.search{background:#f8fafc;border:1px solid #e4e9f1;border-radius:10px;align-items:center;gap:10px;width:min(430px,45vw);height:40px;padding:0 12px;display:flex}.search span{color:#7d899d;font-size:22px;transform:rotate(-15deg)}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search input::placeholder{color:#a0a9b9}.search kbd{color:#9aa4b4;background:#fff;border:1px solid #e1e5eb;border-radius:5px;padding:3px 6px;font-size:9px}.top-actions{align-items:center;gap:18px;display:flex}.icon-button{border:1px solid var(--line);color:#53627a;background:#fff;border-radius:10px;width:38px;height:38px;font-size:18px;position:relative}.icon-button i{color:#fff;background:#ef5e5e;border:2px solid #fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-3px;right:-2px}.principal{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:18px;display:flex}.avatar{color:#fff;background:linear-gradient(145deg,#1a3f75,#0c234b);border-radius:10px;place-items:center;width:37px;height:37px;font-size:11px;font-weight:800;display:grid}.principal div{flex-direction:column;display:flex}.principal strong{font-size:11px}.principal small{color:#8c97aa;margin-top:2px;font-size:9px}.logout-button{border:1px solid var(--line);color:#53627a;cursor:pointer;background:#fff;border-radius:9px;height:34px;padding:0 12px;font-size:11px;font-weight:700}.logout-button b{display:none}.logout-button:hover{color:#b5302b;background:#fff7f6;border-color:#efc8c4}.chevron{color:#9aa4b4;font-size:13px}.mobile-menu{display:none}.content{max-width:1600px;margin:0 auto;padding:27px 30px 40px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:1.25px;font-weight:700;color:#8895aa!important;margin-bottom:8px!important;font-size:9px!important}.welcome-row h1{color:#17233d;letter-spacing:-.6px;margin:0 0 7px;font:800 25px/1.2 Segoe UI,sans-serif}.welcome-row h1 span{font-size:20px}.welcome-row p{color:#78869d;margin:0;font-size:12px}.welcome-actions{gap:9px;display:flex}.primary-btn,.secondary-btn{border-radius:9px;height:40px;padding:0 15px;font-size:11px;font-weight:700}.primary-btn{color:#fff;background:#245fd8;border:0;box-shadow:0 6px 15px #245fd82e}.secondary-btn{color:#46546b;background:#fff;border:1px solid #dfe5ed}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:13px;gap:14px;min-width:0;padding:17px;display:flex;box-shadow:0 1px 2px #1a2e4d04}.stat-icon{border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.stat-icon.blue{color:#2f69df;background:#edf3ff}.stat-icon.violet{color:#805be1;background:#f3efff}.stat-icon.green{color:#1ba980;background:#eaf9f4}.stat-icon.amber{color:#d99423;background:#fff6e6}.stat-copy{flex:1;min-width:0}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-top strong{color:#17233d;font:800 21px/1 Segoe UI,sans-serif}.stat-top span{color:#2caf86;font-size:12px}.stat-copy p{color:#5f6e85;margin:6px 0 5px;font-size:10.5px}.stat-copy small{color:#98a2b3;font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(270px,.8fr);gap:16px;margin-bottom:16px;display:grid}.lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;min-width:0;padding:19px}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel h2{color:#1b2942;margin:0 0 4px;font:700 13px/1.2 Segoe UI,sans-serif}.panel-head p{color:#97a1b2;margin:0;font-size:9.5px}.select-btn{color:#68768c;background:#fff;border:1px solid #e3e8ef;border-radius:8px;height:31px;padding:0 10px;font-size:9.5px}.legend{color:#7f8b9e;align-items:center;gap:17px;margin:19px 0 11px 45px;font-size:9.5px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i,.fee-breakdown i{border-radius:50%;width:7px;height:7px;display:inline-block}.present-dot,.paid-dot{background:#2f69df}.absent-dot,.pending-dot{background:#dde4ee}.legend strong{color:#26344b;margin-left:auto;font:800 17px Segoe UI,sans-serif}.legend strong small{color:#9aa4b4;font:500 8px DM Sans}.chart-wrap{gap:10px;height:160px;display:flex}.y-axis{color:#a0a9b7;flex-direction:column;justify-content:space-between;width:29px;padding-bottom:18px;font-size:8px;display:flex}.chart-area{flex:1;min-width:0;position:relative}.grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 18px}.grid-lines i{border-top:1px dashed #e9edf3;display:block}.bars{align-items:flex-end;gap:clamp(5px,1.2vw,14px);display:flex;position:absolute;inset:0}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar{opacity:.9;background:linear-gradient(#4d7fea,#2f65d8);border-radius:4px 4px 2px 2px;width:100%;max-width:17px;min-height:20px}.bar-col small{color:#99a4b4;font-size:8px}.more{color:#8e99aa;background:0 0;border:0}.donut-wrap{place-items:center;padding:13px 0 12px;display:grid}.donut{background:conic-gradient(#356ce0 0 76%,#ebeff5 76% 100%);border-radius:50%;place-items:center;width:137px;height:137px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;width:98px;height:98px;position:absolute}.donut div{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.donut strong{font:800 22px Segoe UI,sans-serif}.donut span{color:#9aa4b4;margin-top:2px;font-size:8px}.fee-breakdown{border-top:1px solid var(--line);gap:15px;padding-top:13px;display:flex}.fee-breakdown>div{flex-direction:column;flex:1;gap:4px;display:flex}.fee-breakdown span{color:#8d98aa;align-items:center;gap:6px;font-size:8.5px;display:flex}.fee-breakdown strong{color:#35445b;font-size:10px}.full-btn{color:#2f67da;background:#f5f8ff;border:1px solid #dce5f7;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:33px;margin-top:14px;font-size:9.5px;font-weight:700;display:flex}.text-btn{color:#316be0;background:0 0;border:0;font-size:9.5px;font-weight:600}.activity-list{margin-top:9px}.activity-list>div{border-top:1px solid #eef1f5;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.activity-list>div:first-child{border-top:0}.activity-icon{border-radius:8px;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.activity-icon.green{color:#18a47c;background:#eaf9f4}.activity-icon.blue{color:#2d68df;background:#edf3ff}.activity-icon.violet{color:#7d59dc;background:#f3efff}.activity-list p,.schedule-list p{flex-direction:column;gap:3px;margin:0;display:flex}.activity-list strong,.schedule-list strong{color:#344158;font-size:9.8px}.activity-list small,.schedule-list small{color:#98a2b3;font-size:8.5px}.activity-list time{color:#a1aab8;font-size:8px}.calendar-btn{color:#2e67da;background:#fff;border:1px solid #dee5ef;border-radius:8px;width:31px;height:31px;font-size:10px;font-weight:700}.schedule-list{margin-top:10px}.schedule-list>div{border-top:1px solid #eef1f5;grid-template-columns:36px 3px 1fr;align-items:stretch;gap:10px;padding:9px 0;display:grid}.schedule-list>div:first-child{border-top:0}.schedule-list time{color:#7e8a9e;padding-top:2px;font-size:8.5px}.schedule-list i{border-radius:2px}.violet-line{background:#8b68e7}.blue-line{background:#3d73e2}.amber-line{background:#e4a238}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr 1fr}.fee-panel{grid-template-columns:1fr 1fr;column-gap:20px;display:grid}.fee-panel .panel-head,.fee-panel .full-btn{grid-column:1/-1}.fee-breakdown{align-self:center}.donut-wrap{padding:0}.donut{width:120px;height:120px}.donut:after{width:84px;height:84px}}@media (max-width:780px){.sidebar{transform:translate(-100%)}.workspace{margin-left:0}.topbar{height:68px;padding:0 18px}.mobile-menu{border:1px solid var(--line);width:38px;height:38px;color:var(--navy);background:#fff;border-radius:9px;place-items:center;display:grid}.search{flex:1;width:auto;margin:0 12px}.search kbd,.principal div,.principal .chevron{display:none}.principal{padding-left:10px}.content{padding:22px 18px}.welcome-row{align-items:flex-start}.welcome-actions{flex-direction:column}.secondary-btn{display:none}.lower-grid{grid-template-columns:1fr}}@media (max-width:560px){.top-actions{gap:4px}.principal{border:0}.principal select,.icon-button{display:none}.search input::placeholder{color:#0000}.content{padding:18px 13px}.welcome-row{display:block}.welcome-actions{margin-top:16px}.primary-btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:13px;display:block}.stat-icon{width:36px;height:36px;margin-bottom:12px}.stat-copy small{display:none}.stat-top strong{font-size:18px}.dashboard-grid{gap:12px}.panel{padding:15px}.legend{margin-left:38px}.chart-wrap{height:145px}.fee-panel{display:block}.fee-breakdown{margin-top:8px}.activity-list>div{grid-template-columns:30px 1fr}.activity-list time{display:none}.welcome-row h1{font-size:22px}}.nav-item em{color:#2c66dc;background:#eef3ff;border-radius:6px;place-items:center;width:18px;height:18px;margin-left:auto;font-size:8px;font-style:normal;display:grid}.sidebar-close{color:#7e8a9e;background:0 0;border:0;margin-left:auto;font-size:24px;display:none}.sidebar-backdrop{display:none}.principal select{color:#8c97aa;background:0 0;border:0;outline:0;max-width:92px;padding:0;font-size:9px}.search{min-width:0;position:relative}.search-results{border:1px solid var(--line);z-index:50;background:#fff;border-radius:12px;padding:6px;position:absolute;top:47px;left:0;right:0;overflow:hidden;box-shadow:0 15px 40px #182b4a29}.search-results button{text-align:left;background:#fff;border:0;border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;padding:9px;display:grid}.search-results button:hover{background:#f5f8fc}.search-results button>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.search-results strong{color:#293750;font-size:10.5px}.search-results small{color:#8d99aa;font-size:8.5px}.search-results i{color:#2d68df;font-style:normal}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-header h1{color:#17233d;letter-spacing:-.6px;margin:0 0 7px;font-size:25px;line-height:1.2}.page-header>div>p:not(.eyebrow){color:#78869d;margin:0;font-size:12px}.page-header .eyebrow{margin:0 0 8px!important}.page-header .welcome-actions{flex:none}.block{color:#98a3b4;margin-top:3px;display:block}.mono{color:#4c5c73;font-family:Consolas,monospace;font-size:10px!important}.badge{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-height:22px;padding:3px 8px;font-size:8px;font-weight:700;display:inline-flex}.badge.green{color:#178969;background:#eaf8f3}.badge.blue{color:#2863d5;background:#edf3ff}.badge.amber{color:#be7b13;background:#fff5e3}.badge.red{color:#d34955;background:#fff0f1}.badge.violet{color:#7550d1;background:#f1edff}.mini-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.mini-stats article{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;padding:16px 17px;display:flex}.mini-stats p{color:#768399;margin:0 0 7px;font-size:9.5px}.mini-stats strong{color:#1a2943;font-size:19px}.mini-stats small{color:#9aa4b4;margin-top:4px;font-size:8.5px}.metric-grid{gap:15px;margin-bottom:16px;display:grid}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.table-panel{padding:0;overflow:hidden}.table-panel>.panel-head{padding:18px 19px 12px}.table-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:9px;min-height:62px;padding:12px 16px;display:flex}.inline-search{color:#8a96a8;background:#fafbfd;border:1px solid #e1e7ef;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:180px;max-width:420px;height:36px;padding:0 10px;display:flex}.inline-search input{color:#35435a;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.table-toolbar select,.filter-btn,.attendance-controls select,.attendance-controls input,.marks-toolbar select,.timetable-head select{color:#657389;background:#fff;border:1px solid #e1e7ef;border-radius:8px;height:36px;padding:0 10px;font-size:9.5px}.filter-btn{padding:0 12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px}th{color:#8591a3;text-transform:uppercase;letter-spacing:.45px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;background:#f8fafc;padding:10px 14px;font-size:8px;font-weight:700}td{color:#647187;vertical-align:middle;border-bottom:1px solid #eef1f5;padding:11px 14px;font-size:9.5px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}td>strong{color:#344158;font-size:9.7px}.person{align-items:center;gap:9px;min-width:150px;display:flex}.person>div{flex-direction:column;gap:3px;display:flex}.person strong{color:#334158;font-size:9.8px}.person small{color:#96a1b1;font-size:8px}.avatar.pale{color:#2f67da;box-shadow:none;background:#edf3ff;border-radius:9px}.avatar.pale.female{color:#7957ce;background:#f4efff}.progress{vertical-align:middle;background:#e9edf3;border-radius:3px;width:48px;height:4px;margin-right:5px;display:inline-flex;overflow:hidden}.progress span{background:#2e69df;border-radius:3px}.row-action{color:#6f7f97;cursor:pointer;letter-spacing:.6px;background:#fff;border:1px solid #e3e8ef;border-radius:7px;width:28px;height:27px;font-weight:800}:is(.row-action:hover,.row-action:focus-visible){color:#2f68dc;background:#edf3ff;border-color:#9fb9ea;outline:0;box-shadow:0 0 0 3px #2f68dc1a}.table-footer{border-top:1px solid var(--line);color:#8d98a9;justify-content:space-between;align-items:center;padding:12px 16px;font-size:8.5px;display:flex}.table-footer div{gap:4px;display:flex}.table-footer button{color:#768398;background:#fff;border:1px solid #e2e7ee;border-radius:6px;width:27px;height:27px;font-size:9px}.table-footer button.current{color:#fff;background:#2f68dc;border-color:#2f68dc}.workflow{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:13px;margin-bottom:16px;padding:18px 22px;display:grid}.workflow>div{grid-template-columns:34px 1fr;align-items:center;column-gap:10px;display:grid}.workflow>div span{color:#8995a7;border:1px solid #e2e7ee;border-radius:10px;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.workflow>div strong{color:#47556d;font-size:9.8px}.workflow>div small{color:#a0a8b6;margin-top:2px;font-size:8px}.workflow>i{color:#c8ced8;font-style:normal}.workflow>div.complete span{color:#15916c;background:#eaf8f3;border-color:#d7f0e7}.workflow>div.active span{color:#fff;background:#2f68dc;border-color:#2f68dc}.workflow>div.active strong{color:#245ac2}.documents-count{color:#748197;border:1px solid #e1e7ef;border-radius:6px;padding:4px 7px;font-size:8px;display:inline-flex}.class-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.class-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.class-band{background:#edf3ff;justify-content:space-between;align-items:flex-start;height:70px;padding:13px;display:flex}.class-band span{color:#2f67d9;background:#ffffffc7;border-radius:10px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.class-band button{color:#7a8bae;background:0 0;border:0}.class-band.tone-1{background:#f2eeff}.class-band.tone-1 span{color:#7752d4}.class-band.tone-2{background:#eaf8f3}.class-band.tone-2 span{color:#158f6b}.class-band.tone-3{background:#fff4e3}.class-band.tone-3 span{color:#bd7a14}.class-card>div:last-child{padding:15px}.class-card h3{color:#27364f;margin:0 0 3px;font-size:12px}.class-card p{color:#96a1b1;margin:0 0 13px;font-size:8.5px}.class-card dl{gap:8px;margin:0;display:grid}.class-card dl>div{justify-content:space-between;gap:10px;display:flex}.class-card dt{color:#8c98aa;font-size:8.5px}.class-card dd{color:#48566d;margin:0;font-size:8.8px;font-weight:600}.attendance-controls{grid-template-columns:170px 150px 130px 1fr;align-items:end;gap:13px;margin-bottom:16px;display:grid}.attendance-controls label,.form-grid label,.timetable-head label{color:#718097;flex-direction:column;gap:6px;font-size:8.5px;font-weight:600;display:flex}.attendance-controls input,.attendance-controls select{width:100%}.attendance-summary{justify-content:flex-end;gap:22px;display:flex}.attendance-summary span{align-items:flex-end;gap:5px;font-size:17px;font-weight:800;display:flex}.attendance-summary span.green{color:#1b9b75}.attendance-summary span.red{color:#db5963}.attendance-summary span.amber{color:#c6851c}.attendance-summary small{color:#8b96a7;padding-bottom:2px;font-size:8px;font-weight:500}.attendance-list{padding:0 18px 12px}.attendance-list>div{border-top:1px solid #edf1f5;grid-template-columns:34px minmax(210px,1fr) auto;align-items:center;gap:12px;min-height:58px;display:grid}.roll-number{color:#a0a9b6;font-size:9px}.attendance-buttons{gap:6px;display:flex}.attendance-buttons button{color:#8490a2;background:#fff;border:1px solid #e0e6ee;border-radius:7px;height:30px;padding:0 10px;font-size:8.5px}.attendance-buttons button.selected.present{color:#158d6a;background:#eaf8f3;border-color:#cfece2}.attendance-buttons button.selected.absent{color:#d44b57;background:#fff0f1;border-color:#f4d7da}.attendance-buttons button.selected.leave,.attendance-buttons button.selected.short-leave{color:#bd7c16;background:#fff5e4;border-color:#f3e1bf}.finance-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.65fr);gap:16px;display:grid}.pending-panel{padding:17px}.pending-row{border-bottom:1px solid #eef1f5;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.pending-row>div{flex-direction:column;gap:2px;display:flex}.pending-row div strong{color:#39475e;font-size:9px}.pending-row small{color:#98a2b1;font-size:8px}.pending-row>strong{color:#c37b11;font-size:9px}.exam-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.exam-card h3{color:#283750;margin:14px 0 6px;font-size:13px}.exam-card>p{color:#8e9aac;margin:0 0 18px;font-size:9px}.exam-card>div:not(.subject-chips){grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.exam-card>div strong{color:#2d67dc;font-size:17px}.exam-card>div>span{background:#e8edf4;border-radius:4px;height:5px;overflow:hidden}.exam-card>div>span i{background:#2f68dc;border-radius:4px;height:100%;display:block}.exam-card>div small{color:#96a1b1;grid-column:2;font-size:8px}.subject-chips{gap:6px;display:flex}.subject-chips span{color:#758297;background:#f5f7fa;border-radius:6px;padding:5px 8px;font-size:8px}.marks-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;display:flex}.marks-toolbar h2{margin:0 0 4px}.marks-toolbar p{color:#96a1b1;margin:0;font-size:8.5px}.marks-toolbar>div:last-child{gap:8px;display:flex}.mark-input{color:#314159;border:1px solid #dee4ec;border-radius:6px;width:54px;height:29px;padding:0 7px}.remark-input{color:#66748b;border:1px solid #e1e7ee;border-radius:6px;min-width:120px;height:29px;padding:0 8px;font-size:8px}.grade{color:#2f66d8;background:#edf3ff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:9px;font-weight:800;display:inline-grid}.position{color:#79869a;background:#f2f4f7;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;font-weight:800;display:grid}.position.top{color:#c27a0d;background:#fff3d9}.timetable-panel{padding:0;overflow:hidden}.timetable-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding:14px 16px;display:flex}.timetable-head>div:first-child{gap:10px;display:flex}.timetable-legend{color:#7c899d;gap:14px;font-size:8px;display:flex}.timetable-legend span{align-items:center;gap:5px;display:flex}.timetable-legend i{border-radius:50%;width:7px;height:7px}.blue-dot{background:#3871e2}.violet-dot{background:#8665dd}.amber-dot{background:#d89529}.timetable-scroll{padding:15px;overflow:auto}.timetable-grid{border:1px solid #e6ebf1;border-radius:10px;grid-template-columns:100px repeat(7,1fr);min-width:940px;display:grid;overflow:hidden}.time-title,.time-slot{color:#657388;background:#f8fafc;border-right:1px solid #e6ebf1;min-height:50px;padding:10px;font-size:8.5px}.time-slot small{color:#a0a9b7;margin-top:4px;font-size:7px;display:block}.timetable-row{border-top:1px solid #e6ebf1;grid-column:1/-1;grid-template-columns:100px repeat(7,1fr);display:grid}.timetable-row>strong{color:#35445c;background:#fbfcfd;border-right:1px solid #e6ebf1;padding:15px 10px;font-size:9px}.lesson{background:#f7faff;border-right:1px solid #e6ebf1;min-height:64px;padding:12px 9px}.lesson b{color:#2c61c8;font-size:8.5px;display:block}.lesson small{color:#8a9ab5;margin-top:5px;font-size:7px;display:block}.lesson.tone-1{background:#faf8ff}.lesson.tone-1 b{color:#7351c7}.lesson.tone-2{background:#f5fbf9}.lesson.tone-2 b{color:#1b8b69}.lesson.tone-3{background:#fffaf2}.lesson.tone-3 b{color:#b47717}.homework-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px;display:grid}.homework-layout>div{min-width:0}.date-strip{gap:7px;margin-bottom:12px;display:flex}.date-strip button{color:#929dae;background:#fff;border:1px solid #e1e7ee;border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:50px;font-size:7.5px;display:flex}.date-strip button:first-child,.date-strip button:last-child{flex:0 0 34px}.date-strip button strong{color:#536178;font-size:9px}.date-strip button.active{color:#fff;background:#2f68dc;border-color:#2f68dc}.date-strip button.active strong{color:#fff}.homework-list{gap:10px;display:grid}.homework-card{grid-template-columns:40px 1fr auto;align-items:start;gap:12px;display:grid}.subject-icon{border-radius:10px;place-items:center;width:40px;height:40px;font-size:9px;font-weight:800;display:grid}.subject-icon.blue{color:#2f67d9;background:#edf3ff}.subject-icon.violet{color:#7754d0;background:#f2eeff}.subject-icon.green{color:#168c69;background:#eaf8f3}.subject-icon.amber{color:#bd7c15;background:#fff5e4}.homework-card>div>div{align-items:center;gap:8px;display:flex}.homework-card h3{color:#334159;margin:0;font-size:10.5px}.homework-card>div span{color:#2f68dc;background:#edf3ff;border-radius:5px;padding:3px 6px;font-size:7px}.homework-card p{color:#5f6d83;margin:7px 0 5px;font-size:9.5px}.homework-card small{color:#98a2b1;font-size:8px}.homework-card>button{color:#8c98aa;background:0 0;border:0}.diary-side{height:max-content}.diary-side>p{color:#96a0b0;margin:0;font-size:8.5px}.diary-ring{border:11px solid #316be0;border-color:#316be0 #316be0 #eaf0fb #eaf0fb;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:124px;height:124px;margin:20px auto;display:flex}.diary-ring strong{font-size:25px}.diary-ring span{color:#93a0b2;font-size:8px}.diary-side dl{gap:10px;margin:0;display:grid}.diary-side dl>div{justify-content:space-between;display:flex}.diary-side dt{color:#7e8a9d;font-size:8.5px}.diary-side dd{color:#34425a;margin:0;font-size:8.5px;font-weight:700}.notice-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px;display:grid}.notice-list{gap:10px;display:grid}.notice-card{grid-template-columns:40px 1fr;gap:13px;display:grid}.notice-mark{color:#2e67da;background:#edf3ff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.notice-mark.violet{color:#7653d0;background:#f2efff}.notice-mark.amber{color:#bb7913;background:#fff4e1}.notice-meta{justify-content:space-between;align-items:center;display:flex}.notice-meta time{color:#a1a9b7;font-size:8px}.notice-card h3{color:#2e3d55;margin:10px 0 5px;font-size:11px}.notice-card p{color:#718096;margin:0;font-size:9px;line-height:1.6}.notice-actions{gap:6px;margin-top:12px;display:flex}.notice-actions button{color:#6e7d93;background:#fff;border:1px solid #e0e6ee;border-radius:6px;height:27px;padding:0 9px;font-size:8px}.channel-panel>p{color:#96a1b1;margin:0 0 14px;font-size:8.5px}.channel-panel>div{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.channel-panel>div>span:first-child{color:#4f5d73;font-size:9px}.report-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px;display:grid}.report-card{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:40px 1fr;gap:12px;padding:15px;display:grid}.report-card .stat-icon{width:40px;height:40px}.stat-icon.tone-0{color:#2f68dc;background:#edf3ff}.stat-icon.tone-1{color:#168f6b;background:#eaf8f3}.stat-icon.tone-2{color:#bc7913;background:#fff4e1}.stat-icon.tone-3{color:#7754d1;background:#f2eeff}.report-card h3{color:#334158;margin:0 0 5px;font-size:10.5px}.report-card p{color:#8a96a7;margin:0 0 12px;font-size:8.5px;line-height:1.4}.report-card>div>div{gap:5px;display:flex}.report-card button{color:#607089;background:#fff;border:1px solid #dfe5ed;border-radius:6px;padding:4px 7px;font-size:7.5px}.performance-panel{padding:19px}.performance-bars{gap:12px;margin-top:18px;display:grid}.performance-bars>div{grid-template-columns:70px 1fr 40px;align-items:center;gap:10px;display:grid}.performance-bars span{color:#6f7c91;font-size:8.5px}.performance-bars>div>div{background:#edf0f5;border-radius:5px;height:7px;overflow:hidden}.performance-bars i{background:linear-gradient(90deg,#2e66d8,#5785e9);border-radius:5px;height:100%;display:block}.performance-bars strong{color:#38475e;font-size:8.5px}.settings-layout{grid-template-columns:190px 1fr;gap:16px;display:grid}.settings-nav{border:1px solid var(--line);background:#fff;border-radius:12px;gap:3px;height:max-content;padding:8px;display:grid}.settings-nav button{text-align:left;color:#6d7a8f;background:0 0;border:0;border-radius:7px;padding:9px 10px;font-size:8.8px}.settings-nav button.active{color:#2d65d7;background:#edf3ff;font-weight:700}.settings-content{gap:14px;display:grid}.profile-panel .panel-head{align-items:center}.profile-panel .panel-head img{object-fit:cover;border-radius:50%;width:58px;height:58px;box-shadow:0 5px 15px #162d5226}.form-grid{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px;display:grid}.form-grid .span-2{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{color:#435169;background:#fff;border:1px solid #dfe5ed;border-radius:8px;outline:0;width:100%;padding:0 10px;font-size:9.5px}.form-grid input,.form-grid select{height:36px}.form-grid textarea{resize:vertical;padding-top:10px}.settings-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-cards article{gap:12px;display:flex}.settings-cards article .stat-icon{flex:0 0 40px}.settings-cards h3{color:#344158;margin:0 0 5px;font-size:10px}.settings-cards p{color:#8a96a7;margin:0 0 8px;font-size:8.5px;line-height:1.45}.settings-cards button{color:#2e66d8;background:0 0;border:0;padding:0;font-size:8px}.resource-panel{padding:0;overflow:hidden}.resource-panel>.panel-head{padding:18px}.resource-panel .panel-head>div:last-child{gap:6px;display:flex}.resource-list>div{border-top:1px solid #edf1f5;grid-template-columns:34px 1fr auto 28px;align-items:center;gap:11px;padding:12px 18px;display:grid}.resource-list>div>div{flex-direction:column;gap:3px;display:flex}.resource-list strong{color:#344158;font-size:9.5px}.resource-list small{color:#929dad;font-size:8px}.resource-list>div>button{color:#2f68dc;background:#fff;border:1px solid #e0e6ee;border-radius:7px;width:27px;height:27px}.module-empty{text-align:center;color:#8693a6;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:28px;display:flex}.module-empty>span{color:#2f68dc;background:#edf3ff;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:13px;font-size:20px;display:grid}.module-empty>strong{color:#3a4960;font-size:12px}.module-empty>p{color:#929dae;max-width:440px;margin:7px 0 0;font-size:9px;line-height:1.6}.module-empty.compact{min-height:118px;padding:18px}.module-empty.compact>span{border-radius:10px;width:36px;height:36px;margin-bottom:9px;font-size:15px}.activity-list>.module-empty,.schedule-list>.module-empty{border-top:0;grid-template-columns:none;display:flex}.analytics-breakdown{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.analytics-breakdown>div{border:1px solid var(--line);background:#fafcff;border-radius:10px;justify-content:space-between;align-items:center;padding:15px;display:flex}.analytics-breakdown span{color:#758298;font-size:9px}.analytics-breakdown strong{color:#2c3d57;font-size:18px}.modal-layer{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b193180;border:0;position:absolute;inset:0}.modal-card{background:#fff;border-radius:16px;width:min(680px,100%);max-height:92vh;position:relative;overflow:auto;box-shadow:0 25px 80px #0819374d}.modal-card>header{border-bottom:1px solid var(--line);z-index:2;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 21px;display:flex;position:sticky;top:0}.modal-card>header>div{align-items:center;gap:11px;display:flex}.modal-icon{color:#2e66d8;background:#edf3ff;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.modal-card header h2{color:#283750;margin:0 0 4px;font-size:14px}.modal-card header p{color:#96a1b1;margin:0;font-size:8.5px}.modal-card header>button{color:#8390a4;background:0 0;border:0;font-size:24px}.modal-card form{padding:0 21px 18px}.form-section{border-bottom:1px solid #edf1f5;padding:18px 0}.form-section h3{color:#3a4860;margin:0;font-size:10px}.form-section .form-grid{margin-top:14px}.upload-zone{color:#6f7e94;background:#f8faff;border:1px dashed #bdcae0;border-radius:10px;flex-direction:column;align-items:center;margin:16px 0;padding:20px;display:flex}.upload-zone span{color:#2f68dc;font-size:20px}.upload-zone strong{margin:6px 0 3px;font-size:9px}.upload-zone small{color:#9aa4b4;font-size:7.5px}.modal-card footer{justify-content:flex-end;gap:8px;padding-top:17px;display:flex}.receipt-preview{background:#f4f8ff;border:1px solid #dfe8f8;border-radius:10px;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.receipt-preview>span{color:#2e67da;background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.receipt-preview div{flex-direction:column;gap:3px;display:flex}.receipt-preview strong{color:#3e4d64;font-size:9px}.receipt-preview small{color:#8491a5;font-size:8px}.toast{z-index:150;color:#fff;background:#17345f;border-radius:11px;align-items:center;gap:9px;padding:12px 16px;font-size:9.5px;animation:.25s toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 40px #0e22443d}.toast span{background:#2daf85;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.record-modal .modal-card{width:min(640px,100%)}.record-modal .modal-icon.danger{color:#cf3f4c;background:#fff0f1}.record-view,.delete-confirm{padding:20px 21px}.record-view footer,.delete-confirm footer{border-top:1px solid #edf1f5;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;padding-top:17px;display:flex}.record-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.record-summary>div{background:#fafcff;border:1px solid #e4eaf2;border-radius:10px;flex-direction:column;justify-content:center;gap:6px;min-height:68px;padding:13px 14px;display:flex}.record-summary span{color:#8a96a8;text-transform:uppercase;letter-spacing:.35px;font-size:8px}.record-summary strong{color:#34435a;overflow-wrap:anywhere;font-size:10px}.record-summary strong.mono{color:#2f68dc;font-size:10px!important}.danger-link{color:#bd3d48;cursor:pointer;background:#fff5f5;border:1px solid #f0cfd3;border-radius:8px;height:36px;padding:0 13px;font-size:9px;font-weight:700}.danger-btn{color:#fff;cursor:pointer;background:#c93f4c;border:0;border-radius:8px;min-height:36px;padding:0 14px;font-size:9px;font-weight:750}.danger-btn:hover{background:#ae313d}.danger-btn:disabled{opacity:.45;cursor:not-allowed}.delete-warning{background:#fff6f6;border:1px solid #f2d1d4;border-radius:11px;align-items:flex-start;gap:13px;padding:16px;display:flex}.delete-warning>span{color:#c63f4b;background:#ffe5e7;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.delete-warning strong{color:#96333b;font-size:11px}.delete-warning p{color:#7e5a5e;margin:6px 0 0;font-size:9px;line-height:1.6}.delete-check{color:#667489;align-items:flex-start;gap:8px;margin:17px 2px 0;font-size:9px;line-height:1.5;display:flex}.delete-check input{accent-color:#c93f4c;margin-top:1px}@media print{.sidebar,.topbar,.page-header .welcome-actions,.table-toolbar,.row-action,.toast{display:none!important}.workspace{margin:0}.content{padding:0}.panel{break-inside:avoid}body{background:#fff}}@media (max-width:1200px){.class-grid{grid-template-columns:repeat(3,1fr)}.metric-grid.four,.report-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.mini-stats{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr 1fr}.workflow>i{display:none}.class-grid{grid-template-columns:repeat(2,1fr)}.finance-grid,.homework-layout,.notice-layout,.exam-grid{grid-template-columns:1fr}.attendance-controls{grid-template-columns:1fr 1fr}.attendance-summary{justify-content:flex-start}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{white-space:nowrap}.settings-cards{grid-template-columns:1fr}.channel-panel,.diary-side{order:-1}.report-grid{grid-template-columns:1fr 1fr}}@media (max-width:780px){.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #0818322e}.sidebar-backdrop{z-index:19;background:#0c1d3766;border:0;display:block;position:fixed;inset:0}.sidebar-close{display:block}.page-header{align-items:flex-start}.principal select{max-width:72px}.attendance-list>div{grid-template-columns:28px 1fr;padding:10px 0}.attendance-buttons{flex-wrap:wrap;grid-column:2}.marks-toolbar{align-items:flex-start}.marks-toolbar,.marks-toolbar>div:last-child{flex-direction:column}.timetable-legend{display:none}}@media (max-width:560px){.page-header{display:block}.page-header .welcome-actions{grid-template-columns:1fr 1fr;margin-top:14px;display:grid}.page-header .welcome-actions .primary-btn{width:auto}.page-header h1{font-size:21px}.stats-grid,.mini-stats,.metric-grid.three,.metric-grid.four{grid-template-columns:1fr 1fr}.metric-grid .stat-card{display:block}.metric-grid .stat-icon{margin-bottom:10px}.workflow{grid-template-columns:1fr}.class-grid{grid-template-columns:1fr 1fr}.class-card dl{display:none}.class-band{height:56px}.class-card>div:last-child{padding:12px}.class-card .full-btn{font-size:8px}.attendance-controls{grid-template-columns:1fr}.attendance-summary{gap:12px}.report-grid{grid-template-columns:1fr}.settings-nav{margin-bottom:0}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.modal-layer{padding:0}.modal-card{border-radius:0;height:100vh;max-height:100vh}.modal-card>header{height:68px}.modal-card form{padding:0 16px 16px}.modal-card footer{background:#fff;padding:13px 0;position:sticky;bottom:0}.modal-card footer .primary-btn{width:auto}.record-summary{grid-template-columns:1fr}.record-view,.delete-confirm{padding:16px}.record-view footer,.delete-confirm footer{background:#fff;flex-wrap:wrap;position:sticky;bottom:0}.record-view footer .primary-btn,.delete-confirm footer .danger-btn{flex:1}.notice-layout,.homework-layout{gap:10px}.toast{bottom:13px;left:13px;right:13px}.resource-list>div{grid-template-columns:34px 1fr auto}.resource-list .badge{display:none}}.session-clock{color:#168968;background:#eaf8f3;border-radius:7px;place-items:center;min-width:48px;height:25px;margin-left:4px;font:700 10px Consolas,monospace;display:grid}.session-clock.ending{color:#c33d49;background:#fff1f0}.settings-form{gap:4px;display:grid}.settings-save,.credential-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:15px;display:flex}.settings-save>span,.credential-footer>span{color:#8793a5;font-size:8.5px}.settings-note{color:#66758b;background:#f5f8ff;border:1px solid #e0e8f8;border-radius:9px;margin-top:16px;padding:12px 14px;font-size:9px;line-height:1.55}.user-settings{gap:12px;display:grid}.access-banner{align-items:flex-start;gap:14px;display:flex}.access-banner h2{margin:2px 0 5px}.access-banner p{color:#7d899d;margin:0;font-size:9px;line-height:1.55}.credential-row{grid-template-columns:180px 1fr;gap:18px;display:grid}.credential-title{grid-template-columns:40px 1fr;align-content:start;align-items:center;gap:10px;display:grid}.credential-title>.badge{grid-column:1/-1;width:max-content;margin-top:5px}.credential-title h3{color:#314058;margin:0 0 4px;font-size:11px}.credential-title p{color:#929cad;margin:0;font-size:8px;line-height:1.45}.credential-fields{grid-template-columns:repeat(2,minmax(150px,1fr));gap:11px;display:grid}.credential-fields label{color:#718097;flex-direction:column;gap:6px;font-size:8.5px;font-weight:600;display:flex}.credential-fields .span-2{grid-column:1/-1}.credential-fields input,.credential-fields select{color:#435169;background:#fff;border:1px solid #dfe5ed;border-radius:8px;outline:0;height:36px;padding:0 10px;font-size:9.5px}.credential-footer{grid-column:1/-1;margin-top:0}.primary-btn:disabled,.secondary-btn:disabled,.report-card button:disabled{opacity:.5;cursor:not-allowed}.security-grid{grid-template-columns:repeat(2,1fr);gap:0;padding:0;display:grid}.security-grid>div{padding:22px}.security-grid>div:nth-child(2n){border-left:1px solid var(--line)}.security-grid>div:nth-child(n+3){border-top:1px solid var(--line)}.security-grid h3{color:#344158;margin:12px 0 6px;font-size:11px}.security-grid p{color:#7f8b9d;margin:0;font-size:9px;line-height:1.6}.activity-log>.panel-head{padding-bottom:12px}.activity-row{border-top:1px solid #edf1f5;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;padding:11px 0;display:grid}.activity-row>div{flex-direction:column;gap:3px;display:flex}.activity-row strong{color:#35435a;font-size:9.5px}.activity-row small{color:#8c98a9;font-size:8px}.activity-row time{color:#929dad;font-size:8px}.empty-state{color:#8d98a9;margin:0;padding:18px 0;font-size:9px}.role-parent .page-header .primary-btn,.role-parent .notice-actions,.role-parent .homework-card>button,.role-parent .diary-side .full-btn,.role-parent .row-action{display:none!important}.role-parent .attendance-buttons{pointer-events:none}.role-parent .attendance-buttons button:not(.selected),.role-accountant[data-active=dashboard] .page-header .primary-btn,.role-accountant[data-active=students] .page-header .primary-btn,.role-accountant[data-active=notices] .page-header .primary-btn,.role-teacher[data-active=dashboard] .page-header .primary-btn,.role-teacher[data-active=students] .page-header .primary-btn,.role-teacher[data-active=classes] .page-header .primary-btn,.role-teacher[data-active=results] .page-header .primary-btn,.role-teacher[data-active=timetable] .page-header .primary-btn,.role-teacher[data-active=notices] .page-header .primary-btn,.role-receptionist[data-active=classes] .page-header .primary-btn,.role-receptionist[data-active=notices] .page-header .primary-btn{display:none}.portal-loading{color:#23334d;text-align:center;background:radial-gradient(circle at 50% 18%,#f7faff 0,#eef3fb 42%,#e8eef8 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.portal-loading>div{background:#ffffffeb;border:1px solid #dfe7f3;border-radius:18px;width:min(420px,100%);padding:34px 28px;box-shadow:0 24px 70px #18305624}.portal-loading img{object-fit:cover;border-radius:50%;width:82px;height:82px;box-shadow:0 8px 24px #15305529}.portal-loading h1{margin:17px 0 8px;font-size:20px}.portal-loading p{color:#7a879b;margin:0;font-size:10px;line-height:1.65}.loading-ring{border:3px solid #dce6f5;border-top-color:#2f68dc;border-radius:50%;width:27px;height:27px;margin:19px auto 0;animation:.75s linear infinite portal-spin}.loading-error{background:#fff1f1;border-radius:9px;padding:11px 12px;color:#b63f4b!important;margin-top:18px!important}.portal-loading button{color:#fff;background:#2f68dc;border:0;border-radius:8px;height:35px;margin-top:14px;padding:0 16px;font-size:9px;font-weight:700}@keyframes portal-spin{to{transform:rotate(360deg)}}.role-parent[data-active=attendance] .panel-head .text-btn,.role-parent[data-active=fees] .metric-grid,.role-parent[data-active=results] .mini-stats{display:none!important}@media (max-width:780px){.session-clock{display:none}.credential-row{grid-template-columns:1fr}.credential-title{grid-template-columns:40px 1fr auto}.credential-title>.badge{grid-column:auto;margin:0}.security-grid{grid-template-columns:1fr}.security-grid>div:nth-child(2n){border-left:0}.security-grid>div:nth-child(n+2){border-top:1px solid var(--line)}}@media (max-width:560px){.topbar{gap:8px;padding:0 12px}.mobile-menu{flex:0 0 38px}.search{flex:1;margin:0}.top-actions{flex:none}.principal{display:none}.credential-fields{grid-template-columns:1fr}.credential-fields .span-2{grid-column:auto}.settings-save,.credential-footer{flex-direction:column;align-items:stretch}.settings-save .primary-btn,.credential-footer .primary-btn{width:100%}.security-grid>div{padding:17px}.activity-row{grid-template-columns:30px 1fr}.activity-row time{display:none}}@media (max-width:420px){.logout-button{place-items:center;width:36px;padding:0;display:grid}.logout-button span{display:none}.logout-button b{font-size:15px;display:block}.topbar{gap:6px}.search{padding:0 9px}.analytics-breakdown{grid-template-columns:1fr}}