:root{--bg:#080b10;--bg-panel:#10161f;--bg-panel-alt:#0c1119;--line:#223047;--line-soft:#1a2434;--text:#e7eef7;--muted:#a2b3c7;--cyan:#4cc4f2;--cyan-dim:#1d6d8d;--amber:#f2b544;--green:#6ee7a8;--radius:12px;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Mono", "Roboto Mono", Consolas, monospace;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-text-size-adjust:100%;margin:0;padding:0;font-size:16px;line-height:1.55}body{background-image:radial-gradient(1100px 520px at 12% -10%,#4cc4f21f,#0000 60%),radial-gradient(900px 460px at 92% 0,#f2b54414,#0000 62%);background-repeat:no-repeat}h1,h2,h3{margin:0 0 8px;line-height:1.2}h2{letter-spacing:.01em;font-size:1.15rem}h3{font-size:.95rem}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{max-width:1180px;margin:0 auto;padding:28px 20px 48px}.masthead{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#141e2ceb,#0c1119eb);margin-bottom:18px;padding:22px 24px}.masthead__identity{align-items:flex-start;gap:18px;display:flex}.orbit-mark{width:54px;height:54px;color:var(--cyan);flex:none}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem}h1{letter-spacing:-.01em;margin:2px 0 6px;font-size:clamp(1.6rem,1.15rem + 1.9vw,2.3rem)}.lede{max-width:68ch;color:var(--muted);margin:0}.notice{border:1px solid #f2b54473;border-left:4px solid var(--amber);color:#f6dfb0;background:#f2b54414;border-radius:8px;margin:18px 0 0;padding:11px 14px;font-size:.92rem}main{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);min-width:0;padding:18px 20px}.panel__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.panel__head h2{margin:0}.panel__actions{flex-wrap:wrap;gap:8px;display:flex}.panel__note{color:var(--muted);margin:0 0 12px;font-size:.9rem}.filters{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:14px;display:grid}.field{gap:6px;display:grid}.field label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.field select{appearance:none;background:var(--bg-panel-alt);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;width:100%;padding:9px 11px;font-size:.95rem}.button{appearance:none;background:var(--bg-panel-alt);color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:8px;padding:9px 14px;font-size:.9rem}.button:hover{border-color:var(--cyan-dim)}.button--primary{border-color:var(--cyan-dim);color:#d6f2ff;background:#4cc4f224}.button--small{padding:4px 10px;font-size:.82rem}:where(button,select,a,input):focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.kpi{border:1px solid var(--line-soft);background:var(--bg-panel-alt);border-radius:10px;padding:12px 14px}.kpi__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.7rem;font-weight:600}.kpi__value{color:var(--cyan);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:1.7rem;font-weight:700}.empty-state{background:#f2b54412;border-color:#f2b54480}.empty-state h2{color:var(--amber)}.empty-state__body{max-width:70ch;color:var(--muted);margin:0}.charts{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:18px;display:grid}.chart{border:1px solid var(--line-soft);background:var(--bg-panel-alt);border-radius:10px;min-width:0;margin:0;padding:12px 14px 14px}.chart__caption{color:var(--text);margin:0 0 8px;font-size:.92rem;font-weight:600}.chart__svg{width:100%;height:auto;display:block;overflow:visible}.chart__bar--count{fill:#4cc4f28c;stroke:var(--cyan);stroke-width:1px}.chart__bar--duration{fill:#f2b54480;stroke:var(--amber);stroke-width:1px}.chart__point{fill:#6ee7a8d9;stroke:#0c1119;stroke-width:1px}.chart__axis{stroke:var(--line);stroke-width:1px}.chart__label,.chart__tick{fill:var(--muted);font-family:var(--font-mono);font-size:11px}.chart__value{fill:var(--text);font-family:var(--font-mono);font-size:11px}.chart__axis-title{fill:var(--muted);font-family:var(--font-mono);font-size:11px}.chart__table{border-collapse:collapse;width:100%;margin-top:10px;font-size:.85rem}.chart__table th,.chart__table td{border:1px solid var(--line-soft);text-align:left;padding:4px 8px;font-weight:400}.chart__table thead th{color:var(--muted);font-weight:600}.table-wrap{min-width:0;max-width:100%;overflow-x:auto}.records{border-collapse:collapse;width:100%;min-width:760px;font-size:.88rem}.records th,.records td{border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap;padding:7px 9px}.records thead th{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600}.records tbody th{font-family:var(--font-mono);color:var(--cyan);font-weight:600}.records__row--selected{background:#4cc4f217}.records__empty{color:var(--muted);margin:0;font-size:.92rem}.detail__title{font-family:var(--font-mono);color:var(--cyan);margin:0 0 12px;font-size:1rem}.detail__grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 16px;display:grid}.detail__item{border:1px solid var(--line-soft);background:var(--bg-panel-alt);border-radius:8px;padding:8px 10px}.detail__item dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.detail__item dd{margin:2px 0 0;font-size:.98rem}.detail__heading{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.72rem}.detail__sequence{max-width:74ch;color:var(--text);margin:0}.footer{border-top:1px solid var(--line-soft);color:var(--muted);margin-top:20px;padding-top:12px;font-size:.84rem}.footer p{margin:0}@media (width<=720px){.app-shell{padding:18px 12px 36px}.masthead{padding:16px 14px}.masthead__identity{flex-direction:column;gap:10px}.orbit-mark{width:44px;height:44px}.panel{padding:14px 13px}.kpi__value{font-size:1.45rem}.filters{grid-template-columns:1fr}}