:root{--bg: #ffffff;--bg-soft: #f6f8fa;--fg: #101828;--muted: #5c6b82;--brand: #e11d48;--outline: rgba(16,24,40,.15);--pill-bg: rgba(16,24,40,.06);--pill-ring: rgba(16,24,40,.2);--border: #d1d9e0;--tab-active: #fd8c73;--tab-hover-bg: rgba(208,215,222,.32);--link-active: #101828;--link: #344054;--link-hover: #101828}.dark{--bg: #0b1220;--bg-soft: #0f1a2b;--fg: #eaeef5;--muted: #b7c0d1;--brand: #ff4d4f;--outline: rgba(255,255,255,.25);--pill-bg: rgba(255,255,255,.06);--pill-ring: rgba(255,255,255,.3);--border: #30363d;--tab-active: #f78166;--tab-hover-bg: rgba(177,186,196,.12);--link-active: #fff;--link: #d9dee8;--link-hover: #ffffff}.topnav.svelte-1rolxid{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.5rem 1rem;background:linear-gradient(90deg,var(--bg) 0%,var(--bg-soft) 60%,var(--bg) 100%);color:var(--fg);border-bottom:1px solid var(--outline)}.left.svelte-1rolxid,.center.svelte-1rolxid,.right.svelte-1rolxid{display:flex;align-items:center}.left.svelte-1rolxid{gap:.5rem}.logo.svelte-1rolxid{height:40px;width:auto}.center.svelte-1rolxid{justify-content:center}.pill.svelte-1rolxid{list-style:none;display:flex;gap:1rem;padding:.4rem .75rem;margin:0;background:var(--pill-bg);border:1px solid var(--pill-ring);border-radius:.6rem;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px)}.pill.svelte-1rolxid a:where(.svelte-1rolxid){display:inline-block;padding:.4rem .5rem;color:var(--link);text-decoration:none;font-weight:600;border-radius:.4rem;transition:color .12s ease,background .12s ease}.pill.svelte-1rolxid a:where(.svelte-1rolxid):hover{color:var(--link-hover);background:#ffffff0f}.pill.svelte-1rolxid a.active:where(.svelte-1rolxid){color:var(--link-active)}.right.svelte-1rolxid{justify-content:flex-end;gap:.5rem}.icon-btn.svelte-1rolxid{width:34px;height:34px;border-radius:50%;background:transparent;color:var(--fg);border:1px solid var(--outline);display:grid;place-items:center;cursor:pointer;transition:background .12s ease,border-color .12s ease}.icon-btn.svelte-1rolxid:hover{background:#ffffff0f;border-color:var(--pill-ring)}.avatar.svelte-1rolxid{width:34px;height:34px;border-radius:999px;background:#e11d48;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.2px;box-shadow:0 0 0 1px #00000040 inset;-webkit-user-select:none;user-select:none}.logout-btn.svelte-1rolxid{padding:.35rem .75rem;font-size:.8rem;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--outline);border-radius:6px;cursor:pointer;transition:all .12s ease}.logout-btn.svelte-1rolxid:hover{color:#dc2626;border-color:#dc2626;background:#ef44440f}.sub-nav.svelte-1rolxid{display:flex;gap:0;padding:0 1.5rem;background:var(--bg-soft);border-bottom:1px solid var(--border);overflow-x:auto}.sub-tab.svelte-1rolxid{position:relative;display:inline-flex;align-items:center;padding:.6rem 1.15rem;font-size:.95rem;font-weight:500;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;transition:color 80ms ease;white-space:nowrap}.sub-tab.svelte-1rolxid:hover{color:var(--fg);background:var(--tab-hover-bg);border-radius:6px 6px 0 0}.sub-tab.active.svelte-1rolxid{color:var(--link-active);font-weight:600;border-bottom-color:var(--tab-active)}@media(max-width:640px){.pill.svelte-1rolxid{gap:.5rem}.pill.svelte-1rolxid a:where(.svelte-1rolxid){padding:.35rem .4rem}.sub-nav.svelte-1rolxid{padding:0 .75rem}.sub-tab.svelte-1rolxid{padding:.45rem .6rem;font-size:.75rem}}:root{--bg: #ffffff;--bg-soft: #f7f8fb;--fg: #101828}.dark{--bg: #0b1220;--bg-soft: #0f1a2b;--fg: #eaeef5}html{color-scheme:light}.dark html{color-scheme:dark}body{margin:0;min-height:100%;background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 100%);color:var(--fg)}.app-shell{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 50% -200px,rgba(255,255,255,.06),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg) 100%)}.dark .app-shell{background:radial-gradient(1200px 600px at 50% -200px,rgba(255,255,255,.06),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg) 100%)}footer.app-footer{background:#000;color:#eaeef5;border-top:1px solid #1f2937;padding:.9rem 1rem}footer.app-footer a{color:#cbd5e1;text-decoration:none;font-weight:600}footer.app-footer a:hover{color:#fff;text-decoration:underline}html,body{height:100%}.app-shell{min-height:100svh;display:flex;flex-direction:column}main{flex:1 1 auto}