:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page:#0f172a;--color-surface:#1e293b;--color-surface-alt:#263449;--color-border:#334155;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-accent:#3987e5;--color-accent-contrast:#fff;--color-danger:#d03b3b;--color-danger-contrast:#fff;--color-positive:#0ca30c;--chart-muted:#898781;--chart-border:#ffffff1a;--chart-gridline:#2c2c2a;--radius-sm:4px;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-page:#f8fafc;--color-surface:#fff;--color-surface-alt:#f1f5f9;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-accent:#2a78d6;--color-accent-contrast:#fff;--color-danger:#d03b3b;--color-danger-contrast:#fff;--color-positive:#006300;--chart-muted:#898781;--chart-border:#0b0b0b1a;--chart-gridline:#e1e0d9}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-page);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,h4{margin:0 0 var(--space-3);font-weight:600;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.05rem}h4{color:var(--color-text-muted);font-size:.95rem}p{margin:0 0 var(--space-2)}a{color:var(--color-accent)}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-header{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:20;display:flex;position:sticky;top:0}.app-logo{letter-spacing:-.01em;color:var(--color-text);white-space:nowrap;font-size:1.1rem;font-weight:700}.app-nav-toggle{border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);background:0 0;margin-left:auto;font-size:1.1rem;line-height:1;display:none}.app-nav{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.app-nav a{color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);align-items:center;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.app-nav a:not(:first-child):before{content:"›";margin-right:var(--space-2);color:var(--color-text-muted)}.app-nav a:hover{background:var(--color-surface-alt);color:var(--color-text)}.app-nav a.active{background:var(--color-accent);color:var(--color-accent-contrast)}.app-nav-backdrop{z-index:15;background:#00000073;position:fixed;inset:0}@media (width<=720px){.app-nav-toggle{justify-content:center;align-items:center;display:inline-flex}.app-nav{background:var(--color-surface);border-right:1px solid var(--color-border);width:min(280px,80vw);padding:calc(var(--space-6) * 2) var(--space-4) var(--space-4);z-index:20;flex-direction:column;align-items:stretch;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.app-nav.open{transform:translate(0)}.app-nav a:not(:first-child):before{content:none}}.app-content{width:100%;max-width:860px;padding:var(--space-6) var(--space-4);flex:1;margin:0 auto}.app-content>main,.app-content>section{gap:var(--space-4);flex-direction:column;display:flex}form{gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);flex-direction:column;max-width:480px;display:flex}form>label{gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:.85rem;display:flex}form>label:has(input[type=checkbox]){align-items:center;gap:var(--space-2);color:var(--color-text);flex-direction:row}fieldset{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}fieldset label{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:.9rem;display:flex}legend{padding:0 var(--space-1);color:var(--color-text-muted);font-size:.85rem}input,select{font:inherit;color:var(--color-text);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent);width:auto}input[type=color]{width:3.5rem;height:2.25rem;padding:2px}button{font:inherit;color:var(--color-text);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;font-weight:500}button:hover:not(:disabled){border-color:var(--color-accent)}button[type=submit]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);align-self:flex-start}button:disabled{opacity:.55;cursor:default}[role=group]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);gap:2px;width:fit-content;padding:2px;display:inline-flex}[role=group] button{border-radius:var(--radius-sm);opacity:1;background:0 0;border:none}[role=group] button:disabled{background:var(--color-accent);color:var(--color-accent-contrast);opacity:1}ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}li{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}li button{margin-left:auto}li button+button{margin-left:0}[role=alert]{color:var(--color-danger-contrast);background:var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}[role=status],[role=note]{color:var(--color-text-muted);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);width:fit-content}.chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);width:fit-content}.chart ul{margin-top:var(--space-2)}.chart li{padding:var(--space-1) 0;background:0 0;border:none}.chart-swatch{width:10px;height:10px;margin-right:var(--space-1);border-radius:50%;display:inline-block}.dashboard-filters{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.dashboard-filter-row{align-items:center;gap:var(--space-2);display:flex}.icon-picker{gap:var(--space-1);flex-flow:wrap}.icon-picker-option{padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:1.75rem;line-height:1;position:relative}.icon-picker-option:hover{background:var(--color-surface-alt)}.icon-picker-option.selected{background:var(--color-surface-alt);outline:2px solid var(--color-accent);outline-offset:-2px}.icon-picker-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.category-icon{font-size:1.25rem;line-height:1}