:root{--bg:#071722;--panel:#0d2432;--line:#204052;--ink:#e9f4f5;--muted:#91a9b3;--green:#2be0a7;--amber:#f4c451;--danger:#ff766d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}header{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;background:#081b27f2;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green);color:#042018;font-weight:900}.brand span{display:flex;flex-direction:column}.brand small{color:var(--muted)}.online{margin:auto;color:var(--muted)}.online i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:8px}.account{display:flex;gap:14px;align-items:center}.account a,.account button{color:var(--green);background:none;border:0;text-decoration:none;cursor:pointer}aside{position:fixed;top:66px;bottom:0;width:220px;padding:30px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px;color:var(--muted)}aside>b{font-size:11px;letter-spacing:1.5px;margin-bottom:8px}aside a{padding:11px;border-radius:8px}aside a.active{background:#103549;color:var(--green)}aside p{margin-top:auto;margin-bottom:2px;color:var(--ink)}main{margin-left:220px;padding:36px;max-width:1600px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center}.hero label{color:var(--green);font-size:11px;letter-spacing:1.5px}.hero h1{font-size:34px;margin:6px 0}.hero p{color:var(--muted)}button{padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:#102c3b;color:var(--ink);cursor:pointer}.primary{background:var(--green);color:#042018;border-color:var(--green);font-weight:700}.actions{display:flex;gap:10px}.notice{display:flex;gap:14px;margin:22px 0;background:#0c302f;border:1px solid #225b50;padding:14px 18px;border-radius:10px}.notice span{color:var(--muted);margin-left:10px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0}.kpis article,.mini div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.kpis span,.kpis small,.mini span{display:block;color:var(--muted)}.kpis strong{display:block;font-size:26px;margin:7px 0}.kpis .warn{border-top-color:var(--danger)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:4px;overflow:auto}.tabs button{background:none;border:0;border-radius:0;color:var(--muted)}.tabs button.on{color:var(--green);border-bottom:2px solid var(--green)}.panel{display:none;background:#091d29;border:1px solid var(--line);padding:24px;border-radius:0 0 12px 12px}.panel.on{display:block}.panel h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid label,dialog label{color:var(--muted)}em{float:right;color:#5f7e8b;font-style:normal}input,select{display:block;width:100%;margin-top:7px;padding:11px;border-radius:7px;border:1px solid var(--line);background:#071722;color:var(--ink)}input:disabled,select:disabled{opacity:.72}.map{height:230px;margin-top:24px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(25deg,transparent 49%,#1d3b49 50%,transparent 51%),linear-gradient(155deg,transparent 49%,#173544 50%,transparent 51%),#0a2934;position:relative;overflow:hidden}.route{position:absolute;left:6%;right:6%;top:47%;height:30px;border-radius:50%;transform:rotate(-7deg);border-top:10px solid #294a58;border-bottom:3px dashed var(--amber)}.map span,.map a{position:absolute;bottom:14px;padding:8px 12px;background:#071722;border-radius:6px}.map span{left:14px}.map a{right:14px;color:var(--green)}.test-list,.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.test-list b{width:100%}.test-list span,.chips span{padding:7px 10px;background:#103549;border-radius:20px;color:#b7d0d6}.sensor,.alarm,.cost{margin-top:22px;padding:18px;border-left:3px solid var(--green);background:#0d2933;display:flex;flex-direction:column}.sensor span,.alarm span,.cost small{color:var(--muted)}.results{display:grid;grid-template-columns:1fr 1fr;gap:20px}.results>article{background:#0b202c;border:1px solid var(--line);padding:20px;border-radius:10px}.mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.mini b{display:block;font-size:18px;margin-top:6px}ul{list-style:none;padding:0}li{padding:8px 10px;color:var(--muted)}li.hit{color:var(--amber);background:#392f18}.cost b{font-size:26px;margin:5px 0}table{width:100%;border-collapse:collapse;margin-top:15px;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px}footer{color:var(--muted);text-align:center;padding:28px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;width:min(420px,90vw)}dialog::backdrop{background:#000a}dialog form{display:grid;gap:14px}.close{position:absolute;right:12px;top:12px}.error{color:var(--danger)}@media(max-width:980px){aside{display:none}main{margin:0;padding:20px}.kpis{grid-template-columns:repeat(2,1fr)}.grid,.results{grid-template-columns:1fr 1fr}}@media(max-width:620px){header{padding:0 12px}.online{display:none}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:27px}.kpis,.grid,.results,.mini{grid-template-columns:1fr}.account span{display:none}}