:root{color:#e5edf7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#07111f;--panel:#0f1c2d;--panel-alt:#13263d;--panel-soft:#142a42;--border:#94a3b82e;--muted:#93a4bd;--text:#e5edf7;--long:#22c55e;--short:#ef4444;--wait:#fbbf24;--primary:#60a5fa;--shadow:0 16px 40px #0f172a59;background:#07111f;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100vh;color:var(--text);background:linear-gradient(#07111f 0%,#0b1628 100%);margin:0}body{min-width:320px}button,input,select{font:inherit}h1,h2,h3,p{margin-top:0}.app-shell{max-width:1440px;margin:0 auto;padding:24px 18px 40px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;opacity:.7;color:var(--muted);margin:0 0 6px;font-size:.72rem}.topbar h1{margin:0;font-size:clamp(1.8rem,3vw,2.6rem)}.status-wrap{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.header-meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:.78rem;display:flex}.content{flex-direction:column;gap:20px;display:flex}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#0f1c2de6;border-radius:18px;padding:18px 20px}.status-band{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.status-band__item{background:#94a3b80a;border-radius:12px;flex-direction:column;gap:8px;padding:8px 10px;display:flex}.status-band__item .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.status-band__item strong{font-size:1.1rem}.status-band__item small{color:var(--muted)}.alert-strip{background:#7f1d1d2e;border:1px solid #f8717173}.alert-strip__title{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-weight:800}.alert-strip__body{color:#f8fafc;flex-wrap:wrap;gap:10px 18px;font-size:.92rem;display:flex}.alert-strip__components{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.alert-strip__components span{background:#ffffff14;border-radius:999px;align-items:center;padding:4px 8px;font-size:.72rem;display:inline-flex}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.metric-card{flex-direction:column;justify-content:space-between;min-height:130px;display:flex}.metric-card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.76rem}.metric-card h2{margin:0;font-size:clamp(1.4rem,2.4vw,2.3rem)}.metric-card small{color:var(--muted);font-size:.78rem}.score-panel{flex-direction:column;gap:18px;display:flex}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.section-head h2{margin:0;font-size:1.2rem}.small-note{color:var(--muted);font-size:.74rem}.score-row{align-items:center;gap:16px;display:flex}.score-label-group{min-width:120px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.bar-track{background:#94a3b829;border-radius:999px;flex:1;height:14px;overflow:hidden}.bar{border-radius:inherit;height:100%;transition:width .2s}.bar.long{background:linear-gradient(90deg,#16a34a,#22c55e)}.bar.short{background:linear-gradient(90deg,#dc2626,#ef4444)}.component-panel .component-layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.component-panel h3{margin-bottom:8px}.component-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.component-list li{border:1px solid var(--border);background:#94a3b80d;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.component-title-wrap{justify-content:space-between;align-items:center;gap:10px;display:flex}.component-list strong{font-size:.92rem}.component-list span{color:var(--muted);font-size:.72rem}.component-points{color:var(--text);font-size:.8rem;font-weight:700}.switch-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.state-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.74rem;display:inline-flex}.state-badge.active{color:#86efac;background:#22c55e1f}.state-badge.inactive{color:var(--muted);background:#94a3b81f}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#94a3b84d;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:#22c55eb3}.switch input:checked+.slider:before{transform:translate(20px)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filter,.load-more{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#94a3b80f;border-radius:999px;padding:6px 12px}.history-actions{align-items:center;gap:8px;display:flex}.filter.active{background:#60a5fa2e;border-color:#60a5fa80}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.82rem}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:8px 10px}th{color:var(--muted);font-weight:600}.badge{text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.badge.signal{color:#bfdbfe;background:#60a5fa1f}.badge.setup{color:#fcd34d;background:#fbbf241f}.badge.entry{color:#86efac;background:#22c55e1f}.two-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.status-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.status-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.status-list span{color:var(--muted)}.status-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.status-badge.online{color:#86efac;background:#22c55e1f}.status-badge.offline{color:#fca5a5;background:#ef44441f}.loading-state{min-height:40vh;color:var(--muted);place-items:center;display:grid}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start}.status-wrap{align-items:flex-start}.header-meta{justify-content:flex-start}.score-row{flex-direction:column;align-items:stretch}.score-label-group{min-width:0}}