:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--tg-bg,#f4f6fb);--surface:var(--tg-secondary-bg,#fff);--text:var(--tg-text,#17213c);--muted:var(--tg-hint,#65708b);--primary:var(--tg-button,#3157d5);--on-primary:var(--tg-button-text,#fff);--border:#dfe4ef;--danger:#a3293d;--shadow:0 8px 28px #22315f14;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:var(--tg-bg,#101522);--surface:var(--tg-secondary-bg,#1a2130);--text:var(--tg-text,#f3f6ff);--muted:var(--tg-hint,#a8b1c7);--border:#303a4f;--shadow:none}}:root[data-theme=dark]{--bg:var(--tg-bg,#101522);--surface:var(--tg-secondary-bg,#1a2130);--text:var(--tg-text,#f3f6ff);--muted:var(--tg-hint,#a8b1c7);--border:#303a4f;--shadow:none}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select,.card-link,.menu-card,.bottom-nav a{min-height:44px}a{color:var(--tg-link,var(--primary))}button{background:var(--primary);color:var(--on-primary);cursor:pointer;border:0;border-radius:14px;padding:11px 16px;font-weight:700}button:disabled{opacity:.45;cursor:default}:focus-visible{outline-offset:3px;outline:3px solid #f4b942}h1,h2,p{margin-top:0}h1{font-size:clamp(1.5rem,7vw,2.1rem);line-height:1.12}h2{font-size:1.05rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app-header{padding:calc(18px + env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 18px max(18px, env(safe-area-inset-left));color:#fff;background:linear-gradient(145deg,#3157d5,#5435b8);border-radius:0 0 26px 26px;grid-template-columns:1fr auto;gap:14px;display:grid}.app-header h1{margin-bottom:7px;font-size:1.35rem}.eyebrow{text-transform:uppercase;letter-spacing:.09em;opacity:.8;margin-bottom:5px;font-size:.75rem}.text-button{background:#ffffff26;align-self:start}.role-badge,.badge{border-radius:999px;align-items:center;min-height:26px;padding:3px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.role-badge{color:#fff;background:#ffffff2e}.badge{background:color-mix(in srgb, var(--primary) 14%, var(--surface));color:var(--text)}.school-switcher{grid-column:1/-1;gap:6px;font-size:.8rem;display:grid}.school-switcher select{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:14px;width:100%;padding:8px 12px}.school-switcher option{color:#111;background:#fff}.page-content{width:min(100%,780px);margin:0 auto;padding:22px 16px}.page-heading{margin-bottom:18px}.page-heading h1{margin-bottom:6px}.page-heading p,.card p,.muted{color:var(--muted)}.card,.state-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;padding:17px}.card p:last-child,.state-card p:last-child{margin-bottom:0}.item-list,.dashboard-grid{gap:13px;display:grid}.metric-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px;display:grid}.metric-grid .card{text-align:center;gap:2px;padding:13px 10px;display:grid}.metric{font-size:1.35rem;font-weight:900}.metric-grid span:last-child{color:var(--muted);font-size:.72rem}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-link{align-items:center;margin-top:5px;font-weight:800;text-decoration:none;display:inline-flex}.menu-card{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:18px;justify-content:space-between;align-items:center;padding:15px 17px;font-weight:800;text-decoration:none;display:flex}.achievement-icon{margin-bottom:8px;font-size:2rem}.details{grid-template-columns:minmax(90px,.7fr) 1.3fr;gap:12px;margin:0;display:grid}.details dt{color:var(--muted)}.details dd{margin:0;font-weight:700}.pagination{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:.8rem;display:flex}.pagination button{padding:8px 12px}.bottom-nav{z-index:20;padding:6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:center;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{max-width:120px;color:var(--muted);border-radius:13px;flex:1;align-content:center;place-items:center;gap:2px;font-size:.68rem;text-decoration:none;display:grid}.bottom-nav a span:first-child{font-size:1rem;font-weight:900}.bottom-nav a.active{background:color-mix(in srgb, var(--primary) 13%, transparent);color:var(--primary);font-weight:800}.centered-page{place-items:center;min-height:100vh;padding:24px;display:grid}.centered-page .state-card{text-align:center;width:min(100%,430px)}.error-state{border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.skeleton-stack{gap:11px;display:grid}.skeleton{background:linear-gradient(90deg, var(--border), color-mix(in srgb, var(--border) 45%, var(--surface)), var(--border));background-size:220% 100%;border-radius:16px;height:66px;animation:1.3s linear infinite shimmer;display:block}.skeleton.short{width:72%}@media (width>=620px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.app-header{padding-left:max(24px,50vw - 380px);padding-right:max(24px,50vw - 380px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes shimmer{to{background-position:-220% 0}}