:root{--font-display: "Geist Variable", "Inter", system-ui, sans-serif;--font-body: "Inter", "Geist Variable", system-ui, sans-serif;--font-mono: "Geist Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--text-xs: 11px;--text-sm: 12.5px;--text-md: 14px;--text-lg: 15px;--text-xl: 17px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 32px;--text-5xl: 44px;--text-6xl: 56px;--fw-thin: 200;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-label: .08em;--tracking-wide: .12em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 999px;--bevel: 14px;--elev-0: none;--elev-1: 0 1px 2px rgba(0,0,0,.3);--elev-2: 0 4px 10px rgba(0,0,0,.28), 0 1px 2px rgba(0,0,0,.35);--elev-3: 0 12px 28px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.4);--elev-4: 0 24px 50px rgba(0,0,0,.45), 0 4px 12px rgba(0,0,0,.45);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--dur-slower: .42s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--focus-ring: 0 0 0 2px var(--c-bg-0), 0 0 0 4px var(--c-gold-500);--c-bg-0: #07050A;--c-bg-1: #0D0A06;--c-bg-2: #14100A;--c-bg-3: #1F1810;--c-surface: rgba(255,238,186,.03);--c-surface-hover: rgba(255,238,186,.06);--c-surface-active: rgba(255,238,186,.1);--c-surface-glass: rgba(20,16,10,.72);--c-border-subtle: rgba(255,238,186,.05);--c-border: rgba(255,238,186,.09);--c-border-strong: rgba(255,238,186,.18);--c-border-emphasis: rgba(212,175,55,.4);--c-text-primary: #F3ECD6;--c-text-secondary: #B8A77F;--c-text-tertiary: #7D6E4D;--c-text-disabled: #4A4230;--c-text-inverse: #07050A;--c-gold-100: #FAEBBF;--c-gold-200: #F5E19D;--c-gold-300: #ECCD76;--c-gold-400: #E5C158;--c-gold-500: #D4AF37;--c-gold-600: #B08D24;--c-gold-700: #8B6914;--c-gold-800: #5C4208;--c-gold-900: #3A2A04;--c-gold-glow: rgba(212,175,55,.45);--c-champagne: #F5E6A8;--c-bronze-400: #C07736;--c-bronze-500: #A35B1E;--c-olive-500: #96831F;--c-rust-500: #C43228;--c-rust-400: #D85040;--c-cyan-100: var(--c-gold-100);--c-cyan-400: var(--c-gold-400);--c-cyan-500: var(--c-gold-500);--c-cyan-600: var(--c-gold-600);--c-cyan-glow: var(--c-gold-glow);--c-purple-100: var(--c-gold-200);--c-purple-400: var(--c-gold-600);--c-purple-500: var(--c-gold-700);--c-purple-600: var(--c-gold-800);--c-purple-glow: rgba(139,105,20,.45);--c-pink-400: var(--c-bronze-400);--c-pink-500: var(--c-bronze-500);--c-pink-glow: rgba(192,119,54,.4);--c-coral-300: #E6B27A;--c-coral-400: var(--c-rust-400);--c-coral-500: var(--c-rust-500);--c-coral-glow: rgba(196,50,40,.4);--c-amber-300: var(--c-gold-200);--c-amber-400: var(--c-gold-300);--c-amber-500: var(--c-gold-400);--c-amber-glow: rgba(229,193,88,.4);--c-mint-300: #D9C983;--c-mint-400: var(--c-olive-500);--c-mint-500: #B29E1F;--c-mint-glow: rgba(150,131,31,.4);--c-blue-400: var(--c-gold-400);--c-blue-500: var(--c-gold-500);--c-blue-glow: var(--c-gold-glow);--c-accent: var(--c-gold-500);--c-accent-soft: var(--c-gold-400);--c-accent-glow: var(--c-gold-glow);--c-accent-alt: var(--c-gold-700);--c-accent-hot: var(--c-rust-500);--c-accent-signal: var(--c-bronze-400);--c-success: var(--c-olive-500);--c-warning: var(--c-gold-400);--c-danger: var(--c-rust-400);--c-info: var(--c-gold-500);--c-learning: var(--c-gold-300);--c-chart-1: #D4AF37;--c-chart-2: #F5E6A8;--c-chart-3: #B08D24;--c-chart-4: #8B6914;--c-chart-5: #C07736;--c-chart-6: #E5C158;--c-chart-7: #96831F;--c-chart-8: #A35B1E;--grad-primary: linear-gradient(135deg, var(--c-gold-400) 0%, var(--c-gold-700) 100%);--grad-primary-soft: linear-gradient(135deg, var(--c-gold-300) 0%, var(--c-gold-600) 100%);--grad-hot: linear-gradient(135deg, var(--c-gold-500) 0%, var(--c-rust-500) 100%);--grad-success: linear-gradient(135deg, var(--c-gold-500) 0%, var(--c-olive-500) 100%);--grad-black-gold: linear-gradient(135deg, #07050A 0%, #1F1810 40%, var(--c-gold-700) 80%, var(--c-gold-400) 100%);--grad-gold-black: linear-gradient(135deg, var(--c-gold-400) 0%, var(--c-gold-700) 45%, #1F1810 90%);--grad-surface: linear-gradient(180deg, rgba(255,238,186,.04) 0%, rgba(255,238,186,.01) 100%);--grad-surface-hover: linear-gradient(180deg, rgba(255,238,186,.08) 0%, rgba(255,238,186,.02) 100%);--grad-glow-bg: radial-gradient(1200px 700px at 15% -15%, rgba(212,175,55,.14), transparent 55%), radial-gradient(1200px 700px at 115% 5%, rgba(139,105,20,.12), transparent 55%), radial-gradient(800px 500px at 60% 120%, rgba(192,119,54,.08), transparent 65%);--c-chrome-bg-1: #0D0A06;--c-chrome-bg-2: #14100A;--c-chrome-bg-3: #1F1810;--c-chrome-text: #F3ECD6;--c-chrome-text-muted: #B8A77F;--c-chrome-text-soft: #7D6E4D;--c-chrome-border: rgba(255, 238, 186, .09);--c-chrome-border-strong: rgba(255, 238, 186, .18);--grad-chrome-surface: linear-gradient(180deg, rgba(12,16,23,.95) 0%, rgba(8,10,15,.95) 100%);--grad-page-bg: radial-gradient(1200px 600px at 15% -10%, rgba(212,175,55,.1), transparent 60%), radial-gradient(900px 500px at 95% 20%, rgba(139,105,20,.08), transparent 60%), linear-gradient(180deg, #0B0906 0%, #07050A 40%, #0D0A06 100%);--grad-card-bg: linear-gradient(180deg, rgba(20,16,10,.9), rgba(13,10,6,.95));--grad-card-bg-soft: linear-gradient(180deg, rgba(20,16,10,.7), rgba(13,10,6,.85));--grad-card-bg-featured: linear-gradient(180deg, rgba(40,28,8,.95), rgba(20,14,6,.97));--grad-title-clip: linear-gradient(180deg, #FAEBBF 0%, #E5C158 50%, #8B6914 100%);--c-shadow-card: rgba(0, 0, 0, .35);--c-input-bg: rgba(7, 5, 10, .6);--c-input-bg-strong: rgba(13, 10, 6, .9);--c-ambient-glow: rgba(212, 175, 55, .22);--c-grain-blend: overlay;--c-grain-opacity: .35;--bg: var(--c-bg-1);--panel: var(--c-bg-2);--card: var(--c-bg-2);--muted: var(--c-text-secondary);--text: var(--c-text-primary);--border: var(--c-border);--ok: var(--c-success);--warn: var(--c-warning);--bad: var(--c-danger);--brand: var(--c-accent);--accent: var(--c-accent-alt);--chip: var(--c-surface);--chip-text: var(--c-text-secondary)}:root[data-theme=light]{--c-bg-0: #FAF8F0;--c-bg-1: #EFE9D8;--c-bg-2: #E5DDC4;--c-bg-3: #D8CDA8;--c-surface: rgba(20, 14, 6, .06);--c-surface-hover: rgba(20, 14, 6, .1);--c-surface-active: rgba(20, 14, 6, .14);--c-surface-glass: rgba(250, 247, 238, .85);--c-border-subtle: rgba(20, 14, 6, .12);--c-border: rgba(20, 14, 6, .2);--c-border-strong: rgba(20, 14, 6, .32);--c-border-emphasis: rgba(139, 105, 20, .65);--c-text-primary: #15100A;--c-text-secondary: #3A2E1A;--c-text-tertiary: #5A4A2E;--c-text-disabled: #8B7A57;--c-text-inverse: #FAF8F0;--c-accent: var(--c-gold-700);--c-accent-soft: var(--c-gold-600);--c-accent-alt: var(--c-gold-800);--c-gold-300: #8B6914;--c-gold-400: #6B5012;--c-gold-glow: rgba(139, 105, 20, .45);--c-cyan-400: var(--c-gold-700);--c-cyan-500: var(--c-gold-800);--c-purple-400: var(--c-gold-800);--c-purple-500: var(--c-gold-900);--c-amber-400: var(--c-gold-700);--c-amber-500: var(--c-gold-800);--grad-page-bg: radial-gradient(1200px 600px at 15% -10%, rgba(139, 105, 20, .1), transparent 60%), radial-gradient(900px 500px at 95% 20%, rgba(192, 119, 54, .06), transparent 60%), linear-gradient(180deg, #F4EEDB 0%, #EFE9D8 45%, #E5DDC4 100%);--grad-card-bg: linear-gradient(180deg, rgba(255, 252, 244, .95), rgba(239, 233, 216, .92));--grad-card-bg-soft: linear-gradient(180deg, rgba(255, 252, 244, .78), rgba(239, 233, 216, .85));--grad-card-bg-featured: linear-gradient(180deg, rgba(255, 248, 220, .95), rgba(245, 225, 157, .45));--grad-title-clip: linear-gradient(180deg, #8B6914 0%, #5C4208 60%, #3A2A04 100%);--c-shadow-card: rgba(46, 37, 34, .16);--c-input-bg: rgba(255, 253, 247, .95);--c-input-bg-strong: #FFFFFF;--c-ambient-glow: rgba(139, 105, 20, .14);--c-grain-blend: multiply;--c-grain-opacity: .08;--grad-surface: linear-gradient(180deg, rgba(20, 14, 6, .05) 0%, rgba(20, 14, 6, .02) 100%);--grad-surface-hover: linear-gradient(180deg, rgba(20, 14, 6, .1) 0%, rgba(20, 14, 6, .04) 100%);--grad-glow-bg: radial-gradient(1200px 700px at 15% -15%, rgba(212, 175, 55, .1), transparent 55%), radial-gradient(1200px 700px at 115% 5%, rgba(139, 105, 20, .06), transparent 55%), radial-gradient(800px 500px at 60% 120%, rgba(192, 119, 54, .05), transparent 65%);--elev-1: 0 1px 2px rgba(46, 37, 34, .08);--elev-2: 0 4px 12px rgba(46, 37, 34, .1), 0 1px 2px rgba(46, 37, 34, .08);--elev-3: 0 12px 28px rgba(46, 37, 34, .12), 0 2px 6px rgba(46, 37, 34, .1);--elev-4: 0 24px 50px rgba(46, 37, 34, .16), 0 4px 12px rgba(46, 37, 34, .1)}.num{font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"tnum" 1,"zero" 1,"ss01" 1}.num-display{font-family:var(--font-display);font-variant-numeric:tabular-nums slashed-zero;font-weight:var(--fw-light);letter-spacing:var(--tracking-tight);line-height:1}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero;letter-spacing:.01em}.label-micro{font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--c-text-tertiary)}.beveled{clip-path:polygon(0 0,calc(100% - var(--bevel)) 0,100% var(--bevel),100% 100%,0 100%)}.grid-overlay{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}@keyframes nd-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--c-accent-glow)}50%{opacity:.7;box-shadow:0 0 0 6px transparent}}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 8px var(--c-accent-glow);animation:nd-pulse 2s var(--ease-in-out) infinite}.pulse-dot.hot{background:var(--c-accent-hot);box-shadow:0 0 8px var(--c-coral-glow)}.pulse-dot.mint{background:var(--c-success);box-shadow:0 0 8px var(--c-mint-glow)}.pulse-dot.amber{background:var(--c-warning);box-shadow:0 0 8px var(--c-amber-glow)}:root,body{transition:background-color .2s ease,color .15s ease}@media(prefers-reduced-motion:reduce){.pulse-dot{animation:none}*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],input[type=date],input[type=time],input[type=datetime-local],textarea,select{appearance:none;-webkit-appearance:none;background:var(--c-bg-1);color:var(--c-text-primary);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:9px 12px;font-family:var(--font-body);font-size:var(--text-md);line-height:1.3;box-sizing:border-box;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}input:hover,textarea:hover,select:hover{border-color:var(--c-border-strong)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--c-cyan-400);box-shadow:0 0 0 3px #d4af3729;background:var(--c-bg-1)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background:var(--c-bg-0)}input::placeholder,textarea::placeholder{color:var(--c-text-tertiary);opacity:1}input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.35}input[type=number]::-webkit-inner-spin-button:hover,input[type=number]::-webkit-outer-spin-button:hover{opacity:.85}select{padding-right:34px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1L5 5L9 1' stroke='%23a4afbf' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}select option{background:var(--c-bg-2);color:var(--c-text-primary)}label{display:inline-block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--c-text-secondary);margin-bottom:6px}.field-label{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--c-text-tertiary);margin-bottom:6px}.field-hint{display:block;font-size:11.5px;color:var(--c-text-tertiary);margin-top:6px;line-height:1.45}.field-error{display:block;font-size:11.5px;color:var(--c-coral-400);margin-top:6px}button{font-family:var(--font-body);font-size:var(--text-md);cursor:pointer}.btn,button.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-md);font-weight:600;letter-spacing:-.005em;line-height:1;border:1px solid transparent;background:var(--grad-primary);color:var(--c-text-inverse);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out);text-decoration:none}.btn:hover,button.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #d4af3740;filter:brightness(1.06)}.btn:active,button.btn:active{transform:translateY(0);filter:brightness(.96)}.btn:disabled,button.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.btn-secondary,button.btn-secondary{background:var(--c-surface);color:var(--c-text-primary);border:1px solid var(--c-border);padding:9px 18px;border-radius:var(--radius-sm);font-weight:500}.btn-secondary:hover,button.btn-secondary:hover{background:var(--c-surface-hover);border-color:var(--c-border-strong)}.btn-ghost,button.btn-ghost{background:transparent;color:var(--c-text-secondary);border:1px solid transparent;padding:9px 14px;border-radius:var(--radius-sm);font-weight:500}.btn-ghost:hover,button.btn-ghost:hover{color:var(--c-text-primary);background:var(--c-surface)}.btn-danger,button.btn-danger{background:linear-gradient(135deg,var(--c-coral-500),#dc2626);color:#fff;border:1px solid transparent;padding:9px 18px;border-radius:var(--radius-sm);font-weight:600}.btn-danger:hover,button.btn-danger:hover{filter:brightness(1.05);box-shadow:0 8px 22px #c4322847}.btn-sm,button.btn-sm{padding:6px 12px;font-size:var(--text-sm);border-radius:var(--radius-xs)}.btn-small{appearance:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-xs);border:1px solid var(--c-border);cursor:pointer;background:var(--c-surface);color:var(--c-text-primary);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn-small:hover{background:var(--c-surface-hover);border-color:var(--c-border-strong);transform:translateY(-1px)}.btn-small:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-small.save{background:var(--grad-primary);color:var(--c-text-inverse);border-color:transparent;font-weight:600}.btn-small.save:hover{box-shadow:0 6px 16px #d4af3740;filter:brightness(1.05)}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:16px;height:16px;padding:0;border:1.5px solid var(--c-border-strong);background:var(--c-bg-1);cursor:pointer;position:relative;vertical-align:middle;transition:all var(--dur-fast) var(--ease-out)}input[type=checkbox]{border-radius:4px}input[type=radio]{border-radius:50%}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--c-cyan-400)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--grad-primary);border-color:transparent}input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:0;width:4px;height:9px;border:solid var(--c-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=radio]:checked:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--c-text-inverse)}.toggle-switch{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background:var(--c-bg-3);border:1px solid var(--c-border-strong);border-radius:999px;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.toggle-switch .slider:before{position:absolute;content:"";left:2px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000004d;transition:transform var(--dur-base) var(--ease-spring)}.toggle-switch input:checked+.slider{background:var(--grad-primary);border-color:transparent}.toggle-switch input:checked+.slider:before{transform:translate(16px,-50%)}.toggle-switch input:disabled+.slider,.toggle-switch .slider.loading{opacity:.5;cursor:wait}.search-bar{display:flex;align-items:center;gap:10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:0 12px;transition:border-color var(--dur-base) var(--ease-out)}.search-bar:focus-within{border-color:var(--c-cyan-400);box-shadow:0 0 0 3px #d4af3724}.search-bar>i{color:var(--c-text-tertiary);font-size:12px}.search-bar input{flex:1;background:transparent;border:none;padding:9px 0;color:var(--c-text-primary);font-size:var(--text-md);outline:none}.search-bar input:focus{box-shadow:none}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;padding:5px 12px;border-radius:999px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.chip:hover{color:var(--c-text-primary);background:var(--c-surface-hover);border-color:var(--c-border-strong)}.chip.active,.chip[aria-selected=true]{color:var(--c-cyan-400);background:#d4af3714;border-color:#d4af3766}.chip.crit{color:var(--c-coral-400);border-color:#c4322859;background:#c4322814}.chip.warn,.chip.attn{color:var(--c-amber-400);border-color:#e5c15859;background:#e5c15814}.chip.ok{color:var(--c-mint-400);border-color:#b29e1f59;background:#b29e1f14}:host{--bg: #0b0d10;--panel: #0f1318;--card: #12161b;--muted: #99a3ad;--text: #e8edf2;--border: #1e242b;--ok: #1f8f5f;--warn: #d78c00;--bad: #c03546;--brand: #E5C158;--accent: #8B6914;--chip: #1d232b;--chip-text: #c2cad3}:root{--header-h: 66px;--fab-safe: 96px}html,body{margin:0;height:100%;min-height:100svh;background:var(--grad-glow-bg, transparent),var(--c-bg-0);color:var(--c-text-primary);font-family:var(--font-body);font-feature-settings:"ss01" 1,"cv11" 1;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:6px}::selection{background:var(--c-cyan-400);color:var(--c-text-inverse)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#ffffff38}.app-wrap{display:grid;grid-template-columns:1fr;min-height:100svh}app-sidebar{display:none}main{min-height:100%}@media(min-width:1024px){.app-wrap{grid-template-columns:260px 1fr}app-sidebar{display:block}.app-wrap>main{position:relative;overflow:hidden}}header{top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(180deg,#12161bbf,#12161b59);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);border-bottom:1px solid var(--border);box-shadow:0 10px 40px #00000040;min-height:var(--header-h);box-sizing:border-box}header .brand{display:flex;flex-direction:column;gap:2px}header .brand b{font-weight:600;letter-spacing:.2px}header .muted{font-size:12px;color:var(--muted)}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.controls select,.controls .btn{height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:#0f141a;color:var(--text);font:inherit;cursor:pointer;transition:all .2s ease}.controls select:hover,.controls .btn:hover{border-color:#2a3340;box-shadow:0 0 0 1px #d4af3733 inset}.controls .btn{display:inline-flex;align-items:center;gap:8px}.controls .btn.hidden{display:none}#summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:18px}#summary>div{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:0 12px 40px #00000040,inset 0 0 0 1px #ffffff05;transition:transform .15s ease,box-shadow .25s ease}#summary>div:hover{transform:translateY(-2px);box-shadow:0 16px 50px #00000057}#summary .label{font-size:12px;color:var(--muted);letter-spacing:.2px}#summary .value{font-size:24px;font-weight:600;margin-top:6px}.alerts-pill .alerts-count{background:#c0354626;border:1px solid rgba(192,53,70,.4);color:#ffb3bc;border-radius:999px;padding:2px 8px}.container{padding:18px;padding-bottom:var(--fab-safe)}table{width:100%;border-collapse:separate;border-spacing:0 8px}thead th{position:sticky;top:var(--header-h);z-index:5;background:linear-gradient(180deg,#12161bbf,#12161b73);-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%);color:var(--muted);font-weight:600;text-align:left;font-size:12px;letter-spacing:.3px;padding:10px 12px;border-bottom:1px solid var(--border)}tbody tr{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid var(--border);box-shadow:0 8px 26px #0003,inset 0 0 0 1px #ffffff05;transition:box-shadow .2s ease}tbody tr:hover{box-shadow:0 12px 36px #d4af371f}tbody td{padding:12px;font-size:14px;vertical-align:middle}tbody td:first-child{border-radius:12px 0 0 12px}tbody td:last-child{border-radius:0 12px 12px 0}tbody .muted{color:var(--muted);font-size:12px}.status{font-size:12px;padding:6px 10px;border-radius:999px;display:inline-block}.status.on{background:#1f8f5f26;color:#8de7c3;border:1px solid rgba(31,143,95,.35)}.status:not(.on){background:#c75c5c1f;color:#ffb3bc;border:1px solid rgba(192,53,70,.35)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--chip);color:var(--chip-text);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:12px;box-shadow:inset 0 0 0 1px #ffffff05,0 4px 18px #00000040}.chip.attn{background:#d78c001f;color:#ffd79a;border-color:#d78c0059}.chip.crit{background:#c035461f;color:#ffb3bc;border-color:#c0354659}#skeleton{padding:18px}.skeleton-row{height:40px;border-radius:8px;background:linear-gradient(90deg,#1a1f26 25%,#222831 37%,#1a1f26 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;margin-bottom:12px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@media(max-width:1023px){#summary{grid-template-columns:1fr}table,thead,tbody,th,td,tr{display:block}thead{display:none}tbody tr{margin-bottom:16px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--panel)}tbody td{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;text-align:right;position:relative;border-bottom:1px solid var(--border)}tbody tr td:last-child{border-bottom:none}tbody td:before{content:attr(data-label);font-weight:600;color:var(--muted);text-align:left}tbody td:first-child{display:block;text-align:left;font-size:16px;font-weight:600;padding:16px;background-color:#ffffff05;word-break:break-word}tbody td:first-child:before{display:none}.budget-edit-container{flex-wrap:wrap;justify-content:flex-end}.budget-input{flex-grow:1;min-width:80px}}@media(max-width:768px){header{flex-direction:column;align-items:flex-start;gap:14px}.controls{width:100%;justify-content:flex-start}}@media(max-width:480px){.controls{flex-direction:column;align-items:stretch}.controls>*{width:100%}}.has-fab-bottom{padding-bottom:var(--fab-safe)}.budget-view-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.edit-icon{opacity:0;transition:opacity .2s ease-in-out;cursor:pointer;color:var(--muted);font-size:16px}tr:hover .edit-icon{opacity:1}.budget-edit-container{display:flex;align-items:center;gap:8px;width:100%}.budget-input{width:100px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:14px}.budget-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #8b69144d}.btn-small{padding:6px 12px;font-size:12px;border-radius:8px;border:1px solid var(--border);cursor:pointer;background:var(--chip);color:var(--chip-text);transition:all .2s ease}.btn-small.save{background:var(--ok);color:#fff;border-color:transparent}.btn-small:hover{filter:brightness(1.2)}.btn-small:disabled{opacity:.6;cursor:not-allowed;filter:none}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#28a745}input:disabled+.slider{cursor:not-allowed;background-color:#e9ecef}.slider.loading:before{animation:pulse 1s infinite}@keyframes pulse{0%{box-shadow:0 0 #007bff66}70%{box-shadow:0 0 0 8px #007bff00}to{box-shadow:0 0 #007bff00}}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}tr.row-hiding{opacity:0;transform:translate(-30px);transition:opacity .5s ease-out,transform .5s ease-out}tr.row-hiding td{padding-top:0!important;padding-bottom:0!important;line-height:0;transition:padding .5s ease-out,line-height .5s ease-out}