.sidebar[data-v-a9d9523e]{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-panel);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:100}.sidebar-brand[data-v-a9d9523e]{padding:16px 16px 14px;border-bottom:1px solid var(--border-subtle)}.brand-logo[data-v-a9d9523e]{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--gold-text);letter-spacing:3px}.brand-sub[data-v-a9d9523e]{font-family:var(--font-heading);font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:4px;text-transform:uppercase;margin-top:-1px}.nav-links[data-v-a9d9523e]{list-style:none;margin:0;padding:8px 6px;flex:1;overflow-y:auto}.nav-links li[data-v-a9d9523e]{margin-bottom:1px}.nav-item[data-v-a9d9523e]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-body);font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.nav-item[data-v-a9d9523e]:hover{background:var(--bg-surface);color:var(--text-primary);text-decoration:none}.nav-item.active[data-v-a9d9523e]{background:var(--gold-bg);color:var(--gold-text);font-weight:700;border:1px solid var(--gold-border)}.nav-icon[data-v-a9d9523e]{font-size:14px;width:20px;text-align:center}.nav-label[data-v-a9d9523e]{letter-spacing:.3px}.sidebar-footer[data-v-a9d9523e]{padding:12px 16px;border-top:1px solid var(--border-subtle)}.db-status[data-v-a9d9523e]{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dimmed)}.status-dot[data-v-a9d9523e]{width:6px;height:6px;border-radius:50%;background:var(--error)}.db-status.healthy .status-dot[data-v-a9d9523e]{background:var(--success)}.app-shell[data-v-bfb42e70]{display:flex;min-height:100vh}.main-content[data-v-bfb42e70]{flex:1;padding:20px 24px;margin-left:var(--sidebar-width);max-width:calc(var(--content-max-width) + 48px);overflow-x:hidden}:root,[data-theme=inferno]{--bg-base: #09090b;--bg-panel: linear-gradient(145deg, rgba(255,107,44,.05) 0%, rgba(255,255,255,.015) 55%, rgba(59,158,255,.04) 100%);--bg-panel-hover: linear-gradient(145deg, rgba(255,107,44,.09) 0%, rgba(255,255,255,.025) 55%, rgba(59,158,255,.07) 100%);--bg-header: rgba(255,255,255,.05);--bg-surface: rgba(255,255,255,.04);--border-subtle: rgba(255,255,255,.07);--border-medium: rgba(255,255,255,.12);--border-strong: rgba(255,255,255,.2);--text-primary: #f0f0f0;--text-muted: rgba(240,240,240,.6);--text-dimmed: rgba(240,240,240,.34);--fire: #ff6b2c;--fire-text: #ff8f5c;--fire-border: rgba(255,107,44,.4);--fire-bg: rgba(255,107,44,.1);--ice: #3b9eff;--ice-text: #6db8ff;--ice-muted: #5aadff;--ice-border: rgba(59,158,255,.35);--ice-bg: rgba(59,158,255,.08);--gold: var(--fire);--gold-text: var(--fire-text);--gold-border: var(--fire-border);--gold-bg: var(--fire-bg);--blue: var(--ice);--blue-muted: var(--ice-muted);--bracket-main: var(--fire-text);--bracket-main-bg: var(--fire-bg);--bracket-purple: #a78bfa;--bracket-purple-bg: rgba(167,139,250,.1);--bracket-pink: #f472b6;--bracket-pink-bg: rgba(244,114,182,.1);--success: #34d399;--success-bg: rgba(52,211,153,.1);--error: #f87171;--error-bg: rgba(248,113,113,.1);--warning: #fbbf24;--warning-bg: rgba(251,191,36,.1);--shadow-panel: 0 1px 2px rgba(0,0,0,.6), 0 4px 16px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06);--shadow-card: 0 1px 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05);--shadow-hover: 0 4px 24px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08);--shadow-gold: 0 2px 16px rgba(255,107,44,.15), inset 0 1px 0 rgba(255,255,255,.06);--chart-1: #ff6b2c;--chart-1-fill: rgba(255,107,44,.12);--chart-2: #3b9eff;--chart-2-fill: rgba(59,158,255,.08);--chart-bar-1: rgba(59,158,255,.5);--chart-bar-1-stroke: #3b9eff;--chart-bar-2: rgba(255,107,44,.5);--chart-bar-2-stroke: #ff6b2c;--chart-tooltip-bg: rgba(20,20,20,.95);--chart-tooltip-title: #ff8f5c;--chart-tooltip-body: #f0f0f0;--chart-tooltip-border: rgba(255,255,255,.12);--chart-tick: rgba(240,240,240,.4);--chart-grid: rgba(255,255,255,.05);--gradient-bar: linear-gradient(90deg, #3b9eff, #ff6b2c);--gradient-score: linear-gradient(90deg, #3b9eff, #ff6b2c, #ff8f5c);--gradient-upset: linear-gradient(90deg, #ff6b2c, #ff8f5c);--gradient-close: linear-gradient(90deg, #3b9eff, #34d399);--radius: 12px;--radius-sm: 6px;--radius-xs: 3px;--sidebar-width: 200px;--content-max-width: 1560px;--gap: 12px;--gap-lg: 16px;--font-display: "Barlow Condensed", "Barlow", sans-serif;--font-heading: "Barlow Condensed", "Barlow", sans-serif;--font-body: "Barlow", sans-serif}[data-theme=pegtdark]{--bg-base: #000000;--bg-panel: linear-gradient(145deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,.01) 100%);--bg-panel-hover: linear-gradient(145deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.02) 100%);--bg-header: rgba(255,255,255,.04);--bg-surface: rgba(255,255,255,.03);--border-subtle: rgba(255,255,255,.08);--border-medium: rgba(255,255,255,.14);--border-strong: rgba(255,255,255,.24);--text-primary: #ffffff;--text-muted: rgba(255,255,255,.55);--text-dimmed: rgba(255,255,255,.3);--fire: #d4d4d4;--fire-text: #e8e8e8;--fire-border: rgba(255,255,255,.25);--fire-bg: rgba(255,255,255,.06);--ice: #a3a3a3;--ice-text: #c0c0c0;--ice-muted: #b0b0b0;--ice-border: rgba(255,255,255,.18);--ice-bg: rgba(255,255,255,.04);--gold: var(--fire);--gold-text: var(--fire-text);--gold-border: var(--fire-border);--gold-bg: var(--fire-bg);--blue: var(--ice);--blue-muted: var(--ice-muted);--bracket-main: #e8e8e8;--bracket-main-bg: rgba(255,255,255,.06);--bracket-purple: #a0a0a0;--bracket-purple-bg: rgba(255,255,255,.04);--bracket-pink: #787878;--bracket-pink-bg: rgba(255,255,255,.03);--success: #a0a0a0;--success-bg: rgba(255,255,255,.04);--error: #d4d4d4;--error-bg: rgba(255,255,255,.06);--warning: #b0b0b0;--warning-bg: rgba(255,255,255,.05);--shadow-panel: 0 1px 3px rgba(0,0,0,.8), 0 8px 24px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.07);--shadow-card: 0 1px 4px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05);--shadow-hover: 0 8px 32px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.1);--shadow-gold: 0 2px 16px rgba(255,255,255,.05), inset 0 1px 0 rgba(255,255,255,.07);--chart-1: #d4d4d4;--chart-1-fill: rgba(255,255,255,.06);--chart-2: #737373;--chart-2-fill: rgba(255,255,255,.03);--chart-bar-1: rgba(255,255,255,.2);--chart-bar-1-stroke: #a0a0a0;--chart-bar-2: rgba(255,255,255,.1);--chart-bar-2-stroke: #666666;--chart-tooltip-bg: rgba(0,0,0,.95);--chart-tooltip-title: #ffffff;--chart-tooltip-body: #d4d4d4;--chart-tooltip-border: rgba(255,255,255,.15);--chart-tick: rgba(255,255,255,.3);--chart-grid: rgba(255,255,255,.05);--gradient-bar: linear-gradient(90deg, #555, #ccc);--gradient-score: linear-gradient(90deg, #444, #999, #ddd);--gradient-upset: linear-gradient(90deg, #888, #ccc);--gradient-close: linear-gradient(90deg, #555, #aaa);--font-display: "IBM Plex Mono", "JetBrains Mono", monospace;--font-heading: "IBM Plex Mono", monospace;--font-body: "IBM Plex Sans", system-ui, sans-serif}[data-theme=pegtlight]{--bg-base: #fdf8f4;--bg-panel: linear-gradient(145deg, rgba(255,255,255,.97) 0%, rgba(253,240,230,.9) 100%);--bg-panel-hover: rgba(255,255,255,1);--bg-header: rgba(255,255,255,.95);--bg-surface: rgba(201,58,7,.04);--border-subtle: rgba(0,0,0,.07);--border-medium: rgba(0,0,0,.13);--border-strong: rgba(0,0,0,.22);--text-primary: #1c0800;--text-muted: rgba(28,8,0,.58);--text-dimmed: rgba(28,8,0,.34);--fire: #c93a07;--fire-text: #b03005;--fire-border: rgba(201,58,7,.35);--fire-bg: rgba(201,58,7,.08);--ice: #0e7490;--ice-text: #0c6177;--ice-muted: #0d6b82;--ice-border: rgba(14,116,144,.3);--ice-bg: rgba(14,116,144,.07);--gold: var(--fire);--gold-text: var(--fire-text);--gold-border: var(--fire-border);--gold-bg: var(--fire-bg);--blue: var(--ice);--blue-muted: var(--ice-muted);--bracket-main: #c93a07;--bracket-main-bg: rgba(201,58,7,.08);--bracket-purple: #7c3aed;--bracket-purple-bg: rgba(124,58,237,.08);--bracket-pink: #be185d;--bracket-pink-bg: rgba(190,24,93,.07);--success: #059669;--success-bg: rgba(5,150,105,.08);--error: #dc2626;--error-bg: rgba(220,38,38,.07);--warning: #d97706;--warning-bg: rgba(217,119,6,.08);--shadow-panel: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.9);--shadow-card: 0 1px 3px rgba(0,0,0,.05), inset 0 1px 0 rgba(255,255,255,.8);--shadow-hover: 0 4px 16px rgba(201,58,7,.1), inset 0 1px 0 rgba(255,255,255,.95);--shadow-gold: 0 2px 12px rgba(201,58,7,.12), inset 0 1px 0 rgba(255,255,255,.8);--chart-1: #c93a07;--chart-1-fill: rgba(201,58,7,.1);--chart-2: #0e7490;--chart-2-fill: rgba(14,116,144,.08);--chart-bar-1: rgba(201,58,7,.55);--chart-bar-1-stroke: #c93a07;--chart-bar-2: rgba(14,116,144,.45);--chart-bar-2-stroke: #0e7490;--chart-tooltip-bg: rgba(255,255,255,.98);--chart-tooltip-title: #c93a07;--chart-tooltip-body: #1c0800;--chart-tooltip-border: rgba(0,0,0,.1);--chart-tick: rgba(28,8,0,.35);--chart-grid: rgba(0,0,0,.06);--gradient-bar: linear-gradient(90deg, #0e7490, #c93a07);--gradient-score: linear-gradient(90deg, #0e7490, #c93a07, #b03005);--gradient-upset: linear-gradient(90deg, #c93a07, #b03005);--gradient-close: linear-gradient(90deg, #0e7490, #059669);--font-display: "Poppins", sans-serif;--font-heading: "Poppins", sans-serif;--font-body: "Poppins", sans-serif}[data-theme=cyber]{--bg-base: #0a0a0f;--bg-panel: linear-gradient(145deg, rgba(0,229,255,.05) 0%, rgba(10,10,15,.015) 55%, rgba(255,45,138,.04) 100%);--bg-panel-hover: linear-gradient(145deg, rgba(0,229,255,.09) 0%, rgba(10,10,15,.02) 55%, rgba(255,45,138,.07) 100%);--bg-header: rgba(0,229,255,.03);--bg-surface: rgba(0,229,255,.02);--border-subtle: rgba(0,229,255,.08);--border-medium: rgba(0,229,255,.14);--border-strong: rgba(0,229,255,.22);--text-primary: #e0f7fa;--text-muted: rgba(224,247,250,.6);--text-dimmed: rgba(224,247,250,.34);--fire: #00e5ff;--fire-text: #4df0ff;--fire-border: rgba(0,229,255,.35);--fire-bg: rgba(0,229,255,.08);--ice: #ff2d8a;--ice-text: #ff6bae;--ice-muted: #ff4d9b;--ice-border: rgba(255,45,138,.35);--ice-bg: rgba(255,45,138,.08);--gold: var(--fire);--gold-text: var(--fire-text);--gold-border: var(--fire-border);--gold-bg: var(--fire-bg);--blue: var(--ice);--blue-muted: var(--ice-muted);--bracket-main: #4df0ff;--bracket-main-bg: rgba(0,229,255,.08);--bracket-purple: #a78bfa;--bracket-purple-bg: rgba(167,139,250,.08);--bracket-pink: #ff6bae;--bracket-pink-bg: rgba(255,107,174,.08);--success: #00e676;--success-bg: rgba(0,230,118,.08);--error: #ff1744;--error-bg: rgba(255,23,68,.08);--warning: #ffea00;--warning-bg: rgba(255,234,0,.08);--shadow-panel: 0 1px 3px rgba(0,0,0,.7), 0 4px 20px rgba(0,229,255,.06), inset 0 1px 0 rgba(0,229,255,.08);--shadow-card: 0 1px 4px rgba(0,0,0,.5), inset 0 1px 0 rgba(0,229,255,.06);--shadow-hover: 0 4px 28px rgba(0,229,255,.1), inset 0 1px 0 rgba(0,229,255,.12);--shadow-gold: 0 2px 16px rgba(0,229,255,.12), inset 0 1px 0 rgba(0,229,255,.08);--chart-1: #00e5ff;--chart-1-fill: rgba(0,229,255,.1);--chart-2: #ff2d8a;--chart-2-fill: rgba(255,45,138,.08);--chart-bar-1: rgba(0,229,255,.4);--chart-bar-1-stroke: #00e5ff;--chart-bar-2: rgba(255,45,138,.4);--chart-bar-2-stroke: #ff2d8a;--chart-tooltip-bg: rgba(10,10,15,.95);--chart-tooltip-title: #4df0ff;--chart-tooltip-body: #e0f7fa;--chart-tooltip-border: rgba(0,229,255,.2);--chart-tick: rgba(0,229,255,.35);--chart-grid: rgba(0,229,255,.06);--gradient-bar: linear-gradient(90deg, #00e5ff, #ff2d8a);--gradient-score: linear-gradient(90deg, #00e5ff, #a78bfa, #ff2d8a);--gradient-upset: linear-gradient(90deg, #ff2d8a, #ff6bae);--gradient-close: linear-gradient(90deg, #00e5ff, #00e676);--font-display: "IBM Plex Mono", "JetBrains Mono", monospace;--font-heading: "IBM Plex Mono", monospace;--font-body: "IBM Plex Sans", system-ui, sans-serif}[data-theme=emerald]{--bg-base: #060d06;--bg-panel: linear-gradient(145deg, rgba(16,185,129,.06) 0%, rgba(6,13,6,.01) 55%, rgba(245,158,11,.04) 100%);--bg-panel-hover: linear-gradient(145deg, rgba(16,185,129,.1) 0%, rgba(6,13,6,.01) 55%, rgba(245,158,11,.07) 100%);--bg-header: rgba(52,211,153,.035);--bg-surface: rgba(52,211,153,.02);--border-subtle: rgba(52,211,153,.08);--border-medium: rgba(52,211,153,.14);--border-strong: rgba(52,211,153,.22);--text-primary: #ecfdf5;--text-muted: rgba(236,253,245,.58);--text-dimmed: rgba(236,253,245,.32);--fire: #10b981;--fire-text: #34d399;--fire-border: rgba(16,185,129,.4);--fire-bg: rgba(16,185,129,.1);--ice: #f59e0b;--ice-text: #fbbf24;--ice-muted: #f5b731;--ice-border: rgba(245,158,11,.35);--ice-bg: rgba(245,158,11,.08);--gold: var(--fire);--gold-text: var(--fire-text);--gold-border: var(--fire-border);--gold-bg: var(--fire-bg);--blue: var(--ice);--blue-muted: var(--ice-muted);--bracket-main: #34d399;--bracket-main-bg: rgba(16,185,129,.1);--bracket-purple: #a78bfa;--bracket-purple-bg: rgba(167,139,250,.08);--bracket-pink: #f472b6;--bracket-pink-bg: rgba(244,114,182,.08);--success: #34d399;--success-bg: rgba(52,211,153,.1);--error: #f87171;--error-bg: rgba(248,113,113,.1);--warning: #fbbf24;--warning-bg: rgba(251,191,36,.1);--shadow-panel: 0 1px 3px rgba(0,0,0,.6), 0 4px 16px rgba(0,10,0,.3), inset 0 1px 0 rgba(52,211,153,.06);--shadow-card: 0 1px 4px rgba(0,0,0,.4), inset 0 1px 0 rgba(52,211,153,.04);--shadow-hover: 0 4px 24px rgba(0,10,0,.4), inset 0 1px 0 rgba(52,211,153,.1);--shadow-gold: 0 2px 16px rgba(16,185,129,.15), inset 0 1px 0 rgba(52,211,153,.06);--chart-1: #10b981;--chart-1-fill: rgba(16,185,129,.12);--chart-2: #f59e0b;--chart-2-fill: rgba(245,158,11,.08);--chart-bar-1: rgba(16,185,129,.45);--chart-bar-1-stroke: #10b981;--chart-bar-2: rgba(245,158,11,.4);--chart-bar-2-stroke: #f59e0b;--chart-tooltip-bg: rgba(6,13,6,.95);--chart-tooltip-title: #34d399;--chart-tooltip-body: #ecfdf5;--chart-tooltip-border: rgba(52,211,153,.18);--chart-tick: rgba(52,211,153,.35);--chart-grid: rgba(52,211,153,.06);--gradient-bar: linear-gradient(90deg, #10b981, #f59e0b);--gradient-score: linear-gradient(90deg, #10b981, #f59e0b, #f87171);--gradient-upset: linear-gradient(90deg, #f59e0b, #fbbf24);--gradient-close: linear-gradient(90deg, #10b981, #34d399);--font-display: "DM Sans", system-ui, sans-serif;--font-heading: "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif}[data-theme=royal]{--bg-base: #08061a;--bg-panel: linear-gradient(145deg, rgba(99,102,241,.06) 0%, rgba(8,6,26,.01) 55%, rgba(251,191,36,.04) 100%);--bg-panel-hover: linear-gradient(145deg, rgba(99,102,241,.1) 0%, rgba(8,6,26,.01) 55%, rgba(251,191,36,.07) 100%);--bg-header: rgba(99,102,241,.04);--bg-surface: rgba(99,102,241,.02);--border-subtle: rgba(99,102,241,.1);--border-medium: rgba(99,102,241,.16);--border-strong: rgba(99,102,241,.24);--text-primary: #eef2ff;--text-muted: rgba(238,242,255,.58);--text-dimmed: rgba(238,242,255,.32);--fire: #818cf8;--fire-text: #a5b4fc;--fire-border: rgba(129,140,248,.4);--fire-bg: rgba(129,140,248,.1);--ice: #fbbf24;--ice-text: #fcd34d;--ice-muted: #f5c942;--ice-border: rgba(251,191,36,.35);--ice-bg: rgba(251,191,36,.08);--gold: var(--fire);--gold-text: var(--fire-text);--gold-border: var(--fire-border);--gold-bg: var(--fire-bg);--blue: var(--ice);--blue-muted: var(--ice-muted);--bracket-main: #a5b4fc;--bracket-main-bg: rgba(129,140,248,.1);--bracket-purple: #c4b5fd;--bracket-purple-bg: rgba(196,181,253,.08);--bracket-pink: #f472b6;--bracket-pink-bg: rgba(244,114,182,.08);--success: #34d399;--success-bg: rgba(52,211,153,.1);--error: #f87171;--error-bg: rgba(248,113,113,.1);--warning: #fbbf24;--warning-bg: rgba(251,191,36,.1);--shadow-panel: 0 1px 3px rgba(0,0,0,.7), 0 4px 16px rgba(8,6,26,.4), inset 0 1px 0 rgba(99,102,241,.07);--shadow-card: 0 1px 4px rgba(0,0,0,.5), inset 0 1px 0 rgba(99,102,241,.05);--shadow-hover: 0 4px 24px rgba(8,6,26,.5), inset 0 1px 0 rgba(99,102,241,.12);--shadow-gold: 0 2px 16px rgba(129,140,248,.15), inset 0 1px 0 rgba(99,102,241,.07);--chart-1: #818cf8;--chart-1-fill: rgba(129,140,248,.12);--chart-2: #fbbf24;--chart-2-fill: rgba(251,191,36,.08);--chart-bar-1: rgba(129,140,248,.45);--chart-bar-1-stroke: #818cf8;--chart-bar-2: rgba(251,191,36,.4);--chart-bar-2-stroke: #fbbf24;--chart-tooltip-bg: rgba(8,6,26,.95);--chart-tooltip-title: #a5b4fc;--chart-tooltip-body: #eef2ff;--chart-tooltip-border: rgba(99,102,241,.2);--chart-tick: rgba(99,102,241,.35);--chart-grid: rgba(99,102,241,.06);--gradient-bar: linear-gradient(90deg, #818cf8, #fbbf24);--gradient-score: linear-gradient(90deg, #818cf8, #c4b5fd, #fbbf24);--gradient-upset: linear-gradient(90deg, #fbbf24, #fcd34d);--gradient-close: linear-gradient(90deg, #818cf8, #34d399);--font-display: "Poppins", sans-serif;--font-heading: "Poppins", sans-serif;--font-body: "Poppins", sans-serif}[data-theme=slate]{--bg-base: #edf2f7;--bg-panel: linear-gradient(145deg, rgba(255,255,255,.95) 0%, rgba(226,232,240,.85) 100%);--bg-panel-hover: rgba(255,255,255,.98);--bg-header: rgba(255,255,255,.92);--bg-surface: rgba(124,58,237,.04);--border-subtle: rgba(0,0,0,.07);--border-medium: rgba(0,0,0,.12);--border-strong: rgba(0,0,0,.2);--text-primary: #0f172a;--text-muted: rgba(15,23,42,.58);--text-dimmed: rgba(15,23,42,.34);--fire: #7c3aed;--fire-text: #6d28d9;--fire-border: rgba(124,58,237,.35);--fire-bg: rgba(124,58,237,.08);--ice: #dc2626;--ice-text: #b91c1c;--ice-muted: #c62828;--ice-border: rgba(220,38,38,.3);--ice-bg: rgba(220,38,38,.07);--gold: var(--fire);--gold-text: var(--fire-text);--gold-border: var(--fire-border);--gold-bg: var(--fire-bg);--blue: var(--ice);--blue-muted: var(--ice-muted);--bracket-main: #7c3aed;--bracket-main-bg: rgba(124,58,237,.08);--bracket-purple: #2563eb;--bracket-purple-bg: rgba(37,99,235,.08);--bracket-pink: #dc2626;--bracket-pink-bg: rgba(220,38,38,.07);--success: #059669;--success-bg: rgba(5,150,105,.08);--error: #dc2626;--error-bg: rgba(220,38,38,.07);--warning: #d97706;--warning-bg: rgba(217,119,6,.08);--shadow-panel: 0 1px 3px rgba(0,0,0,.07), 0 4px 14px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.9);--shadow-card: 0 1px 3px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.8);--shadow-hover: 0 4px 16px rgba(124,58,237,.12), inset 0 1px 0 rgba(255,255,255,.95);--shadow-gold: 0 2px 12px rgba(124,58,237,.14), inset 0 1px 0 rgba(255,255,255,.8);--chart-1: #7c3aed;--chart-1-fill: rgba(124,58,237,.1);--chart-2: #dc2626;--chart-2-fill: rgba(220,38,38,.08);--chart-bar-1: rgba(124,58,237,.55);--chart-bar-1-stroke: #7c3aed;--chart-bar-2: rgba(220,38,38,.45);--chart-bar-2-stroke: #dc2626;--chart-tooltip-bg: rgba(255,255,255,.98);--chart-tooltip-title: #7c3aed;--chart-tooltip-body: #0f172a;--chart-tooltip-border: rgba(0,0,0,.1);--chart-tick: rgba(15,23,42,.35);--chart-grid: rgba(0,0,0,.06);--gradient-bar: linear-gradient(90deg, #7c3aed, #dc2626);--gradient-score: linear-gradient(90deg, #7c3aed, #2563eb, #dc2626);--gradient-upset: linear-gradient(90deg, #dc2626, #b91c1c);--gradient-close: linear-gradient(90deg, #7c3aed, #059669);--font-display: "DM Sans", system-ui, sans-serif;--font-heading: "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif}[data-theme=flat]{--bg-base: #131313;--bg-panel: #1c1c1c;--bg-panel-hover: #222222;--bg-header: #1a1a1a;--bg-surface: #212121;--border-subtle: #2a2a2a;--border-medium: #333333;--border-strong: #444444;--text-primary: #f0f0f0;--text-muted: #888888;--text-dimmed: #555555;--fire: #deff00;--fire-text: #e8ff33;--fire-border: rgba(222,255,0,.45);--fire-bg: rgba(222,255,0,.08);--ice: #ff3300;--ice-text: #ff5533;--ice-muted: #ff4422;--ice-border: rgba(255,51,0,.45);--ice-bg: rgba(255,51,0,.08);--gold: var(--fire);--gold-text: var(--fire-text);--gold-border: var(--fire-border);--gold-bg: var(--fire-bg);--blue: var(--ice);--blue-muted: var(--ice-muted);--bracket-main: #deff00;--bracket-main-bg: rgba(222,255,0,.08);--bracket-purple: #cc44ff;--bracket-purple-bg: rgba(204,68,255,.08);--bracket-pink: #ff3300;--bracket-pink-bg: rgba(255,51,0,.08);--success: #00ff88;--success-bg: rgba(0,255,136,.08);--error: #ff3300;--error-bg: rgba(255,51,0,.08);--warning: #ffaa00;--warning-bg: rgba(255,170,0,.08);--shadow-panel: none;--shadow-card: none;--shadow-hover: none;--shadow-gold: none;--chart-1: #deff00;--chart-1-fill: rgba(222,255,0,.12);--chart-2: #ff3300;--chart-2-fill: rgba(255,51,0,.1);--chart-bar-1: rgba(222,255,0,.55);--chart-bar-1-stroke: #deff00;--chart-bar-2: rgba(255,51,0,.5);--chart-bar-2-stroke: #ff3300;--chart-tooltip-bg: #1c1c1c;--chart-tooltip-title: #deff00;--chart-tooltip-body: #f0f0f0;--chart-tooltip-border: #333333;--chart-tick: #555555;--chart-grid: #2a2a2a;--gradient-bar: linear-gradient(90deg, #deff00, #ff3300);--gradient-score: linear-gradient(90deg, #deff00, #cc44ff, #ff3300);--gradient-upset: linear-gradient(90deg, #ff3300, #ff5533);--gradient-close: linear-gradient(90deg, #deff00, #00ff88);--radius: 4px;--radius-sm: 2px;--radius-xs: 1px;--font-display: "Barlow Condensed", "Barlow", sans-serif;--font-heading: "Barlow Condensed", "Barlow", sans-serif;--font-body: "Barlow", sans-serif}[data-theme=designspec]{--bg-base: #050507;--bg-panel: #0a0a0f;--bg-panel-hover: #111118;--bg-header: #111118;--bg-surface: #1a1a24;--border-subtle: #1a1a24;--border-medium: #2a2a34;--border-strong: #2a2a34;--text-primary: #ffffff;--text-muted: #a1a1aa;--text-dimmed: #52525b;--fire: #003399;--fire-text: #ffffff;--fire-border: rgba(0,51,153,.8);--fire-bg: rgba(0,51,153,.28);--ice: #22c55e;--ice-text: #22c55e;--ice-muted: #22c55e;--ice-border: rgba(34,197,94,.5);--ice-bg: rgba(34,197,94,.16);--gold: var(--fire);--gold-text: var(--fire-text);--gold-border: var(--fire-border);--gold-bg: var(--fire-bg);--blue: #003399;--blue-muted: #003399;--bracket-main: #003399;--bracket-main-bg: rgba(0,51,153,.28);--bracket-purple: #f59e0b;--bracket-purple-bg: rgba(245,158,11,.2);--bracket-pink: #ef4444;--bracket-pink-bg: rgba(239,68,68,.2);--success: #22c55e;--success-bg: rgba(34,197,94,.18);--error: #ef4444;--error-bg: rgba(239,68,68,.18);--warning: #f59e0b;--warning-bg: rgba(245,158,11,.18);--shadow-panel: none;--shadow-card: none;--shadow-hover: none;--shadow-gold: none;--chart-1: #003399;--chart-1-fill: rgba(0,51,153,.18);--chart-2: #22c55e;--chart-2-fill: rgba(34,197,94,.16);--chart-bar-1: rgba(0,51,153,.6);--chart-bar-1-stroke: #003399;--chart-bar-2: rgba(34,197,94,.55);--chart-bar-2-stroke: #22c55e;--chart-tooltip-bg: #0a0a0f;--chart-tooltip-title: #ffffff;--chart-tooltip-body: #ffffff;--chart-tooltip-border: #2a2a34;--chart-tick: #a1a1aa;--chart-grid: #1a1a24;--gradient-bar: linear-gradient(90deg, #003399, #22c55e);--gradient-score: linear-gradient(90deg, #003399, #22c55e, #f59e0b);--gradient-upset: linear-gradient(90deg, #ef4444, #f59e0b);--gradient-close: linear-gradient(90deg, #003399, #22c55e);--radius: 6px;--radius-sm: 4px;--radius-xs: 0px;--gap: 12px;--gap-lg: 16px;--font-display: "JetBrains Mono", "Courier New", monospace;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.text-display{font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:-.5px;line-height:1.1}.text-heading{font-family:var(--font-heading);font-size:28px;font-weight:700;letter-spacing:-.3px;text-transform:uppercase;line-height:1}.text-subhead{font-family:var(--font-heading);font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.1;letter-spacing:-.2px}.text-stat-big{font-family:var(--font-display);font-size:36px;font-weight:800;line-height:1}.text-stat-med{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1}.text-body{font-family:var(--font-body);font-size:13px;font-weight:500;line-height:1.5}.text-label{font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted)}.text-caption{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--text-muted)}[data-theme=designspec] .text-display{font-size:48px;font-weight:900;line-height:1;letter-spacing:-.02em}[data-theme=designspec] .text-heading{font-size:24px;font-weight:600;line-height:1.1;letter-spacing:0}[data-theme=designspec] .text-subhead{font-size:18px;font-weight:500;line-height:1.1;letter-spacing:.5px}[data-theme=designspec] .text-stat-big{font-size:36px;font-weight:700;line-height:1}[data-theme=designspec] .text-stat-med,[data-theme=designspec] .text-body,[data-theme=designspec] .text-caption{font-size:14px;line-height:1.4}[data-theme=designspec] .text-label{font-size:18px;font-weight:500;color:var(--text-muted);letter-spacing:.5px}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100vh}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--ice-muted);text-decoration:none;transition:color .15s}a:hover{color:var(--ice)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel-elevated{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid var(--border-medium);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-hover);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap)}.section{margin-bottom:var(--gap-lg)}[data-theme=flat] .panel,[data-theme=flat] .panel-elevated{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-width:1.5px;border-radius:var(--radius)}[data-theme=flat] .panel-elevated{background:var(--bg-panel-hover)}[data-theme=designspec] body{font-size:14px}[data-theme=designspec] .panel,[data-theme=designspec] .panel-elevated{background:var(--bg-panel);border-radius:var(--radius);border:1px solid var(--border-subtle);padding:12px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=designspec] .panel-elevated{background:var(--bg-panel-hover);border-color:var(--border-medium)}[data-theme=designspec] .panel-header{margin-bottom:8px}