@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#0d1117;--ink:#d7dee9;--ink-soft:#8fa1ba;--panel:#121822;--edge:#263244;--edge-strong:#3a4c66;--chip:#172130;--sans:"Space Grotesk", "Trebuchet MS", sans-serif;--mono:"IBM Plex Mono", Consolas, monospace;font-family:var(--sans);color:var(--ink);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0}#root{min-height:100svh}.app-shell{flex-direction:column;gap:12px;max-width:980px;margin:0 auto;padding:14px;display:flex}.card{background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:12px;box-shadow:0 10px 26px #0000003d}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.collector-indicator{border:1px solid var(--edge);font:600 .8rem/1 var(--mono);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:108px;padding:7px 10px;display:inline-flex}.collector-indicator .dot{background:#6b7280;border-radius:50%;width:9px;height:9px}.collector-indicator.active{color:#8ff5d7;border-color:#2b8a74}.collector-indicator.active .dot{background:#10b981}.collector-indicator.partial{color:#f6d79b;border-color:#7c5c2a}.collector-indicator.partial .dot{background:#f59e0b}.collector-indicator.error{color:#ffb7c1;border-color:#8b2f3e}.collector-indicator.error .dot{background:#ef4444}.collector-indicator.idle{color:#c6d2e1;border-color:#44546a}.collector-indicator.idle .dot{background:#94a3b8}h1{margin:0;font-size:1.35rem}.sub{color:var(--ink-soft);margin:4px 0 0;font-size:.9rem}.top-actions{gap:8px;display:flex}.top-actions .btn-main{flex:auto}.btn{border:1px solid var(--edge-strong);color:var(--ink);font:600 .9rem/1 var(--sans);background:#1b2636;border-radius:12px;padding:10px 12px}.btn:disabled{opacity:.5}.btn-main{color:#fff;background:#0f4d77;border-color:#2d7fb5}.btn-danger{color:#ffc2cb;background:#3a1d24;border-color:#86414d}.latest h2,.card h2{margin:0 0 8px;font-size:1rem}.status{color:var(--ink-soft);margin:0 0 8px;font-size:.85rem}.history-empty{text-align:center;margin:6px 0}.status-detail{color:#c9a86a;min-height:1.1rem;margin:-3px 0 8px;font-size:.78rem}.kv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.kv-grid div{background:var(--chip);border-radius:10px;min-width:0;padding:8px}.kv-grid span{color:var(--ink-soft);font-size:.75rem;display:block}.dualstack-badge{color:#9fd7ff;font:600 .63rem/1 var(--mono);vertical-align:middle;border:1px solid #2d7fb5;border-radius:999px;margin-left:6px;padding:1px 5px;font-style:normal;display:inline-block}.kv-grid strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:.86rem;display:block;overflow:hidden}.controls{grid-template-columns:1fr;gap:8px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;display:flex}label{color:var(--ink-soft);font-size:.75rem}select{border:1px solid var(--edge);width:100%;min-width:0;max-width:100%;color:var(--ink);font:500 .9rem/1 var(--mono);white-space:nowrap;text-overflow:ellipsis;background:#1a2332;border-radius:10px;padding:10px;display:block;overflow:hidden}.predictor{background:#112536;border:1px solid #284560;border-radius:10px;justify-content:space-between;align-items:baseline;padding:10px;display:flex}.predictor span{color:#98bfd5;font-size:.8rem}.predictor strong{color:#d5ebff;font-size:1rem}.history-panel{grid-template-columns:1fr}.history-panel .btn{width:100%}.heatmap-wrap{border:1px solid var(--edge);border-radius:10px;justify-content:center;width:100%;display:flex;overflow:auto}.heatmap-wrap canvas{width:100%;max-width:640px;height:auto;margin:0 auto;display:block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.72rem}th,td{border-bottom:1px solid var(--edge);text-align:left;white-space:nowrap;padding:5px 4px}.note p{color:var(--ink-soft);margin:0;font-size:.82rem}@media (width<=1024px){.top-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title status""actions actions";align-items:start;display:grid}.title-block{grid-area:title;min-width:0}.collector-indicator{grid-area:status;justify-self:end}.top-actions{grid-area:actions;grid-template-columns:1fr;width:100%;display:grid}.top-actions .btn-main,.top-actions .btn{width:100%}}