@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0: #0a0c0f;--bg1: #10141a;--bg2: #161c24;--bg3: #1e2530;--border: rgba(255,255,255,.07);--border-bright: rgba(255,255,255,.14);--text-primary: #d4dbe8;--text-secondary: #6b7a90;--text-dim: #3d4a5c;--accent: #00e5b4;--accent-dim: rgba(0,229,180,.12);--warn: #f0a500;--warn-dim: rgba(240,165,0,.12);--ok: #00e5b4;--tag: #3a7bd5;--tag-dim: rgba(58,123,213,.15);--mono: "IBM Plex Mono", monospace;--sans: "IBM Plex Sans", sans-serif}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--bg0);color:var(--text-primary);-webkit-font-smoothing:antialiased}.shell{min-height:100vh;display:grid;grid-template-rows:48px 1fr 36px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg1);border-bottom:1px solid var(--border)}.logo{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.12em;color:var(--text-primary)}.logo em{font-style:normal;color:var(--accent)}.clock{font-family:var(--mono);font-size:11px;color:var(--text-secondary);letter-spacing:.05em}.viewport{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);padding:1px}@media (max-width: 700px){.viewport{grid-template-columns:1fr}}.panel{background:var(--bg1);padding:28px 32px}.panel-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.panel-tag{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;background:var(--tag-dim);color:var(--tag);padding:2px 7px;border-radius:3px;border:1px solid rgba(58,123,213,.3)}.panel-title{font-size:18px;font-weight:400;color:var(--text-primary);letter-spacing:-.01em}.panel-sub{font-size:13px;color:var(--text-secondary);margin-bottom:28px;line-height:1.6}.badge{font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:2px 8px;border-radius:3px;text-transform:uppercase;margin-left:auto}.badge--ok{background:#00e5b41a;color:var(--accent);border:1px solid rgba(0,229,180,.3)}.badge--warn{background:var(--warn-dim);color:var(--warn);border:1px solid rgba(240,165,0,.3)}.status-table{width:100%;border-collapse:collapse}.status-table tr{border-top:1px solid var(--border)}.status-table tr:last-child{border-bottom:1px solid var(--border)}.st-label{font-size:12px;color:var(--text-secondary);padding:10px 0;width:110px;font-family:var(--mono);letter-spacing:.03em}.st-value{font-size:12px;color:var(--text-primary);padding:10px 12px;font-family:var(--mono);word-break:break-all}.st-dot{width:24px;text-align:right}.dot{display:inline-block;width:6px;height:6px;border-radius:50%}.dot--ok{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot--warn{background:var(--warn);box-shadow:0 0 6px var(--warn)}.dot--idle{background:var(--text-dim)}.panel--pipeline{background:var(--bg2)}.stages{display:flex;flex-direction:column;gap:2px;margin-top:20px}.stage{display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;transition:border-color .15s}.stage:hover{border-color:var(--border-bright)}.stage-index{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.stage-name{font-family:var(--mono);font-size:12px;color:var(--text-secondary);letter-spacing:.06em}.footer{display:flex;align-items:center;gap:8px;padding:0 24px;background:var(--bg1);border-top:1px solid var(--border);font-family:var(--mono);font-size:11px;color:var(--text-dim)}.footer-sep{color:var(--border-bright)}*,*:before,*:after{box-sizing:border-box}