:root{--indigo: #1d4ed8;--indigo-dark: #1e3a8a;--brand-50: #eff6ff;--brand-navy: #0f2557;--bg: #f4f6fb;--card: #ffffff;--ink: #1b2436;--muted: #5b6472;--line: #dde3ec;--green: #157347;--amber: #b45309;--red: #c81e1e;--radius: 12px;--shadow: 0 1px 3px rgba(15, 37, 87, .08), 0 1px 2px rgba(15, 37, 87, .05)}:root[data-role=student]{--indigo: #1d4ed8;--indigo-dark: #1e3a8a;--brand-50: #eff6ff;--brand-navy: #0f2557}:root[data-role=teacher]{--indigo: #0f7a44;--indigo-dark: #0b5e34;--brand-50: #eafaf1;--brand-navy: #0b3d24}:root[data-role=parent]{--indigo: #ea580c;--indigo-dark: #c2410c;--brand-50: #fff5ec;--brand-navy: #7c2d12}:root[data-role=admin]{--indigo: #4f46e5;--indigo-dark: #3730a3;--brand-50: #eef2ff;--brand-navy: #1e1b4b}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.011em}a{color:var(--indigo);text-decoration:none}.brand{font-weight:800;font-size:1.2rem;color:#fff;letter-spacing:-.01em}.page{max-width:1080px;margin:0 auto;padding:1.5rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;box-shadow:var(--shadow)}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}button{font:inherit;font-weight:600;cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.1rem;background:var(--indigo);color:#fff;transition:background .15s}button:hover{background:var(--indigo-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--muted)}button.ghost:hover{background:#f3f4f6}button.secondary{background:var(--brand-50);color:var(--indigo)}input,select{font:inherit;width:100%;padding:.6rem .8rem;border:1px solid var(--line);border-radius:10px;background:#fff}input:focus,select:focus{outline:2px solid var(--indigo);border-color:transparent}label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.3rem;color:var(--muted)}.badge{font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.role-student{background:#dbeafe;color:#1e40af}.role-teacher{background:#dcfce7;color:#166534}.role-admin{background:#fee2e2;color:#991b1b}.role-parent{background:#fef3c7;color:#92400e}.stat{text-align:center}.stat .value{font-size:2rem;font-weight:800;color:var(--indigo)}.stat .label{color:var(--muted);font-size:.85rem}.progress{height:8px;background:var(--line);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--green);transition:width .4s}h1{font-size:1.6rem;margin:0 0 .3rem}h2{font-size:1.2rem;margin:0 0 .8rem}.muted{color:var(--muted)}.error{background:#fef2f2;color:var(--red);padding:.7rem 1rem;border-radius:10px;border:1px solid #fecaca}.success{background:#f0fdf4;color:var(--green);padding:.7rem 1rem;border-radius:10px;border:1px solid #bbf7d0}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;gap:.8rem;align-items:center}.spacer{flex:1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--indigo);outline-offset:2px;border-radius:6px}.skip-link{position:absolute;left:.5rem;top:-3rem;z-index:1000;background:var(--indigo);color:#fff;padding:.6rem 1rem;border-radius:0 0 10px 10px;font-weight:700;transition:top .15s}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.shell.svelte-12qhfyh{display:flex;min-height:100vh}.sidebar.svelte-12qhfyh{position:fixed;left:0;top:0;bottom:0;width:252px;z-index:20;background:#fff;border-right:1px solid #edeff3;display:flex;flex-direction:column;padding:1.1rem .85rem 1rem}.brand.svelte-12qhfyh{display:flex;align-items:center;gap:.6rem;padding:.3rem .5rem 1.3rem;text-decoration:none}.brand-mark.svelte-12qhfyh{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand-navy),#1d4ed8);color:#fff;box-shadow:0 3px 8px #1d4ed847}.brand-txt.svelte-12qhfyh{font-weight:800;font-size:1.2rem;color:var(--brand-navy);letter-spacing:-.02em}.side-nav.svelte-12qhfyh{display:flex;flex-direction:column;gap:.15rem;flex:1}.side-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){position:relative;display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:10px;color:#667085;text-decoration:none;font-weight:500;font-size:.94rem;transition:background .12s,color .12s}.side-nav.svelte-12qhfyh a:where(.svelte-12qhfyh) .ico:where(.svelte-12qhfyh){display:grid;place-items:center;flex:none}.side-nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:#f6f7f9;color:#101828}.side-nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:var(--brand-50);color:var(--indigo);font-weight:600}.side-nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh):before{content:"";position:absolute;left:-.85rem;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--indigo)}.side-foot.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;padding-top:.9rem;border-top:1px solid #edeff3}.me.svelte-12qhfyh{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.avatar.svelte-12qhfyh{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,#eef2ff,#e0e7ff);color:var(--indigo);font-weight:700;font-size:.82rem}.me-info.svelte-12qhfyh{display:flex;flex-direction:column;min-width:0}.me-name.svelte-12qhfyh{font-weight:600;font-size:.88rem;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-role.svelte-12qhfyh{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.logout.svelte-12qhfyh{padding:0;width:36px;height:36px;flex:none;border-radius:10px;background:#f6f7f9;color:#667085;display:grid;place-items:center}.logout.svelte-12qhfyh:hover{background:#fee2e2;color:var(--red)}.content.svelte-12qhfyh{margin-left:252px;flex:1;min-width:0;padding:1.5rem}.content.solo.svelte-12qhfyh{margin-left:0}.mfa-nudge.svelte-12qhfyh{display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem;padding:.8rem 1.1rem;border-radius:12px;text-decoration:none;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:.9rem}.mfa-nudge.svelte-12qhfyh:hover{background:#ffedd5}.mfa-nudge.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:20px;height:20px;flex:none;color:#ea580c}@media (max-width: 860px){.sidebar.svelte-12qhfyh{width:70px;padding:1.1rem .55rem 1rem}.brand-txt.svelte-12qhfyh,.side-nav.svelte-12qhfyh a:where(.svelte-12qhfyh) .lbl:where(.svelte-12qhfyh),.me-info.svelte-12qhfyh{display:none}.brand.svelte-12qhfyh{justify-content:center;padding:.3rem 0 1.3rem}.side-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){justify-content:center;padding:.65rem}.side-nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh):before{display:none}.side-foot.svelte-12qhfyh{flex-direction:column;gap:.6rem}.content.svelte-12qhfyh{margin-left:70px;padding:1rem}}