:root,[data-theme=midnight]{--bg: #10131a;--surface: #1a1f2b;--surface-hover: #232939;--fg: #e8eaf0;--muted: #8b93a7;--accent: #6c8cff;--accent-fg: #0b0e14;--positive: #3ddc97;--negative: #ff6b6b;--border: #2a3040}[data-theme=forest]{--bg: #10190f;--surface: #16221a;--surface-hover: #1e2e24;--fg: #e6f0e6;--muted: #8fa88f;--accent: #5fbf6f;--accent-fg: #06120a;--positive: #7fd858;--negative: #e0665a;--border: #263a28}[data-theme=sunset]{--bg: #1c1216;--surface: #2a181d;--surface-hover: #351f26;--fg: #f5e6e0;--muted: #b98c86;--accent: #ff8a5c;--accent-fg: #1c1212;--positive: #ffc857;--negative: #ff5c7a;--border: #3c232a}[data-theme=ocean]{--bg: #071923;--surface: #0d2531;--surface-hover: #123240;--fg: #e4f3f7;--muted: #7fa9b8;--accent: #34c3d9;--accent-fg: #041219;--positive: #4fd6a8;--negative: #ff7a7a;--border: #15384a}[data-theme=mono]{--bg: #141414;--surface: #1e1e1e;--surface-hover: #292929;--fg: #eaeaea;--muted: #9a9a9a;--accent: #e0e0e0;--accent-fg: #141414;--positive: #b8e0b8;--negative: #e0b8b8;--border: #333333}[data-theme=high-contrast]{--bg: #000000;--surface: #0a0a0a;--surface-hover: #1a1a1a;--fg: #ffffff;--muted: #cccccc;--accent: #ffd400;--accent-fg: #000000;--positive: #00ff88;--negative: #ff3333;--border: #444444}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg);transition:background .15s ease,color .15s ease}a{color:var(--accent);text-decoration:none}button,input,select{font-family:inherit;font-size:1rem}.app-shell{min-height:100%;display:flex;flex-direction:column}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.top-nav .brand{font-weight:700;font-size:1.1rem}.top-nav nav{display:flex;gap:.75rem;flex-wrap:wrap}.top-nav nav a,.top-nav nav button.link{color:var(--muted);background:none;border:none;cursor:pointer;padding:.25rem .4rem;border-radius:6px}.top-nav nav a.active,.top-nav nav a:hover,.top-nav nav button.link:hover{color:var(--fg);background:var(--surface-hover)}.main-content{flex:1;padding:1.25rem;max-width:900px;width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem}.btn{background:var(--accent);color:var(--accent-fg);border:none;border-radius:8px;padding:.55rem 1rem;cursor:pointer;font-weight:600}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}.btn.danger{background:var(--negative);color:#1a0d0d}.btn:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=password],input[type=number],select{background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:.5rem .6rem;width:100%}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.positive{color:var(--positive);font-weight:600}.negative{color:var(--negative);font-weight:600}.muted{color:var(--muted)}.form-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap}.form-row label{min-width:90px;color:var(--muted)}.theme-picker{display:flex;gap:.35rem;flex-wrap:wrap}.theme-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;background:var(--accent)}.theme-swatch.active{border-color:var(--fg)}.error-banner{background:var(--negative);color:#1a0d0d;padding:.6rem .9rem;border-radius:8px;margin-bottom:1rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;background:var(--surface-hover);color:var(--muted)}.badge.open{background:var(--positive);color:#06210f}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:360px}