@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap";:root{--ink-900:#111214;--ink-700:#3d3e42;--ink-500:#7a7b80;--ink-400:#a4a5aa;--ink-300:#c8c9cd;--paper-0:#fff;--paper-50:#fafaf9;--paper-100:#f5f5f4;--paper-200:#ececea;--line-200:#e8e8e6;--line-300:#dcdcda;--night-900:#17181a;--night-800:#232427;--blue-500:#3d9df6;--blue-600:#2385e8;--blue-100:#eaf4fe;--green-500:#1fa95c;--green-600:#178c4b;--green-100:#e6f6ec;--orange-500:#ff8a00;--orange-100:#fff3e2;--red-500:#f4513c;--red-100:#fdedea;--purple-500:#8b5cf6;--purple-100:#f1ebfe;--yellow-500:#ffc53d;--yellow-100:#fff6dd;--text-primary:var(--ink-900);--text-secondary:var(--ink-500);--text-tertiary:var(--ink-400);--text-inverse:#fff;--text-link:var(--blue-500);--text-positive:var(--green-500);--text-negative:var(--red-500);--surface-page:var(--paper-0);--surface-section:var(--paper-100);--surface-card:var(--paper-0);--surface-sunken:var(--paper-50);--surface-dark:var(--night-900);--action-primary:var(--ink-900);--action-primary-hover:#2a2b2e;--action-accent:var(--blue-500);--action-accent-hover:var(--blue-600);--border-default:var(--line-200);--border-strong:var(--line-300);--focus-ring:#3d9df659;--font-sans:"Figtree", -apple-system, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Cascadia Code", ui-monospace, monospace;--text-display-xl:64px;--text-display:48px;--text-h2:36px;--text-h3:26px;--text-h4:20px;--text-body-lg:18px;--text-body:16px;--text-body-sm:14px;--text-caption:13px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--leading-tight:1.1;--leading-snug:1.25;--leading-body:1.55;--tracking-display:-.02em;--tracking-body:-.005em}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;margin:0}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-30:120px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--width-content:1040px;--width-narrow:640px;--shadow-card:0 1px 2px #1112140a, 0 8px 24px #1112140f;--shadow-float:0 4px 12px #11121414, 0 16px 40px #1112141f;--shadow-press:inset 0 1px 2px #11121414;--shadow-knob:0 1px 3px #0003;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s}.app{background:var(--surface-section);min-height:100vh;padding:var(--space-6,24px);place-items:center;display:grid}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-card);padding:var(--space-8,40px);text-align:center;max-width:480px}.eyebrow{color:var(--action-accent);font-weight:var(--weight-semibold);font-size:var(--text-body-sm);letter-spacing:var(--tracking-body);text-transform:none;margin:0 0 var(--space-2,8px)}.title{color:var(--text-primary);font-weight:var(--weight-heavy);font-size:var(--text-h2);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);margin:0 0 var(--space-3,12px)}.subtitle{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body);margin:0 0 var(--space-6,24px)}.status{align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px) var(--space-4,16px);border-radius:var(--radius-pill,999px);font-size:var(--text-body-sm);font-weight:var(--weight-medium);background:var(--paper-100);color:var(--text-secondary);display:inline-flex}.status[data-ok=true]{background:var(--green-100);color:var(--text-positive)}.status[data-ok=false]{background:var(--red-100);color:var(--text-negative)}.dot{background:currentColor;border-radius:50%;width:8px;height:8px}.app-shell{background:var(--surface-section);align-items:flex-start;min-height:100dvh;display:flex}.app-nav{box-sizing:border-box;background:var(--surface-card);border-right:1px solid var(--border-default);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.app-content{flex:1;min-width:0}.app-logout{min-height:44px;margin:var(--space-2) var(--space-3) var(--space-5);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:15.5px;font-weight:var(--weight-medium);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:12px;padding:0 14px;display:flex}.app-logout:hover{background:var(--paper-50);color:var(--text-primary)}.app-logout:active{transform:scale(.97)}.app-logout-icon{width:20px;color:var(--ink-400);justify-content:center;display:inline-flex}.app-nav button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-md)}.content-enter{animation:content-enter var(--duration-base) var(--ease-out) both}@keyframes content-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.content-enter{animation:content-enter-fade var(--duration-fast) var(--ease-out) both}}@keyframes content-enter-fade{0%{opacity:0}to{opacity:1}}