:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-0:#e2e8f0;--surface-1:#fff;--line:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--series-1:#0284c7;--series-3:#059669;--good:#16a34a;--warn:#d97706;--navy:#fff;--navy-ink:#0f172a;--sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-0:#f8fafc;--surface-1:#fff;--line:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--series-1:#0284c7;--series-3:#059669;--good:#16a34a;--warn:#d97706;--navy:#fff;--navy-ink:#0f172a}}:root[data-theme=dark]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-0:#f8fafc;--surface-1:#fff;--line:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--series-1:#0284c7;--series-3:#059669;--good:#16a34a;--warn:#d97706;--navy:#fff;--navy-ink:#0f172a}*{box-sizing:border-box}body{background:var(--surface-0);color:var(--text-primary);font-family:var(--sans);margin:0;padding-block:0 32px;padding-inline:16px;font-size:14px;line-height:1.5}header.top{color:#0f172a;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:baseline;gap:14px;margin-inline:-16px;padding:16px 24px;display:flex}header.top h1{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:18px;font-weight:700}header.top .sub{color:#64748b;font-size:13px}header.top .right{align-items:center;gap:10px;margin-left:auto;font-size:12px;display:flex}header.top button{color:#0f172a;cursor:pointer;font-family:var(--sans);background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:background .15s}header.top button:hover{background:#e2e8f0}.wrap{flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;padding-top:16px;display:flex}.setup{border:1px solid var(--line);background:var(--surface-1);border-radius:12px;max-width:540px;padding:24px 26px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.setup h2{letter-spacing:-.02em;margin:0 0 6px;font-size:17px;font-weight:600}.setup p{color:var(--text-secondary);margin:0 0 16px;font-size:13px;line-height:1.4}.setup label{color:var(--text-secondary);margin:12px 0 6px;font-size:13px;font-weight:500;display:block}.setup input{border:1px solid var(--line);background:var(--surface-0);width:100%;color:var(--text-primary);font-family:var(--sans);border-radius:8px;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.setup input:focus{border-color:var(--series-1);outline:none;box-shadow:0 0 0 2px #0284c733}.setup .row{gap:10px;margin-top:16px;display:flex}.setup button{color:#f8fafc;cursor:pointer;background:#0f172a;border:0;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .15s}.setup button:hover{background:#1e293b}.kpis{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.kpi{background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:18px 20px;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 15px -3px #0f172a0f,0 4px 6px -4px #0f172a0a}.kpi:hover{transform:translateY(-2px);box-shadow:0 14px 20px -3px #0f172a17}.kpi .lab{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600}.kpi .val{letter-spacing:-.03em;color:#0f172a;margin-top:6px;font-size:32px;font-weight:800;line-height:1.15}.kpi .sub{color:var(--text-muted);margin-top:2px;font-size:12.5px}.kpi .val .pct{font-size:18px;font-weight:600}.grid2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px;display:grid}.panel{background:#fff;border:1px solid #cbd5e1;border-radius:14px;min-width:0;padding:18px 20px;box-shadow:0 10px 15px -3px #0f172a0f,0 4px 6px -4px #0f172a0a}.panel h3{letter-spacing:-.01em;color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:700}.tablewrap{background:#fff;border:1px solid #cbd5e1;border-radius:14px;overflow:hidden;box-shadow:0 10px 15px -3px #0f172a0f,0 4px 6px -4px #0f172a0a}.tbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;display:flex}.tbar select,.tbar input{color:var(--text-primary);font-family:var(--sans);background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:13px;box-shadow:0 1px 2px #0000000a}.tbar select:focus,.tbar input:focus{border-color:var(--series-1);outline:none}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px;font-size:12.5px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 12px}th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10.5px}td{font-variant-numeric:tabular-nums}tr.lead{cursor:pointer}td.ct{overflow-wrap:anywhere;max-width:220px;font-size:12px;line-height:1.5}td.ct .nc{color:var(--text-muted)}tr.lead:hover{background:var(--surface-0)}.pill{border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill.opened{background:color-mix(in srgb, var(--good) 14%, transparent);color:var(--good)}.pill.waiting{background:var(--surface-0);color:var(--text-muted)}.pill.hot{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}.rd{font-variant-numeric:tabular-nums}.empty{text-align:center;color:var(--text-muted);padding:40px}.drawer{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:3vh 16px;display:none;position:fixed;inset:0}.drawer.show{display:flex}.drawer .box{background:var(--surface-1);border:1px solid var(--line);border-radius:14px;width:min(760px,96vw);max-height:92vh;padding:22px 26px;overflow:auto}.drawer h2{margin:0 0 2px;font-size:18px}.drawer .meta{color:var(--text-secondary);margin-bottom:12px;font-size:12.5px}.drawer .sect{margin:12px 0}.drawer .sect .k{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:600}.drawer .sect .v{color:var(--text-primary);font-size:13px}.drawer .card{border:1px solid var(--line);border-radius:10px;margin:8px 0;padding:10px 12px}.drawer .card b{margin-bottom:2px;display:block}.drawer .card span{color:var(--text-secondary);font-size:12.5px}.drawer .row{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.drawer a.btn,.drawer button{background:var(--navy);color:#fff;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--sans);border:0;border-radius:8px;padding:9px 16px;text-decoration:none}.drawer button.ghost{background:var(--surface-0);color:var(--text-primary);border:1px solid var(--line)}.foot{color:var(--text-muted);text-align:right;font-size:11.5px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--series-1);outline-offset:2px}header.top .right a{color:#fff;opacity:.8;font-size:12px}.setup .err{color:#c0392b;margin-top:8px;font-size:12.5px}
