:root{--bg:#FAFAFA;--surface:#FFFFFF;--surface-2:#F4F4F5;--border:#E5E5E5;--border-strong:#D4D4D8;--text:#1A1A1A;--muted:#6B7280;--muted-2:#9CA3AF;--status-stuck:#D97706;--status-stuck-bg:#FEF3C7;--status-escalation:#DC2626;--status-escalation-bg:#FEE2E2;--status-anomaly:#CA8A04;--status-anomaly-bg:#FEF9C3;--status-completed:#16A34A;--status-paused:#6B7280;--status-active:#2563EB;--status-offline:#A1A1AA;--accent:#0EA5E9;--accent-hover:#0284C7;--accent-bg:#E0F2FE;--font-sans:"Inter",-apple-system,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sidebar-w:240px;--header-h:52px;--rail-w:320px}[data-theme=dark]{--bg:#0E0E10;--surface:#18181B;--surface-2:#1F1F23;--border:#2A2A2E;--border-strong:#3A3A3F;--text:#FAFAFA;--muted:#A1A1AA;--muted-2:#71717A;--status-stuck-bg:#422006;--status-escalation-bg:#450A0A;--status-anomaly-bg:#422006;--accent-bg:#082F49;color-scheme:dark}[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:6px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}[data-theme=dark] ::-webkit-scrollbar-corner{background:var(--bg)}[data-theme=dark] *{scrollbar-color:var(--border) var(--bg)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);font-size:13px;line-height:1.45;color:var(--text);background:var(--bg);font-feature-settings:"cv11","ss01","ss03","tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.num,.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.tiny{font-size:11px}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:13px;line-height:1.4;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}textarea{resize:vertical;min-height:60px}select{padding-right:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23888' stroke-width='1.5' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,select:hover,textarea:hover{border-color:var(--border-strong,var(--accent))}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,132,255,.15)}input::placeholder,textarea::placeholder{color:var(--muted)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"sidebar header" "sidebar main";height:100vh;width:100vw;overflow:hidden}.sidebar{grid-area:sidebar;border-right:1px solid var(--border);flex-direction:column;min-height:0}.header,.sidebar{background:var(--surface);display:flex}.header{grid-area:header;border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 16px}.main{grid-area:main;overflow:auto;min-width:0}.page{padding:20px 24px 60px}.sb-brand{padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);height:var(--header-h)}.sb-logo{width:22px;height:22px;border-radius:4px;background:var(--text);color:var(--surface);font-weight:700;font-size:13px;letter-spacing:-.02em;display:grid;place-items:center}.sb-brand-text{display:flex;flex-direction:column;line-height:1.15}.sb-brand-text .name{font-weight:600;font-size:13px}.sb-brand-text .scope{color:var(--muted);font-size:11px}.sb-section{padding:12px 8px 4px}.sb-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;font-size:13px;color:var(--text);border-left:2px solid transparent;transition:background 80ms}.sb-item.active,.sb-item:hover{background:var(--surface-2)}.sb-item.active{border-left-color:var(--accent);font-weight:500}.sb-item.active .icon{color:var(--accent)}.sb-spacer{flex:1 1}.hdr-icon-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:background 80ms,color 80ms}.hdr-icon-btn:hover{color:var(--text);background:var(--surface-2)}.hdr-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:11px}.dot{width:6px;height:6px;border-radius:50%;flex:0 0 6px;display:inline-block}.dot.green{background:var(--status-completed)}.dot.amber{background:var(--status-stuck)}.dot.red{background:var(--status-escalation)}.dot.yellow{background:var(--status-anomaly)}.dot.blue{background:var(--status-active)}.dot.grey{background:var(--status-offline)}.card{border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:14px 14px 12px;transition:border-color 80ms}.card:hover{border-color:var(--border-strong)}.empty{border:1px solid var(--border);border-radius:6px;padding:28px;text-align:center;color:var(--muted);background:var(--surface)}.md-body p{margin:0 0 6px}.md-body p:last-child{margin-bottom:0}.md-body ol,.md-body ul{margin:4px 0 6px;padding-left:20px}.md-body li{margin:2px 0}.md-body code{border-radius:3px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,monospace}.md-body code,.md-body pre{background:var(--surface-2);font-size:11px}.md-body pre{border:1px solid var(--border);border-radius:4px;padding:8px;overflow-x:auto;margin:6px 0}.md-body pre code{background:transparent;padding:0}.md-body a{color:var(--accent);text-decoration:underline}.md-body blockquote{border-left:3px solid var(--border);margin:4px 0;padding:2px 8px;color:var(--muted)}.list{border:1px solid var(--border);border-radius:6px;background:var(--surface);overflow:hidden}.row{display:flex;gap:10px;padding:10px 14px;align-items:center;border-bottom:1px solid var(--border);color:inherit;text-decoration:none;transition:background 80ms}.row:last-child{border-bottom:none}.row:active,.row:hover{background:var(--surface-2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:5px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12px;font-weight:500;transition:background 80ms,border-color 80ms}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger{color:var(--status-escalation);border-color:var(--status-escalation);background:var(--surface)}.btn.danger:hover{background:var(--status-escalation-bg)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--text);background:var(--surface-2)}.btn.sm{padding:3px 8px;font-size:11px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;border:1px solid var(--border);background:var(--surface);font-weight:500;color:var(--muted)}.badge,.chip{font-size:11px}.chip{display:grid;place-items:center;width:18px;height:18px;border-radius:4px;font-family:var(--font-mono);font-weight:600;letter-spacing:-.02em}.side-overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);animation:fadein .18s ease-out}.side-panel{position:fixed;top:0;right:0;bottom:0;background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 24px -16px rgba(0,0,0,.18);animation:slidein .18s ease-out;display:flex;flex-direction:column}@keyframes slidein{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.timeline{border:1px solid var(--border);border-radius:6px;background:var(--surface);overflow:hidden}.tl-row{display:grid;grid-template-columns:80px 22px 1fr;grid-gap:10px;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);align-items:start}.tl-row:last-child{border-bottom:none}.tl-row:hover{background:var(--surface-2)}.tl-time{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.tl-lane{padding-top:4px}.tl-body{min-width:0}.tl-title{font-size:13px;font-weight:500}.tl-meta{font-family:var(--font-mono);font-size:11px;color:var(--muted)}[role=separator]:active .splitter-bar,[role=separator]:hover .splitter-bar{background:var(--accent)!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}