:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#063b7a;--blue:#0068d9;--bright:#0098e8;--cyan:#00c4d6;--green:#009b70;--lime:#58d637;--orange:#ffad1f;--brand-blue:#0873b8;--brand-cyan:#008ba5;--canvas:#f7fafc;--surface:#fff;--surface-2:#f7fafc;--surface-3:#edf2f6;--border:#d8e3eb;--border-strong:#c9d9e4;--text:#0b1f33;--body:#294257;--muted:#56697b;--muted-soft:#8aa0b2;--on-brand:#fff;--on-brand-soft:#ebf5ff;--link:#075fae;--link-soft:#1c6f96;--tint-blue:#eaf4ff;--tint-blue-strong:#d9efff;--tint-blue-border:#b9d9ff;--tint-cyan:#e6f7fa;--tint-cyan-strong:#d4f1f6;--tint-cyan-border:#b9e2ee;--cyan-fg:#00768c;--cyan-fg-soft:#1c6f96;--focus:#008fd8;--heading:#063b7a;--accent-text:#0068d9;--primary:#063b7a;--on-primary:#fff;--selected-bg:#e6f7fa;--selected-fg:#063b7a;--hero-cyan:#00728a;--hero-bright:#0567b8;--hero-green:#087a55;--on-hero-panel:#00162e2e;--disabled-bg:#e3eaf0;--disabled-fg:#4d5f70;--ok-bg:#e7f7ef;--ok-bg-strong:#cdebd9;--ok-border:#8fcaa8;--ok-fg:#087a55;--ok-solid:#009b70;--danger-bg:#fdecee;--danger-bg-strong:#f7d4d2;--danger-border:#f3c1bd;--danger-fg:#b4232c;--danger-solid:#d93b3b;--warn-bg:#fff6e8;--warn-bg-strong:#ffe9c2;--warn-border:#f1d39b;--warn-fg:#8a5200;--warn-solid:#ffad1f;--activity-bg:#f2ecfc;--activity-bg-strong:#e3e8ff;--activity-border:#9aa8f0;--activity-fg:#6e3bb5;--activity-solid:#7a4fd6;--accent-bg:#f3fae8;--accent-bg-strong:#eafbe4;--accent-border:#dceaa0;--accent-fg:#4d5200;--accent-solid:#7ac943;--shadow:0 6px 18px #032c5b1a;--shadow-sm:0 3px 12px #032c5b08;--shadow-md:0 4px 14px #052e5810;--shadow-lg:0 8px 22px #052e5822;--shadow-xl:0 24px 70px #021b3566;--shadow-brand:0 12px 30px #063b7a1f;--shadow-cyan:0 5px 18px #00b7c826}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-blue:#1f6fb5;--brand-cyan:#1aa3bd;--canvas:#081520;--surface:#0f2231;--surface-2:#13293a;--surface-3:#1a3448;--border:#23425c;--border-strong:#315b7c;--text:#eaf3fa;--body:#cfe0ec;--muted:#a3bccd;--muted-soft:#86a2b6;--on-brand:#fff;--on-brand-soft:#ebf5ff;--link:#74c2ff;--link-soft:#8cd3e8;--tint-blue:#14304a;--tint-blue-strong:#1b436a;--tint-blue-border:#2e6491;--tint-cyan:#0e3441;--tint-cyan-strong:#134a5c;--tint-cyan-border:#2b7387;--cyan-fg:#63d7ea;--cyan-fg-soft:#8ccadd;--focus:#56bdff;--heading:#e8f3fc;--accent-text:#7cc4ff;--primary:#2476bd;--on-primary:#fff;--selected-bg:#1c5a70;--selected-fg:#fff;--disabled-bg:#1a3448;--disabled-fg:#a3bccd;--ok-bg:#0f3529;--ok-bg-strong:#17523f;--ok-border:#2f7d60;--ok-fg:#6ee0b4;--ok-solid:#16b183;--danger-bg:#3b1a1e;--danger-bg-strong:#5c272d;--danger-border:#8d3d44;--danger-fg:#ffa3aa;--danger-solid:#c9434d;--warn-bg:#392b12;--warn-bg-strong:#55411a;--warn-border:#8b6b2d;--warn-fg:#ffca70;--warn-solid:#ffb63d;--activity-bg:#272150;--activity-bg-strong:#342c6b;--activity-border:#5f52ad;--activity-fg:#c8b8ff;--activity-solid:#9280e8;--accent-bg:#25320f;--accent-bg-strong:#34471a;--accent-border:#5e7c2d;--accent-fg:#cbea93;--accent-solid:#8ed455;--shadow:0 6px 18px #00060d80;--shadow-sm:0 3px 12px #00060d59;--shadow-md:0 4px 14px #00060d66;--shadow-lg:0 8px 22px #00060d80;--shadow-xl:0 24px 70px #00060db3;--shadow-brand:0 12px 30px #00060d73;--shadow-cyan:0 5px 18px #00303a80}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-blue:#1f6fb5;--brand-cyan:#1aa3bd;--canvas:#081520;--surface:#0f2231;--surface-2:#13293a;--surface-3:#1a3448;--border:#23425c;--border-strong:#315b7c;--text:#eaf3fa;--body:#cfe0ec;--muted:#a3bccd;--muted-soft:#86a2b6;--on-brand:#fff;--on-brand-soft:#ebf5ff;--link:#74c2ff;--link-soft:#8cd3e8;--tint-blue:#14304a;--tint-blue-strong:#1b436a;--tint-blue-border:#2e6491;--tint-cyan:#0e3441;--tint-cyan-strong:#134a5c;--tint-cyan-border:#2b7387;--cyan-fg:#63d7ea;--cyan-fg-soft:#8ccadd;--focus:#56bdff;--heading:#e8f3fc;--accent-text:#7cc4ff;--primary:#2476bd;--on-primary:#fff;--selected-bg:#1c5a70;--selected-fg:#fff;--disabled-bg:#1a3448;--disabled-fg:#a3bccd;--ok-bg:#0f3529;--ok-bg-strong:#17523f;--ok-border:#2f7d60;--ok-fg:#6ee0b4;--ok-solid:#16b183;--danger-bg:#3b1a1e;--danger-bg-strong:#5c272d;--danger-border:#8d3d44;--danger-fg:#ffa3aa;--danger-solid:#c9434d;--warn-bg:#392b12;--warn-bg-strong:#55411a;--warn-border:#8b6b2d;--warn-fg:#ffca70;--warn-solid:#ffb63d;--activity-bg:#272150;--activity-bg-strong:#342c6b;--activity-border:#5f52ad;--activity-fg:#c8b8ff;--activity-solid:#9280e8;--accent-bg:#25320f;--accent-bg-strong:#34471a;--accent-border:#5e7c2d;--accent-fg:#cbea93;--accent-solid:#8ed455;--shadow:0 6px 18px #00060d80;--shadow-sm:0 3px 12px #00060d59;--shadow-md:0 4px 14px #00060d66;--shadow-lg:0 8px 22px #00060d80;--shadow-xl:0 24px 70px #00060db3;--shadow-brand:0 12px 30px #00060d73;--shadow-cyan:0 5px 18px #00303a80}}*{box-sizing:border-box}html,body{max-width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Noto Sans Thai,Noto Sans,system-ui,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.button{background:var(--primary);min-height:44px;color:var(--on-primary);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:10px 17px;font-weight:700;display:inline-flex}button.button:disabled{background:var(--disabled-bg);color:var(--disabled-fg);box-shadow:inset 0 0 0 1px var(--border-strong);cursor:not-allowed}.button.secondary{background:var(--tint-blue);color:var(--link)}.button.light{background:var(--surface);color:var(--heading);margin-top:18px}.button.danger{background:var(--danger-solid)}.text-button,.quiet-button{color:var(--link);cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px}.app-shell{min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;width:248px;padding:24px 14px;display:flex;position:fixed;inset:0 auto 0 0}.logo{width:158px;height:auto;margin:2px auto 30px}.workspace-label{letter-spacing:.12em;color:var(--muted);margin:0 12px 12px;font-size:11px;font-weight:700}.sidebar nav{gap:5px;display:grid}.nav-item{min-height:46px;color:var(--link);white-space:nowrap;border-radius:12px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:grid}.nav-item>span:first-child{text-align:center;color:var(--link);font-size:19px}.nav-item.active{background:var(--selected-bg);color:var(--selected-fg);box-shadow:inset 3px 0 var(--cyan);font-weight:700}.school-context{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.school-context>span{background:var(--tint-cyan);width:38px;height:38px;color:var(--heading);border-bottom:2px solid var(--lime);border-radius:11px;place-items:center;font-weight:700;display:grid}.school-context div{min-width:0}.school-context strong,.school-context small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.school-context strong{font-size:12px}.school-context small{color:var(--muted);margin-top:2px;font-size:9px}.app-column{min-height:100vh;margin-left:248px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;gap:16px;height:70px;padding:0 30px;display:flex}.topbar>div{text-align:right;flex-direction:column;display:flex}.topbar strong{font-size:13px}.topbar small{color:var(--muted);font-size:10px}.mobile-logo{display:none}.workspace{max-width:1440px;margin:0 auto;padding:30px 32px 80px}.eyebrow{letter-spacing:.08em;color:var(--cyan-fg);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.dashboard-hero .eyebrow,.room-hero .eyebrow,.student-hero .eyebrow,.profile-hero .eyebrow,.behavior-hero .eyebrow,.parent-child-hero .eyebrow,.admin-hero .eyebrow,.usage-callout .eyebrow{color:var(--on-brand-soft)}.page-title h1{margin:0;font-size:29px;line-height:1.3}.dashboard-hero{background:linear-gradient(125deg, var(--brand-blue), var(--brand-blue) 58%, var(--hero-cyan));min-height:230px;box-shadow:var(--shadow-brand);color:var(--on-brand);border-radius:24px;justify-content:space-between;align-items:center;gap:30px;padding:31px;display:flex}.dashboard-hero h2{margin:10px 0 5px;font-size:38px}.dashboard-hero p{color:var(--on-brand-soft);margin:0}.hero-tag{background:var(--on-hero-panel);border:1px solid #ffffff30;border-bottom:2px solid var(--lime);border-radius:8px;padding:7px 10px;font-size:12px}.hero-summary{border-left:1px solid #ffffff35;flex-direction:column;align-items:center;padding:20px 35px;display:flex}.hero-summary strong{font-size:54px}.hero-summary span{color:var(--on-brand-soft);font-size:12px}.content-grid{grid-template-columns:1.35fr 1fr;gap:20px;margin-top:22px;display:grid}.panel,.list-panel,.search,.identity-card,.locked-card,.account{background:var(--surface);border:1px solid var(--tint-blue-border);box-shadow:var(--shadow-sm);border-radius:16px;padding:22px}.panel h2{margin:0;font-size:19px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-title a,.section-title>span{color:var(--link);font-size:12px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quick-grid>a{border:1px solid var(--border);border-radius:14px;grid-template-columns:32px 1fr;column-gap:8px;min-height:112px;padding:14px;display:grid}.quick-grid>a>span{color:var(--cyan-fg);font-size:25px}.quick-grid strong{font-size:14px}.quick-grid small{color:var(--muted);grid-column:2;font-size:11px;line-height:1.6}.notification-list{display:grid}.notification-list>a,.notification-list>button{text-align:left;border:0;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;grid-template-columns:8px 1fr auto;align-items:start;gap:11px;width:100%;padding:13px 4px;display:grid}.notification-list .unread{background:var(--cyan);border-radius:50%;width:8px;height:8px;margin-top:6px}.notification-list .read{background:var(--tint-blue-strong);border-radius:50%;width:8px;height:8px;margin-top:6px}.notification-list strong{font-size:13px}.notification-list p{color:var(--muted);margin:4px 0;font-size:11px;line-height:1.55}.notification-list small{color:var(--muted);font-size:9px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.room-card{background:var(--surface);border:1px solid var(--border);min-height:180px;box-shadow:var(--shadow);border-top:4px solid var(--cyan);border-radius:18px;padding:22px}.room-card>span{color:var(--cyan-fg);font-size:12px}.room-card h2{margin:12px 0;font-size:28px}.room-card p{color:var(--muted);font-size:12px}.room-card>strong{color:var(--link);margin-top:20px;font-size:12px;display:block}.student-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.student-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.student-card>img,.photo-placeholder{aspect-ratio:4/5;object-fit:cover;width:100%}.photo-placeholder{background:linear-gradient(145deg, var(--tint-blue), var(--ok-bg));color:var(--heading);flex-direction:column;justify-content:center;align-items:center;display:flex}.photo-placeholder>span{font-size:44px;font-weight:700}.photo-placeholder>small{color:var(--muted);font-size:9px}.student-card>div:last-child{padding:12px}.student-name{align-items:baseline;gap:7px;display:flex}.student-name>span{color:var(--muted);font-size:11px}.student-name h2{margin:0;font-size:14px}.status{border-radius:7px;align-items:center;gap:5px;margin-top:10px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.green{color:var(--ok-fg);background:var(--ok-bg)}.red{color:var(--danger-fg);background:var(--danger-bg)}.orange{color:var(--warn-fg);background:var(--warn-bg)}.blue{color:var(--link);background:var(--tint-blue)}.purple{color:var(--activity-fg);background:var(--activity-bg)}.neutral{color:var(--link);background:var(--tint-blue)}.time{color:var(--link);border-top:1px solid var(--border);white-space:nowrap;margin:10px 0 0;padding-top:8px;font-size:10px}.search{margin-bottom:18px}.search label{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.search>div{gap:10px;display:flex}.search input,.auth-card input{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);border-radius:12px;padding:10px 12px}.person-row{border-bottom:1px solid var(--border);grid-template-columns:48px 1fr auto;align-items:center;gap:13px;min-height:70px;padding:12px;display:grid}.person-row img,.small-placeholder{object-fit:cover;border-radius:9px;width:48px;height:56px}.small-placeholder{background:var(--tint-cyan);color:var(--heading);place-items:center;font-weight:700;display:grid}.person-row div{flex-direction:column;display:flex}.person-row strong{font-size:14px}.person-row small{color:var(--muted);font-size:11px}.person-row b{color:var(--link);font-size:11px}.identity-card{grid-template-columns:200px 1fr;align-items:center;gap:28px;display:grid}.identity-card>img,.identity-card>.large{aspect-ratio:4/5;object-fit:cover;border-radius:14px;width:200px}.identity-card h2{margin:10px 0;font-size:34px}.identity-card p{color:var(--muted);font-size:13px}.score-hero{color:var(--on-brand);background:linear-gradient(115deg, var(--brand-blue), var(--brand-blue) 60%, var(--hero-cyan));border-radius:20px;justify-content:space-between;align-items:center;gap:25px;margin:16px 0 24px;padding:24px 28px;display:flex}.score-hero span{color:var(--on-brand-soft);font-size:12px}.score-hero h2{margin:8px 0 0;font-size:26px}.score-hero p{max-width:430px;font-size:12px;line-height:1.65}.tabs{border-bottom:1px solid var(--border);margin-bottom:20px;display:flex;overflow:auto}.tabs a{text-align:center;min-width:max-content;color:var(--link);flex:1;padding:15px;font-size:13px}.tabs a:first-child{color:var(--selected-fg);border-bottom:3px solid var(--cyan)}.attendance-list{display:grid}.attendance-list>div{border-bottom:1px solid var(--border);grid-template-columns:110px 110px 1fr;align-items:center;padding:12px 0;font-size:12px;display:grid}.attendance-list .status{width:max-content;margin:0}.queue-row{border-bottom:1px solid var(--border);grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 4px;display:grid}.queue-icon{background:var(--tint-blue);width:38px;height:38px;color:var(--link);border-radius:10px;place-items:center;display:grid}.queue-icon.behavior{background:var(--ok-bg);color:var(--ok-fg)}.queue-icon.conflict{background:var(--warn-bg-strong);color:var(--warn-fg)}.queue-row strong{font-size:14px}.queue-row p{color:var(--muted);margin:4px 0 0;font-size:11px}.lead{color:var(--muted);margin:-12px 0 22px;font-size:13px;line-height:1.7}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.metric-grid article{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;min-height:110px;padding:16px;display:flex}.metric-grid strong{color:var(--heading);font-size:28px}.metric-grid span{color:var(--muted);margin-top:auto;font-size:11px}.locked-card{text-align:center;padding:50px 24px}.locked-card h2{font-size:22px}.locked-card p{color:var(--muted);font-size:13px}.safe-json{white-space:pre-wrap;word-break:break-word;color:var(--link);max-height:520px;font-size:11px;overflow:auto}.account{gap:16px;max-width:620px;display:grid}.account>div{border-bottom:1px solid var(--border);flex-direction:column;padding-bottom:12px;display:flex}.account small{color:var(--muted);font-size:11px}.account strong{margin-top:4px;font-size:14px}.menu-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.menu-grid a{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;min-height:110px;padding:18px;display:flex}.menu-grid span{color:var(--cyan-fg);font-size:26px}.empty,.inline-state{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--muted);border-radius:16px;padding:48px 24px}.empty strong,.inline-state h2{color:var(--text)}.inline-state>span,.state-mark{background:var(--tint-cyan);width:48px;height:48px;color:var(--heading);border-radius:14px;place-items:center;margin:0 auto 14px;font-weight:700;display:grid}.inline-state .button{margin-top:14px}.centered-state,.auth-page{background:linear-gradient(150deg, var(--surface-2), var(--tint-cyan));place-items:center;min-height:100vh;padding:28px;display:grid}.centered-state>img{width:170px;margin-bottom:20px}.state-card,.auth-card{background:var(--surface);border:1px solid var(--border);text-align:center;width:min(520px,100%);box-shadow:var(--shadow);border-radius:20px;padding:34px}.state-card h1{font-size:23px}.state-card p,.auth-card p{color:var(--muted);font-size:13px;line-height:1.7}.loader{border:3px solid var(--tint-blue-border);border-top-color:var(--cyan);border-radius:50%;width:30px;height:30px;margin:20px auto;animation:.8s linear infinite spin}.tenant-list{gap:10px;margin-top:20px;display:grid}.tenant-list button{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;min-height:64px;padding:12px;display:flex}.tenant-list span{color:var(--muted);font-size:10px}.auth-page{grid-template-columns:minmax(280px,430px) minmax(320px,480px);gap:60px}.auth-brand img{width:220px}.auth-brand h1{color:var(--heading);margin:24px 0 8px;font-size:40px}.auth-brand p{color:var(--muted)}.auth-card{text-align:left}.auth-card h2{font-size:25px}.auth-card label{gap:8px;margin:22px 0 14px;font-size:12px;font-weight:600;display:grid}.auth-card .button{width:100%}.form-message{background:var(--tint-blue);border-radius:8px;padding:10px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}@media (max-width:1180px){.student-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:850px){.sidebar{display:none}.app-column{margin-left:0}.topbar{justify-content:space-between;height:66px;padding:0 16px}.mobile-logo{width:104px;display:block}.topbar>div{margin-left:auto}.workspace{padding:22px 20px 92px}.content-grid{grid-template-columns:1fr}.student-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,1fr)}.auth-page{grid-template-columns:1fr;gap:24px}.auth-brand{text-align:center}.auth-brand img{width:170px}.auth-brand h1{font-size:28px}.bottom-nav{z-index:20;background:var(--surface);border-top:1px solid var(--border);min-height:64px;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav a{min-height:62px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;font-size:9px;display:flex}.bottom-nav a>span{font-size:21px}.bottom-nav a.active{color:var(--accent-text);background:linear-gradient(var(--tint-blue), transparent);font-weight:700}}@media (max-width:540px){.workspace{padding:18px 12px 88px}.page-title{align-items:flex-start}.page-title h1{font-size:23px}.dashboard-hero{align-items:flex-start;min-height:260px;padding:22px}.dashboard-hero h2{font-size:30px}.hero-summary{border-top:1px solid #ffffff35;border-left:0;padding:14px}.hero-summary strong{font-size:38px}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid>a{padding:11px}.student-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 7px}.student-card{border-radius:10px}.student-card>div:last-child{padding:8px 6px}.student-name h2{font-size:11px}.student-name>span{font-size:9px}.status{padding:3px 5px;font-size:9px}.time{letter-spacing:-.35px;font-size:8px}.card-grid{grid-template-columns:1fr}.identity-card{text-align:center;grid-template-columns:1fr;padding:16px}.identity-card>img,.identity-card>.large{width:min(230px,80%);margin:auto}.identity-card h2{font-size:29px}.score-hero{padding:22px;display:block}.score-hero h2{font-size:21px}.tabs{margin-inline:-12px}.attendance-list>div{grid-template-columns:1fr auto;gap:8px}.attendance-list>div>span:last-child{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-grid article{min-height:90px;padding:12px}.menu-grid{grid-template-columns:repeat(2,1fr)}.person-row{grid-template-columns:48px 1fr}.person-row>b{grid-column:2}.auth-page,.centered-state{padding:18px}.auth-card,.state-card{padding:25px}.auth-brand{display:none}}@media (max-width:340px){.student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time{font-size:10px}.quick-grid{grid-template-columns:1fr}}.command-form,.upload-panel{background:var(--surface);border:1px solid var(--border);max-width:760px;box-shadow:var(--shadow);border-radius:18px;gap:17px;padding:24px;display:grid}.command-form label,.upload-panel label{color:var(--body);gap:7px;font-size:12px;font-weight:700;display:grid}.command-form input,.command-form select,.command-form textarea,.upload-panel input,.upload-panel select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:46px;color:var(--text);font:inherit;border-radius:12px;padding:10px 12px;font-weight:400}.command-form textarea{resize:vertical}.form-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-feedback{border-radius:10px;margin:0;padding:11px 13px;font-size:12px}.form-feedback.success{background:var(--ok-bg);color:var(--ok-fg)}.form-feedback.error{background:var(--danger-bg);color:var(--danger-fg)}.upload-panel{grid-template-columns:1fr 1.4fr auto;align-items:end;max-width:none;margin-bottom:20px}.upload-panel .form-feedback{grid-column:1/-1}.timetable-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.timetable-grid article{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:8px;padding:14px;display:grid}.timetable-preview{aspect-ratio:16/10;background:var(--tint-blue);color:var(--muted);border-radius:12px;place-items:center;font-size:12px;display:grid;overflow:hidden}.timetable-preview img{object-fit:contain;background:var(--surface);width:100%;height:100%}.timetable-grid small{color:var(--muted)}@media (max-width:720px){.form-columns,.upload-panel,.timetable-grid{grid-template-columns:1fr}.upload-panel .form-feedback{grid-column:auto}.command-form,.upload-panel{padding:18px}}.title-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.room-hero{color:var(--on-brand);background:linear-gradient(120deg, var(--brand-blue), var(--brand-blue) 58%, var(--hero-cyan));box-shadow:var(--shadow-brand);border-radius:22px;grid-template-columns:minmax(210px,1fr) minmax(280px,1.25fr) minmax(150px,.7fr);align-items:center;gap:24px;margin-bottom:22px;padding:25px 28px;display:grid}.room-identity h2{margin:10px 0 2px;font-size:35px}.room-identity p{color:var(--on-brand-soft);margin:0;font-size:13px}.room-advisors{text-align:center;min-width:0}.room-advisors>strong{color:var(--on-brand-soft);margin-bottom:9px;font-size:12px;display:block}.room-advisors>div{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px;display:flex}.room-advisors>div>p{color:var(--on-brand-soft);margin:16px 0;font-size:11px}.room-advisors figure{width:84px;min-width:0;margin:0}.room-advisors img,.advisor-placeholder{aspect-ratio:4/5;object-fit:cover;border:2px solid #ffffff8c;border-radius:11px;width:76px;margin:auto}.advisor-placeholder{background:linear-gradient(145deg, var(--tint-blue), var(--ok-bg));color:var(--heading);flex-direction:column;justify-content:center;align-items:center;display:flex}.advisor-placeholder span{font-size:25px;font-weight:700}.advisor-placeholder small{color:var(--muted);font-size:7px}.room-advisors figcaption{overflow-wrap:anywhere;margin-top:5px;font-size:9px;line-height:1.35}.room-summary{border-left:1px solid #ffffff35;justify-items:center;padding-left:22px;display:grid}.room-summary strong{font-size:34px}.room-summary span{color:var(--on-brand-soft);font-size:11px}.room-summary small{color:var(--on-brand-soft);margin-top:8px;font-size:9px}.homeroom-list{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.homeroom-list form{border-bottom:1px solid var(--border);grid-template-columns:38px minmax(160px,1fr) minmax(150px,220px) auto;align-items:center;gap:12px;min-height:70px;padding:11px 16px;display:grid}.homeroom-list select{border:1px solid var(--border);background:var(--surface);border-radius:11px;min-height:44px;padding:8px 10px}.student-number{color:var(--muted);font-size:11px}@media (max-width:860px){.room-hero{text-align:center;grid-template-columns:1fr;gap:18px;padding:22px 18px}.room-summary{border-top:1px solid #ffffff35;border-left:0;padding:15px 0 0}.room-advisors{order:2}.room-summary{order:3}}@media (max-width:620px){.title-actions{justify-content:stretch;width:100%}.title-actions .button{flex:1}.room-advisors figure{width:78px}.room-advisors img,.advisor-placeholder{width:70px}.homeroom-list form{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:12px}.homeroom-list select,.homeroom-list button{grid-column:1/-1}}.dashboard-overview{grid-template-columns:1.45fr .75fr;gap:20px;margin-top:22px;display:grid}.metric-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-grid.compact article{min-height:82px;padding:12px}.metric-grid.compact strong{font-size:23px}.grade-chips{flex-wrap:wrap;gap:9px;display:flex}.grade-chips span{background:var(--tint-cyan);min-width:58px;min-height:38px;color:var(--heading);border-bottom:2px solid var(--lime);border-radius:10px;place-items:center;font-weight:700;display:grid}.grade-chips small{color:var(--muted)}@media (max-width:1050px){.dashboard-overview{grid-template-columns:1fr}}@media (max-width:720px){.metric-grid.compact{grid-template-columns:repeat(3,1fr)}}.role-selection .state-card{max-width:560px}.role-options,.school-options{gap:12px;margin-top:22px;display:grid}.role-option{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;min-height:74px;color:var(--text);border-radius:16px;flex-direction:column;gap:3px;padding:14px 18px;display:flex}.role-option b{font-size:17px}.role-option span{color:var(--muted);font-size:12px}.role-option.student{border-color:var(--tint-cyan-border);background:var(--tint-cyan);box-shadow:inset 4px 0 var(--cyan)}.role-option:disabled{opacity:.48;cursor:not-allowed}.school-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.bottom-nav{display:none}.student-hero{background:linear-gradient(125deg, var(--navy), var(--blue) 58%, var(--hero-bright));min-height:218px;box-shadow:var(--shadow-brand);color:var(--on-brand);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:30px;display:grid}.student-hero h2{margin:12px 0 5px;font-size:36px}.student-hero p{color:var(--on-brand-soft);margin:0}.student-hero>div:last-child{background:var(--on-hero-panel);border:1px solid #ffffff2b;border-radius:18px;gap:14px;min-width:245px;padding:22px;display:grid}.hero-time{font-size:17px}.student-quick-grid,.menu-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.quick-card{border:1px solid var(--border);background:var(--surface);min-height:138px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;justify-content:center;gap:7px;padding:20px;display:flex}.quick-card>span{color:var(--accent-text);font-size:26px}.quick-card>b{font-size:16px}.quick-card>small{color:var(--muted)}.quick-card.cyan{border-top:4px solid var(--cyan)}.quick-card.green{border-top:4px solid var(--green)}.quick-card.orange{border-top:4px solid var(--orange)}.quick-card.lime{border-top:4px solid var(--lime)}.profile-hero{background:linear-gradient(125deg, var(--brand-blue), var(--brand-blue));color:var(--on-brand);border-radius:24px;align-items:center;gap:24px;padding:26px;display:flex}.profile-hero h2{margin:3px 0;font-size:30px}.profile-hero p{color:var(--on-brand-soft);margin:3px 0}.student-photo{aspect-ratio:4/5;background:var(--tint-blue);width:148px;color:var(--heading);border-radius:18px;flex:none;place-items:center;font-size:30px;font-weight:900;display:grid;overflow:hidden}.student-photo img{object-fit:cover;width:100%;height:100%}.info-card,.list-card,.article-card,.form-card,.empty-state{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;margin-top:18px;padding:22px}.info-card dl{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.info-card dl div{background:var(--surface-2);border-radius:12px;padding:14px}.info-card dt{color:var(--muted);font-size:12px}.info-card dd{margin:5px 0 0;font-weight:750}.attendance-list{gap:10px;display:grid}.attendance-row{background:var(--surface);border:1px solid var(--border);border-radius:15px;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex}.attendance-row>div:first-child,.attendance-result{gap:5px;display:grid}.attendance-row small,.list-row small,.muted{color:var(--muted)}.attendance-result{text-align:right;justify-items:end}.day-state{background:var(--tint-blue);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px}.day-state.holiday{background:var(--tint-blue);color:var(--activity-fg)}.day-state.future{background:var(--tint-blue);color:var(--link)}.notice-strip{border-left:4px solid var(--orange);background:var(--warn-bg);color:var(--warn-fg);border-radius:10px;padding:13px 16px}.behavior-hero{background:linear-gradient(125deg, var(--brand-blue), var(--brand-blue));color:var(--on-brand);border-radius:24px;padding:27px}.behavior-hero>span{color:var(--on-brand-soft)}.behavior-hero>strong{margin:7px 0;font-size:62px;line-height:1.1;display:block}.behavior-hero p{color:var(--on-brand-soft);margin:9px 0 0;font-size:12px}.score-track{background:#ffffff30;border-radius:999px;height:12px;overflow:hidden}.score-track i{background:linear-gradient(90deg, var(--cyan), var(--lime));border-radius:inherit;height:100%;display:block}.list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:12px 4px;display:flex}.list-row:last-child{border-bottom:0}.list-row>div{gap:4px;display:grid}.list-row.unread{border-left:3px solid var(--cyan);padding-left:13px}.positive{color:var(--ok-fg)}.negative,.form-error{color:var(--danger-fg)}.article-card h2{font-size:26px}.article-card p{white-space:pre-wrap;line-height:1.75}.form-card form,.auth-card{gap:14px;display:grid}.form-card label,.auth-card label{gap:6px;font-weight:700;display:grid}.form-card input,.form-card textarea,.auth-card input{border:1px solid var(--tint-blue-border);background:var(--surface);color:var(--text);border-radius:11px;padding:11px 13px}.form-card textarea{resize:vertical;min-height:130px}.account-actions{gap:10px;margin-top:20px;display:flex}.empty-state{text-align:center;padding:40px}.empty-state>span{color:var(--cyan-fg);font-size:36px}.empty-state h2{margin:8px 0}.empty-state p{color:var(--muted);margin:0}.page-loader{margin:60px auto}.menu-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.student-quick-grid,.info-card dl{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.student-shell .sidebar{display:none}.student-shell .app-column{margin-left:0}.student-shell .topbar{justify-content:space-between;height:60px;padding:0 16px}.student-shell .mobile-logo{border-radius:10px;width:42px;height:42px;display:block}.student-shell .workspace{padding:20px 14px 92px}.student-shell .bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:20;padding:7px max(4px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav a{min-height:49px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.bottom-nav a>span{font-size:19px}.bottom-nav a>small{white-space:nowrap;font-size:10px}.bottom-nav a.active{color:var(--accent-text);font-weight:700}.page-title{align-items:flex-start;margin-bottom:17px}.page-title h1{font-size:23px}.page-title .button{padding:8px 10px;font-size:12px}.student-hero{grid-template-columns:1fr;gap:18px;min-height:0;padding:21px}.student-hero h2{font-size:29px}.student-hero>div:last-child{min-width:0;padding:16px}.student-quick-grid,.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick-card{min-height:115px;padding:15px}.profile-hero{align-items:flex-start;gap:16px;padding:19px}.student-photo{border-radius:14px;width:100px}.profile-hero h2{font-size:23px}.info-card dl{grid-template-columns:1fr 1fr}.attendance-row{align-items:flex-start;padding:13px}.attendance-result{min-width:122px}.account-actions{flex-direction:column}}@media (max-width:380px){.student-quick-grid,.menu-grid{grid-template-columns:1fr 1fr}.profile-hero{flex-direction:column}.student-photo{width:120px}.info-card dl{grid-template-columns:1fr}.attendance-row{flex-direction:column}.attendance-result{text-align:left;justify-items:start}}.role-option.parent{border-color:var(--warn-border);background:var(--warn-bg);box-shadow:inset 4px 0 var(--orange)}.parent-shell .child-select{color:var(--muted);align-items:center;gap:9px;margin-left:auto;font-size:11px;font-weight:700;display:flex}.parent-shell .child-select select{border:1px solid var(--border);background:var(--surface);min-width:190px;color:var(--text);font:inherit;border-radius:11px;padding:8px 12px}.family-child-strip{scrollbar-width:thin;gap:10px;margin-bottom:8px;padding:2px 2px 12px;display:flex;overflow-x:auto}.family-child-strip button{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;min-width:170px;color:var(--text);border-radius:15px;grid-template-rows:auto auto;grid-template-columns:38px 1fr;column-gap:9px;padding:10px 12px;display:grid}.family-child-strip button>span{background:var(--tint-cyan);width:38px;height:46px;color:var(--heading);border-radius:10px;grid-row:1/3;place-items:center;font-size:18px;font-weight:800;display:grid}.family-child-strip button>b,.family-child-strip button>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.family-child-strip button>small{color:var(--muted)}.family-child-strip button.active{border-color:var(--cyan);box-shadow:var(--shadow-cyan);background:var(--surface-2)}.parent-child-hero{background:linear-gradient(125deg, var(--navy), var(--blue) 58%, var(--hero-bright));color:var(--on-brand);border-radius:24px;grid-template-columns:148px minmax(240px,1fr) minmax(230px,.65fr);align-items:center;gap:25px;padding:26px;display:grid}.parent-child-identity h2{margin:8px 0 3px;font-size:32px}.parent-child-identity p{color:var(--on-brand-soft);margin:0 0 13px}.text-button.light{color:var(--on-brand);text-decoration:underline}.parent-today{background:var(--on-hero-panel);border:1px solid #ffffff30;border-radius:18px;justify-items:start;gap:11px;padding:20px;display:grid}.parent-today small{color:var(--on-brand-soft)}.parent-today strong{font-size:15px}.parent-child-hero+.behavior-hero{margin-top:18px}.parent-leave-form{max-width:none}.parent-leave-form>p{color:var(--muted)}.parent-leave-form select{border:1px solid var(--tint-blue-border);background:var(--surface);color:var(--text);border-radius:11px;padding:11px 13px}.parent-leave-form .list-card{box-shadow:none}.leave-state{text-align:right;justify-items:end}@media (max-width:900px){.parent-child-hero{grid-template-columns:112px 1fr}.parent-child-hero .student-photo{width:112px}.parent-today{grid-column:1/-1}.parent-shell .child-select span{display:none}}@media (max-width:720px){.parent-shell .sidebar{display:none}.parent-shell .app-column{margin-left:0}.parent-shell .topbar{height:66px;padding:0 14px}.parent-shell .workspace{padding:20px 14px 92px}.parent-shell .bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:20;padding:7px max(4px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.parent-shell .child-select select{min-width:128px;max-width:158px}.parent-child-hero{grid-template-columns:100px 1fr;gap:16px;padding:19px}.parent-child-hero .student-photo{width:100px}.parent-child-identity h2{font-size:23px}.family-child-strip button{min-width:150px}}@media (max-width:380px){.parent-shell .topbar>div{display:none}.parent-shell .child-select select{min-width:180px}.parent-child-hero{grid-template-columns:1fr}.parent-child-hero .student-photo{width:120px}.parent-today{grid-column:auto}.leave-state{text-align:left;justify-items:start}}.role-option.admin{border-color:var(--tint-blue-border);background:linear-gradient(145deg, var(--surface-2), var(--ok-bg))}.admin-sidebar{padding-bottom:18px;overflow-y:auto}.admin-sidebar .logo{margin-bottom:18px}.admin-sidebar nav{padding-bottom:18px}.admin-content{max-width:1440px}.admin-topbar{border-bottom-color:var(--tint-cyan-border)}.admin-hero{color:var(--on-brand);background:linear-gradient(125deg, var(--navy), var(--brand-blue) 62%, var(--hero-cyan));box-shadow:var(--shadow);border-radius:20px;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:24px;padding:30px;display:grid}.admin-hero h1{margin:8px 0 4px;font-size:clamp(26px,3vw,38px)}.admin-hero p{color:var(--on-brand-soft);margin:0}.readiness{background:var(--on-hero-panel);border:1px solid #ffffff3d;border-radius:16px;align-self:center;gap:5px;padding:18px;display:grid}.readiness strong{font-size:32px}.readiness span,.readiness a{color:var(--on-brand-soft);font-size:13px}.readiness div{background:#ffffff30;border-radius:99px;height:8px;margin:7px 0;overflow:hidden}.readiness i{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--lime));height:100%;display:block}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.admin-metric{background:var(--surface);border:1px solid var(--border);min-height:132px;box-shadow:var(--shadow-sm);border-top:4px solid var(--bright);border-radius:16px;flex-direction:column;gap:3px;padding:18px;display:flex}.admin-metric.green{border-top-color:var(--green)}.admin-metric.lime{border-top-color:var(--lime)}.admin-metric.orange{border-top-color:var(--orange)}.admin-metric span{color:var(--body);font-weight:700}.admin-metric strong{color:var(--heading);font-size:34px}.admin-metric small{color:var(--link);margin-top:auto}.admin-dashboard-grid,.settings-grid{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.panel,.form-card,.role-card,.module-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:16px}.panel{padding:20px}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-head h2{margin:4px 0 12px}.section-head a{color:var(--link);font-size:13px;font-weight:700}.attendance-mini{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.attendance-mini div{background:var(--surface-2);text-align:center;border-radius:13px;padding:13px 8px;display:grid}.attendance-mini strong{color:var(--heading);font-size:22px}.attendance-mini span{color:var(--muted);font-size:12px}.attendance-mini .ok{background:var(--ok-bg)}.attendance-mini .warn{background:var(--warn-bg)}.data-note{color:var(--muted);font-size:12px;line-height:1.6}.task-list{gap:8px;display:grid}.task-list a{background:var(--surface-2);border-left:3px solid var(--cyan);border-radius:12px;gap:2px;padding:12px;display:grid}.task-list span{color:var(--muted);font-size:12px}.page-title{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.page-title h1{margin:4px 0;font-size:clamp(25px,3vw,34px)}.page-title p{color:var(--muted);margin:0}.admin-search{max-width:440px;color:var(--body);gap:6px;margin-bottom:16px;font-size:13px;font-weight:700;display:grid}.admin-search input,.admin-modal input,.admin-modal select,.form-card input,.form-card select{border:1px solid var(--tint-blue-border);background:var(--surface);border-radius:11px;min-height:44px;padding:9px 12px}.admin-table-wrap{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);border-radius:16px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:720px}.admin-table th{text-align:left;color:var(--link);background:var(--surface-2);white-space:nowrap;padding:12px 14px;font-size:12px}.admin-table td{border-top:1px solid var(--border);color:var(--body);padding:13px 14px;font-size:13px}.admin-table tr:hover td{background:var(--surface-2)}.onboarding-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.onboarding-step{background:var(--surface);border:1px solid var(--border);border-radius:15px;align-items:center;gap:12px;padding:14px;display:flex}.onboarding-step>span{background:var(--tint-cyan);width:36px;height:36px;color:var(--heading);border-bottom:2px solid var(--lime);border-radius:11px;place-items:center;font-weight:800;display:grid}.onboarding-step div{display:grid}.onboarding-step small{color:var(--muted)}.admin-modal{background:var(--surface);width:min(480px,100vw - 24px);max-height:90vh;box-shadow:var(--shadow-xl);border-radius:18px;gap:13px;padding:22px;display:grid;overflow:auto}.admin-modal h2{margin:0}.admin-modal label,.form-card label{color:var(--body);gap:6px;font-size:13px;font-weight:700;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:5px;display:flex}.form-card{gap:14px;padding:22px;display:grid}.form-card h2{margin:0}.school-logo-preview{background:var(--surface-2);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.school-logo-preview>span{background:linear-gradient(145deg, var(--blue), var(--hero-green));width:58px;height:58px;color:var(--on-brand);border-radius:14px;place-items:center;font-weight:900;display:grid}.school-logo-preview div{display:grid}.school-logo-preview small{color:var(--muted)}.source-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.source-options label{border:1px solid var(--border);border-radius:13px;align-items:center;gap:9px;min-height:54px;padding:12px;display:flex}.source-options input{width:18px;min-height:auto}.source-options small{color:var(--muted);margin-left:auto}.warning-box{background:var(--warn-bg);border-left:4px solid var(--orange);border-radius:14px;gap:3px;margin-top:16px;padding:15px;display:grid}.warning-box span{color:var(--warn-fg);font-size:13px}.module-grid,.role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.module-card,.role-card{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.module-card h3,.role-card h3{margin:5px 0}.module-card small,.role-card code{color:var(--muted);font-size:11px}.role-card{justify-content:flex-start}.role-card>.status{margin-left:auto}.role-icon{background:var(--tint-cyan);width:40px;height:40px;color:var(--heading);border-radius:12px;place-items:center;display:grid}.mobile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.mobile-menu-grid a{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:11px;min-height:76px;padding:14px;display:flex}.mobile-menu-grid span{color:var(--link);font-size:22px}@media (max-width:1200px){.admin-metrics,.module-grid,.role-grid,.onboarding-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1023px){.admin-sidebar{display:none}.admin-content{padding-bottom:88px}.admin-dashboard-grid,.settings-grid,.admin-hero{grid-template-columns:1fr}.admin-topbar{padding-inline:20px}}@media (max-width:767px){.admin-content{padding:16px 14px 92px}.admin-topbar{padding:10px 14px}.admin-topbar .eyebrow{display:none}.admin-hero{border-radius:17px;padding:21px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-metric{min-height:116px;padding:14px}.admin-metric strong{font-size:28px}.attendance-mini{grid-template-columns:repeat(2,1fr)}.page-title{flex-direction:column;align-items:flex-start}.onboarding-grid,.module-grid,.role-grid,.source-options{grid-template-columns:1fr}.admin-table{min-width:640px}}@media (max-width:360px){.admin-metrics,.mobile-menu-grid{grid-template-columns:1fr}.admin-hero{padding:18px}.readiness{padding:14px}}.platform-sidebar{width:264px;padding:20px 14px}.platform-sidebar .logo{width:132px;margin-bottom:18px}.platform-sidebar nav{padding-right:3px;overflow:auto}.platform-context small{color:var(--muted)}.platform-topbar{justify-content:space-between}.platform-topbar>div{text-align:left}.platform-content{width:100%;max-width:1500px;margin:0 auto;padding:26px 30px 90px}.platform-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-two{grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:18px;margin-top:18px;display:grid}.metric-card{position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--blue);width:4px;position:absolute;inset:0 auto 0 0}.metric-card.tone-cyan:before{background:var(--cyan)}.metric-card.tone-green:before{background:var(--green)}.metric-card.tone-orange:before{background:var(--orange)}.metric-card.tone-red:before{background:var(--danger-solid)}.metric-card small{color:var(--muted);margin-top:4px;display:block}.distribution{gap:15px;margin-top:20px;display:grid}.distribution>div{text-transform:capitalize;grid-template-columns:78px 1fr 30px;align-items:center;gap:10px;font-size:13px;display:grid}.distribution>div>div{background:var(--tint-blue);border-radius:10px;height:8px;overflow:hidden}.distribution i{background:linear-gradient(90deg, var(--cyan), var(--green));border-radius:10px;height:100%;display:block}.usage-callout{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue));color:var(--on-brand);border-radius:16px;align-items:baseline;gap:10px;margin-top:24px;padding:18px;display:flex}.usage-callout strong{font-size:30px}.compact-list{gap:8px;display:grid}.compact-list>a,.compact-list>article{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 0;display:flex}.compact-list>a>div,.compact-list>article>div{flex:1;min-width:0}.compact-list b,.compact-list small{display:block}.compact-list small{color:var(--muted);margin-top:2px}.school-monogram{background:var(--tint-cyan);width:38px;height:44px;color:var(--heading);border-bottom:3px solid var(--lime);border-radius:10px;place-items:center;font-weight:800;display:grid}.platform-filters{gap:12px;margin-bottom:18px;display:flex}.search-field{border:1px solid var(--border);border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex!important}.search-field input{width:100%;border:0!important}.platform-filters select{min-width:170px}.table-scroll{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:13px;font-size:13px}.data-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2);font-size:11px}.data-table code{font-size:11px}.status-pill{background:var(--tint-blue);width:max-content;color:var(--link);text-transform:capitalize;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.status-active,.status-healthy,.status-info{background:var(--ok-bg);color:var(--ok-fg)}.status-trial,.status-warning,.status-degraded{background:var(--warn-bg);color:var(--warn-fg)}.status-expired,.status-suspended,.status-critical,.status-down{background:var(--danger-bg);color:var(--danger-fg)}.status-disabled,.status-unknown{background:var(--tint-blue);color:var(--muted)}.empty-inline{text-align:center;color:var(--muted);padding:28px}.wizard-layout{grid-template-columns:260px minmax(0,720px);align-items:start;gap:18px;display:grid}.wizard-steps{gap:6px;display:grid}.wizard-steps button{text-align:left;min-height:42px;color:var(--muted);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;display:flex}.wizard-steps button span{background:var(--tint-blue);border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.wizard-steps .active{background:var(--selected-bg);color:var(--selected-fg);font-weight:800}.wizard-steps .active span{background:var(--cyan);color:var(--on-brand)}.wizard-steps .done span{background:var(--ok-bg);color:var(--ok-fg)}.platform-form{gap:16px;display:grid}.platform-form>label,.platform-form fieldset{gap:7px;font-size:13px;font-weight:700;display:grid}.platform-form input,.platform-form select,.platform-form textarea,.platform-filters select{border:1px solid var(--border);background:var(--surface);border-radius:11px;min-height:46px;padding:10px 12px}.platform-form textarea{resize:vertical;min-height:110px}.platform-form fieldset{border:1px solid var(--border);border-radius:14px;padding:16px}.check-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px;display:flex!important}.check-row input{width:18px;height:18px;min-height:0}.check-row small,.check-row b{display:block}.check-row small{color:var(--muted)}.field-help{color:var(--muted);font-size:12px}.form-actions{justify-content:flex-end;gap:10px;display:flex}.review-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.review-grid span{background:var(--surface-2);color:var(--muted);border-radius:11px;padding:12px;font-size:11px}.review-grid b{color:var(--text);overflow-wrap:anywhere;margin-top:4px;font-size:13px;display:block}.create-ready{background:var(--ok-bg);border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.create-ready>span{color:var(--ok-fg);font-size:30px}.tab-strip{gap:5px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow:auto}.tab-strip a{white-space:nowrap;color:var(--muted);text-transform:capitalize;border-radius:10px;padding:9px 12px;font-size:12px}.tab-strip a.active{background:var(--selected-bg);color:var(--selected-fg);font-weight:800}.directory-grid{gap:10px;display:grid}.directory-grid article{border:1px solid var(--border);border-radius:13px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px;display:flex}.directory-grid article>div{min-width:110px}.directory-grid small,.directory-grid strong{display:block}.directory-grid small{color:var(--muted);font-size:10px}.directory-grid strong{margin-top:3px;font-size:12px}.directory-grid code{overflow-wrap:anywhere}.health-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.health-grid article strong,.health-grid article small{display:block}.health-grid article strong{margin-top:14px;font-size:26px}.health-grid article small{color:var(--muted)}@media (max-width:1100px){.platform-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-two{grid-template-columns:1fr}.wizard-layout{grid-template-columns:210px minmax(0,1fr)}}@media (max-width:760px){.platform-sidebar{display:none}.platform-content{padding:18px 15px 96px}.platform-topbar{height:62px;padding:0 15px}.platform-topbar .button{display:none}.platform-metrics{grid-template-columns:1fr 1fr}.platform-two{gap:12px}.wizard-layout{display:block}.wizard-steps{margin-bottom:12px;display:flex;overflow:auto}.wizard-steps button{min-width:46px;padding:6px;font-size:0}.wizard-steps button span{font-size:12px}.review-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:1fr 1fr}.platform-filters{display:grid}.page-title{align-items:flex-start}.page-title>.button{width:100%}}@media (max-width:390px){.platform-metrics,.health-grid{grid-template-columns:1fr}.platform-content{padding-inline:12px}.platform-form{padding:16px}.form-actions{display:grid}.form-actions .button{width:100%}}.phase19-title>div:first-child{min-width:0}.phase19-title .button{flex:none}.import-stepper{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.import-stepper span{border:1px solid var(--border);background:var(--surface);color:var(--muted);text-align:center;border-radius:11px;padding:10px 8px;font-size:12px;font-weight:800}.import-stepper span.done{color:var(--selected-fg);background:var(--selected-bg);border-color:var(--tint-cyan-border);box-shadow:inset 0 -3px var(--cyan)}.phase19-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;margin-bottom:18px;display:grid}.import-layout{grid-template-columns:minmax(340px,.75fr) minmax(0,1.25fr)}.form-card input[type=file]{padding:8px}.mapping-panel{margin-bottom:16px}.mapping-panel label{color:var(--body);gap:7px;font-size:13px;font-weight:700;display:grid}.mapping-panel textarea{resize:vertical;border:1px solid var(--tint-blue-border);width:100%;color:var(--heading);background:var(--surface-2);border-radius:11px;padding:12px;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.job-list,.event-list,.module-adoption{gap:8px;display:grid}.job-list button{border:1px solid var(--tint-cyan-border);background:var(--surface-2);text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.job-list button.active{border-color:var(--cyan);background:var(--selected-bg);box-shadow:inset 3px 0 var(--cyan)}.job-list button span{gap:2px;display:grid}.job-list small,.event-list small{color:var(--muted)}.status-pill{background:var(--tint-blue);width:fit-content;color:var(--link);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.status-pill.completed,.status-pill.valid,.status-pill.ready,.status-pill.active,.status-pill.processed,.status-pill.matched{background:var(--ok-bg);color:var(--ok-fg)}.status-pill.invalid,.status-pill.failed,.status-pill.rejected{background:var(--danger-bg);color:var(--danger-fg)}.status-pill.validation_ready,.status-pill.confirmed,.status-pill.importing,.status-pill.mapped{background:var(--tint-cyan);color:var(--link)}.status-pill.unmatched,.status-pill.missing,.status-pill.duplicate,.status-pill.locked{background:var(--warn-bg);color:var(--warn-fg)}.phase19-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.phase19-summary article{border:1px solid var(--border);border-top:4px solid var(--cyan);background:var(--surface);border-radius:15px;align-content:center;gap:2px;min-height:104px;padding:16px;display:grid}.phase19-summary article.green{border-top-color:var(--green)}.phase19-summary article.orange{border-top-color:var(--orange)}.phase19-summary span,.phase19-summary small{color:var(--muted)}.phase19-summary strong{color:var(--heading);font-size:28px}.event-list{margin:12px 0;padding:0;list-style:none}.event-list li{border-left:3px solid var(--cyan);background:var(--surface-2);border-radius:0 10px 10px 0;gap:2px;padding:9px 11px;display:grid}.action-message{background:var(--tint-cyan);color:var(--heading);border:1px solid var(--tint-cyan-border);border-radius:12px;padding:12px 14px;font-size:13px}.photo-result-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.photo-result-grid article{background:var(--surface-2);border-radius:12px;padding:13px;display:grid}.photo-result-grid span{color:var(--muted);text-transform:capitalize;font-size:12px}.photo-result-grid strong{color:var(--heading);font-size:25px}.report-toolbar{margin-bottom:18px}.report-tabs,.export-actions{flex-wrap:wrap;gap:7px;display:flex}.report-tabs{margin-bottom:15px}.report-tabs button,.export-actions button{border:1px solid var(--tint-cyan-border);background:var(--surface);color:var(--body);cursor:pointer;border-radius:10px;min-height:36px;padding:7px 11px;font-weight:750}.report-tabs button.active{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.report-filters,.analytics-controls{grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:10px;display:grid}.report-filters label,.analytics-controls label{color:var(--body);gap:5px;font-size:12px;font-weight:750;display:grid}.report-filters input,.analytics-controls input{border:1px solid var(--tint-blue-border);background:var(--surface);border-radius:10px;width:100%;min-height:42px;padding:8px 10px}.source-banner{background:var(--ok-bg);border:1px solid var(--ok-border);border-radius:12px;align-items:baseline;gap:14px;margin-top:14px;padding:12px 14px;display:flex}.source-banner b{color:var(--ok-fg);white-space:nowrap}.source-banner span{color:var(--body);font-size:12px}.report-table code{font-size:11px}.analytics-controls{grid-template-columns:repeat(2,minmax(150px,220px)) auto;justify-content:start;margin-bottom:18px}.quality-bars{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quality-bars div{background:var(--surface-2);border-radius:12px;gap:2px;padding:14px;display:grid}.quality-bars span{color:var(--muted);font-size:12px}.quality-bars strong{color:var(--heading);font-size:24px}.module-adoption{max-height:280px;overflow:auto}.module-adoption>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.module-adoption b{color:var(--body);font-size:13px}.monitoring-note{color:var(--accent-fg);background:linear-gradient(100deg, var(--accent-bg-strong), var(--warn-bg));border:1px solid var(--accent-border);border-radius:15px;gap:13px;padding:17px;display:flex}.monitoring-note>span{background:var(--lime);width:36px;height:36px;color:var(--navy);border-radius:11px;flex:0 0 36px;place-items:center;display:grid}.monitoring-note p{margin:4px 0 0;font-size:13px}@media (max-width:900px){.phase19-grid,.import-layout{grid-template-columns:1fr}.import-stepper{grid-template-columns:repeat(3,1fr)}.report-filters{grid-template-columns:repeat(2,1fr)}.report-filters .button{grid-column:1/-1}}@media (max-width:640px){.phase19-title{align-items:stretch}.phase19-title .button{text-align:center;width:100%}.phase19-summary{grid-template-columns:repeat(2,1fr)}.analytics-controls{grid-template-columns:1fr 1fr}.analytics-controls .button{grid-column:1/-1}.source-banner{flex-direction:column;align-items:flex-start;gap:4px}.import-stepper{padding-bottom:5px;display:flex;overflow-x:auto}.import-stepper span{min-width:100px}}@media (max-width:360px){.phase19-summary,.photo-result-grid,.quality-bars,.report-filters,.analytics-controls{grid-template-columns:1fr}}.sync-strip{border:1px solid var(--tint-cyan-border);background:var(--surface-2);color:var(--heading);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px;padding:10px 12px;font-size:12px;display:flex}.sync-strip span{flex-color:var(--muted);color:var(--muted);flex:1;min-width:190px}.sync-state{min-width:82px;color:var(--ok-fg);font-size:11px;font-weight:800}.sync-state.sending,.sync-state.retry{color:var(--link)}.sync-state.failed,.sync-state.conflict{color:var(--danger-fg)}@media (max-width:720px){.sync-state{grid-column:2}}.brand-logo,.logo,.mobile-logo{aspect-ratio:2;object-fit:contain;height:auto}.centered-state,.auth-page{align-content:center}.centered-state{gap:14px}.centered-state>.brand-logo{width:clamp(180px,22vw,260px);margin-bottom:8px}.auth-brand .brand-logo{width:clamp(200px,24vw,280px)}.change-role{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--link);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-weight:700;display:inline-flex}.change-role span{font-size:22px;line-height:1}.change-role:hover{background:var(--tint-blue)}.context-nav{align-items:center;gap:14px;min-width:0;margin:0 0 16px;display:flex}.back-link{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--heading);box-shadow:var(--shadow);border-radius:12px;flex:none;align-items:center;gap:8px;max-width:100%;padding:6px 14px 6px 10px;font-size:14px;font-weight:700;display:inline-flex}.back-link>span:first-child{color:var(--accent-text);font-size:24px;line-height:1}.back-link>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.2;display:grid;overflow:hidden}.back-link small{color:var(--muted);font-size:10px;font-weight:600}.back-link:hover{background:var(--tint-blue)}.breadcrumb{min-width:0;color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.breadcrumb li{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;display:inline-flex}.breadcrumb li+li:before{content:"›";color:var(--link-soft)}.breadcrumb a{color:var(--link);font-weight:600}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--text);font-weight:700}.grade-chips a{background:var(--tint-cyan);min-width:58px;min-height:44px;color:var(--heading);border-bottom:2px solid var(--lime);border-radius:10px;place-items:center;padding:0 12px;font-weight:700;display:grid}.grade-chips a:hover{background:var(--tint-cyan-strong)}@media (min-width:851px){.app-shell:not(.admin-shell) .context-nav.mobile-only{display:none}}@media (min-width:1024px){.admin-shell .context-nav.mobile-only{display:none}}@media (max-width:850px){.breadcrumb{display:none}.mobile-logo{width:112px}}@media (max-width:540px){.auth-brand{display:block}.auth-brand h1,.auth-brand p{display:none}.auth-brand .brand-logo{width:min(220px,64vw)}.centered-state>.brand-logo{width:min(210px,62vw)}.back-link{font-size:13px}}.language-switcher{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.language-switcher button{min-width:44px;min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:13px;font-weight:700}.language-switcher button.active{background:var(--primary);color:var(--on-primary)}.language-switcher.floating{z-index:2;position:absolute;top:16px;right:16px}.centered-state{position:relative}.topbar-actions{align-items:center;gap:10px;display:flex}.advanced-details{border:1px dashed var(--border);border-radius:12px;padding:10px 14px;font-size:13px}.advanced-details summary{cursor:pointer;color:var(--muted);font-weight:700}.advanced-details label{gap:6px;margin-top:10px;display:grid}.advanced-details input{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;width:100%;min-height:42px;padding:8px 10px;font-family:ui-monospace,monospace}details.panel.advanced-details{margin-top:18px}.info-callout{background:var(--tint-cyan);border-radius:14px;gap:12px;padding:16px;display:flex}.info-callout>span{color:var(--heading);font-size:24px}.info-callout p{margin:0 0 6px}.platform-form .form-error ul{margin:6px 0 0;padding-left:18px}.platform-form [aria-invalid=true]{border-color:var(--danger-border)}@media (max-width:760px){.platform-topbar .language-switcher button{min-width:40px}}.topbar>.topbar-actions{flex-direction:row;align-items:center}.platform-form .form-error{background:var(--danger-bg);border-radius:11px;padding:10px 12px;font-size:14px}.platform-form .form-error p{margin:0}@media (max-width:760px){.platform-form .form-actions>.button{flex:1}}.wizard-steps button{text-transform:none}.admin-content{width:100%;margin-inline:auto;padding-block:28px 64px;padding-inline:clamp(24px,3vw,40px)}.reference-field{gap:6px;display:grid}.reference-field>label{color:var(--body);font-size:13px;font-weight:700}.reference-field input[type=search]{border:1px solid var(--tint-blue-border);background:var(--surface-2);border-radius:11px;min-height:40px;padding:8px 12px}.reference-field select{border:1px solid var(--tint-blue-border);background:var(--surface);border-radius:11px;width:100%;min-height:44px;padding:9px 12px}.advanced-ids{gap:6px;margin:10px 0 0;display:grid}.advanced-ids div{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;display:grid}.advanced-ids dt,.advanced-ids dd{overflow-wrap:anywhere;margin:0}@media (max-width:1023px){.admin-content{padding-inline:24px}}@media (max-width:767px){.admin-content{padding:16px 16px 92px}.advanced-ids div{grid-template-columns:1fr}}.modal-backdrop{z-index:60;background:#063b7a52;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.inline-link{flex-wrap:wrap;align-items:end;gap:8px;min-width:220px;display:flex}.inline-link .reference-field{flex:180px}.row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row-actions .quiet-button{min-height:34px;padding-inline:8px}.danger-text{color:var(--danger-fg)}.person-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:18px;margin-bottom:18px;display:grid}.person-detail-grid+.form-card,.person-detail-grid~.form-card{margin-bottom:18px}.card-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.account-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lifecycle-form{gap:12px;display:grid}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;min-height:40px;padding:6px 12px}.segmented button.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.admin-modal .check-line,.check-line{align-items:center;gap:8px;font-weight:600;display:flex!important}.check-line input{width:18px;height:18px;min-height:0}.directory-filter{margin-bottom:10px}.row-ended td{color:var(--muted)}@media (max-width:1023px){.person-detail-grid{grid-template-columns:1fr}}.import-stepper{padding:0;list-style:none}.import-stepper li{border:1px solid var(--border);background:var(--surface);color:var(--muted);text-align:center;border-radius:11px;padding:10px 8px;font-size:12px;font-weight:800}.import-stepper li.done{color:var(--selected-fg);background:var(--selected-bg);border-color:var(--tint-cyan-border)}.import-stepper li.active{color:var(--selected-fg);border-color:var(--cyan);box-shadow:inset 0 -3px var(--cyan)}.import-start h2{margin:6px 0 0;font-size:18px}.import-job{gap:14px;display:grid}.mapping-grid{gap:12px;display:grid}.mapping-grid select{border:1px solid var(--tint-blue-border);background:var(--surface);border-radius:10px;width:100%;min-height:40px;padding:6px 10px}.row-errors{color:var(--red,var(--danger-fg));margin:0;padding-left:18px}.import-actions{flex-wrap:wrap}.import-decision{gap:10px;display:grid}@media (max-width:760px){.import-layout{grid-template-columns:1fr}.import-stepper li{flex:none;min-width:110px}.mapping-grid select{max-width:100%}.mapping-grid table,.mapping-grid tbody,.mapping-grid tr,.mapping-grid td{display:block}.mapping-grid thead{display:none}.mapping-grid tr{border-bottom:1px solid var(--border);padding:10px 12px}.mapping-grid td{border:0;padding:4px 0}}.promotion-setup{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;display:grid}.promotion-setup .data-note,.promotion-copy{grid-column:1/-1}.promotion-copy{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.promotion-plan{gap:14px;margin-top:18px;display:grid}.promotion-bulk label,.promotion-confirm label{gap:6px;font-weight:700;display:grid}.promotion-confirm input{border:1px solid var(--tint-blue-border);background:var(--surface);border-radius:11px;min-height:44px;padding:9px 12px}.promotion-bulk{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.promotion-bulk select,.promotion-table select,.promotion-table input{border:1px solid var(--tint-blue-border);background:var(--surface);border-radius:10px;max-width:100%;min-height:38px;padding:4px 8px}.promotion-table input{width:64px}.promotion-table tr.row-warning td{background:var(--warn-bg)}.promotion-confirm{gap:10px;max-width:560px;display:grid}@media (max-width:760px){.promotion-setup,.promotion-bulk{grid-template-columns:1fr}}.export-files{margin-top:18px}.export-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.export-list li{border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.export-list li span{gap:2px;display:grid}@media print{.admin-sidebar,.admin-topbar,.report-toolbar,.export-actions,.export-files,.bottom-nav{display:none!important}}.grouped-nav{gap:6px;display:grid}.nav-group{gap:2px;display:grid}.nav-group+.nav-group{border-top:1px solid var(--tint-blue-border);padding-top:6px}.nav-group-title{width:100%;min-height:34px;color:var(--cyan-fg);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;font-weight:800;display:flex}.nav-group-title:hover,.nav-group-title:focus-visible{background:var(--tint-cyan)}.grouped-nav .nav-item{min-height:40px;padding:8px 12px}.mobile-menu-group h2{color:var(--cyan-fg);margin:18px 2px 8px;font-size:15px}.subject-panel{gap:12px;margin-top:18px;display:grid}.timetable-filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;display:grid}.timetable-panel{margin-top:18px}.week-grid{border-collapse:separate;border-spacing:6px;width:100%;min-width:640px}.week-grid th{color:var(--cyan-fg);text-align:center;font-size:13px;font-weight:800}.week-grid td{vertical-align:top;height:76px}.timetable-slot,.timetable-empty{cursor:pointer;border-radius:12px;width:100%;height:100%;min-height:72px}.timetable-slot{text-align:left;border:1px solid var(--tint-cyan-border);background:linear-gradient(135deg, var(--tint-cyan), var(--accent-bg));color:var(--heading);align-content:center;gap:2px;padding:8px 10px;display:grid}.timetable-slot b{font-size:13px}.timetable-slot span{font-size:12px}.timetable-slot small{color:var(--link);font-size:11px}.timetable-empty{border:1px dashed var(--tint-blue-border);background:var(--surface-2);color:var(--link-soft);font-size:20px}.timetable-empty:hover{border-color:var(--cyan);color:var(--heading)}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (max-width:760px){.timetable-filters{grid-template-columns:1fr}}.student-detail-hero{min-height:218px;box-shadow:var(--shadow-brand);color:var(--text);background:linear-gradient(120deg, var(--surface) 0%, var(--tint-cyan) 60%, var(--accent-bg) 100%);border:1px solid var(--tint-cyan-border);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin:8px 0 16px;padding:22px;display:grid}.student-detail-hero .student-photo{background:linear-gradient(135deg, var(--cyan), var(--ok-solid));width:132px;height:132px;box-shadow:var(--shadow-lg);border-radius:24px;place-items:center;display:grid;overflow:hidden}.student-detail-hero .student-photo img{object-fit:cover;width:100%;height:100%}.student-detail-hero .student-photo span{color:var(--navy);font-size:48px;font-weight:800}.student-identity h1{color:var(--heading);margin:2px 0 10px;font-size:clamp(24px,3vw,34px)}.student-facts{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}.student-facts li{gap:2px;display:grid}.student-facts small{color:var(--muted);font-size:12px}.student-facts b{color:var(--heading);font-size:16px}.student-detail-hero .advisor-line{color:var(--link);margin:10px 0 0;font-weight:600}.student-hero-actions{background:#ffffff17;border:1px solid #ffffff2b;border-radius:18px;gap:8px;min-width:245px;padding:22px;display:grid}.detail-tabs{border-bottom:1px solid var(--tint-blue-border);gap:6px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.detail-tabs button{color:var(--link);cursor:pointer;background:0 0;border:0;border-radius:10px 10px 0 0;flex:none;padding:10px 14px;font-weight:700}.detail-tabs button.active{color:var(--selected-fg);background:var(--selected-bg);box-shadow:inset 0 -3px var(--cyan)}.student-overview{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.overview-card{gap:6px;margin-top:0;display:grid}.overview-card h2{color:var(--cyan-fg);margin:0;font-size:15px}.overview-value{color:var(--heading);margin:0;font-size:20px;font-weight:800}.attendance-summary{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.lifecycle-zone,.danger-zone{border-radius:16px;margin-top:18px;padding:16px}.lifecycle-zone{border:1px solid var(--warn-border);background:var(--warn-bg)}.danger-zone{border:1px solid var(--danger-border);background:var(--danger-bg)}.lifecycle-zone h2,.danger-zone h2{margin:0 0 6px;font-size:17px}@media (max-width:760px){.student-detail-hero{grid-template-columns:1fr;justify-items:start;min-height:0}.student-detail-hero .student-photo{width:104px;height:104px}.student-hero-actions{grid-auto-flow:column;min-width:0;padding:16px}.student-overview{grid-template-columns:1fr}}.directory-section{margin-top:18px}.directory-heading,.section-heading{color:var(--heading);margin:18px 0 10px;font-size:18px}.grade-block{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:12px;padding:12px 16px 16px}.grade-block h3{color:var(--heading);margin:0;font-size:16px}.grade-chips a.advisory{background:linear-gradient(135deg, var(--warn-bg), var(--ok-bg));border-bottom-color:var(--orange)}.room-card.advisory{border-color:var(--warn-border);background:linear-gradient(135deg, var(--warn-bg), var(--accent-bg))}.room-card.advisory>span{color:var(--warn-fg)}.week-timetable{margin-top:16px}.week-grid th.today{color:var(--navy);background:var(--cyan);border-radius:10px}a.timetable-slot,.timetable-slot.static{box-sizing:border-box;text-decoration:none}.timetable-slot.static{cursor:default}.today-periods{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:14px;display:grid}.today-periods h3{color:var(--cyan-fg);grid-column:1/-1;margin:0;font-size:15px}.today-period{color:var(--heading);background:linear-gradient(135deg, var(--tint-cyan), var(--accent-bg));border:1px solid var(--tint-cyan-border);border-radius:14px;gap:2px;padding:12px 14px;text-decoration:none;display:grid}.today-period strong{color:var(--accent-text);margin-top:4px}.period-hero{grid-template-columns:minmax(0,1fr) auto}.period-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 8px;display:flex}.period-toolbar .lead{max-width:640px;margin:0}.period-roster{gap:8px;display:grid}.period-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.period-number{color:var(--accent-text);font-size:18px;font-weight:800}.period-student{min-width:0;display:grid}.period-student small{color:var(--muted)}.period-status{flex-wrap:wrap;gap:6px;display:flex}.status-choice{border:1px solid var(--border);background:var(--surface-2);min-width:54px;min-height:40px;color:var(--body);cursor:pointer;border-radius:10px;padding:0 10px;font-weight:700}.status-choice.selected.green{background:var(--green);border-color:var(--green);color:var(--on-brand)}.status-choice.selected.orange{background:var(--orange);border-color:var(--orange);color:var(--warn-fg)}.status-choice.selected.red{background:var(--danger-solid);border-color:var(--danger-border);color:var(--on-brand)}.status-choice.selected.blue{background:var(--blue);border-color:var(--blue);color:var(--on-brand)}.status-choice.selected.purple{background:var(--activity-solid);border-color:var(--activity-border);color:var(--on-brand)}.subject-card p{margin:2px 0}@media (max-width:760px){.period-row{grid-template-columns:36px minmax(0,1fr)}.period-status{grid-column:1/-1}.period-hero{grid-template-columns:1fr}}.week-grid{table-layout:fixed}.week-grid thead th:first-child{width:52px}.student-filters{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:12px;padding:14px 16px;display:grid}.filter-row{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);align-items:end;gap:12px;display:grid}.filter-row label{color:var(--body);gap:4px;font-size:13px;font-weight:700;display:grid}.filter-row select,.filter-row input{border:1px solid var(--border);min-height:42px;font:inherit;background:var(--surface);border-radius:10px;padding:0 10px}.filter-search{align-items:end;gap:8px;display:flex}.filter-search label{flex:1}.grade-quick{flex-wrap:wrap;gap:8px;display:flex}.grade-quick button{border:1px solid var(--tint-cyan-border);background:var(--tint-cyan);min-width:64px;min-height:38px;color:var(--heading);cursor:pointer;border-radius:999px;padding:0 14px;font-weight:700}.grade-quick button.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.result-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:14px 0 10px;display:flex}.result-bar strong{color:var(--heading);font-size:18px}.result-bar span{color:var(--muted)}.view-toggle{border:1px solid var(--border);border-radius:10px;margin-left:auto;display:inline-flex;overflow:hidden}.view-toggle button{background:var(--surface);color:var(--body);cursor:pointer;border:0;padding:8px 16px;font-weight:700}.view-toggle button.active{background:var(--selected-bg);color:var(--selected-fg);box-shadow:inset 0 -3px var(--cyan)}.student-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.student-card-admin{text-align:center;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:16px;justify-items:center;gap:4px;padding:14px 10px;text-decoration:none;display:grid}.student-card-admin:hover{border-color:var(--cyan);box-shadow:var(--shadow)}.card-photo{background:linear-gradient(135deg, var(--cyan), var(--lime));border-radius:14px;place-items:center;width:96px;height:116px;margin-bottom:6px;display:grid;overflow:hidden}.card-photo img{object-fit:cover;width:100%;height:100%}.card-photo b{color:var(--navy);font-size:34px}.student-card-admin small{color:var(--muted)}.pager{justify-content:center;align-items:center;gap:14px;margin:14px 0;display:flex}@media (max-width:900px){.filter-row{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}}@media (max-width:560px){.filter-row{grid-template-columns:1fr}.view-toggle{margin-left:0}}.gradebook-card h2{font-size:19px}.gradebook-sheet{gap:10px;display:grid}.sheet-toolbar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.save-badge{background:var(--ok-bg);min-height:30px;color:var(--ok-fg);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.save-badge.saving,.save-badge.pending{background:var(--warn-bg);color:var(--warn-fg)}.save-badge.error{background:var(--danger-bg);color:var(--danger-fg)}.sheet-error{color:var(--danger-fg);font-weight:700}.sheet-warning{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-fg);border-radius:12px;margin:0;padding:8px 12px}.sheet-warning p{margin:2px 0}.sheet-scroll{border:1px solid var(--border);background:var(--surface);border-radius:14px;max-height:70vh;overflow:auto}.export-scroll{overscroll-behavior-x:contain;max-height:58vh}.export-count{margin:0 0 8px}.count-badge{color:var(--heading);background:var(--tint-cyan);border:1px solid var(--tint-cyan-border);white-space:nowrap;border-radius:999px;margin-inline-start:10px;padding:2px 10px;font-size:13px;font-weight:700}.export-preview{border-collapse:separate;border-spacing:0;min-width:100%}.export-preview th,.export-preview td{background:var(--surface);white-space:nowrap;border-bottom:1px solid var(--tint-blue-border)}.export-preview thead th{z-index:2;background:var(--tint-cyan);color:var(--heading);white-space:normal;overflow-wrap:anywhere;vertical-align:bottom;min-width:84px;max-width:140px;font-weight:800;line-height:1.25;position:sticky;top:0}.export-preview .sticky{z-index:1;background:var(--surface);position:sticky}.export-preview thead .sticky{z-index:3}.export-preview .c1{min-width:56px;left:0}.export-preview .c2{min-width:100px;left:56px}.export-preview .c3{text-align:left;min-width:180px;box-shadow:2px 0 0 var(--border);left:156px}@media (max-width:720px){.export-scroll{max-height:62vh}.export-preview .c2,.export-preview thead .c2{position:static}.export-preview .c3{min-width:140px;left:56px}}.score-sheet{border-collapse:separate;border-spacing:0;min-width:100%;font-size:14px}.score-sheet th,.score-sheet td{border-right:1px solid var(--tint-blue-border);border-bottom:1px solid var(--tint-blue-border);text-align:center;white-space:nowrap;background:var(--surface);padding:0}.score-sheet thead th{z-index:2;background:var(--tint-cyan);color:var(--heading);box-sizing:border-box;height:33px;padding:6px 8px;font-weight:800;position:sticky;top:0}.score-sheet thead tr:nth-child(2) th{top:33px}.score-sheet thead tr.max-row th{background:var(--warn-bg);color:var(--warn-fg);font-weight:700;top:66px}.score-sheet .group-head{background:linear-gradient(135deg, var(--tint-cyan), var(--ok-bg))}.score-sheet .item-head{white-space:normal;overflow-wrap:anywhere;max-width:130px;line-height:1.25}.score-sheet .subtotal-head,.score-sheet td.subtotal{background:var(--surface-2);font-weight:700}.score-sheet .sticky{z-index:1;background:var(--surface);position:sticky}.score-sheet thead .sticky{z-index:3}.score-sheet .c1{min-width:52px;left:0}.score-sheet .c2{min-width:92px;left:52px}.score-sheet .c3{text-align:left;min-width:200px;box-shadow:2px 0 0 var(--border);left:144px}.score-sheet td.sticky{padding:0 8px}.score-sheet td input{text-align:center;width:62px;height:36px;font:inherit;color:var(--text);background:0 0;border:0}.score-sheet td input:focus{outline:2px solid var(--focus);outline-offset:-2px;background:var(--tint-blue)}.score-sheet td.cell-dirty{background:var(--warn-bg)}.score-sheet td.cell-error{background:var(--danger-bg);box-shadow:inset 0 0 0 2px var(--danger-solid)}.score-sheet td.cell-auto{background:var(--ok-bg)}.score-sheet td.cell-manual{background:var(--tint-blue)}.score-sheet td.total{color:var(--heading);padding:0 8px;font-weight:800}.score-sheet td.grade{color:var(--accent-text);padding:0 8px;font-weight:800}.score-sheet td.grade.code{color:var(--danger-fg)}.score-sheet td select{font:inherit;background:0 0;border:0;height:36px}.switch-line{color:var(--heading);align-items:center;gap:8px;font-weight:800;display:inline-flex}.switch-line input{width:20px;height:20px;accent-color:var(--green)}.legend{color:var(--muted);font-size:13px}.legend i{vertical-align:-2px;border:1px solid var(--border);border-radius:4px;width:14px;height:14px;margin:0 2px 0 8px;display:inline-block}.legend i.auto{background:var(--ok-bg-strong);border-color:var(--ok-border)}.legend i.manual{background:var(--tint-blue-strong);border-color:var(--tint-blue-border)}.assessment-sheet .item-head{white-space:normal;overflow-wrap:anywhere;max-width:150px;font-size:12px;line-height:1.25}.structure-editor{gap:12px;display:grid}.structure-group{margin-top:0}.inline-form{flex-wrap:wrap;align-items:end;gap:10px;margin:8px 0;display:flex}.inline-form label{gap:4px;font-size:13px;font-weight:700;display:grid}.inline-form input{border:1px solid var(--border);min-height:40px;font:inherit;border-radius:10px;padding:0 10px}.structure-items input{border:1px solid var(--border);min-height:36px;font:inherit;border-radius:8px;max-width:220px;padding:0 8px}.structure-items input[type=number]{max-width:90px}.scale-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:8px 0 12px;display:grid}.scale-grid label{gap:4px;font-size:13px;font-weight:700;display:grid}.scale-grid input{border:1px solid var(--border);min-height:40px;font:inherit;border-radius:10px;padding:0 10px}.export-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:14px;display:grid}.export-panel .form-card{margin-top:0}.export-group{border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:8px 12px;display:flex}.export-group legend{color:var(--cyan-fg);padding:0 4px;font-weight:800}.export-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}@media (max-width:900px){.export-panel{grid-template-columns:1fr}.score-sheet .c3{min-width:150px}}.structure-summary{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 14px;display:flex}.total-chip{background:var(--ok-bg);color:var(--ok-fg);border-radius:12px;min-width:140px;padding:4px 14px;display:grid}.total-chip small{opacity:.85;font-size:12px}.total-chip strong{font-size:20px;line-height:1.2}.total-chip.bad{background:var(--danger-bg);color:var(--danger-fg)}.group-chips{flex-wrap:wrap;gap:8px;display:flex}.group-chip{border:1px solid var(--tint-cyan-border);background:var(--tint-cyan);min-height:34px;color:var(--heading);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.group-chip b{font-variant-numeric:tabular-nums}.structure-problems{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-fg);border-radius:12px;margin:10px 0 0;padding:8px 12px;font-weight:700}.structure-table{width:100%}.structure-table th,.structure-table td{vertical-align:middle}.structure-table input{width:100%;min-height:36px;font:inherit;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 8px}.structure-table input:hover{border-color:var(--border);background:var(--surface-2)}.structure-table input:focus{outline:2px solid var(--focus);outline-offset:-2px;background:var(--surface)}.structure-table input[type=number]{text-align:right;font-variant-numeric:tabular-nums;max-width:120px}.structure-table .group-row>th,.structure-table .group-row>td{background:var(--tint-cyan);border-top:2px solid var(--tint-cyan-border)}.group-head-cell{align-items:center;gap:10px;display:flex}.group-head-cell input{color:var(--heading);max-width:280px;font-weight:800}.subtotal-chip{background:var(--ok-bg);color:var(--ok-fg);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800}.structure-table .group-total-cell{font-variant-numeric:tabular-nums;font-weight:800}.structure-table .item-row td:first-child{width:26px}.item-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.entered-count{color:var(--muted);white-space:nowrap;margin-right:6px;font-size:12px}.structure-table .add-row td{background:var(--surface-2)}.structure-table .add-item{color:var(--accent-text);font-weight:700}.structure-table tfoot th,.structure-table tfoot td{background:var(--surface-2);font-size:15px;font-weight:800}.structure-table .total-ok{color:var(--ok-fg)}.structure-table .total-bad{color:var(--danger-fg)}.structure-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.structure-advanced{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 14px}.structure-advanced summary{cursor:pointer;color:var(--heading);align-items:center;min-height:32px;font-weight:800;display:flex}@media (max-width:760px){.structure-table input[type=number]{max-width:88px}.group-head-cell{flex-wrap:wrap}.entered-count{display:none}}.check-line .col-kind{color:var(--muted)}.theme-toggle{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.theme-toggle-label{color:var(--muted);font-size:13px;font-weight:700}.theme-options{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.theme-option{min-height:36px;color:var(--body);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.theme-option:hover{background:var(--tint-blue)}.theme-option.active{background:var(--surface);color:var(--link);box-shadow:var(--shadow-sm)}.theme-toggle.compact .theme-option{justify-content:center;min-width:36px;padding:0 9px;font-size:15px}.auth-target{color:var(--body);margin:0}.auth-target b{white-space:nowrap}.otp-input{letter-spacing:6px;text-align:center;font-variant-numeric:tabular-nums;font-size:22px}.auth-actions{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;display:flex}.auth-actions .text-button{padding-inline:0}.auth-actions .text-button:disabled{color:var(--muted);cursor:default}.state-card>.theme-toggle.compact,.auth-card>.theme-toggle.compact{justify-content:flex-end;margin:-10px 0 6px}.entry-shell{background:var(--canvas);isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(420px,32vw);min-height:100svh;display:grid}.entry-hero{background:var(--navy);min-width:0;min-height:100svh;position:relative;overflow:hidden}.entry-artwork-frame{display:block;position:absolute;inset:0}.entry-hero[data-artwork-status=error] .entry-artwork-frame{visibility:hidden}.entry-artwork{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.entry-artwork-shade{z-index:1;background:linear-gradient(90deg, transparent 76%, var(--navy));opacity:.08;pointer-events:none;position:absolute;inset:0}.entry-hero-accessible{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.entry-panel{background:linear-gradient(155deg, var(--surface), var(--surface-2));flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:82px clamp(28px,5vw,74px) 52px;display:flex;position:relative}.entry-controls{z-index:4;position:absolute;top:24px;right:28px}.entry-card,.entry-auth-card{border:1px solid var(--border);background:var(--surface);width:min(500px,100%);box-shadow:var(--shadow-xl);border-radius:28px;animation:.56s ease-out 80ms both entry-card-in}.entry-card{padding:clamp(26px,3vw,42px)}.entry-card h1,.entry-auth-card h1,.entry-auth-card h2{color:var(--text);letter-spacing:-.018em;margin:8px 0 7px;font-size:clamp(24px,2.1vw,31px);line-height:1.3}.entry-card>p,.entry-auth-card>p{max-width:420px;color:var(--muted);margin-inline:auto;line-height:1.7}.entry-card .eyebrow,.entry-auth-card .eyebrow{color:var(--link);letter-spacing:.02em}.role-selection-card .role-options{gap:11px;margin-top:22px}.role-selection-card .role-option{border:1px solid var(--tint-blue-border);background:linear-gradient(110deg, var(--tint-blue), var(--surface));min-height:82px;color:var(--text);box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:52px minmax(0,1fr) 26px;align-items:center;gap:13px;padding:13px 16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.role-selection-card .role-option.student{border-color:var(--ok-border);background:linear-gradient(110deg, var(--ok-bg), var(--surface));box-shadow:var(--shadow-sm)}.role-selection-card .role-option.parent{border-color:var(--danger-border);background:linear-gradient(110deg, var(--danger-bg), var(--surface));box-shadow:var(--shadow-sm)}.role-selection-card .role-option:hover{border-color:var(--blue);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.role-selection-card .role-option:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.role-glyph{width:50px;height:50px;color:var(--accent-text);background:var(--tint-blue-strong);border-radius:15px;place-items:center;display:grid}.role-glyph svg{width:28px;height:28px}.role-glyph-student{color:var(--ok-fg);background:var(--ok-bg-strong)}.role-glyph-parent{color:var(--danger-fg);background:var(--danger-bg-strong)}.role-selection-card .role-option-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.role-selection-card .role-option-copy b{color:var(--text);font-size:17px}.role-selection-card .role-option-copy>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;overflow:hidden}.role-selection-card .role-option-arrow{color:var(--accent-text);font-size:22px;font-weight:800}.entry-card-note{justify-content:center;align-items:center;gap:7px;display:flex;color:var(--muted)!important;margin:18px 0 -4px!important;font-size:11px!important}.entry-card-note:before{content:"✓";background:var(--ok-bg);width:20px;height:20px;color:var(--ok-fg);border-radius:50%;place-items:center;font-weight:900;display:grid}.entry-auth-card{text-align:left;padding:clamp(28px,3.5vw,44px)}.entry-auth-card>.eyebrow,.entry-auth-card>h1,.entry-auth-card>h2,.entry-auth-card>p{text-align:center}.auth-stepper{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:26px;display:grid;position:relative}.auth-stepper:before{content:"";background:var(--border);height:2px;position:absolute;top:14px;left:25%;right:25%}.auth-stepper span{z-index:1;color:var(--muted);flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex;position:relative}.auth-stepper i{border:2px solid var(--border-strong);background:var(--surface);width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;font-style:normal;display:grid}.auth-stepper .complete{color:var(--link)}.auth-stepper .complete i{border-color:var(--blue);background:var(--blue);color:var(--on-brand)}.entry-auth-card label{color:var(--body);margin-top:22px;font-size:13px}.entry-auth-card input:not(.otp-input){border-color:var(--border-strong);background:var(--surface-2);border-radius:13px;min-height:52px;font-size:16px}.entry-auth-card input:not(.otp-input):focus{border-color:var(--focus);background:var(--surface);box-shadow:0 0 0 3px var(--tint-blue-strong)}.entry-auth-card .data-note{color:var(--muted);font-size:11px;line-height:1.55;display:block}.entry-auth-card>.button{background:linear-gradient(120deg, var(--blue), var(--hero-bright));min-height:52px;box-shadow:var(--shadow-brand);border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:22px;font-size:15px;font-weight:800;display:inline-flex}.auth-button-spinner{border:2px solid var(--on-brand-soft);border-top-color:var(--on-brand);border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}.otp-field{min-height:58px;display:block;position:relative}.otp-input{z-index:2;opacity:0;cursor:text;width:100%;height:58px;position:absolute;inset:0}.otp-cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.otp-cells i{border:1px solid var(--border-strong);background:var(--surface-2);min-width:0;height:56px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:12px;place-items:center;font-size:22px;font-style:normal;font-weight:800;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.otp-cells i.filled{border-color:var(--blue);background:var(--tint-blue)}.otp-cells i.active,.otp-field:focus-within .otp-cells i.active{border-color:var(--focus);box-shadow:0 0 0 3px var(--tint-blue-strong)}.entry-auth-card .auth-target{background:var(--tint-blue);text-align:center;border-radius:10px;margin:17px 0 0;padding:10px 12px}.entry-auth-card .auth-actions{margin-top:12px}.entry-auth-card .change-role{margin-top:18px}.entry-support{color:var(--muted);text-align:center;align-items:center;gap:7px;margin:20px 0 0;font-size:11px;display:flex}.entry-support>span{border:1px solid var(--border-strong);width:18px;height:18px;color:var(--link);border-radius:50%;place-items:center;font-weight:800;display:grid}@keyframes entry-card-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1100px){.entry-shell{grid-template-columns:minmax(0,1fr) minmax(400px,42vw)}.entry-panel{padding-inline:26px}}@media (max-width:900px){.entry-shell,.entry-shell.entry-shell-compact{grid-template-rows:360px auto;grid-template-columns:1fr;min-height:100svh}.entry-hero{min-height:360px}.entry-artwork{object-position:center 52%}.entry-artwork-shade{background:linear-gradient(180deg, transparent 72%, var(--surface-2));opacity:.1}.entry-panel{justify-content:flex-start;min-height:calc(100svh - 360px);padding:68px 22px 34px}.entry-controls{top:16px;right:18px}.entry-card,.entry-auth-card{width:min(520px,100%);box-shadow:var(--shadow-lg);border-radius:24px}}@media (max-width:767px){.entry-shell,.entry-shell.entry-shell-compact{grid-template-rows:clamp(360px,46svh,430px) auto}.entry-hero{min-height:0}.entry-artwork{object-position:center 38%}.entry-shell-compact{grid-template-rows:clamp(250px,34svh,300px) auto}.entry-shell-compact .entry-artwork{object-position:center 42%}.entry-shell-compact .entry-panel{min-height:66svh;padding-top:58px}.entry-panel{min-height:54svh;padding:64px 18px 28px}.entry-card,.entry-auth-card{padding:25px 22px}.entry-card h1,.entry-auth-card h1,.entry-auth-card h2{font-size:23px}.role-selection-card .role-option{grid-template-columns:46px minmax(0,1fr) 22px;min-height:72px;padding:10px 13px}.role-glyph{border-radius:13px;width:44px;height:44px}.role-glyph svg{width:25px;height:25px}.auth-stepper{margin-bottom:20px}.entry-support{margin-top:16px}}@media (max-width:390px){.entry-shell{grid-template-rows:370px auto}.entry-shell.entry-shell-compact{grid-template-rows:270px auto}.entry-panel{min-height:calc(100svh - 370px);padding:58px 12px 22px}.entry-shell-compact .entry-panel{min-height:calc(100svh - 270px)}.entry-card,.entry-auth-card{border-radius:21px;padding:22px 17px}.role-selection-card .role-options{gap:8px;margin-top:16px}.role-selection-card .role-option{border-radius:15px;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;min-height:66px}.role-glyph{width:40px;height:40px}.role-selection-card .role-option-copy b{font-size:15px}.role-selection-card .role-option-copy>span{font-size:10px}.entry-card-note{margin-top:13px!important}.otp-cells{gap:5px}.otp-cells i{border-radius:9px;height:50px;font-size:19px}}@media (max-width:340px){.entry-shell{grid-template-rows:340px auto}.entry-shell.entry-shell-compact{grid-template-rows:250px auto}.entry-panel{min-height:calc(100svh - 340px);padding-inline:9px}.entry-shell-compact .entry-panel{min-height:calc(100svh - 250px)}.entry-card,.entry-auth-card{padding-inline:14px}}.entry-control-group{justify-content:flex-end;align-items:center;gap:10px;display:flex}.entry-control-group .language-switcher{position:static}@media (max-width:390px){.entry-control-group{gap:6px}}.photo-manager{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;gap:18px;min-width:0;max-width:100%;padding:22px;display:grid}.photo-manager>*{min-width:0}.photo-manager .section-head{flex-wrap:wrap;gap:8px}.photo-target-school{border:1px solid var(--tint-cyan-border);background:var(--tint-cyan);border-radius:12px;grid-template-columns:auto 1fr;gap:3px 14px;padding:14px 16px;display:grid}.photo-target-school strong{color:var(--link)}.photo-target-school span{color:var(--muted);grid-column:1/-1;font-size:13px}.photo-dropzone{border:2px dashed var(--border-strong);background:var(--surface-2);text-align:center;cursor:pointer;border-radius:18px;place-content:center;gap:6px;min-height:130px;padding:20px;display:grid}.photo-dropzone:hover,.photo-dropzone:focus-within{border-color:var(--focus);background:var(--tint-blue)}.photo-dropzone span{color:var(--muted);font-size:13px}.photo-dropzone input{width:100%;min-width:0;max-width:100%;margin-top:8px}.photo-preview-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.photo-preview-counts article{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;gap:2px;padding:12px;display:grid}.photo-preview-counts strong{color:var(--link);font-size:22px}.photo-preview-counts span{color:var(--muted);font-size:12px}.photo-preview-list{gap:8px;max-height:420px;display:grid;overflow:auto}.photo-preview-list>div{border:1px solid var(--border);border-radius:12px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}.photo-preview-list img{object-fit:cover;background:var(--surface-2);border-radius:10px;width:52px;height:60px}.photo-preview-list span{min-width:0;display:grid}.photo-preview-list b,.photo-preview-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.photo-preview-list small{color:var(--muted)}.photo-actions{flex-wrap:wrap;gap:10px;display:flex}.photo-result{background:var(--ok-bg);color:var(--ok-fg);border-radius:12px;padding:12px;font-weight:800}.platform-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.quiet-button.danger{color:var(--danger-fg)}@media (max-width:900px){.platform-photo-grid{grid-template-columns:1fr}.photo-preview-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.photo-manager{padding:16px}.photo-preview-list>div{grid-template-columns:46px minmax(0,1fr)}.photo-preview-list img{width:46px;height:54px}.photo-preview-list .status-pill{grid-column:2;justify-self:start}.photo-actions .button{width:100%}}