:root{--bg:#08101d;--panel:#101a2b;--panel2:#142238;--line:#24344d;--text:#eef5ff;--muted:#8fa3bd;--accent:#27d7b2;--blue:#5aa7ff;--warn:#ffba5c;--danger:#ff6b7a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#14233b 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1580px;margin:auto;padding:28px}.topbar{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:24px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.16em}.topbar h1{margin:7px 0 5px;font-size:30px}.topbar p,.panel-head p{margin:0;color:var(--muted)}.top-actions{display:flex;gap:10px;flex-wrap:wrap}.top-actions select,.top-actions button,.top-actions a{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:10px 13px;text-decoration:none;cursor:pointer}.top-actions button{background:var(--accent);color:#042018;border-color:transparent;font-weight:700}.notice{padding:12px 15px;border:1px solid var(--danger);border-radius:12px;color:#ffd7dc;background:#2a1520;margin-bottom:18px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}.metrics article,.panel{background:linear-gradient(180deg,rgba(20,34,56,.96),rgba(13,24,41,.96));border:1px solid var(--line);border-radius:17px}.metrics article{padding:18px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:12px}.metrics strong{display:block;font-size:25px;margin:7px 0}.grid{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}.panel{padding:18px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.panel h2{font-size:16px;margin:0 0 5px}.panel-head p{font-size:12px}.trend-panel{min-height:360px}.health-panel{min-height:360px}.live-panel{min-height:460px}.funnel-panel{min-height:460px}.campaign-panel{grid-column:1/-1}.live-dot{font-size:11px;background:rgba(39,215,178,.12);color:var(--accent);border:1px solid rgba(39,215,178,.3);padding:5px 8px;border-radius:999px}.service-list{display:grid;gap:9px}.service-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}.status{width:9px;height:9px;border-radius:50%;background:#64748b}.status.healthy{background:var(--accent);box-shadow:0 0 10px rgba(39,215,178,.6)}.status.stale{background:var(--warn)}.service-row small{color:var(--muted)}.live-list{max-height:390px;overflow:auto}.live-item{display:grid;grid-template-columns:88px 100px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid rgba(36,52,77,.75);padding:10px 2px;font-size:13px}.live-time{color:var(--muted);font-variant-numeric:tabular-nums}.event-chip{padding:5px 8px;border-radius:8px;background:rgba(90,167,255,.12);color:#acd1ff;white-space:nowrap}.trace{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.result.success{color:var(--accent)}.result.fail{color:var(--danger)}.funnel{display:grid;gap:10px}.funnel-row{display:grid;grid-template-columns:105px 1fr 65px;align-items:center;gap:10px}.bar{height:13px;background:#1e2d43;border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--accent));border-radius:inherit}.funnel-row b{text-align:right;font-variant-numeric:tabular-nums}.funnel-row small{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}td:not(:first-child),th:not(:first-child){text-align:right}canvas{width:100%;height:280px;display:block}@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}.campaign-panel{grid-column:auto}}@media(max-width:640px){.shell{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.live-item{grid-template-columns:75px 1fr}.live-item .trace,.live-item .result{display:none}}
.infra-panel{grid-column:1/-1}.infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.infra-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:rgba(255,255,255,.018)}.infra-card span,.infra-card small{display:block;color:var(--muted)}.infra-card b{display:block;margin:7px 0;text-transform:uppercase}.infra-card b.ok{color:var(--accent)}.infra-card b.warn{color:var(--warn)}.infra-card b.bad{color:var(--danger)}@media(max-width:900px){.infra-grid{grid-template-columns:1fr}}