:root{--bg-base: #000000;--bg-1: #1c1c1e;--bg-2: #2c2c2e;--bg-3: #3a3a3c;--bg-translucent: rgba(28, 28, 30, .72);--bg-glass-thin: rgba(255, 255, 255, .04);--bg-glass-medium: rgba(255, 255, 255, .06);--bg-glass-thick: rgba(255, 255, 255, .1);--bg-page-gradient: radial-gradient(circle at 12% 8%, rgba(48, 209, 88, .05) 0%, transparent 35%), radial-gradient(circle at 92% 92%, rgba(10, 132, 255, .05) 0%, transparent 40%), linear-gradient(180deg, #06090f 0%, #0a1322 60%, #0f1d35 100%);--border-1: rgba(255, 255, 255, .08);--border-2: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .22);--text-primary: #f5f5f7;--text-secondary: #cfe1ff;--text-tertiary: #8fa3c4;--text-quaternary: #5d6c8a;--text-on-accent: #ffffff;--accent-blue: #0a84ff;--accent-blue-light: #4daaff;--accent-green: #30d158;--accent-green-light: #5fd673;--accent-red: #ff453a;--accent-red-light: #ff6b6b;--accent-orange: #ff9f0a;--accent-orange-light:#ffb84d;--accent-purple: #bf5af2;--accent-purple-light:#d68bff;--accent-amber: #fbbf24;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--shadow-1: 0 1px 3px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.04);--shadow-2: 0 4px 16px -2px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.06);--shadow-3: 0 24px 48px -8px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.08);--shadow-glow-green: 0 0 24px -2px rgba(48, 209, 88, .3);--shadow-glow-blue: 0 0 24px -2px rgba(10, 132, 255, .3);--shadow-glow-purple: 0 0 24px -2px rgba(191, 90, 242, .3);--glass-blur-thin: blur(20px) saturate(140%);--glass-blur-medium: blur(40px) saturate(180%);--glass-blur-thick: blur(60px) saturate(200%);--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "SF Pro Display", Inter, system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Menlo, Monaco, "Roboto Mono", monospace;--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--rail-left-w: 280px;--rail-right-w: 420px;--header-h: 56px;--gutter: 12px;--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-emphatic: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .18s;--duration-base: .28s;--duration-slow: .52s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh;background:var(--bg-page-gradient);background-attachment:fixed;color:var(--text-secondary);font-family:var(--font-system);font-size:14px;line-height:1.45;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app{width:100%;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff29;background-clip:padding-box}.glass{background:var(--bg-translucent);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.glass--thin{backdrop-filter:var(--glass-blur-thin);-webkit-backdrop-filter:var(--glass-blur-thin)}.glass--thick{backdrop-filter:var(--glass-blur-thick);-webkit-backdrop-filter:var(--glass-blur-thick)}.console-shell{display:grid;grid-template-rows:var(--header-h) 1fr;grid-template-columns:var(--rail-left-w) minmax(0,1fr) var(--rail-right-w);grid-template-areas:"header   header        header" "leftRail centerStage   rightRail";height:100vh;width:100vw;gap:var(--gutter);padding:var(--gutter);overflow:hidden}.console-header{grid-area:header;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5)}.console-header h1{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--text-primary);margin:0}.console-header .console-header__subtitle{font-size:12px;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase}.console-header .spacer{flex:1}.console-header .user-pill{display:flex;align-items:center;gap:var(--space-2);padding:6px 14px;background:var(--bg-glass-medium);border:1px solid var(--border-1);border-radius:999px;font-size:12.5px;color:var(--text-secondary)}.console-header .user-pill__dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.left-rail{grid-area:leftRail;overflow-y:auto;padding-right:4px}.center-stage{grid-area:centerStage;overflow:hidden;display:flex;flex-direction:column}.right-rail{grid-area:rightRail;overflow-y:auto;padding-right:4px}.panel{background:var(--bg-glass-thin);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--gutter)}.panel__title{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);font-weight:600;margin-bottom:var(--space-3)}.panel__title .panel__title-actions{font-size:11px;color:var(--text-quaternary);text-transform:none;letter-spacing:0}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-quaternary);vertical-align:middle}.status-dot.is-ok{background:var(--accent-green);box-shadow:0 0 8px #30d15880}.status-dot.is-warn{background:var(--accent-amber);box-shadow:0 0 8px #fbbf2480}.status-dot.is-bad{background:var(--accent-red);box-shadow:0 0 8px #ff453a80}.status-dot.is-mute{background:var(--text-quaternary);opacity:.5}.status-dot.is-pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.tab-bar{display:flex;gap:var(--space-1);padding:var(--space-2);background:var(--bg-glass-thin);backdrop-filter:var(--glass-blur-thin);-webkit-backdrop-filter:var(--glass-blur-thin);border:1px solid var(--border-1);border-radius:var(--radius-xl);margin-bottom:var(--gutter);overflow-x:auto}.tab-bar__tab{flex-shrink:0;padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);border:1px solid transparent;background:transparent;font-family:inherit}.tab-bar__tab:hover{color:var(--text-secondary);background:var(--bg-glass-thin)}.tab-bar__tab.is-active{color:var(--text-primary);background:var(--bg-glass-thick);border-color:var(--border-2);box-shadow:var(--shadow-1)}.tab-content{flex:1;overflow-y:auto;padding-right:4px}.skeleton{background:linear-gradient(90deg,var(--bg-glass-thin) 0%,var(--bg-glass-medium) 50%,var(--bg-glass-thin) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm);height:14px}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.phase-stub-badge{display:inline-block;padding:2px 8px;background:#bf5af21f;color:var(--accent-purple-light);border:1px solid rgba(191,90,242,.24);border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-left:var(--space-2)}