:root{--brand-primary: #2EE6C8;--brand-primary-600: #1FCBB0;--brand-primary-700: #14A893;--brand-primary-100: rgba(46, 230, 200, .18);--brand-primary-50: rgba(46, 230, 200, .08);--brand-primary-deep: #0F5E5E;--brand-secondary: #E8D9B5;--accent-liveops: #FFB23E;--accent-liveops-600: #E89B2F;--accent-liveops-100: rgba(255, 178, 62, .18);--accent-liveops-50: rgba(255, 178, 62, .08);--accent-bi: #6FB1FF;--accent-bi-600: #4F94EA;--accent-bi-100: rgba(111, 177, 255, .18);--accent-bi-50: rgba(111, 177, 255, .08);--status-green: #44E08A;--status-green-100: rgba(68, 224, 138, .18);--status-green-50: rgba(68, 224, 138, .1);--status-amber: #FFB23E;--status-amber-100: rgba(255, 178, 62, .18);--status-amber-50: rgba(255, 178, 62, .1);--status-red: #FF4D5E;--status-red-100: rgba(255, 77, 94, .18);--status-red-50: rgba(255, 77, 94, .1);--status-blue: #6FB1FF;--status-blue-100: rgba(111, 177, 255, .18);--status-blue-50: rgba(111, 177, 255, .1);--status-purple: #B47DFF;--status-purple-100: rgba(180, 125, 255, .18);--status-purple-50: rgba(180, 125, 255, .1);--ink-0: #ffffff;--ink-25: #f4f6f3;--ink-50: #c9d4d2;--ink-100: #a8b3b1;--ink-150: #8b9694;--ink-200: #6c7775;--ink-300: #4d5856;--ink-400: #3a4543;--ink-500: #2a3434;--ink-600: #1f2828;--ink-700: #182020;--ink-800: #121919;--ink-900: #0c1212;--ink-1000: #060a0a;--bg-canvas: #0a1010;--bg-surface: #101818;--bg-subtle: #0d1414;--bg-sunken: #060c0c;--bg-elevated:#172222;--bg-hover: rgba(46, 230, 200, .06);--bg-selected:rgba(46, 230, 200, .1);--bg-grid: rgba(255, 255, 255, .03);--border-subtle: rgba(255, 255, 255, .06);--border-default:rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-glow: rgba(46, 230, 200, .45);--border-focus: var(--brand-primary);--text-primary: #E8EFEC;--text-secondary: #97A6A4;--text-muted: #6B7977;--text-disabled: #4A5453;--text-inverse: #0c1212;--text-on-accent: #0c1212;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "SF Mono", "Roboto Mono", Menlo, monospace;--font-display: "IBM Plex Sans", -apple-system, sans-serif;--fs-10: 10px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--fs-24: 24px;--fs-32: 32px;--fs-44: 44px;--lh-tight: 1.15;--lh-base: 1.45;--lh-loose: 1.6;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-2: 2px;--r-4: 3px;--r-6: 4px;--r-8: 6px;--r-12: 10px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 6px 16px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55), 0 6px 12px rgba(0, 0, 0, .35);--shadow-overlay: 0 24px 64px rgba(0, 0, 0, .6);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.04);--glow-teal: 0 0 24px rgba(46, 230, 200, .35);--glow-amber: 0 0 24px rgba(255, 178, 62, .35);--glow-red: 0 0 24px rgba(255, 77, 94, .35);--glow-green: 0 0 24px rgba(68, 224, 138, .3);--glow-blue: 0 0 24px rgba(111, 177, 255, .3);--focus-ring: 0 0 0 2px var(--bg-canvas), 0 0 0 4px var(--brand-primary), 0 0 12px rgba(46, 230, 200, .5);--z-sticky: 100;--z-overlay: 1000;--z-modal: 1100;--z-toast: 1200;--z-tweaks: 1300;--topbar-h: 56px;--sidebar-w: 232px;--sidebar-collapsed-w: 56px}[data-theme=light]{--bg-canvas: #f4f6f3;--bg-surface: #ffffff;--bg-subtle: #fafbf8;--bg-sunken: #ecefec;--bg-elevated:#ffffff;--bg-hover: rgba(15, 94, 94, .04);--bg-selected: rgba(15, 94, 94, .08);--bg-grid: rgba(0,0,0,.04);--border-subtle: #e2e6e3;--border-default: #d5dad7;--border-strong: #b4bcb9;--border-glow: rgba(15, 94, 94, .35);--text-primary: #14201f;--text-secondary: #475856;--text-muted: #647471;--text-disabled: #8a9794;--text-on-accent: #ffffff;--brand-primary: #0F5E5E;--brand-primary-600: #0d5252;--brand-primary-100: rgba(15, 94, 94, .12);--brand-primary-50: rgba(15, 94, 94, .06);--accent-liveops: #E89B2F;--accent-bi: #3A6E92;--status-green:#1f8a5b;--status-green-50: rgba(31,138,91,.08);--status-green-100: rgba(31,138,91,.18);--status-amber:#c98410;--status-amber-50: rgba(201,132,16,.08);--status-amber-100: rgba(201,132,16,.18);--status-red: #c0322b;--status-red-50: rgba(192,50,43,.08);--status-red-100: rgba(192,50,43,.18);--status-blue: #2c6cb0;--status-blue-50: rgba(44,108,176,.08);--status-blue-100: rgba(44,108,176,.18);--status-purple:#6e3ba6;--status-purple-50:rgba(110,59,166,.08);--status-purple-100:rgba(110,59,166,.18);--shadow-sm: 0 1px 3px rgba(12, 20, 20, .08);--shadow-md: 0 4px 12px rgba(12, 20, 20, .1);--shadow-lg: 0 12px 32px rgba(12, 20, 20, .16);--glow-teal: none;--glow-amber: none;--glow-red: none;--glow-green: none;--glow-blue: none}[data-product=liveops]{--product-accent: var(--accent-liveops);--product-accent-600: var(--accent-liveops-600);--product-accent-100: var(--accent-liveops-100);--product-accent-50: var(--accent-liveops-50);--product-glow: var(--glow-amber)}[data-product=bi]{--product-accent: var(--accent-bi);--product-accent-600: var(--accent-bi-600);--product-accent-100: var(--accent-bi-100);--product-accent-50: var(--accent-bi-50);--product-glow: var(--glow-blue)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--fs-14);line-height:var(--lh-base);color:var(--text-primary);background:var(--bg-canvas);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}body{background-image:radial-gradient(circle at 1px 1px,var(--bg-grid) 1px,transparent 0);background-size:22px 22px;background-attachment:fixed}[data-theme=light] body{background-image:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:var(--brand-primary);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--brand-primary-100);color:var(--text-primary)}.num,td.num,.stat-value,.kpi-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-400);border-radius:8px;border:2px solid var(--bg-canvas)}::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}.t-display{font-size:var(--fs-32);line-height:var(--lh-tight);font-weight:var(--fw-semibold);letter-spacing:-.01em}.t-h1{font-size:var(--fs-24);line-height:var(--lh-tight);font-weight:var(--fw-semibold);letter-spacing:-.005em}.t-h2{font-size:var(--fs-20);line-height:var(--lh-tight);font-weight:var(--fw-semibold)}.t-h3{font-size:var(--fs-16);line-height:var(--lh-tight);font-weight:var(--fw-semibold)}.t-body{font-size:var(--fs-14);line-height:var(--lh-base)}.t-body-strong{font-size:var(--fs-14);line-height:var(--lh-base);font-weight:var(--fw-semibold)}.t-caption{font-size:var(--fs-12);line-height:var(--lh-base);color:var(--text-secondary)}.t-label{font-family:var(--font-mono);font-size:10px;line-height:var(--lh-tight);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.t-mono-12{font-family:var(--font-mono);font-size:var(--fs-12)}.t-mono-14{font-family:var(--font-mono);font-size:var(--fs-14)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-status-green{color:var(--status-green)}.text-status-amber{color:var(--status-amber)}.text-status-red{color:var(--status-red)}.text-status-blue{color:var(--status-blue)}.text-status-purple{color:var(--status-purple)}.text-accent{color:var(--brand-primary)}.btn{--btn-bg: var(--bg-elevated);--btn-fg: var(--text-primary);--btn-border: var(--border-default);--btn-bg-hover: var(--bg-hover);display:inline-flex;align-items:center;gap:var(--sp-2);height:32px;padding:0 12px;font-size:var(--fs-14);font-weight:var(--fw-medium);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);border-radius:var(--r-6);cursor:pointer;white-space:nowrap;transition:background .1s ease,border-color .1s ease,box-shadow .1s ease,transform 60ms ease;font-family:inherit}.btn:hover{background:var(--btn-bg-hover);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{--btn-bg: var(--brand-primary);--btn-fg: var(--text-on-accent);--btn-border: var(--brand-primary);--btn-bg-hover: var(--brand-primary-600);box-shadow:var(--glow-teal),inset 0 1px #ffffff26;font-weight:600}.btn-accent{--btn-bg: var(--product-accent, var(--accent-liveops));--btn-fg: var(--text-on-accent);--btn-border: var(--product-accent, var(--accent-liveops));--btn-bg-hover: var(--product-accent-600, var(--accent-liveops-600));box-shadow:var(--product-glow, var(--glow-amber)),inset 0 1px #ffffff26;font-weight:600}.btn-danger{--btn-bg: var(--status-red);--btn-fg: var(--text-on-accent);--btn-border: var(--status-red);box-shadow:var(--glow-red),inset 0 1px #ffffff26}.btn-ghost{--btn-bg: transparent;--btn-border: transparent}.btn-sm{height:26px;padding:0 8px;font-size:var(--fs-12)}.btn-lg{height:40px;padding:0 16px;font-size:var(--fs-14)}.btn-icon{width:32px;padding:0;justify-content:center}.btn-icon.btn-sm{width:26px}.btn .ic{width:14px;height:14px}.btn-lg .ic{width:16px;height:16px}.input,.select,.textarea{display:inline-flex;align-items:center;height:32px;padding:0 10px;font-size:var(--fs-14);font-family:inherit;background:var(--bg-sunken);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--r-6);width:100%;transition:border-color .1s ease,box-shadow .1s ease}.input::placeholder{color:var(--text-muted)}.input:hover,.select:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-50)}.input:disabled{background:var(--bg-sunken);color:var(--text-disabled);cursor:not-allowed}.input.has-error{border-color:var(--status-red)}.input.has-error:focus{box-shadow:0 0 0 3px var(--status-red-50)}.textarea{height:auto;padding:8px 10px;line-height:var(--lh-base);resize:vertical;min-height:64px}.input-group{display:flex;flex-direction:column;gap:var(--sp-1)}.input-group>label{font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--text-secondary)}.input-group>.hint{font-size:var(--fs-12);color:var(--text-muted)}.input-group>.error{font-size:var(--fs-12);color:var(--status-red)}.input-wrap{position:relative;display:inline-flex;align-items:center;width:100%}.input-wrap .ic-prefix,.input-wrap .ic-suffix{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:28px;height:100%;color:var(--text-muted);pointer-events:none}.input-wrap .ic-prefix{left:0}.input-wrap .ic-suffix{right:0}.input-wrap.has-prefix .input{padding-left:30px}.input-wrap.has-suffix .input{padding-right:30px}.toggle{--t-w: 32px;--t-h: 18px;position:relative;width:var(--t-w);height:var(--t-h);background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:999px;cursor:pointer;transition:background .12s ease;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:calc(var(--t-h) - 6px);height:calc(var(--t-h) - 6px);background:var(--ink-100);border-radius:50%;transition:transform .12s ease,background .12s ease}.toggle.is-on{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:var(--glow-teal)}.toggle.is-on:after{transform:translate(calc(var(--t-w) - var(--t-h)));background:#fff}.checkbox,.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:3px;background:var(--bg-sunken);display:inline-block;cursor:pointer;position:relative;flex-shrink:0}.radio{border-radius:50%}.checkbox:checked,.radio:checked{background:var(--brand-primary);border-color:var(--brand-primary)}.checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--text-on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.radio:checked:after{content:"";position:absolute;left:4px;top:4px;width:6px;height:6px;background:var(--text-on-accent);border-radius:50%}.segmented{display:inline-flex;background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--r-6);padding:2px;gap:2px}.segmented>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font:inherit;font-size:var(--fs-12);font-weight:var(--fw-medium);padding:4px 10px;color:var(--text-secondary);border-radius:3px;cursor:pointer}.segmented>button.is-active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-xs)}.pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;font-size:var(--fs-12);font-weight:var(--fw-medium);border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--text-secondary);white-space:nowrap;line-height:1}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;box-shadow:0 0 6px currentColor}.pill-green{background:var(--status-green-50);color:var(--status-green)}.pill-amber{background:var(--status-amber-50);color:var(--status-amber)}.pill-red{background:var(--status-red-50);color:var(--status-red)}.pill-blue{background:var(--status-blue-50);color:var(--status-blue)}.pill-purple{background:var(--status-purple-50);color:var(--status-purple)}.pill-neutral{background:var(--bg-sunken);color:var(--text-secondary)}.pill-solid-green{background:var(--status-green);color:var(--text-on-accent)}.pill-solid-amber{background:var(--status-amber);color:var(--text-on-accent)}.pill-solid-red{background:var(--status-red);color:var(--text-on-accent)}.pill-solid-blue{background:var(--status-blue);color:var(--text-on-accent)}.pill-solid-purple{background:var(--status-purple);color:var(--text-on-accent)}.sev{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;font-size:11px;font-weight:var(--fw-bold);border-radius:3px;font-family:var(--font-mono)}.sev-p1{background:var(--status-red);color:var(--text-on-accent);box-shadow:var(--glow-red)}.sev-p2{background:var(--status-amber);color:var(--text-on-accent)}.sev-p3{background:var(--status-blue-100);color:var(--status-blue)}.sev-p4{background:var(--bg-sunken);color:var(--text-secondary)}.card{background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-subtle) 100%);border:1px solid var(--border-default);border-radius:var(--r-8);overflow:hidden;box-shadow:var(--shadow-inset)}[data-theme=light] .card{background:var(--bg-surface)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);gap:var(--sp-3)}.card-header .title{font-size:13px;font-weight:var(--fw-semibold);display:inline-flex;align-items:center;gap:8px}.card-header .title:before{content:"▍";color:var(--brand-primary);font-size:14px;line-height:1}.card-header .actions{display:flex;gap:var(--sp-2);align-items:center}.card-body{padding:var(--sp-4)}.card-tight .card-body{padding:var(--sp-3)}.card-flush .card-body{padding:0}.kpi{background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-subtle) 100%);border:1px solid var(--border-default);border-radius:var(--r-8);padding:var(--sp-4);display:flex;flex-direction:column;gap:6px;min-width:0;box-shadow:var(--shadow-inset)}.kpi-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:6px;font-weight:var(--fw-semibold)}.kpi-value{font-family:var(--font-mono);font-size:28px;font-weight:var(--fw-semibold);line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text-primary)}.kpi-value .unit{font-size:13px;font-weight:var(--fw-medium);color:var(--text-secondary);margin-left:4px}.kpi-delta{font-size:var(--fs-12);display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.kpi-delta.is-up{color:var(--status-green)}.kpi-delta.is-down{color:var(--status-red)}.kpi-delta.is-flat{color:var(--text-muted)}.kpi-foot{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-3)}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-14)}.tbl thead th{text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg-subtle);padding:8px 12px;border-bottom:1px solid var(--border-default);white-space:nowrap}.tbl tbody td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.tbl tbody tr:hover td{background:var(--bg-hover)}.tbl tbody tr.is-selected td{background:var(--bg-selected)}.tbl tbody tr:last-child td{border-bottom:0}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:13px}.tbl td.mono{font-family:var(--font-mono);font-size:13px}.tbl-compact tbody td{padding:6px 12px}.tbl-toolbar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle)}.tbl-toolbar .grow{flex:1}.tbl-paginate{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border-subtle);background:var(--bg-subtle);font-size:var(--fs-12);color:var(--text-secondary)}.banner{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-default);border-radius:var(--r-6);background:var(--bg-elevated)}.banner .b-ic{flex-shrink:0;margin-top:2px}.banner .b-body{flex:1}.banner .b-title{font-weight:var(--fw-semibold);font-size:var(--fs-14)}.banner .b-desc{font-size:var(--fs-12);color:var(--text-secondary);margin-top:2px}.banner .b-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.banner-info{background:var(--status-blue-50);border-color:var(--status-blue-100)}.banner-info .b-ic{color:var(--status-blue)}.banner-warn{background:var(--status-amber-50);border-color:var(--status-amber-100)}.banner-warn .b-ic{color:var(--status-amber)}.banner-error{background:var(--status-red-50);border-color:var(--status-red-100)}.banner-error .b-ic{color:var(--status-red)}.banner-success{background:var(--status-green-50);border-color:var(--status-green-100)}.banner-success .b-ic{color:var(--status-green)}.banner-purple{background:var(--status-purple-50);border-color:var(--status-purple-100)}.banner-purple .b-ic{color:var(--status-purple)}.banner-mc{background:linear-gradient(180deg,rgba(180,125,255,.1) 0%,var(--bg-elevated) 80%);border:1px solid var(--status-purple-100);border-left:3px solid var(--status-purple);box-shadow:inset 1px 0 #b47dff33}.banner-mc .b-ic{color:var(--status-purple)}.tabs{display:inline-flex;border-bottom:1px solid var(--border-subtle);gap:4px}.tabs>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font:inherit;font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--text-secondary);padding:8px 12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs>button:hover{color:var(--text-primary)}.tabs>button.is-active{color:var(--text-primary);border-bottom-color:var(--brand-primary);text-shadow:0 0 8px rgba(46,230,200,.4)}.crumbs{display:flex;align-items:center;gap:6px;font-size:var(--fs-12);color:var(--text-secondary)}.crumbs>.sep{color:var(--text-muted)}.crumbs>a{color:var(--text-secondary)}.crumbs>.cur{color:var(--text-primary);font-weight:var(--fw-medium)}.avatar{width:26px;height:26px;border-radius:50%;background:var(--brand-primary-100);color:var(--brand-primary);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--fw-bold);flex-shrink:0;letter-spacing:.02em;border:1px solid var(--border-default);font-family:var(--font-mono)}.avatar-lg{width:32px;height:32px;font-size:12px}.avatar-xl{width:40px;height:40px;font-size:14px}.spark{display:inline-block;vertical-align:middle}.spark-bar{display:inline-flex;align-items:flex-end;gap:1px;height:18px}.spark-bar>span{width:3px;background:var(--brand-primary);border-radius:1px}.progress{height:6px;background:var(--bg-sunken);border-radius:999px;overflow:hidden;position:relative}.progress>.bar{height:100%;background:var(--brand-primary);border-radius:999px;transition:width .2s ease;box-shadow:0 0 8px currentColor}.progress.is-amber>.bar{background:var(--status-amber);color:var(--status-amber)}.progress.is-red>.bar{background:var(--status-red);color:var(--status-red)}.progress.is-green>.bar{background:var(--status-green);color:var(--status-green)}.progress.is-accent>.bar{background:var(--product-accent, var(--accent-liveops));color:var(--product-accent, var(--accent-liveops))}.progress-lg{height:10px}.progress-xl{height:14px}.audit-row{display:grid;grid-template-columns:96px 220px 1fr;gap:var(--sp-3);padding:8px 12px;border-bottom:1px solid var(--border-subtle);font-size:var(--fs-12);align-items:center}.audit-row:last-child{border-bottom:0}.audit-row .ts{font-family:var(--font-mono);color:var(--text-muted)}.audit-row .who{display:flex;align-items:center;gap:6px;min-width:0}.audit-row .who .who-id{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-row .what{color:var(--text-primary);min-width:0}.audit-row .what .verb{font-weight:var(--fw-semibold);color:var(--brand-primary)}.live-dot{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--status-green);font-weight:var(--fw-semibold)}.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--status-green);box-shadow:0 0 8px var(--status-green);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #44e08a80,0 0 6px var(--status-green)}70%{box-shadow:0 0 0 8px #44e08a00,0 0 6px var(--status-green)}to{box-shadow:0 0 #44e08a00,0 0 6px var(--status-green)}}.state-block{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-secondary)}.state-block .icon-wrap{width:44px;height:44px;border-radius:50%;background:var(--bg-sunken);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.state-block .title{font-size:var(--fs-14);font-weight:var(--fw-semibold);color:var(--text-primary)}.state-block .desc{font-size:var(--fs-12);max-width:320px}.skel{display:block;background:linear-gradient(90deg,var(--bg-sunken) 0%,var(--bg-elevated) 50%,var(--bg-sunken) 100%);background-size:200% 100%;animation:skel-shimmer 1.4s infinite;border-radius:4px;height:12px}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:var(--z-overlay);display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer{width:480px;max-width:100vw;height:100%;background:var(--bg-surface);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;animation:drawer-in .2s ease;border-left:1px solid var(--border-default)}.drawer-lg{width:720px}.drawer-xl{width:960px}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.drawer-body{flex:1;overflow:auto;padding:var(--sp-4)}.drawer-footer{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--sp-2);background:var(--bg-subtle)}@keyframes drawer-in{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:480px;max-width:100%;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-12);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column}.chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:var(--fs-12);background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--r-4);color:var(--text-secondary);font-family:var(--font-mono)}.chip .x{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer;color:var(--text-muted)}.chip .x:hover{background:var(--bg-elevated);color:var(--text-primary)}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--bg-sunken);border-radius:999px;outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--brand-primary);border-radius:50%;cursor:pointer;box-shadow:var(--glow-teal)}.range::-moz-range-thumb{width:14px;height:14px;background:var(--brand-primary);border-radius:50%;cursor:pointer;box-shadow:var(--glow-teal)}.row{display:flex;align-items:center;gap:var(--sp-2)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.col{display:flex;flex-direction:column;gap:var(--sp-2)}.grow{flex:1;min-width:0}.gap-0{gap:0!important}.gap-1{gap:var(--sp-1)!important}.gap-2{gap:var(--sp-2)!important}.gap-3{gap:var(--sp-3)!important}.gap-4{gap:var(--sp-4)!important}.gap-6{gap:var(--sp-6)!important}.wrap{flex-wrap:wrap}.center{align-items:center;justify-content:center}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.p-3{padding:var(--sp-3)}.p-4{padding:var(--sp-4)}.p-6{padding:var(--sp-6)}.chart{width:100%;display:block}.approval-card{border:1px solid var(--status-purple-100);background:linear-gradient(0deg,var(--status-purple-50) 0%,var(--bg-surface) 60%);border-radius:var(--r-8);padding:var(--sp-4)}.approval-track{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0}.approval-step{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-6)}.approval-step.is-done{border-color:var(--status-green-100);background:var(--status-green-50)}.approval-step.is-current{border-color:var(--status-amber-100);background:var(--status-amber-50)}.pii{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:13px}.pii .reveal{font-size:10px;color:var(--text-muted);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;font-family:var(--font-sans)}.pii .reveal:hover{color:var(--brand-primary)}.pii .lock{width:12px;height:12px;color:var(--text-muted)}.seed-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-8);padding:var(--sp-4)}.seed-block{font-family:var(--font-mono);font-size:12px;background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--r-6);padding:var(--sp-3);word-break:break-all;color:var(--brand-primary)}.seed-status{display:flex;align-items:center;gap:6px}.split{display:grid;gap:var(--sp-4)}.split-2{grid-template-columns:1fr 1fr}.split-3{grid-template-columns:repeat(3,1fr)}.split-4{grid-template-columns:repeat(4,1fr)}.split-sidebar{grid-template-columns:280px 1fr}.split-sidebar-right{grid-template-columns:1fr 320px}.split-rail{grid-template-columns:240px 1fr 280px}@media (max-width: 1100px){.split-rail,.split-sidebar-right{grid-template-columns:1fr}}.ic{width:16px;height:16px;flex-shrink:0;stroke-width:1.75}.ic-sm{width:14px;height:14px}.ic-lg{width:20px;height:20px}.ic-xl{width:24px;height:24px}.hud-panel{position:relative;background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-subtle) 100%);border:1px solid var(--border-default);border-radius:var(--r-8);box-shadow:var(--shadow-inset),var(--shadow-sm)}[data-theme=light] .hud-panel{background:var(--bg-surface)}.hud-panel:before,.hud-panel:after{content:"";position:absolute;width:8px;height:8px;border-color:var(--brand-primary);opacity:.45;pointer-events:none}.hud-panel:before{top:-1px;left:-1px;border-top:1.5px solid;border-left:1.5px solid}.hud-panel:after{bottom:-1px;right:-1px;border-bottom:1.5px solid;border-right:1.5px solid}.hud-panel.is-amber:before,.hud-panel.is-amber:after{border-color:var(--accent-liveops)}.hud-panel.is-bi:before,.hud-panel.is-bi:after{border-color:var(--accent-bi)}.hud-panel.is-flush:before,.hud-panel.is-flush:after{display:none}.hud-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.hud-label:before{content:"";width:4px;height:4px;background:var(--brand-primary);display:inline-block}.hud-label.is-amber:before{background:var(--accent-liveops)}.hud-label.is-red:before{background:var(--status-red)}.hud-label.is-green:before{background:var(--status-green)}.hud-label.is-blue:before{background:var(--accent-bi)}.scanlines{position:relative;overflow:hidden}.scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 3px);pointer-events:none}.metric-xxl{font-family:var(--font-mono);font-size:var(--fs-44);font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1;display:inline-flex;align-items:baseline;gap:6px}.metric-xxl .unit{font-size:16px;color:var(--text-secondary);font-weight:500}.metric-xxl.is-accent{color:var(--brand-primary);text-shadow:0 0 24px rgba(46,230,200,.4)}.metric-xxl.is-amber{color:var(--accent-liveops);text-shadow:0 0 24px rgba(255,178,62,.4)}.metric-xxl.is-red{color:var(--status-red);text-shadow:0 0 24px rgba(255,77,94,.4)}.metric-xxl.is-green{color:var(--status-green);text-shadow:0 0 24px rgba(68,224,138,.4)}.metric-lg{font-family:var(--font-mono);font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.005em;line-height:1.1}.hud-kpi{position:relative;padding:var(--sp-4);background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-subtle) 100%);border:1px solid var(--border-default);border-radius:var(--r-8);display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}.hud-kpi .hud-label{font-size:9px}.hud-kpi .hud-trail{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.hud-kpi.is-live:before{content:"";position:absolute;top:12px;right:12px;width:6px;height:6px;background:var(--status-green);border-radius:50%;box-shadow:0 0 #44e08ab3;animation:hud-pulse 1.8s infinite}@keyframes hud-pulse{0%{box-shadow:0 0 #44e08a99}70%{box-shadow:0 0 0 8px #44e08a00}to{box-shadow:0 0 #44e08a00}}.toggle-hud{position:relative;width:42px;height:22px;background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--r-pill);cursor:pointer;transition:all .16s cubic-bezier(.2,.7,.2,1);flex-shrink:0;box-shadow:inset 0 1px 2px #0006}.toggle-hud:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--ink-150);border-radius:50%;transition:transform .16s cubic-bezier(.2,.7,.2,1),background .16s;box-shadow:0 1px 2px #0006}.toggle-hud.is-on{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:var(--glow-teal),inset 0 1px #ffffff26}.toggle-hud.is-on:after{transform:translate(20px);background:var(--ink-25)}.toggle-hud.is-amber.is-on{background:var(--accent-liveops);border-color:var(--accent-liveops);box-shadow:var(--glow-amber)}.toggle-hud.is-red.is-on{background:var(--status-red);border-color:var(--status-red);box-shadow:var(--glow-red)}.arm-btn{position:relative;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;background:var(--bg-sunken);border:1px solid var(--status-red);border-radius:var(--r-6);color:var(--status-red);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .1s ease,box-shadow .1s ease}.arm-btn:hover{background:#ff4d5e14}.arm-btn.is-armed{background:var(--status-red);color:var(--text-on-accent);box-shadow:var(--glow-red);animation:arm-pulse 1.6s infinite}@keyframes arm-pulse{0%,to{box-shadow:0 0 #ff4d5e99,var(--glow-red)}50%{box-shadow:0 0 0 8px #ff4d5e00,var(--glow-red)}}.arm-btn .ic{width:14px;height:14px}.hud-alert{display:flex;align-items:stretch;background:var(--bg-elevated);border:1px solid var(--border-default);border-left:3px solid var(--status-amber);border-radius:var(--r-6);overflow:hidden;font-size:var(--fs-12)}.hud-alert .stripe{width:36px;background:var(--status-amber-100);display:inline-flex;align-items:center;justify-content:center;color:var(--status-amber)}.hud-alert .body{padding:8px 12px;flex:1}.hud-alert .body .ttl{font-size:12px;font-weight:600;color:var(--text-primary)}.hud-alert .body .desc{color:var(--text-secondary);font-size:11px;margin-top:2px}.hud-alert .ts{padding:8px 12px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);align-self:center}.hud-alert.is-red{border-left-color:var(--status-red)}.hud-alert.is-red .stripe{background:var(--status-red-100);color:var(--status-red)}.hud-alert.is-amber{border-left-color:var(--status-amber)}.hud-alert.is-amber .stripe{background:var(--status-amber-100);color:var(--status-amber)}.hud-alert.is-blue{border-left-color:var(--status-blue)}.hud-alert.is-blue .stripe{background:var(--status-blue-100);color:var(--status-blue)}.hud-alert.is-green{border-left-color:var(--status-green)}.hud-alert.is-green .stripe{background:var(--status-green-100);color:var(--status-green)}.hud-alert.is-purple{border-left-color:var(--status-purple)}.hud-alert.is-purple .stripe{background:var(--status-purple-100);color:var(--status-purple)}.hud-alert.is-critical{border-left-width:4px;animation:hud-alert-flash 2s infinite}@keyframes hud-alert-flash{0%,to{box-shadow:inset 4px 0 0 -1px var(--status-red),0 0 #ff4d5e00}50%{box-shadow:inset 4px 0 0 -1px var(--status-red),0 0 0 6px #ff4d5e1a}}.tac-cell{position:relative;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-6);padding:10px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;overflow:hidden;min-height:78px}.tac-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,var(--cell-glow, transparent) 0%,transparent 60%);opacity:.55;pointer-events:none}.tac-cell:hover{transform:translateY(-1px);border-color:var(--border-strong)}.tac-cell.h-green{--cell-glow: rgba(68, 224, 138, .3);border-color:#44e08a4d}.tac-cell.h-amber{--cell-glow: rgba(255, 178, 62, .3);border-color:#ffb23e4d}.tac-cell.h-red{--cell-glow: rgba(255, 77, 94, .32);border-color:#ff4d5e52;animation:tac-red 2.4s infinite}@keyframes tac-red{0%,to{box-shadow:0 0 #ff4d5e00}50%{box-shadow:0 0 0 2px #ff4d5e1f}}.tac-cell .city{font-size:12px;font-weight:600;color:var(--text-primary);position:relative;z-index:1}.tac-cell .meta{font-size:11px;color:var(--text-secondary);font-family:var(--font-mono);position:relative;z-index:1}.tac-cell .badge{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:currentColor;z-index:2}.tac-cell.h-green .badge{color:var(--status-green);box-shadow:0 0 8px #44e08a99}.tac-cell.h-amber .badge{color:var(--status-amber);box-shadow:0 0 8px #ffb23e99}.tac-cell.h-red .badge{color:var(--status-red);box-shadow:0 0 10px #ff4d5ecc;animation:tac-pulse-dot 1.2s infinite}@keyframes tac-pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.tac-cell .mini-bar{height:3px;background:var(--bg-sunken);border-radius:999px;margin-top:2px;overflow:hidden;position:relative;z-index:1}.tac-cell .mini-bar .fill{height:100%;background:currentColor;opacity:.7;border-radius:999px}.tac-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.cap-bar{height:6px;border-radius:999px;background:var(--bg-sunken);overflow:hidden;position:relative}.cap-bar .fill{height:100%;border-radius:999px;background:var(--brand-primary);box-shadow:0 0 8px currentColor}.cap-bar.is-amber .fill{background:var(--status-amber)}.cap-bar.is-red .fill{background:var(--status-red)}.cap-bar.is-green .fill{background:var(--status-green)}.spec-bar{display:inline-flex;align-items:flex-end;gap:2px;height:26px}.spec-bar>i{width:4px;background:var(--brand-primary);border-radius:1px;display:inline-block;box-shadow:0 0 6px var(--brand-primary)}.hud-chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--r-4);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.hud-chip strong{color:var(--text-primary);font-weight:600}.hud-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px dashed var(--border-default);margin-bottom:var(--sp-3)}.hud-section-head .ttl{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.hud-section-head .ttl:before{content:"▍";color:var(--brand-primary);font-size:14px}.tac-bg{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}.reticle{position:relative}.reticle:before,.reticle:after{content:"";position:absolute;background:var(--brand-primary);opacity:.6}.reticle:before{left:50%;top:-3px;bottom:-3px;width:1px;transform:translate(-50%)}.reticle:after{top:50%;left:-3px;right:-3px;height:1px;transform:translateY(-50%)}.app-shell{min-height:100vh;display:grid;grid-template-rows:var(--topbar-h) 1fr}.topbar{display:grid;grid-template-columns:var(--sidebar-w) 1fr auto;align-items:center;height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:0 var(--sp-3) 0 0;position:sticky;top:0;z-index:var(--z-sticky)}.topbar-brand{display:flex;align-items:center;gap:var(--sp-2);height:100%;padding:0 var(--sp-3);border-right:1px solid var(--border-subtle)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--brand-primary);color:#fff;border-radius:var(--r-6);font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:14px;letter-spacing:.03em}.brand-name{font-weight:var(--fw-semibold);font-size:var(--fs-14);line-height:1.1;white-space:nowrap}.brand-name small{display:block;font-size:11px;color:var(--text-muted);font-weight:var(--fw-regular);letter-spacing:.01em}.product-switch{display:inline-flex;height:28px;background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--r-6);padding:2px;gap:2px}.product-switch>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font:inherit;font-size:12px;font-weight:var(--fw-medium);color:var(--text-secondary);padding:0 10px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.product-switch>button.is-active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.product-switch>button .accent-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.product-switch>button[data-accent=liveops] .accent-dot{background:var(--accent-liveops)}.product-switch>button[data-accent=bi] .accent-dot{background:var(--accent-bi)}.topbar-center{display:flex;align-items:center;padding:0 var(--sp-4);gap:var(--sp-3)}.global-search{position:relative;width:100%;max-width:520px}.global-search .input{height:32px;padding-left:32px;padding-right:56px;background:var(--bg-sunken);border-color:transparent}.global-search .input:focus{background:var(--bg-surface);border-color:var(--brand-primary)}.global-search .ic-prefix{position:absolute;left:0;top:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;width:32px;color:var(--text-muted)}.global-search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:11px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;padding:1px 5px;color:var(--text-muted)}.topbar-right{display:flex;align-items:center;gap:var(--sp-1)}.topbar-iconbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;width:32px;height:32px;border-radius:var(--r-6);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;position:relative}.topbar-iconbtn:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-iconbtn.is-active{background:var(--bg-selected);color:var(--brand-primary)}.topbar-iconbtn .badge{position:absolute;top:4px;right:4px;min-width:14px;height:14px;padding:0 3px;background:var(--status-red);color:#fff;border-radius:999px;font-size:9px;font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--bg-surface);font-family:var(--font-mono)}.persona-switcher,.profile-menu{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--r-6);cursor:pointer;font:inherit;color:var(--text-primary)}.persona-switcher:hover,.profile-menu:hover{background:var(--bg-hover)}.persona-switcher .who{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.1}.persona-switcher .who .name{font-size:12px;font-weight:var(--fw-semibold)}.persona-switcher .who .role{font-size:11px;color:var(--text-muted)}.bg-badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;background:var(--status-purple-50);color:var(--status-purple);border:1px solid var(--status-purple-100);border-radius:var(--r-pill);font-size:11px;font-weight:var(--fw-semibold)}.app-body{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:0}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);height:calc(100vh - var(--topbar-h));position:sticky;top:var(--topbar-h);overflow-y:auto;display:flex;flex-direction:column}.sb-section{padding:var(--sp-3) var(--sp-2)}.sb-section+.sb-section{border-top:1px solid var(--border-subtle)}.sb-label{font-size:10px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 var(--sp-3) 6px}.sb-item{display:flex;align-items:center;gap:10px;padding:6px 10px;margin:1px 0;border-radius:var(--r-6);font-size:var(--fs-14);color:var(--text-secondary);cursor:pointer;position:relative;text-decoration:none}.sb-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sb-item.is-active{background:var(--bg-selected);color:var(--brand-primary);font-weight:var(--fw-semibold)}.sb-item.is-active:before{content:"";position:absolute;left:-2px;top:6px;bottom:6px;width:2px;background:var(--brand-primary);border-radius:0 2px 2px 0}.sb-item .ic{color:currentColor}.sb-item .meta{margin-left:auto;font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.sb-item .meta-pill{margin-left:auto;background:var(--status-red);color:#fff;font-size:10px;height:16px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;font-weight:var(--fw-bold)}.sb-foot{margin-top:auto;padding:var(--sp-3);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.sb-help{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-sunken);border-radius:var(--r-6);font-size:12px;color:var(--text-secondary);cursor:pointer}.sb-help:hover{background:var(--bg-selected);color:var(--brand-primary)}.page{min-width:0;display:flex;flex-direction:column}.page-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:var(--sp-3) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2)}.page-header .top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.page-title{display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}.page-title h1{font-size:var(--fs-20);font-weight:var(--fw-semibold);letter-spacing:-.005em}.page-title .sub{color:var(--text-secondary);font-size:var(--fs-12)}.page-body{flex:1;padding:var(--sp-4) var(--sp-6) var(--sp-12);display:flex;flex-direction:column;gap:var(--sp-4)}.section-title{font-size:var(--fs-12);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.menu{position:absolute;z-index:var(--z-overlay);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-8);box-shadow:var(--shadow-md);min-width:220px;padding:4px}.menu-item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:var(--fs-14);border-radius:4px;cursor:pointer;color:var(--text-primary)}.menu-item:hover{background:var(--bg-hover)}.menu-item .meta{margin-left:auto;color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.menu-item.is-active{background:var(--bg-selected);color:var(--brand-primary)}.menu-separator{height:1px;background:var(--border-subtle);margin:4px 0}.menu-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:6px 10px 2px}@media (max-width: 900px){.app-body{grid-template-columns:1fr}.sidebar{display:none}.topbar{grid-template-columns:auto 1fr auto}.topbar-brand{border-right:none;padding:0 var(--sp-3)}.brand-name{display:none}}.tweaks-fab{position:fixed;bottom:16px;right:16px;z-index:var(--z-tweaks);width:40px;height:40px;border-radius:50%;background:var(--ink-900);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:var(--shadow-md)}.tweaks-fab:hover{background:var(--ink-800)}.tweaks-panel{position:fixed;bottom:70px;right:16px;z-index:var(--z-tweaks);width:280px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-12);box-shadow:var(--shadow-lg);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.tweaks-panel .tw-title{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-14);font-weight:var(--fw-semibold)}.tweaks-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-12)}.tweaks-row .lbl{color:var(--text-secondary)}