:root{color-scheme:dark;--bg: #0f1218;--surface: #151a23;--surface-2: #1b2230;--surface-3: #222b3a;--border: #2c3648;--border-strong: #425069;--text: #eef2f7;--muted: #a6b0c2;--soft: #768197;--accent: #27c5c3;--accent-2: #7c65d8;--good: #3ccf91;--warn: #f2ae40;--bad: #ef5d68;--info: #58a6ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--border);background:#111722;padding:20px 16px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#081016;display:grid;place-items:center;font-weight:800}.brand-name{font-size:15px;font-weight:800}.brand-sub,.topbar-sub,.muted{color:var(--muted)}.brand-sub{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:8px;color:var(--muted)}.nav-item:hover,.nav-item.active{background:var(--surface-2);color:var(--text)}.main-shell{min-width:0;display:flex;flex-direction:column}.topbar{min-height:68px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:12px 28px;gap:16px;background:#0f1218e6}.topbar-title{font-weight:700}.topbar-sub{margin-top:3px;font-size:12px}.content{padding:24px 28px 32px;min-width:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-header h1{margin:3px 0 0;font-size:28px;line-height:1.12}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.page-actions,.detail-actions,.action-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);min-height:36px;padding:0 12px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#071114;font-weight:700}.btn-danger{background:#ef5d681f;border-color:#ef5d6859;color:#ffd4d8}.toggle{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.toggle input{display:none}.toggle span{width:38px;height:22px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border);position:relative}.toggle span:after{content:"";width:16px;height:16px;border-radius:999px;background:var(--muted);position:absolute;left:2px;top:2px;transition:transform .16s ease}.toggle input:checked+span{background:#27c5c338;border-color:#27c5c38c}.toggle input:checked+span:after{transform:translate(16px);background:var(--accent)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-grid.slim{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:14px;min-height:104px}.metric-label{color:var(--muted);font-size:12px}.metric-value{margin-top:8px;font-size:28px;line-height:1;font-weight:800}.metric-detail{margin-top:8px;color:var(--soft);font-size:12px}.metric-good .metric-value{color:var(--good)}.metric-warn .metric-value{color:var(--warn)}.metric-bad .metric-value{color:var(--bad)}.metric-info .metric-value{color:var(--info)}.overview-grid,.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:16px;align-items:start}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px;min-width:0}.panel.wide{grid-column:span 2}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-header h2{margin:0;font-size:16px}.text-link{color:var(--accent);font-size:13px;font-weight:700}.stage-list,.warning-list,.approval-list,.run-list,.detail-stack{display:flex;flex-direction:column;gap:8px}.stage-row,.source-row,.warning-item,.queue-summary>div{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:10px}.stage-row strong,.source-row strong{margin-left:auto}.stage-row em{color:var(--muted);font-style:normal;min-width:42px;text-align:right}.stage-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-card{min-height:74px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:12px;display:flex;align-items:center;gap:10px;font-weight:700}.quick-card:hover{border-color:var(--accent)}.queue-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.queue-summary span{color:var(--muted);font-size:12px}.queue-summary strong{margin-left:auto;font-size:20px}.source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.warning-item{align-items:flex-start}.warning-item strong{display:block;margin-bottom:4px}.warning-item p{margin:0;color:var(--muted);font-size:12px}.form-panel,.filters{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:14px;display:grid;grid-template-columns:2fr .7fr 1.4fr auto;gap:10px;margin-bottom:16px;align-items:end}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px;font-weight:700}input,select{width:100%;min-height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:0 10px}.filters{grid-template-columns:minmax(260px,1fr) 220px auto;align-items:center}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:0 10px}.search-box input{border:0;background:transparent;padding:0}.run-row,.approval-row{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}.run-row.active,.approval-row.active{border-color:var(--accent);background:#27c5c314}.run-row span,.approval-row span{display:block;color:var(--muted);margin-top:3px;font-size:12px}.detail-actions{margin:12px 0}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2)}tr:last-child td{border-bottom:0}.pipeline-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px;margin-bottom:16px}.stage-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:14px}.stage-card-head{display:flex;align-items:center;gap:8px}.stage-card-head em{margin-left:auto;color:var(--muted);font-style:normal}.stage-count{margin-top:12px;font-size:30px;font-weight:800}.stage-card p{color:var(--muted);min-height:34px;font-size:12px}.stage-leads{display:flex;flex-direction:column;gap:6px}.mini-lead{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:8px}.pill,.score,.source{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 8px;font-size:12px;font-weight:700;white-space:nowrap}.pill-neutral,.source{background:var(--surface-3);color:var(--muted)}.pill-good,.score-good{background:#3ccf9121;color:#9af0c8}.pill-warn,.score-warn{background:#f2ae4024;color:#ffd38a}.pill-bad,.score-bad{background:#ef5d6824;color:#ffbac0}.pill-info{background:#58a6ff24;color:#b7d8ff}.score{min-width:34px;justify-content:center}.row-sub{display:block;color:var(--muted);font-size:12px;margin-top:3px}.state{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:14px;display:flex;align-items:center;gap:10px;color:var(--muted);margin-bottom:12px}.state-error{border-color:#ef5d6873;color:#ffbac0}.state-empty{justify-content:center}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lead-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.lead-title h3{margin:0 0 4px;font-size:20px}.lead-title span{color:var(--muted)}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.detail-list div{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:10px}.detail-list .full{grid-column:span 2}dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}dd{margin:0}.notice{border:1px dashed var(--border-strong);border-radius:8px;color:var(--muted);padding:10px;font-size:12px}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}@media (max-width: 1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--border)}.brand{margin-bottom:0}.nav{flex-direction:row;overflow-x:auto}.metric-grid,.overview-grid,.source-grid,.pipeline-grid,.split{grid-template-columns:1fr 1fr}.panel.wide{grid-column:span 2}}@media (max-width: 720px){.topbar,.page-header{align-items:flex-start;flex-direction:column}.content{padding:16px}.metric-grid,.overview-grid,.source-grid,.pipeline-grid,.split,.form-panel,.filters,.detail-list{grid-template-columns:1fr}.panel.wide,.detail-list .full{grid-column:auto}}