:root{color:#d8e2ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1016;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#22c55e1a,#0000 30rem),linear-gradient(135deg,#0b1016 0%,#111827 54%,#101820 100%);min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{grid-template-columns:17rem minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080d13d1;border-right:1px solid #26313b;flex-direction:column;gap:2rem;height:100vh;padding:1.25rem;display:flex;position:sticky;top:0}.brand-mark,.signal-pulse,.nav-item,.topbar,.toolbar,.product-strip,.panel-heading,.row-label,.override-output,.alert-card{align-items:center;display:flex}.brand-mark{gap:.8rem}.brand-icon{color:#07110c;background:#22c55e;border-radius:.5rem;place-items:center;width:2.65rem;height:2.65rem;display:grid}.brand-icon svg,.nav-item svg,.primary-action svg,.kpi-card svg,.panel-heading svg,.alert-card svg{width:1.15rem;height:1.15rem}.brand-mark strong,.signal-pulse strong,.kpi-card strong,.product-strip strong,.alert-card strong{color:#f7fbff;display:block}.brand-mark small,.signal-pulse small,.product-strip small,.kpi-card span,.alert-card span,.title-group p,.panel-heading p,.gauge-panel p,.select-control span{color:#8fa1b3}.nav-list{gap:.45rem;display:grid}.nav-item{color:#adc0cf;background:0 0;border:1px solid #0000;border-radius:.5rem;gap:.75rem;width:100%;min-height:2.75rem;padding:0 .75rem}.nav-item.active,.nav-item:hover{color:#f7fbff;background:#141d26;border-color:#2d3b47}.signal-pulse{background:#101820;border:1px solid #26313b;border-radius:.5rem;gap:.7rem;margin-top:auto;padding:.85rem}.pulse-dot,.model-chip span{background:#22c55e;border-radius:999px;width:.65rem;height:.65rem;box-shadow:0 0 0 .35rem #22c55e24}.pulse-dot.warn{background:#f59e0b;box-shadow:0 0 0 .35rem #f59e0b24}.main-panel{min-width:0;padding:1.25rem}.topbar{justify-content:space-between;gap:1rem;padding-bottom:1.1rem}.title-group h1{color:#f7fbff;letter-spacing:0;margin:.1rem 0 0;font-size:2rem;line-height:1.1}.title-group p,.panel-heading p{text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.status-pill,.model-chip{color:#c6d4df;white-space:nowrap;background:#111923;border:1px solid #33414d;border-radius:999px;align-items:center;gap:.45rem;min-height:2.35rem;padding:0 .75rem;font-size:.86rem;display:inline-flex}.status-pill.live{color:#bbf7d0;border-color:#22c55e73}.select-control{gap:.18rem;display:grid}.select-control span{font-size:.72rem;font-weight:700}.select-control select{color:#e6eef6;background:#111923;border:1px solid #33414d;border-radius:.45rem;min-width:17rem;height:2.35rem;padding:0 2.2rem 0 .7rem}.segmented{background:#111923;border:1px solid #33414d;border-radius:.45rem;grid-template-columns:repeat(3,3rem);height:2.35rem;padding:.2rem;display:inline-grid}.segmented button{color:#8fa1b3;background:0 0;border:0;border-radius:.3rem}.segmented button.active{color:#07110c;background:#22c55e}.primary-action{color:#07110c;background:#22c55e;border:0;border-radius:.45rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.35rem;padding:0 .9rem;font-weight:800;display:inline-flex}.primary-action:disabled{opacity:.7}.spin{animation:1s linear infinite spin}.product-strip{background:#101820c2;border:1px solid #26313b;border-radius:.5rem;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem}.product-strip div:first-child{gap:.2rem;display:grid}.product-strip span{color:#67e8f9;text-transform:uppercase;font-size:.78rem;font-weight:800}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:.9rem;display:grid}.kpi-card,.panel{background:#101820d6;border:1px solid #26313b;border-radius:.5rem;box-shadow:0 18px 50px #0000002e}.kpi-card{gap:.45rem;min-height:8rem;padding:1rem;display:grid}.kpi-card svg{color:#67e8f9}.kpi-card strong{font-size:1.55rem;line-height:1}.dashboard-grid{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:.9rem;display:grid}.primary-column,.side-column{gap:.9rem;min-width:0;display:grid}.two-column{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:.9rem;display:grid}.panel{padding:1rem}.panel-heading{justify-content:space-between;gap:.9rem;margin-bottom:.9rem}.panel-heading h2{color:#f7fbff;letter-spacing:0;margin:.15rem 0 0;font-size:1.02rem;line-height:1.25}.chart-panel{min-height:26rem}.chart-wrap{width:100%;height:21.5rem}.explanation-card p{color:#d8e2ea;margin:0;line-height:1.65}.contribution-list{gap:.9rem;display:grid}.contribution-row{gap:.4rem;display:grid}.row-label{gap:.5rem}.row-label span{border-radius:999px;width:.65rem;height:.65rem}.row-label strong{color:#d8e2ea;font-size:.9rem}.row-label em{color:#8fa1b3;margin-left:auto;font-size:.85rem;font-style:normal}.bar-track{background:#0b1016;border-radius:999px;height:.55rem;overflow:hidden}.bar-track span{border-radius:inherit;height:100%;display:block}.bar-track span.negative{opacity:.68}.gauge-panel{text-align:center;justify-items:center;display:grid}.gauge{background:conic-gradient(#22c55e var(--gauge-angle), #1f2a35 0);border-radius:999px;place-items:center;width:9.5rem;height:9.5rem;display:grid}.gauge>div{border-radius:inherit;background:#101820;place-items:center;width:7.2rem;height:7.2rem;display:grid}.gauge strong{color:#f7fbff;font-size:1.8rem}.gauge span{color:#8fa1b3;text-transform:uppercase;font-size:.78rem;font-weight:800}.gauge-panel p{max-width:16rem;margin:.8rem 0 0}.override-panel input{accent-color:#22c55e;width:100%}.override-output{justify-content:space-between;gap:.8rem;margin-top:.75rem}.override-output strong{color:#f7fbff;font-size:1.4rem}.override-output span{color:#67e8f9}.alert-list{gap:.65rem;display:grid}.alert-card{background:#f59e0b14;border:1px solid #f59e0b52;border-radius:.5rem;justify-content:space-between;gap:.7rem;padding:.75rem}.alert-card strong{font-size:.92rem}.alert-card span{margin-top:.2rem;font-size:.82rem;display:block}.alert-card button{color:#d8e2ea;background:#111923;border:1px solid #3a4854;border-radius:.4rem;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.quiet-state,.empty-state,.loading-surface{color:#8fa1b3;text-align:center;place-items:center;min-height:8rem;display:grid}.loading-surface{background:#101820d6;border:1px solid #26313b;border-radius:.5rem;gap:.75rem;min-height:24rem}.loader{border:.25rem solid #26313b;border-top-color:#22c55e;border-radius:999px;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.app-shell{grid-template-columns:5rem minmax(0,1fr)}.brand-mark div,.nav-item span,.signal-pulse div{display:none}.sidebar{align-items:center}.nav-item{justify-content:center;padding:0}}@media (width<=980px){.topbar,.product-strip{flex-direction:column;align-items:stretch}.toolbar{justify-content:flex-start}.summary-grid,.dashboard-grid,.two-column{grid-template-columns:1fr}.side-column{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;width:100%;height:auto;padding:.75rem;position:static;overflow-x:auto}.brand-mark div,.nav-item span{display:block}.brand-mark{min-width:10rem}.nav-list{display:flex}.nav-item{width:auto;padding:0 .75rem}.signal-pulse{display:none}.main-panel{padding:.85rem}.select-control,.select-control select,.primary-action,.segmented,.status-pill{width:100%}.segmented{grid-template-columns:repeat(3,1fr)}.summary-grid,.side-column{grid-template-columns:1fr}.chart-panel{min-height:22rem}.chart-wrap{height:17.5rem}}.nav-item{text-decoration:none}.page-actions{gap:.75rem;margin-bottom:1rem;display:flex}.success-banner{color:#bbf7d0;background:#22c55e1a;border:1px solid #22c55e66;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;display:grid}.form-field{gap:.3rem;display:grid}.form-field span{color:#8fa1b3;text-transform:uppercase;font-size:.75rem;font-weight:700}.form-field input,.form-field select{color:#e6eef6;height:2.5rem;font:inherit;background:#111923;border:1px solid #33414d;border-radius:.45rem;padding:0 .75rem;transition:border-color .2s}.form-field input:focus,.form-field select:focus{border-color:#22c55e;outline:none}.form-field input::placeholder{color:#4a5a6a}.form-error{color:#f43f5e;margin:0 0 .5rem;font-size:.85rem}.form-success{color:#22c55e;margin:0 0 .5rem;font-size:.85rem}.form-actions{gap:.75rem;display:flex}.add-product-form{margin-bottom:1rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.9rem;display:grid}.product-card{text-align:left;color:inherit;cursor:pointer;background:#101820d6;border:1px solid #26313b;border-radius:.5rem;gap:.55rem;padding:1.15rem;transition:border-color .2s,box-shadow .2s;display:grid}.product-card:hover{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e2e,0 12px 36px #00000040}.product-card-header{justify-content:space-between;align-items:center;display:flex}.product-card-header svg{color:#4a5a6a;width:1rem;height:1rem;transition:color .2s,transform .2s}.product-card:hover .product-card-header svg{color:#22c55e;transform:translate(3px)}.product-category-badge{color:#67e8f9;text-transform:uppercase;background:#67e8f91f;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-block}.product-card-name{color:#f7fbff;font-size:1.1rem;line-height:1.25}.product-card-meta{color:#8fa1b3;gap:.4rem;font-size:.82rem;display:flex}.product-card-forecast{border-top:1px solid #1f2a35;justify-content:space-between;align-items:center;margin-top:.35rem;padding-top:.65rem;display:flex}.product-card-forecast span{color:#8fa1b3;text-transform:uppercase;font-size:.75rem;font-weight:700}.product-card-forecast strong{color:#22c55e;font-size:.95rem}.signal-health-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.9rem;margin-bottom:1.25rem;display:grid}.signal-health-card{gap:.4rem;padding:1rem;display:grid}.signal-health-header{align-items:center;gap:.55rem;display:flex}.signal-health-header strong{color:#f7fbff;flex:1}.signal-source-dot{border-radius:999px;flex:none;width:.6rem;height:.6rem}.signal-status-icon{flex:none;width:1.15rem;height:1.15rem}.signal-status-icon.healthy{color:#22c55e}.signal-status-icon.degraded{color:#f59e0b}.signal-health-status{color:#8fa1b3;font-size:.82rem;font-weight:600}.signal-health-time{color:#4a5a6a;font-size:.75rem}.signal-toolbar{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1.25rem;display:flex}.signal-source-grid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.9rem;display:grid}.signal-source-panel{padding:1rem}.signal-items{gap:1rem;display:grid}.signal-item{gap:.35rem;display:grid}.signal-item-header{justify-content:space-between;align-items:center;display:flex}.signal-item-header strong{color:#d8e2ea;font-size:.88rem}.signal-value{font-size:.85rem;font-weight:700}.signal-value.positive{color:#22c55e}.signal-value.negative{color:#f43f5e}.signal-item-date{color:#4a5a6a;font-size:.75rem}.settings-grid{grid-template-columns:repeat(2,1fr);gap:.9rem;display:grid}.settings-panel{padding:1.15rem}.settings-panel .panel-heading h2{align-items:center;gap:.45rem;display:flex}.settings-panel .panel-heading h2 svg{color:#67e8f9;width:1.15rem;height:1.15rem}.settings-form{gap:.85rem;display:grid}.settings-status-list,.settings-info-list{gap:.65rem;display:grid}.settings-status-row,.settings-info-row{border-bottom:1px solid #1a2430;justify-content:space-between;align-items:center;padding:.7rem 0;display:flex}.settings-status-row:last-child,.settings-info-row:last-child{border-bottom:none}.settings-status-row span:first-child,.settings-info-row span:first-child{color:#8fa1b3;font-size:.88rem}.settings-status-row strong,.settings-info-row strong{color:#f7fbff;font-size:.88rem}.settings-badge{border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.settings-badge svg{width:.9rem;height:.9rem}.settings-badge.up{color:#bbf7d0;background:#22c55e24}.settings-badge.down{color:#fca5a5;background:#f43f5e24}@media (width<=980px){.form-grid,.settings-grid{grid-template-columns:1fr}.signal-toolbar{flex-direction:column;align-items:stretch}}@media (width<=720px){.product-grid,.signal-health-grid,.signal-source-grid{grid-template-columns:1fr}}