:root{--font-sans: ui-sans-serif, system-ui, -apple-system, "Inter", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-base: 1.5;--tracking-tight: -.01em;--tracking-wide: .06em;--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: 56px;--space-10: 72px;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 28px;--r-pill: 999px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-emph: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--shadow-sm: 0 1px 1px rgba(0, 0, 0, .22);--shadow-md: 0 6px 18px -4px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 48px -16px rgba(0, 0, 0, .55);--shadow-glow: 0 0 0 1px var(--accent-soft), 0 8px 28px -10px var(--accent-glow);--chart-1: var(--accent);--chart-2: var(--accent-2);--chart-3: var(--success);--chart-4: var(--warn);--chart-5: var(--danger);--chart-6: var(--info);--chart-grid: var(--border-faint);--chart-axis: var(--text-muted)}:root[data-theme=dark]{--bg-0: #07090d;--bg-1: #0c0f15;--bg-2: #11151d;--bg-3: #161b25;--bg-4: #1d2330;--bg-5: #252c3b;--text: #e7ecf3;--text-strong: #ffffff;--text-muted: #9aa6b8;--text-faint: #6d7689;--text-invert: #0b0f17;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-faint: rgba(255, 255, 255, .04);--overlay: rgba(4, 6, 10, .72);--scrim: rgba(8, 11, 18, .92);--success: #4ade80;--success-soft: rgba(74, 222, 128, .14);--warn: #f5c451;--warn-soft: rgba(245, 196, 81, .14);--danger: #ff6b81;--danger-soft: rgba(255, 107, 129, .16);--info: #8ab4ff;--info-soft: rgba(138, 180, 255, .14)}:root[data-theme=light]{--bg-0: #f4f6fb;--bg-1: #ffffff;--bg-2: #ffffff;--bg-3: #f7f9fd;--bg-4: #eff3f9;--bg-5: #e6ecf5;--text: #18202e;--text-strong: #060912;--text-muted: #5b6678;--text-faint: #8794a6;--text-invert: #ffffff;--border: rgba(13, 20, 33, .1);--border-strong: rgba(13, 20, 33, .18);--border-faint: rgba(13, 20, 33, .05);--overlay: rgba(8, 14, 26, .55);--scrim: rgba(255, 255, 255, .92);--success: #16a34a;--success-soft: rgba(22, 163, 74, .1);--warn: #c08400;--warn-soft: rgba(192, 132, 0, .1);--danger: #d83a52;--danger-soft: rgba(216, 58, 82, .1);--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--shadow-sm: 0 1px 2px rgba(13, 20, 33, .06);--shadow-md: 0 8px 24px -6px rgba(13, 20, 33, .1);--shadow-lg: 0 24px 48px -16px rgba(13, 20, 33, .18)}:root[data-palette=aurora]{--accent: #7aa2ff;--accent-hover: #92b3ff;--accent-2: #67e8c2;--accent-soft: rgba(122, 162, 255, .16);--accent-glow: rgba(122, 162, 255, .55);--gradient-brand: linear-gradient(135deg, #7aa2ff 0%, #67e8c2 100%)}:root[data-palette=solar]{--accent: #ff9a3c;--accent-hover: #ffb066;--accent-2: #ffd770;--accent-soft: rgba(255, 154, 60, .18);--accent-glow: rgba(255, 154, 60, .55);--gradient-brand: linear-gradient(135deg, #ff7e3c 0%, #ffd770 100%)}:root[data-palette=graphite]{--accent: #c0c8d6;--accent-hover: #dfe4ee;--accent-2: #8a93a6;--accent-soft: rgba(192, 200, 214, .14);--accent-glow: rgba(192, 200, 214, .35);--gradient-brand: linear-gradient(135deg, #c0c8d6 0%, #6d7689 100%)}:root[data-palette=nebula]{--accent: #c87bff;--accent-hover: #d99cff;--accent-2: #ff7bd0;--accent-soft: rgba(200, 123, 255, .18);--accent-glow: rgba(200, 123, 255, .55);--gradient-brand: linear-gradient(135deg, #c87bff 0%, #ff7bd0 100%)}:root[data-palette=forest]{--accent: #5fcf8f;--accent-hover: #80dca7;--accent-2: #a6e066;--accent-soft: rgba(95, 207, 143, .18);--accent-glow: rgba(95, 207, 143, .45);--gradient-brand: linear-gradient(135deg, #5fcf8f 0%, #a6e066 100%)}:root[data-theme=light][data-palette=aurora]{--accent: #3a6df0;--accent-hover: #2a5cd9}:root[data-theme=light][data-palette=solar]{--accent: #e07a16;--accent-hover: #c66800}:root[data-theme=light][data-palette=graphite]{--accent: #404a5e;--accent-hover: #2a3344;--accent-2: #6d7689}:root[data-theme=light][data-palette=nebula]{--accent: #9c3cd6;--accent-hover: #7e26b3}:root[data-theme=light][data-palette=forest]{--accent: #1f9d59;--accent-hover: #157a44;--accent-2: #6aa017}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-0);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01","ss03"}body{overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;letter-spacing:inherit}input,select,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}::-webkit-scrollbar-track{background:transparent}.app-shell{display:grid;grid-template-columns:248px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100vh;background:radial-gradient(900px 600px at -10% -20%,var(--accent-soft),transparent 60%),radial-gradient(700px 500px at 110% -10%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 60%),var(--bg-1)}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg-2) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:18px var(--space-5);border-bottom:1px solid var(--border)}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-md);background:var(--gradient-brand);color:var(--text-invert);font-weight:800;font-size:.95rem;letter-spacing:-.02em;box-shadow:var(--shadow-glow)}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text strong{font-size:.95rem;letter-spacing:-.01em;color:var(--text-strong)}.brand-text small{font-size:.7rem;color:var(--text-faint);letter-spacing:var(--tracking-wide);text-transform:uppercase}.sidebar-section{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px}.sidebar-label{font-size:.65rem;font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-faint);padding:var(--space-3) var(--space-3) var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:8px 10px;border-radius:var(--r-md);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);position:relative;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.nav-item:hover{background:var(--bg-3);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text-strong)}.nav-item.active:before{content:"";position:absolute;left:-10px;top:25%;bottom:25%;width:3px;background:var(--accent);border-radius:var(--r-pill)}.nav-item svg{flex-shrink:0;width:16px;height:16px}.nav-item .nav-count{margin-left:auto;font-size:.65rem;font-weight:700;letter-spacing:var(--tracking-wide);color:var(--text-faint);background:var(--bg-3);padding:2px 6px;border-radius:var(--r-pill)}.nav-item.active .nav-count{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.sidebar-footer{margin-top:auto;padding:var(--space-4);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3)}.user-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--r-md)}.user-avatar{width:30px;height:30px;border-radius:var(--r-pill);background:var(--gradient-brand);display:grid;place-items:center;font-weight:700;font-size:.75rem;color:var(--text-invert)}.user-meta{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}.user-meta strong{font-size:var(--text-sm);color:var(--text-strong);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta small{font-size:.7rem;color:var(--text-faint)}.topbar{grid-area:topbar;display:flex;align-items:center;padding:0 var(--space-6);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-1) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);gap:var(--space-4)}.crumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.crumbs strong{color:var(--text-strong);font-weight:600}.crumbs .sep{color:var(--text-faint)}.search-bar{flex:1;max-width:460px;display:flex;align-items:center;gap:var(--space-2);padding:6px 12px;border:1px solid var(--border);background:var(--bg-2);border-radius:var(--r-md);color:var(--text-muted);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease-out)}.search-bar:hover{border-color:var(--border-strong)}.search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text)}.search-bar input::placeholder{color:var(--text-faint)}.search-kbd{font-family:var(--font-mono);font-size:.65rem;color:var(--text-faint);padding:2px 6px;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg-1)}.topbar-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.main{grid-area:main;overflow:auto;padding:var(--space-7) var(--space-7) var(--space-9)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.page-title{margin:0;font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);color:var(--text-strong);font-weight:700}.page-subtitle{margin:6px 0 0;font-size:var(--text-sm);color:var(--text-muted);max-width:60ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:var(--r-md);font-size:var(--text-sm);font-weight:600;border:1px solid transparent;background:var(--bg-3);color:var(--text);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap}.btn:hover{background:var(--bg-4)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-icon{padding:8px;width:34px;height:34px}.btn-icon svg{width:16px;height:16px}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--bg-3);color:var(--text)}.btn-primary{background:var(--accent);color:var(--text-invert);box-shadow:0 1px #ffffff29 inset,0 6px 18px -8px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-outline:hover{background:var(--bg-3)}.btn-sm{padding:5px 10px;font-size:var(--text-xs)}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);position:relative}.card-elevated{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card-title{margin:0;font-size:var(--text-md);font-weight:600;color:var(--text-strong);letter-spacing:-.005em}.card-subtitle{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-faint);letter-spacing:var(--tracking-wide);text-transform:uppercase}.card-actions{display:flex;align-items:center;gap:var(--space-2)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.kpi{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;inset:-40% -40% auto auto;width:140px;height:140px;background:radial-gradient(closest-side,var(--accent-soft),transparent);pointer-events:none;opacity:.6}.kpi-label{font-size:.7rem;font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-faint);display:flex;align-items:center;gap:6px}.kpi-label svg{width:12px;height:12px}.kpi-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);line-height:1}.kpi-value .unit{font-size:.6em;color:var(--text-muted);font-weight:500;margin-left:4px}.kpi-foot{font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kpi-delta{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--r-pill);font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums}.kpi-delta.up{background:var(--success-soft);color:var(--success)}.kpi-delta.down{background:var(--danger-soft);color:var(--danger)}.kpi-delta.flat{background:var(--bg-4);color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);font-size:.7rem;font-weight:600;letter-spacing:.01em;border:1px solid var(--border);background:var(--bg-3);color:var(--text-muted)}.badge svg{width:11px;height:11px}.badge-ok{background:var(--success-soft);color:var(--success);border-color:transparent}.badge-warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.badge-info{background:var(--info-soft);color:var(--info);border-color:transparent}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.dot{width:7px;height:7px;border-radius:var(--r-pill);display:inline-block;background:var(--text-faint);box-shadow:0 0 0 2px color-mix(in srgb,var(--text-faint) 25%,transparent)}.dot.ok{background:var(--success);box-shadow:0 0 0 2px var(--success-soft)}.dot.warn{background:var(--warn);box-shadow:0 0 0 2px var(--warn-soft)}.dot.danger{background:var(--danger);box-shadow:0 0 0 2px var(--danger-soft)}.dot.info{background:var(--info);box-shadow:0 0 0 2px var(--info-soft)}.table-wrap{overflow:auto;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-2)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.data-table thead th{text-align:left;font-size:.7rem;font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-faint);background:var(--bg-3);border-bottom:1px solid var(--border);padding:10px var(--space-4);white-space:nowrap;position:sticky;top:0;z-index:1}.data-table tbody td{padding:11px var(--space-4);border-bottom:1px solid var(--border-faint);color:var(--text);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-3)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:.78rem}.data-table .row-id{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.data-table .row-actions{display:flex;gap:4px;justify-content:flex-end}.section-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-5)}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:span 12}@media(max-width:1280px){.span-3,.span-4{grid-column:span 6}.span-5,.span-7,.span-8,.span-9{grid-column:span 12}}@media(max-width:880px){.app-shell{grid-template-columns:64px 1fr}.sidebar-brand .brand-text,.nav-item span:not(.nav-count),.sidebar-label,.sidebar-footer .user-meta{display:none}.nav-item{justify-content:center;padding:10px}.nav-item.active:before{left:0}.main{padding:var(--space-5)}.section-grid>*{grid-column:span 12}}.chart-wrap{width:100%;height:100%;min-height:220px}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:.72rem;color:var(--text-muted);margin-top:var(--space-3)}.chart-legend-item{display:inline-flex;align-items:center;gap:6px}.chart-legend-swatch{width:10px;height:10px;border-radius:3px}.recharts-cartesian-axis-tick text{fill:var(--text-faint);font-size:11px}.recharts-cartesian-grid line{stroke:var(--border-faint)}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:var(--bg-3)!important;border:1px solid var(--border-strong)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-md);padding:10px 12px!important}.recharts-tooltip-label{color:var(--text-strong)!important;font-weight:600}.recharts-tooltip-item{color:var(--text)!important}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted);text-transform:uppercase}.field input,.field select,.field textarea{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-md);padding:9px 12px;font-size:var(--text-sm);outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-shell{display:grid;grid-template-columns:1fr;place-items:center;height:100vh;padding:var(--space-6);background:radial-gradient(800px 600px at 20% 20%,var(--accent-soft),transparent 60%),radial-gradient(700px 500px at 80% 80%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 60%),var(--bg-1)}.login-card{width:min(440px,100%);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-7);box-shadow:var(--shadow-lg)}.login-card .brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.login-card h1{margin:0 0 6px;font-size:var(--text-xl);color:var(--text-strong);letter-spacing:var(--tracking-tight)}.login-card p{margin:0 0 var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}.login-card form{display:flex;flex-direction:column;gap:var(--space-3)}.login-card .btn-primary{margin-top:var(--space-3);padding:10px 14px}.row{display:flex;align-items:center;gap:var(--space-3)}.col{display:flex;flex-direction:column;gap:var(--space-3)}.spacer{flex:1}.mono{font-family:var(--font-mono);font-size:.78em}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.strong{color:var(--text-strong);font-weight:600}.tnum{font-variant-numeric:tabular-nums}.hidden{display:none!important}.scrollable-card{max-height:360px;overflow:auto}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite;color:var(--text-faint)}.empty{text-align:center;padding:var(--space-7) var(--space-5);color:var(--text-faint);font-size:var(--text-sm)}.empty svg{width:32px;height:32px;opacity:.6;margin-bottom:var(--space-3)}.toast-host{position:fixed;top:76px;right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:9999}.toast{min-width:280px;max-width:380px;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:10px 14px;display:flex;gap:var(--space-3);align-items:flex-start;box-shadow:var(--shadow-lg);font-size:var(--text-sm)}.toast-error{border-color:var(--danger)}.toast-success{border-color:var(--success)}.modal-scrim{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;z-index:1000;padding:var(--space-5);animation:scrim-in .16s var(--ease-out)}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-card{max-width:100%;max-height:calc(100vh - 80px);background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:card-in .18s var(--ease-emph)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--border-faint)}.modal-body{padding:var(--space-5);overflow:auto;display:flex;flex-direction:column;gap:var(--space-4)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-faint);background:var(--bg-3)}.row-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:30;min-width:160px;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:4px;display:flex;flex-direction:column;gap:1px}.row-menu button{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r-sm);font-size:var(--text-sm);text-align:left;color:var(--text);background:transparent}.row-menu button:hover{background:var(--bg-3)}.row-menu button.danger{color:var(--danger)}.row-menu button.danger:hover{background:var(--danger-soft)}.popover{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:var(--space-3);box-shadow:var(--shadow-lg);z-index:50}.popover-title{font-size:.7rem;font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-faint);padding:0 var(--space-2) var(--space-2)}.palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.palette-tile{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-3);text-align:left;transition:all var(--dur-fast) var(--ease-out)}.palette-tile:hover{border-color:var(--border-strong)}.palette-tile.active{border-color:var(--accent);background:var(--accent-soft)}.palette-swatch{height:28px;border-radius:var(--r-xs)}.palette-tile strong{font-size:.78rem;color:var(--text-strong);font-weight:600}.palette-tile small{font-size:.66rem;color:var(--text-faint)}.theme-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--bg-3)}.theme-toggle button{padding:5px 10px;font-size:.72rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:5px}.theme-toggle button.active{background:var(--bg-1);color:var(--text-strong)}.theme-toggle svg{width:12px;height:12px}.tabs{display:inline-flex;gap:2px;padding:3px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-md)}.tabs button{padding:5px 10px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);border-radius:var(--r-sm);letter-spacing:.02em}.tabs button.active{background:var(--bg-1);color:var(--text-strong);box-shadow:var(--shadow-sm)}.sparkbar{display:flex;align-items:flex-end;gap:2px;height:28px}.sparkbar div{flex:1;background:var(--accent-soft);border-radius:2px;min-height:2px;transition:background var(--dur-fast)}.sparkbar div.peak{background:var(--accent)}