:root{--bg: #0d1117;--bg-panel: #161b22;--bg-panel-hover: #1c232d;--border: #2d333b;--text: #e6edf3;--text-dim: #8b949e;--accent: #58a6ff;--accent-bg: rgba(88, 166, 255, .12);--green: #3fb950;--red: #f85149;--yellow: #d29922;--radius: 8px;--mono: ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}.app-shell{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:20px;padding:0 20px;height:52px;border-bottom:1px solid var(--border);background:var(--bg-panel);position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:.03em;color:var(--accent);white-space:nowrap}.nav{display:flex;gap:4px;overflow-x:auto}.nav a{color:var(--text-dim);padding:6px 12px;border-radius:6px;white-space:nowrap;font-weight:500}.nav a:hover{color:var(--text);background:var(--bg-panel-hover)}.nav a.active{color:var(--text);background:var(--accent-bg)}.api-status{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.ok{background:var(--green)}.dot.err{background:var(--red)}.content{padding:20px;max-width:1200px;width:100%;margin:0 auto}.page h1{font-size:20px;margin:0 0 4px}.page-desc{color:var(--text-dim);margin:0 0 20px}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0 0 12px;font-weight:600}.grid{display:grid;gap:12px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--mono)}.metric-label{color:var(--text-dim);font-size:12px}.big{font-size:36px}.good{color:var(--green)}.bad{color:var(--red)}.warn{color:var(--yellow)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}th{color:var(--text-dim);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.pill.live{background:#f8514926;color:var(--red)}.pill.paper{background:#d2992226;color:var(--yellow)}.pill.analyzer{background:#58a6ff26;color:var(--accent)}.pill.halted{background:#f8514933;color:var(--red)}.pill.running{background:#3fb95026;color:var(--green)}.state-box{padding:32px 16px;text-align:center;color:var(--text-dim);background:var(--bg-panel);border:1px dashed var(--border);border-radius:var(--radius);font-size:14px}.state-box.error{color:var(--red);border-color:#f8514966}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.lat-bar{height:14px;border-radius:4px;background:var(--bg)}.lat-bar>span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#1f6feb,#58a6ff)}.lat-bar.warn>span{background:linear-gradient(90deg,#9e6a03,#d29922)}.lat-bar.bad>span{background:linear-gradient(90deg,#da3633,#f85149)}