:root{--color-paper:oklch(9% .005 0);--color-paper-2:oklch(14% .006 0);--color-paper-3:oklch(19% .008 0);--color-ink:oklch(96% 0 0);--color-ink-2:oklch(72% 0 0);--color-rule:oklch(26% .005 0);--color-rule-2:oklch(20% .005 0);--color-accent:oklch(56% .21 27);--color-focus:oklch(62% .23 27);--color-accent-ink:oklch(9% .005 0);--color-muted:oklch(52% 0 0);--color-neutral:oklch(45% 0 0);--color-gold:oklch(78% .1 85);--color-success:oklch(72% .14 150);--color-error:oklch(65% .18 25);--color-warning:oklch(78% .15 80);--font-display:Oswald, "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"Geist Mono", monospace;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-short:.2s;--dur-medium:.4s;--radius-sm:2px;--radius-md:2px;--radius-lg:2px;--radius-xl:2px;--bg-color:oklch(17.3% .012 18);--panel-bg:var(--color-paper-2);--panel-border:var(--color-rule);--panel-border-hover:var(--color-accent);--text-primary:var(--color-ink);--text-secondary:var(--color-ink-2);--text-muted:var(--color-muted);--text-main:var(--color-ink);--primary:var(--color-accent);--primary-hover:oklch(64% .23 27);--primary-glow:color-mix(in oklch, var(--primary) 12%, transparent);--secondary:oklch(45% .01 0);--success:var(--color-success);--warning:var(--color-warning);--error:var(--color-error);--border-color:var(--color-rule);--card-bg:oklch(13% .006 0);--btn-secondary-bg:oklch(16% .006 0);--btn-secondary-bg-hover:oklch(22% .008 0);--btn-secondary-border:oklch(28% .008 0);--btn-secondary-border-hover:oklch(38% .01 0);--btn-secondary-ink:var(--color-ink);--font-title:var(--font-display)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-title);letter-spacing:-.02em}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border-color);z-index:20;background:oklch(11% .006 0/.92);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.app-brand{color:var(--text-primary);align-items:center;gap:.6rem;text-decoration:none;display:flex}.app-brand .app-brand-mark{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--primary);place-items:center;display:grid}.app-brand strong{font-family:var(--font-title);letter-spacing:.02em;font-size:1.05rem}.app-brand small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;display:block}.app-nav{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.app-nav a{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-family:var(--font-title);color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid #0000;padding:.45rem .9rem;text-decoration:none}.app-nav a:hover{color:var(--text-primary);border-color:var(--border-color)}.app-nav a.is-active{color:var(--text-primary);border-color:var(--panel-border-hover)}.app-session{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.8rem;display:flex}.app-footer{border-top:1px solid var(--border-color);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:auto;padding:1.4rem clamp(1rem,4vw,2.5rem);font-size:.75rem;display:flex}.app-footer a{color:var(--text-secondary)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);font-weight:600;font-family:var(--font-title);white-space:nowrap;outline-offset:2px;outline:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border:none}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-ink)}.btn-secondary:hover{background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover)}.btn-danger{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.btn-danger:hover{background:var(--error);color:#fff;border-color:#0000}.auth-gate{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:16px;width:min(440px,92vw);margin:8vh auto;padding:26px;display:flex}.auth-gate h2{margin:0;font-size:1.2rem}.auth-gate label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-direction:column;gap:6px;font-size:.7rem;font-weight:600;display:flex}.auth-gate input{background:var(--color-paper-3);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px}.auth-error{color:#fca5a5;border-radius:var(--radius-sm);background:#ef44441f;border:1px solid #ef444459;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.auth-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.page-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:min(1180px,100%);margin:0 auto 2rem;padding:clamp(16px,3vw,28px)}.page-panel h2{margin-top:0}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:1rem 0;display:grid}.stat-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);flex-direction:column;gap:4px;padding:14px;display:flex}.stat-card strong{font-size:1.6rem;font-family:var(--font-title);color:var(--text-primary)}.stat-card span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.55rem .7rem}.data-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.68rem;font-family:var(--font-title)}.loading-note{color:var(--text-muted);text-align:center;padding:2rem 0}.form-grid{gap:14px;display:grid}.form-grid label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-direction:column;gap:6px;font-size:.7rem;font-weight:600;display:flex}.form-grid input,.form-grid select,.form-grid textarea{background:var(--color-paper-3);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px 12px;font-family:inherit;font-size:13px}