:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #fafbfc;--border: #e7e9ee;--border-strong: #d7dbe2;--text: #1d2530;--text-muted: #687283;--text-faint: #99a2b0;--primary: #2563eb;--primary-strong: #1d4ed8;--primary-soft: #ecf1fe;--teal: #0e9aa7;--teal-soft: #e4f4f5;--success: #1a9e57;--success-soft: #e8f6ee;--warning: #c4770e;--warning-soft: #fbf2e2;--danger: #d6453f;--danger-soft: #fbecec;--info: #5b6675;--info-soft: #eef0f4;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica, Arial, sans-serif;--fs-display: 34px;--fs-xl: 24px;--fs-lg: 18px;--fs-md: 15px;--fs-sm: 13px;--fs-xs: 11px;--r-lg: 12px;--r-md: 8px;--r-sm: 6px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.app{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--sp-6)}.main{flex:1;padding:var(--sp-6) 0 var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-5)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--sp-4)}.panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}@media (max-width: 820px){.panels{grid-template-columns:1fr}}.row{display:flex;align-items:center;gap:var(--sp-2)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5);animation:fade-in .25s ease both}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.card__title{font-size:var(--fs-lg);font-weight:650;letter-spacing:-.01em}.card__subtitle{font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px}.header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) 0;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:var(--sp-3)}.brand__mark{width:34px;height:34px;border-radius:var(--r-md);background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:var(--fs-md);flex:none}.brand__name{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.02em}.brand__sub{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.header__meta{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.switcher{display:inline-flex;align-items:center;gap:var(--sp-2)}.switcher__label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.switcher__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);font-weight:600;color:var(--text);cursor:pointer}.switcher__select:hover{border-color:var(--primary)}.switcher__select:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.live{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}.live__dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--success);animation:pulse 1.6s ease-in-out infinite}.live--stale .live__dot{background:var(--warning)}.live--down .live__dot{background:var(--danger);animation:none}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);min-height:104px}.stat__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:600}.stat__value{font-size:var(--fs-display);font-weight:700;letter-spacing:-.02em;line-height:1.05}.stat__sub{font-size:var(--fs-sm);color:var(--text-muted)}.stat__value--accent{color:var(--primary)}.hero{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-6);align-items:center}@media (max-width: 520px){.hero{grid-template-columns:1fr;justify-items:center;text-align:center}}.ring{--size: 132px;width:var(--size);height:var(--size);position:relative;flex:none}.ring svg{transform:rotate(-90deg)}.ring__track{stroke:var(--border-strong)}.ring__value{stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .6s ease}.ring__center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.ring__pct{font-size:26px;font-weight:700;letter-spacing:-.02em}.ring__cap{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.bars{display:flex;flex-direction:column;gap:var(--sp-4)}.bar__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2)}.bar__label{font-size:var(--fs-sm);font-weight:600;text-transform:capitalize}.bar__meta{font-size:var(--fs-sm);color:var(--text-muted)}.bar__track{height:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);overflow:hidden}.bar__fill{height:100%;border-radius:var(--r-pill);transition:width .6s ease;min-width:2px}.bar__fill--primary{background:var(--primary)}.bar__fill--teal{background:var(--teal)}.bar__value{font-weight:700}.badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:650;letter-spacing:.02em;padding:3px 9px;border-radius:var(--r-pill);text-transform:uppercase}.badge--neutral{background:var(--info-soft);color:var(--info)}.badge--primary{background:var(--primary-soft);color:var(--primary-strong)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.anoms{display:flex;flex-direction:column;gap:var(--sp-3)}.anom{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.anom__body{display:flex;flex-direction:column;gap:4px}.anom__type{font-size:var(--fs-sm);font-weight:650;text-transform:capitalize}.anom__msg{font-size:var(--fs-sm);color:var(--text)}.anom__action{font-size:var(--fs-xs);color:var(--text-muted)}.empty{text-align:center;color:var(--text-muted);font-size:var(--fs-sm);padding:var(--sp-6) 0}.banner{border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);display:flex;align-items:center;gap:var(--sp-2)}.banner--warn{background:var(--warning-soft);color:var(--warning);border:1px solid #f0dcb8}.banner--info{background:var(--primary-soft);color:var(--primary-strong);border:1px solid #d6e2fb}.footer{border-top:1px solid var(--border);padding:var(--sp-4) 0;font-size:var(--fs-xs);color:var(--text-faint);display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}