:root{--ink:#dcecea;--muted:#8ca6a5;--line:rgba(213,239,232,.12);--panel:#103137;--deep:#071c22;--mint:#a7efc5;--coral:#ff9b84;--amber:#ffd77a;--violet:#b8a7f4}*{box-sizing:border-box}body{margin:0;background:var(--deep);color:var(--ink);font:14px Manrope,system-ui,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(270px,28vw) 1fr}.hero{padding:52px clamp(26px,4vw,70px);background:radial-gradient(circle at 18% 18%,#16464c 0,transparent 28%),linear-gradient(160deg,#0b292e,#071c22 64%);display:flex;flex-direction:column}.brand{letter-spacing:.2em;font-size:18px;font-weight:800;display:flex;align-items:center;gap:12px}.brand-mark{display:inline-flex;gap:3px;align-items:flex-end;height:18px}.brand-mark i{display:block;background:var(--mint);width:4px;border-radius:9px}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:18px}.live{margin-top:clamp(80px,17vh,190px);color:var(--mint);font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.14em}.live span{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--mint)}h1{font-size:clamp(38px,4vw,66px);letter-spacing:-.075em;line-height:.98;margin:22px 0 18px}h1 em{font-style:normal;color:var(--mint)}.hero>p{color:#b9cecc;line-height:1.65;max-width:300px}.dashboard{padding:38px clamp(22px,4vw,62px);background:#0b242a}.topbar,.panel-heading,.controls,.kpis,.grid-main,.grid-bottom{display:flex}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.eyebrow{font:500 10px "DM Mono",monospace;color:#81a6a4;letter-spacing:.12em;margin:0 0 8px}h2,h3{margin:0;letter-spacing:-.045em}h2{font-size:28px}h3{font-size:18px}.controls{gap:10px;align-items:end}.controls label{color:var(--muted);font-size:10px;display:grid;gap:5px}.controls select,.controls button{border:1px solid var(--line);border-radius:8px;background:#0c2a30;color:var(--ink);font:12px Manrope;padding:9px 10px;outline:none}.controls button{font-size:20px;line-height:13px;cursor:pointer;padding:8px 10px;color:var(--mint)}.status{min-height:20px;margin:-12px 0 15px;color:var(--muted);font-size:12px}.status.error{color:var(--coral)}.kpis{gap:13px;flex-wrap:wrap}.kpi{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:18px;min-width:175px;flex:1}.kpi.highlight{background:linear-gradient(135deg,#174349,#103137)}.kpi p{color:var(--muted);font-size:12px;margin:7px 0 12px}.kpi strong{font-size:28px;letter-spacing:-.06em;display:block}.kpi small{color:#9fb9b6;font-size:10px}.kpi-icon{float:right;border-radius:8px;color:var(--mint);background:#1c4b4c;padding:5px 8px;font-weight:800}.kpi-icon.coral{color:var(--coral);background:#513a3a}.kpi-icon.amber{color:var(--amber);background:#4b432e}.kpi-icon.violet{color:var(--violet);background:#403b59}.grid-main{gap:13px;margin-top:13px}.grid-main>.panel:first-child{flex:1.4}.grid-main>.panel:last-child{flex:1}.grid-bottom{gap:13px;margin-top:13px}.grid-bottom>.panel{flex:1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:21px;min-height:290px}.compact{min-height:190px}.panel-heading{justify-content:space-between;align-items:flex-start}.pill,.dot-label{font:500 10px "DM Mono",monospace;color:#a7c5c2;background:#0a292e;padding:6px 8px;border-radius:20px}.dot-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:4px}.chart{height:212px;margin-top:22px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.chart text{fill:#739392;font:10px "DM Mono",monospace}.chart .gridline{stroke:#315358;stroke-width:1}.chart .area{fill:url(#area-gradient)}.chart .line{fill:none;stroke:var(--mint);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart .point{fill:#0c2a30;stroke:var(--mint);stroke-width:3}.zone-list,.reviews,.transitions{margin-top:17px}.zone-row{display:grid;grid-template-columns:1fr auto;gap:9px;padding:12px 0;border-bottom:1px solid var(--line)}.zone-row:last-child{border:0}.zone-name{font-weight:700}.zone-meta{font:11px "DM Mono",monospace;color:var(--muted);margin-top:3px}.zone-value{font-size:17px;font-weight:800}.state{font:10px "DM Mono",monospace;text-align:right}.state.ok{color:var(--mint)}.state.watch{color:var(--coral)}.review-row,.transition-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.review-row:last-child,.transition-row:last-child{border:0}.meter{height:6px;width:94px;background:#24474a;border-radius:10px;overflow:hidden;margin-top:5px}.meter i{display:block;height:100%;border-radius:10px;background:var(--coral)}.empty{display:grid;gap:7px;color:var(--muted);font-size:12px;line-height:1.5;padding:18px 0}.empty b{color:#bdd1cf;font-size:13px}@media(max-width:1020px){.shell{grid-template-columns:1fr}.hero{min-height:280px}.live{margin-top:55px}.grid-main{flex-direction:column}}@media(max-width:620px){.dashboard{padding:25px 16px}.topbar{align-items:flex-start;flex-direction:column}.controls{width:100%;flex-wrap:wrap}.controls label{flex:1}.controls select{width:100%}.grid-bottom{flex-direction:column}.kpi{min-width:calc(50% - 8px)}.hero{padding:32px 24px}.hero>p{margin-bottom:0}}