:root{--navy:#071522;--card:#10243e;--cyan:#00b8d9;--lime:#9cce3b;--orange:#f59e0b;--red:#ff5468;--text:#e7f0f5;--muted:#91abba}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#06111c,#0a1c2d);color:var(--text);font:15px system-ui,Segoe UI,sans-serif;min-height:100vh}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#071522eF;border-bottom:1px solid #1c415b;position:sticky;top:0;z-index:5}.brand{font-size:22px;color:white;text-decoration:none}.brand b{color:var(--cyan)}nav a{color:#b8d5e4;text-decoration:none;margin-left:22px}main{max-width:1220px;margin:auto;padding:30px 24px 70px}footer{text-align:center;color:#668396;padding:24px}.head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.head h1,h1{font-size:34px;margin:5px 0}.eyebrow{font-size:11px;letter-spacing:1.7px;color:var(--cyan);font-weight:800}.panel{background:linear-gradient(160deg,#10243e,#0b1d30);border:1px solid #24475f;border-radius:18px;padding:20px;box-shadow:0 14px 34px #0004}.button,button{background:var(--cyan);color:#04121c;border:0;padding:11px 16px;border-radius:10px;font-weight:800;text-decoration:none;cursor:pointer}.ghost{background:#17324a;color:#c8e7f5}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat{padding:20px;border-radius:16px;background:#10243e;border-left:4px solid #698}.stat b{font-size:34px;display:block}.stat span{font-size:11px;letter-spacing:1px}.healthy{border-color:var(--lime)!important}.warning{border-color:var(--orange)!important}.critical{border-color:var(--red)!important}.offline{border-color:#708090!important}.asset-grid,.signal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:15px}.asset-card{display:flex;gap:15px;background:#10243e;border:1px solid #24475f;border-radius:17px;padding:20px;color:white;text-decoration:none}.asset-card:hover{transform:translateY(-2px);border-color:var(--cyan)}.icon{font-size:30px;color:var(--cyan)}h3{margin:0 0 6px}.asset-card p,.muted,p{color:var(--muted)}.pill{display:inline-block;padding:5px 9px;border-radius:99px;border:1px solid #587184;font-size:11px;font-weight:800}.pill.healthy{color:var(--lime)}.pill.warning{color:var(--orange)}.pill.critical{color:var(--red)}.pill.offline{color:#a8b5bf}.hero-grid,.two{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:18px}.tank-panel{display:flex;align-items:center;gap:32px}.tank{width:150px;height:220px;border:8px solid #b8d3df;border-radius:18px 18px 34px 34px;position:relative;overflow:hidden;background:#06111c}.liquid{position:absolute;bottom:0;width:100%;background:linear-gradient(#00d9ff,#007ba7);transition:.5s}.tank>span{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:900;text-shadow:0 2px 4px #000}.map-grid{height:180px;margin-top:14px;background:linear-gradient(30deg,#17374b 12%,transparent 12.5%,transparent 87%,#17374b 87.5%),linear-gradient(150deg,#17374b 12%,transparent 12.5%,transparent 87%,#17374b 87.5%),#0b1a24;background-size:35px 60px;display:grid;place-items:center;border-radius:13px}.map-grid span{font-size:44px;color:var(--red)}.big{font-size:30px;font-weight:800;margin:9px 0}.big small{font-size:14px;color:var(--muted)}.spark{height:48px;display:flex;align-items:end;gap:3px}.spark i{flex:1;background:var(--cyan);border-radius:2px 2px 0 0;min-height:4px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid h2,.form-grid button{grid-column:1/-1}label{color:#b9d1de;font-weight:600}input,select,textarea{display:block;width:100%;margin-top:6px;background:#061421;color:white;border:1px solid #32536b;border-radius:9px;padding:11px}.row{display:flex;justify-content:space-between;border-bottom:1px solid #24475f;padding:12px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px;text-align:left;border-bottom:1px solid #24475f}th{color:var(--cyan)}.auth{max-width:900px;margin:60px auto;display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:center}.flash{padding:12px 16px;border-radius:10px;margin-bottom:15px}.flash.error{background:#5e1f2b}.flash.ok{background:#21472c}.warn{color:var(--orange)}pre{white-space:pre-wrap;background:#061421;padding:14px;border-radius:10px;overflow:auto}@media(max-width:760px){.stats{grid-template-columns:1fr 1fr}.head,.tank-panel{align-items:flex-start}.head,.hero-grid,.two,.auth{display:block}.head>div+div,.head>.button{margin-top:15px}.form-grid{grid-template-columns:1fr}.tank-panel{display:flex}.tank{width:110px;height:170px}.signal-grid{grid-template-columns:1fr}header{padding:0 18px}nav a{margin-left:10px}.head h1,h1{font-size:28px}}