@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-height:100%}:root{--bg-top: #f7fbff;--bg-bottom: #f3efe5;--ink: #10253c;--ink-muted: #4f6479;--border: #c7d5e4;--panel: rgba(255, 255, 255, .82);--panel-strong: #ffffff;--accent: #0b8f79;--accent-soft: rgba(11, 143, 121, .14);--alert: #d04a35;--alert-soft: rgba(208, 74, 53, .12);--ok: #1d8f4f;--ok-soft: rgba(29, 143, 79, .12);--run: #2d78d1;--run-soft: rgba(45, 120, 209, .12);--shadow: 0 20px 40px rgba(11, 31, 50, .12)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Chakra Petch,sans-serif;background:radial-gradient(circle at 12% 18%,rgba(35,150,160,.22),transparent 46%),radial-gradient(circle at 82% 14%,rgba(245,178,83,.22),transparent 38%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}.monitor-root{position:relative;min-height:100vh;padding:26px;overflow:hidden}.monitor-glow{position:absolute;border-radius:999px;filter:blur(18px);opacity:.7;pointer-events:none}.monitor-glow-left{width:280px;height:280px;background:#21ad9c47;top:-120px;left:-80px}.monitor-glow-right{width:360px;height:360px;background:#e095283d;right:-120px;top:-140px}.monitor-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);animation:rise .45s ease-out}.header-kicker{margin:0 0 8px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:700}.monitor-header h1{margin:0;font-size:clamp(1.8rem,1.3rem + 1.8vw,2.9rem);line-height:1}.header-subtitle{margin:12px 0 0;max-width:720px;color:var(--ink-muted)}.header-meta{display:grid;justify-items:end;gap:10px;font-size:14px}.connection-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 14px;border:1px solid var(--border);font-weight:700}.connection-pill.live{color:var(--ok);border-color:#1d8f4f61;background:var(--ok-soft);animation:pulse 1.6s ease-in-out infinite}.connection-pill.polling,.connection-pill.connecting{color:var(--run);border-color:#2d78d157;background:var(--run-soft)}.sync-time{color:var(--ink-muted)}.ghost-btn{border:1px solid var(--border);border-radius:999px;background:var(--panel-strong);padding:8px 14px;color:var(--ink);font-family:inherit;font-weight:600;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.ghost-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#89a3bc}.ghost-btn:disabled{opacity:.64;cursor:not-allowed}.kpi-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-card{border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);padding:14px 16px;display:grid;gap:6px}.kpi-card span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.kpi-card strong{font-size:30px;line-height:1}.error-banner{margin:12px 0 0;border:1px solid rgba(208,74,53,.45);background:var(--alert-soft);color:#8d2b1e;border-radius:12px;padding:10px 12px}.monitor-grid{margin-top:16px;display:grid;grid-template-columns:minmax(360px,1fr) minmax(380px,1.2fr);gap:14px}.panel{border:1px solid var(--border);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);padding:16px;animation:rise .56s ease-out}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-header h2{margin:0;font-size:22px;line-height:1.1}.panel-note{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.panel-desc{margin:10px 0 12px;color:var(--ink-muted);font-size:14px}.trace-list{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px}.trace-card{border:1px solid var(--border);border-radius:14px;padding:12px;background:#ffffffbf}.trace-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.trace-head p{margin:0;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500}.trace-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--ink-muted)}.trace-summary{margin:8px 0 0;font-size:14px}.status-pill{border-radius:999px;padding:4px 10px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.status-pill.running{color:var(--run);background:var(--run-soft)}.status-pill.success{color:var(--ok);background:var(--ok-soft)}.status-pill.failed{color:var(--alert);background:var(--alert-soft)}.step-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px}.step-list li{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;font-size:13px}.step-dot{width:10px;height:10px;border-radius:999px;border:1px solid transparent}.step-dot.running{border-color:#2d78d166;background:var(--run)}.step-dot.success{border-color:#1d8f4f66;background:var(--ok)}.step-dot.failed{border-color:#d04a3566;background:var(--alert)}.step-time{font-family:IBM Plex Mono,monospace;color:var(--ink-muted)}.network-panel{margin-top:14px;border:1px solid var(--border);border-radius:12px;padding:10px;background:#ffffffad;position:sticky;top:8px;z-index:2}.network-panel h3{margin:0 0 8px}.network-desc{margin:0 0 8px;color:var(--ink-muted);font-size:12px}.network-kpi{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:12px;color:var(--ink-muted)}.network-edge-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.network-edge-list li{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:#ffffff9e}.network-edge-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.network-edge-head strong{font-size:13px}.network-edge-list p{margin:4px 0 0;font-size:12px;color:var(--ink-muted)}.network-edge-meta{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.event-panel{margin-top:14px;border-top:1px dashed var(--border);padding-top:12px}.event-panel h3{margin:0 0 8px}.event-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.event-panel li{display:grid;grid-template-columns:80px 1fr 170px 130px;gap:8px;font-size:12px;align-items:center;padding:6px 8px;border-radius:8px;background:#ffffff9e}.event-state{text-transform:uppercase;letter-spacing:.08em;font-weight:700}.event-state.running{color:var(--run)}.event-state.success{color:var(--ok)}.event-state.failed{color:var(--alert)}.records-summary{margin-bottom:10px;display:flex;flex-wrap:wrap;gap:12px;color:var(--ink-muted);font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}th,td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left;font-size:13px}th{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--ink-muted)}.request-id{margin:0;font-family:IBM Plex Mono,monospace}.request-action{margin:2px 0 0;color:var(--ink-muted)}.mono{font-family:IBM Plex Mono,monospace}.table-empty{text-align:center;color:var(--ink-muted)}.empty-state{border:1px dashed var(--border);border-radius:12px;padding:12px;color:var(--ink-muted);font-size:14px}.empty-state.compact{padding:10px;margin:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #1d8f4f42}50%{box-shadow:0 0 0 8px #1d8f4f00}}@media(max-width:1100px){.monitor-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-panel li{grid-template-columns:72px 1fr}}@media(max-width:760px){.monitor-root{padding:14px}.monitor-header{flex-direction:column}.header-meta{justify-items:start}.kpi-grid{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start}}