:root{color:#eaf4ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07111d;--surface:#0b1928;--surface-2:#0e2032;--border:#88aac724;--muted:#7890a7;--text:#eaf4ff;--cyan:#27d3f2;background:#07111d;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 16% -8%, #1d92c529, transparent 31rem), radial-gradient(circle at 94% 17%, #5e45c317, transparent 30rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#06101be0;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 34px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#03131c;background:linear-gradient(140deg,#43ddf8,#4a9cff);border-radius:11px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 0 28px #27d3f22e}.brand strong{letter-spacing:.16em;font-size:12px;display:block}.brand span{color:var(--muted);font-size:10px}.header-center{text-align:center}.header-center span{color:var(--cyan);letter-spacing:.16em;font:500 10px ui-monospace,SFMono-Regular,monospace;display:block}.header-center b{font-size:13px;font-weight:600}.header-status{flex-direction:column;justify-self:end;align-items:flex-end;gap:4px;display:flex}.header-status small{color:var(--muted);font-size:9px}.status-pill{border:1px solid var(--border);background:#ffffff06;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.status-pill.online{color:#72e6ad;background:#41d38b12;border-color:#41d38b38}.status-pill.waiting{color:#ffc875}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px}.dashboard{max-width:1680px;margin:0 auto;padding:30px 34px 22px}.hero-row{justify-content:space-between;align-items:flex-end;gap:24px;margin:2px 0 22px;display:flex}.eyebrow{color:var(--cyan);letter-spacing:.14em;margin:0 0 8px;font:500 10px ui-monospace,SFMono-Regular,monospace}.hero-row h1{letter-spacing:-.035em;margin:0;font-size:clamp(25px,2.3vw,36px)}.hero-row>div>p:last-child{color:var(--muted);margin:7px 0 0;font-size:12px}.quality-chip{color:#73e8b0;background:#33cd870f;border:1px solid #52da9a2e;border-radius:9px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:700;display:flex}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.metric-card{--accent:var(--cyan);border:1px solid var(--border);background:linear-gradient(150deg,#112639eb,#091827d1);border-radius:12px;align-items:flex-start;gap:12px;min-height:105px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 13px 35px #0000001f}.metric-card:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 16%, transparent), transparent 68%);width:105px;height:80px;position:absolute;bottom:-34px;right:-20px}.accent-blue{--accent:#4e9cff}.accent-violet{--accent:#9b8cff}.accent-amber{--accent:#ffb84d}.accent-green{--accent:#62e3a3}.metric-icon{width:31px;height:31px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:8px;flex:none;place-items:center;display:grid}.metric-card p{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 5px;font-size:10px;font-weight:700}.metric-value{letter-spacing:-.055em;white-space:nowrap;font:500 23px ui-monospace,SFMono-Regular,monospace}.metric-value span{color:var(--muted);letter-spacing:0;margin-left:6px;font:500 10px Avenir Next,Segoe UI,sans-serif}.metric-card small{color:#637c94;margin-top:6px;font-size:9px;display:block}.panel{border:1px solid var(--border);background:linear-gradient(155deg,#0d1f30f5,#081725ed);border-radius:12px;box-shadow:0 17px 42px #00000021}.panel-header{border-bottom:1px solid #88aac717;justify-content:space-between;align-items:flex-start;gap:18px;min-height:68px;padding:15px 17px 11px;display:flex}.panel-title{color:#cfe8fb;align-items:center;gap:8px;display:flex}.panel-title svg{color:var(--cyan)}.panel-title h2{letter-spacing:-.01em;margin:0;font-size:12px;font-weight:700}.panel-header p{color:var(--muted);margin:5px 0 0 25px;font-size:9px}.panel-badge{color:#8ba4bb;border:1px solid var(--border);background:#ffffff05;border-radius:7px;flex:none;padding:6px 8px;font:500 9px ui-monospace,SFMono-Regular,monospace}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chart-panel.wide{grid-column:1/-1}.chart-wrap{height:286px;padding:10px 8px 6px}.chart-panel.wide .chart-wrap{height:300px}.recharts-default-legend{color:#8fa8bf!important}.chart-tooltip{background:#040e18f5;border:1px solid #87aecd3d;border-radius:8px;min-width:130px;padding:9px 11px;font:500 9px ui-monospace,SFMono-Regular,monospace;box-shadow:0 9px 30px #00000059}.chart-tooltip strong{color:#dcedfb;margin-bottom:6px;display:block}.chart-tooltip div{color:#8fa8bf;align-items:center;gap:5px;margin:4px 0;display:flex}.chart-tooltip div span{border-radius:50%;width:6px;height:6px}.chart-tooltip b{color:#e9f6ff;margin-left:auto}.tables-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.wide-table{grid-column:1/-1}.table-scroll{padding:0 4px 5px;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:10px}th{color:#668098;text-align:right;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid #88aac717;padding:10px 12px;font-size:8px}th:first-child,td:first-child{text-align:left}td{text-align:right;color:#abc0d3;border-bottom:1px solid #88aac711;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,monospace}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#27d3f206}td:first-child{color:#e1effa;font-family:Avenir Next,Segoe UI,sans-serif;font-weight:700}.highlight{color:#4bdcf6;font-weight:600}.axis-dot{border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.axis-x{background:#27d3f2}.axis-y{background:#ffb84d}.axis-z{background:#9b8cff}.bottom-grid{grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px;display:grid}.method-panel,.tilt-panel{padding:16px 18px}.method-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:15px 0 0;display:grid}.method-panel dl div{border-bottom:1px solid #88aac712;justify-content:space-between;gap:14px;padding:8px 0;display:flex}dt{color:var(--muted);font-size:9px}dd{color:#bfd1e0;text-align:right;margin:0;font:500 9px ui-monospace,SFMono-Regular,monospace}.tilt-values{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.tilt-values div{background:#ffffff05;border:1px solid #88aac71a;border-radius:9px;padding:12px}.tilt-values span,.tilt-values small{color:var(--muted);font-size:8px;display:block}.tilt-values b{margin:6px 0;font:500 18px ui-monospace,SFMono-Regular,monospace;display:block}footer{color:#506a81;text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;padding:20px 3px 0;font-size:8px;display:flex}.waiting-shell{background:radial-gradient(circle at 50% 40%,#1c94c721,#0000 24rem);place-items:center;min-height:100vh;padding:24px;display:grid}.waiting-card{text-align:center;border:1px solid var(--border);background:#091928de;border-radius:18px;width:min(560px,100%);padding:42px;box-shadow:0 30px 80px #0000004d}.waiting-card h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:27px}.waiting-card>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.7}.waiting-card .status-pill{margin:18px auto}.radar{width:82px;height:82px;color:var(--cyan);place-items:center;margin:0 auto 23px;display:grid;position:relative}.radar span{border:1px solid #27d3f240;border-radius:50%;animation:2.2s ease-out infinite pulse;position:absolute;inset:0}.radar span:nth-child(2){animation-delay:1.1s}.waiting-steps{color:#7f9ab1;justify-content:center;gap:18px;margin-top:16px;font-size:9px;display:flex}.waiting-steps span{align-items:center;gap:6px;display:flex}@keyframes pulse{0%{opacity:.8;transform:scale(.45)}to{opacity:0;transform:scale(1.1)}}@media (width<=1050px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.bottom-grid{grid-template-columns:1fr}.topbar{grid-template-columns:1fr 1fr}.header-center{display:none}}@media (width<=760px){.topbar{height:64px;padding:0 16px}.header-status small,.brand span{display:none}.dashboard{padding:22px 14px}.hero-row{flex-direction:column;align-items:flex-start}.metrics-grid,.charts-grid,.tables-grid{grid-template-columns:1fr}.chart-panel.wide,.wide-table{grid-column:auto}.metric-card{min-height:94px}.method-panel dl,.tilt-values{grid-template-columns:1fr}footer{flex-direction:column;gap:6px}}