:root{--bg-app: #0b0f13;--bg-panel: #11161c;--bg-raised: #171d24;--bg-hover: #1d2630;--border-subtle: #25303b;--border-strong: #354352;--text-primary: #e6edf3;--text-secondary: #a7b2bf;--text-muted: #718096;--accent-blue: #4ea1ff;--positive: #35c987;--negative: #ff6470;--warning: #e6b450;--info: #62b6cb;--focus: #8cc8ff;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--fs-page-title: 15px;--fs-section: 12px;--fs-body: 12px;--fs-table: 11px;--fs-metric: 14px;--fs-aux: 10px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--topbar-h: 44px;--rail-collapsed: 52px;--rail-expanded: 196px;--positive-soft: rgba(53, 201, 135, .14);--negative-soft: rgba(255, 100, 112, .14);--warning-soft: rgba(230, 180, 80, .14);--accent-soft: rgba(78, 161, 255, .16)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pos{color:var(--positive)}.neg{color:var(--negative)}.muted{color:var(--text-muted)}.warn{color:var(--warning)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.grow{flex:1 1 auto;min-width:0;min-height:0}.scroll-y{overflow-y:auto}.section-title{font-size:var(--fs-section);text-transform:uppercase;color:var(--text-muted);font-weight:600;padding:6px 0}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-body)}.btn:hover{background:var(--bg-hover)}.btn.primary{background:var(--accent-soft);border-color:var(--accent-blue);color:var(--accent-blue)}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn.active{color:var(--accent-blue);border-color:var(--border-strong);background:var(--accent-soft)}.skeleton{background:var(--bg-raised);border-radius:var(--radius-sm);animation:skeleton-pulse 1.4s ease-in-out infinite}.badge{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:var(--radius-sm);font-size:var(--fs-aux);border:1px solid var(--border-strong);color:var(--text-secondary);text-transform:uppercase;letter-spacing:0}.badge.ok{color:var(--positive);border-color:var(--positive);background:var(--positive-soft)}.badge.warn{color:var(--warning);border-color:var(--warning);background:var(--warning-soft)}.badge.bad{color:var(--negative);border-color:var(--negative);background:var(--negative-soft)}.badge.info{color:var(--info);border-color:var(--info)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body);letter-spacing:0;-webkit-font-smoothing:antialiased}.app-shell{height:100vh}@supports (height: 100dvh){.app-shell{height:100dvh}}button{font-family:inherit;letter-spacing:0}:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-radius:var(--radius-sm)}a{color:var(--accent-blue);text-decoration:none}table{border-collapse:collapse;width:100%}th,td{text-align:left}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (max-width: 767px),(max-width: 1100px) and (hover: none) and (pointer: coarse){.app-shell-body{flex-direction:column}.nav-rail{order:2;width:100%!important;height:calc(48px + env(safe-area-inset-bottom));padding:4px 6px max(4px,env(safe-area-inset-bottom))!important;flex-direction:row!important;justify-content:space-between;border-right:0!important;border-top:1px solid var(--border-subtle);overflow-x:auto}.nav-rail a{min-width:38px;justify-content:center;padding:0 6px!important}.nav-rail-label,.topbar-scope,.topbar-freshness{display:none}.topbar{gap:6px!important;padding:0 8px!important}.topbar-product{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@keyframes skeleton-pulse{0%{opacity:.45}50%{opacity:.85}to{opacity:.45}}