@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,[data-theme=dark]{--bg-canvas:#060608;--bg-rail:#090a0d;--bg-surface:#0e0f13c7;--bg-surface-solid:#0e0f13;--bg-elevated:#14161c;--bg-subtle:#ffffff08;--bg-hover:#ffffff0d;--bg-active:#ffffff14;--text-primary:#f4f4f6;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-faint:#52525b;--border-subtle:#fff1;--border-default:#ffffff1b;--border-strong:#ffffff2e;--cta-bg:#f4f4f6;--cta-text:#09090b;--cta-hover:#fff;--edge-accent:#e4e4e7;--cf-amber:#f59e0b;--crit:#ef4444;--crit-bg:#ef44441a;--crit-border:#ef44443d;--crit-text:#fca5a5;--warn:#f59e0b;--warn-bg:#f59e0b1a;--warn-border:#f59e0b3d;--warn-text:#fcd34d;--ok:#10b981;--ok-bg:#10b9811a;--ok-border:#10b9813d;--ok-text:#6ee7b7;--rim-sheen:#ffffff38;--surface-glow:#ffffff08;--shadow-card:0 1px 2px #0000008c, 0 12px 32px -12px #000000a6, inset 0 1px 0 #ffffff0e;--shadow-modal:0 24px 64px -12px #000000d9, 0 0 0 1px #ffffff1a}[data-theme=light]{--bg-canvas:#f7f7f8;--bg-rail:#f1f1f3;--bg-surface:#ffffffe0;--bg-surface-solid:#fff;--bg-elevated:#fff;--bg-subtle:#00000007;--bg-hover:#0000000b;--bg-active:#00000012;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#71717a;--text-faint:#a1a1aa;--border-subtle:#0001;--border-default:#0000001b;--border-strong:#0003;--cta-bg:#18181b;--cta-text:#fff;--cta-hover:#09090b;--edge-accent:#18181b;--cf-amber:#d97706;--crit:#dc2626;--crit-bg:#dc262612;--crit-border:#dc262633;--crit-text:#b91c1c;--warn:#d97706;--warn-bg:#d9770612;--warn-border:#d9770633;--warn-text:#b45309;--ok:#059669;--ok-bg:#05966912;--ok-border:#05966933;--ok-text:#047857;--rim-sheen:#00000024;--surface-glow:#00000005;--shadow-card:0 1px 2px #00000008, 0 8px 24px -8px #0000000b, inset 0 1px 0 #ffffffe6;--shadow-modal:0 24px 60px -12px #00000029, 0 0 0 1px #00000014}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-canvas);width:100%;min-height:100vh;color:var(--text-primary);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;line-height:1.5;transition:background-color .25s,color .2s;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.mono{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace}.surface-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:12px;transition:border-color .2s,transform .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.surface-card:before{content:"";background:radial-gradient(420px circle at var(--mx,-500px) var(--my,-500px), var(--surface-glow), transparent 50%);opacity:0;pointer-events:none;z-index:1;transition:opacity .28s;position:absolute;inset:0}.surface-card:after{content:"";border-radius:inherit;background:radial-gradient(200px circle at var(--mx,-500px) var(--my,-500px), var(--rim-sheen), transparent 70%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:3;padding:1px;transition:opacity .28s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.surface-card:hover:before,.surface-card:hover:after{opacity:1}.surface-inner{z-index:2;position:relative}@keyframes viewEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.view-enter{animation:.26s cubic-bezier(.16,1,.3,1) forwards viewEnter}.app-shell{z-index:1;grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.app-rail{background:var(--bg-rail);border-right:1px solid var(--border-subtle);z-index:30;-webkit-user-select:none;user-select:none;flex-direction:column;height:100vh;padding:14px 10px;display:flex;position:sticky;top:0}.rail-brand{justify-content:space-between;align-items:center;padding:4px 8px 12px;display:flex}.brand-mark{background:var(--cta-bg);width:24px;height:24px;color:var(--cta-text);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cmd-trigger{background:var(--bg-subtle);border:1px solid var(--border-subtle);width:100%;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:6px 10px;font-size:12px;transition:border-color .15s,color .15s;display:flex}.cmd-trigger:hover{border-color:var(--border-default);color:var(--text-secondary)}.kbd-chip{background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:10.5px}.rail-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:10px 10px 4px;font-size:10.5px;font-weight:600}.rail-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:1px;padding:7px 10px;font-size:12.5px;font-weight:500;transition:background .14s,color .14s;display:flex}.rail-item:hover{background:var(--bg-hover);color:var(--text-primary)}.rail-item.active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.rail-count{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.rail-count.alert{color:var(--crit);font-weight:600}.app-main{flex-direction:column;min-width:0;display:flex}.app-header{z-index:25;background:color-mix(in srgb, var(--bg-canvas) 82%, transparent);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 24px;display:flex;position:sticky;top:0}.app-content{flex-direction:column;gap:20px;width:100%;max-width:1420px;margin:0 auto;padding:24px 28px 56px;display:flex}.btn{letter-spacing:-.01em;cursor:pointer;border:1px solid var(--border-default);background:var(--bg-elevated);height:30px;color:var(--text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;transition:all .14s;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn:active{transform:scale(.985)}.btn-primary{background:var(--cta-bg);color:var(--cta-text);border-color:#0000;font-weight:600}.btn-primary:hover{background:var(--cta-hover);color:var(--cta-text);opacity:.94;border-color:#0000}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#0000}.btn-danger{background:var(--crit-bg);color:var(--crit-text);border-color:var(--crit-border)}.btn-danger:hover{border-color:var(--crit)}.input-field{border:1px solid var(--border-default);background:var(--bg-surface-solid);height:30px;color:var(--text-primary);border-radius:7px;outline:none;padding:0 11px;font-size:12.5px;transition:border-color .15s}.input-field:focus{border-color:var(--border-strong)}.tag{border:1px solid var(--border-subtle);background:var(--bg-subtle);height:20px;color:var(--text-secondary);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:11px;font-weight:500;display:inline-flex}.tag-crit{background:var(--crit-bg);border-color:var(--crit-border);color:var(--crit-text)}.tag-warn{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.tag-ok{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok-text)}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dot-crit{background:var(--crit);box-shadow:0 0 8px var(--crit)}.dot-warn{background:var(--warn)}.dot-ok{background:var(--ok)}.seg-bar{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px;padding:3px;display:inline-flex}.seg-item{height:25px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 10px;font-size:12px;font-weight:500;transition:all .14s}.seg-item:hover{color:var(--text-primary)}.seg-item.active{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #00000040}.toggle{background:var(--bg-active);border:1px solid var(--border-default);cursor:pointer;border-radius:999px;flex-shrink:0;width:34px;height:19px;padding:1px;transition:background .18s,border-color .18s;position:relative}.toggle.on{background:var(--cta-bg);border-color:var(--cta-bg)}.toggle-knob{background:var(--text-muted);border-radius:50%;width:15px;height:15px;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s}.toggle.on .toggle-knob{background:var(--cta-text);transform:translate(15px)}.data-table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:9px 16px;font-size:11px;font-weight:500}.data-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:12px 16px;font-size:12.5px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{cursor:pointer;transition:background .12s}.data-table tbody tr:hover{background:var(--bg-hover)}.kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.bento-hero{grid-template-columns:1.25fr 1fr;gap:14px;display:grid}.split-grid{grid-template-columns:1.35fr 1fr;gap:14px;display:grid}.overlay-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.inspector-drawer{background:var(--bg-surface-solid);border-left:1px solid var(--border-default);width:min(520px,94vw);height:100vh;box-shadow:var(--shadow-modal);flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.cmd-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:110;background:#0000008c;justify-content:center;align-items:flex-start;padding-top:13vh;display:flex;position:fixed;inset:0}.cmd-modal{background:var(--bg-surface-solid);border:1px solid var(--border-default);width:min(560px,92vw);box-shadow:var(--shadow-modal);border-radius:12px;overflow:hidden}@media (width<=1100px){.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-hero,.split-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:210px minmax(0,1fr)}}