:root{--color-primary:#3b82f6;--color-secondary:#14b8a6;--color-accent:#fbbf24;--color-success:#22c55e;--color-fun:#f97316;--color-creative:#8b5cf6;--color-background:#f8fafc;--color-surface:#fff;--color-text:#1e293b;--color-text-muted:#475569;--color-white:#fff;--color-error:#ef4444;--color-on-primary:#fff;--color-on-secondary:#1e293b;--color-on-accent:#1e293b;--color-on-success:#1e293b;--color-on-fun:#1e293b;--color-on-creative:#fff;--color-on-error:#fff;--subject-math:#14b8a6;--subject-language:#8b5cf6;--subject-science:#22c55e;--subject-art:#f97316;--subject-inquiry:#fbbf24;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--font-size-body:18px;--font-size-label:20px;--font-size-title:28px;--font-size-display:36px;--line-height:1.35;--touch-target-child:64px;--touch-target-parent:44px}*,:before,:after{box-sizing:border-box}:root{--border:#e2e8f0;--shadow-soft:0 1px 2px #1e293b0f, 0 8px 24px #1e293b0f;--shadow-lift:0 2px 4px #1e293b14, 0 14px 32px #1e293b1a;--primary-ink:#1d4ed8}body{background:var(--color-background);color:var(--color-text);font-family:ui-rounded,SF Pro Rounded,Segoe UI Variable Display,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:16px;line-height:var(--line-height);margin:0}h1{font-size:var(--font-size-title);margin:0 0 var(--space-md)}h2{font-size:var(--font-size-label);margin:var(--space-lg) 0 var(--space-sm)}a{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:var(--space-md);top:var(--space-md);background:var(--color-surface);padding:var(--space-sm);z-index:1}.shell{grid-template-rows:auto 1fr;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.topbar{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--border);grid-column:1/-1;display:flex}.topbar .brand{align-items:center;gap:var(--space-sm);font-size:18px;font-weight:800;display:flex}.brand-title{padding:2px var(--space-sm);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-secondary) 14%, white);color:#0f5f57;font-size:14px;font-weight:700}.topbar .actions{align-items:center}.sidebar{background:var(--color-surface);border-right:1px solid var(--border);padding:var(--space-md)}.sidebar ul{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.sidebar a{align-items:center;gap:var(--space-sm);padding:10px var(--space-md);border-radius:var(--radius-md);color:var(--color-text);font-weight:600;text-decoration:none;display:flex}.sidebar a .icon{color:var(--color-text-muted);flex:none}.sidebar a:hover{background:#f1f5f9}.sidebar a[aria-current=page]{background:color-mix(in srgb, var(--color-primary) 12%, white);color:var(--primary-ink)}.sidebar a[aria-current=page] .icon{color:var(--color-primary)}main{padding:var(--space-lg) var(--space-xl);max-width:1100px}.centered{max-width:420px;margin:var(--space-xxl) auto;padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md)}.muted{color:var(--color-text-muted)}.error{color:#b91c1c}.success{color:#15803d}form.stack,.stack{gap:var(--space-md);display:grid}form.row,.row{align-items:end;gap:var(--space-md);flex-wrap:wrap;display:flex}label{gap:var(--space-xs);font-weight:600;display:grid}input,select{font:inherit;min-height:var(--touch-target-parent);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);border:1px solid #94a3b8}button{font:inherit;min-height:var(--touch-target-parent);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;border:0}button.secondary{background:var(--color-surface);color:var(--color-text);border:1px solid #94a3b8}button.danger{color:var(--color-white);background:#b91c1c}button:disabled{opacity:.5;cursor:not-allowed}table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-sm);width:100%;overflow:hidden}th,td{text-align:left;padding:var(--space-sm) var(--space-md);vertical-align:middle;border-bottom:1px solid #e2e8f0}th{background:#f1f5f9}.cards{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-soft)}.card .value{font-size:var(--font-size-display);font-weight:800}.actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.qr{background:var(--color-white);padding:var(--space-sm)}code{letter-spacing:.08em;font-size:1.1em}label.check{align-items:center;gap:var(--space-sm);font-weight:400;display:flex}input[type=checkbox]{width:22px;height:22px;min-height:0}input[type=number]{width:7rem}.auth{min-height:100vh;padding:var(--space-md);gap:var(--space-md);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.auth-art{padding:var(--space-xl);background:url(/images/signin-scene.webp) 50% 40%/cover no-repeat,radial-gradient(circle at 20% 20%,#fde68a 0 12%,#0000 13%),radial-gradient(circle at 80% 70%,#99f6e4 0 18%,#0000 19%),linear-gradient(160deg,#dbeafe,#ede9fe 55%,#ccfbf1);border-radius:32px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.auth-art-copy{max-width:460px;padding:var(--space-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);background:#ffffffdb}.auth-art-copy h2{margin:0 0 var(--space-sm);font-size:var(--font-size-title);line-height:1.2}.auth-art-copy p{margin:0 0 var(--space-md);color:var(--color-text-muted)}.chips{gap:var(--space-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chips li{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-accent) 22%, white);align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.chips li:nth-child(2){background:color-mix(in srgb, var(--color-success) 18%, white)}.chips li:nth-child(3){background:color-mix(in srgb, var(--color-creative) 14%, white)}main.auth-panel{max-width:none;padding:var(--space-lg);place-items:center;display:grid}.auth-card{width:100%;max-width:420px}.brand-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.brand-name{font-size:var(--font-size-label);font-weight:800}.auth-card h1{font-size:var(--font-size-display);margin-bottom:var(--space-xs)}.auth-card>.muted{margin:0 0 var(--space-lg)}.auth-card input{min-height:52px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border-color:#cbd5e1}.auth-card input:focus-visible{border-color:var(--color-primary)}button.cta{min-height:56px;margin-top:var(--space-xs);border-radius:var(--radius-pill);background:var(--color-fun);color:var(--color-on-fun);font-size:var(--font-size-body);font-weight:800;box-shadow:0 6px #c2410c}button.cta:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #c2410c}.auth-note{align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-muted);background:#f1f5f9;font-size:14px;display:flex}.auth-note .icon{color:#15803d;flex:none}.tone-primary{--tone:var(--color-primary)}.tone-secondary{--tone:var(--color-secondary)}.tone-accent{--tone:var(--color-accent)}.tone-creative{--tone:var(--color-creative)}.tone-fun{--tone:var(--color-fun)}.dash-hero{min-height:210px;margin-bottom:var(--space-lg);padding:var(--space-xl);background:linear-gradient(90deg,#ffffffeb 0%,#ffffffb3 38%,#0000 68%),url(/images/dashboard-banner.webp) right 72%/cover no-repeat,radial-gradient(circle at 85% 30%,#fde68a 0 10%,#0000 11%),radial-gradient(circle at 70% 90%,#99f6e4 0 20%,#0000 21%),linear-gradient(120deg,#eff6ff,#f5f3ff 60%,#ecfeff);border-radius:28px;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.dash-hero h1{font-size:var(--font-size-display);margin:0}.eyebrow{margin:0 0 var(--space-xs);color:#0f5f57;letter-spacing:.02em;font-weight:800}.dash-sub{margin:var(--space-xs) 0 0;color:var(--color-text-muted);font-size:var(--font-size-body)}.cards.stats{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=1200px){.cards.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.card.stat{column-gap:var(--space-md);grid-template-columns:auto 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.card.stat .stat-icon{grid-row:span 2;width:56px;height:56px;margin:0}.card.stat .value{line-height:1.1;position:relative}.card.stat:after{content:"";background:color-mix(in srgb, var(--tone) 10%, white);border-radius:50%;width:96px;height:96px;position:absolute;top:-28px;right:-28px}.stat-icon{z-index:1;width:48px;height:48px;margin-bottom:var(--space-sm);background:color-mix(in srgb, var(--tone) 18%, white);color:color-mix(in srgb, var(--tone) 60%, #1e293b);border-radius:16px;flex:none;place-items:center;display:inline-grid;position:relative}.card.stat .muted{font-weight:600}.quick{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.quick-link{align-items:center;gap:var(--space-md);height:100%;padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft);color:var(--color-text);text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.quick-link:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.quick-link .stat-icon{margin:0}.quick-link>.icon{color:var(--color-text-muted);flex:none;margin-left:auto}.quick-text{gap:2px;display:grid}.quick-text .muted{font-size:15px}.privacy-note{align-items:flex-start;gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-success) 10%, white);border:1px solid color-mix(in srgb, var(--color-success) 30%, white);display:flex}.privacy-note>.icon{color:#15803d;flex:none}.privacy-note p{margin:2px 0 0}@media (width<=900px){.auth{padding:var(--space-sm);grid-template-columns:1fr}.auth-art{min-height:240px;padding:var(--space-md)}.auth-art-copy p,.auth-art-copy .chips{display:none}.auth-art-copy h2{font-size:var(--font-size-label);margin:0}.shell{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);overflow-x:auto}.sidebar ul{grid-auto-columns:max-content;grid-auto-flow:column}main{padding:var(--space-md)}}@media (width<=600px){.quick{grid-template-columns:1fr}.card.stat{padding:var(--space-md);column-gap:var(--space-sm)}.card.stat .stat-icon{width:44px;height:44px}.topbar{padding:var(--space-sm) var(--space-md)}.topbar .actions .muted,.topbar .brand-title{display:none}.dash-hero{min-height:0;padding:var(--space-lg) var(--space-lg) 120px;background:linear-gradient(#fffffff0 0%,#fffc 45%,#0000 75%),url(/images/dashboard-banner.webp) 70% bottom/cover no-repeat,linear-gradient(120deg,#eff6ff,#f5f3ff 60%,#ecfeff)}}@media (prefers-reduced-motion:reduce){.quick-link,button.cta{transition:none}.quick-link:hover,button.cta:active:not(:disabled){transform:none}}