:root{--ink:#eaf8f7;--muted:#8fb0b0;--panel:#0c2931;--panel2:#10343d;--aqua:#38e0c1;--blue:#36aeea;--danger:#ff6b6b;--line:rgba(180,235,230,.12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 0,#123b44 0,#071c24 38%,#05151b 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:rgba(12,41,49,.92);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 24px 80px #0008}.brand-mark{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--aqua),var(--blue));color:#03252b;font-weight:900}.login-card h1{margin:22px 0 5px}.login-card p{color:var(--muted);margin:0 0 25px}.login-card label{display:block;color:var(--muted);font-size:.86rem;margin:14px 0}.login-card input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#061b22;color:white;font:inherit}.login-card button,.control-row button{border:0;border-radius:11px;padding:13px 18px;font-weight:750;cursor:pointer}.login-card button{width:100%;margin-top:10px;background:var(--aqua);color:#04242a}.error{color:#ff9999;min-height:22px;margin-top:12px}main{max-width:1180px;margin:auto;padding:34px 24px 70px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h1,h2{margin:4px 0}.eyebrow{font-size:.72rem;letter-spacing:.17em;color:var(--aqua);font-weight:800}.header-actions{display:flex;align-items:center;gap:12px}.status{padding:9px 13px;border-radius:99px;background:#19383e;color:var(--muted);font-size:.86rem}.status.online{background:#103f3a;color:#75f5d4}.status.offline{background:#492929;color:#ff9999}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);padding:9px 13px;border-radius:9px;cursor:pointer}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.tank-card,.runtime-card,.metrics article,.history-card{background:linear-gradient(145deg,rgba(16,52,61,.96),rgba(8,31,39,.96));border:1px solid var(--line);border-radius:20px}.tank-card{min-height:330px;padding:28px;display:flex;align-items:center;gap:34px}.tank-visual{height:250px;width:170px;border:5px solid #b9d9d880;border-top:0;border-radius:12px 12px 38px 38px;position:relative;overflow:hidden;background:#061b22}.water{position:absolute;bottom:0;width:100%;height:0%;background:linear-gradient(#37cfda99,#218ddccc);transition:height .8s}.water span{position:absolute;top:-9px;left:-10%;width:120%;height:18px;border-radius:50%;background:#47e3e7aa}.tank-scale{position:absolute;right:10px;top:12px;color:#b6d4d2;font-size:.75rem}.tank-copy strong{font-size:clamp(2.5rem,5vw,4.3rem);display:block;margin:12px 0 4px}.tank-copy p,.note{color:var(--muted)}.runtime-card{padding:30px;display:flex;flex-direction:column;justify-content:center}.timer{font-size:clamp(3rem,6vw,5.4rem);font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-weight:780;margin:12px 0}.pump-row{display:flex;align-items:center;gap:10px;color:var(--muted)}.dot{height:12px;width:12px;border-radius:50%;background:#66777b}.dot.running{background:var(--aqua);box-shadow:0 0 16px var(--aqua)}.dot.stopped{background:#ffca68}.control-row{display:flex;gap:10px;margin-top:28px}.danger{background:var(--danger);color:#2a0a0a}.safe{background:#d8fff5;color:#07332d}.control-row button:disabled{opacity:.35;cursor:not-allowed}.note{font-size:.8rem;margin-bottom:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metrics article{padding:20px}.metrics span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:8px}.metrics strong{font-size:1.15rem}.history-card{padding:25px}.section-heading{display:flex;justify-content:space-between;align-items:end}.rate{color:var(--muted);font-size:.82rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{text-align:left;padding:14px 10px;border-top:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}td{font-variant-numeric:tabular-nums}@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.tank-card{min-height:280px}.tank-visual{height:210px;width:140px}}@media(max-width:520px){header{align-items:flex-start;gap:15px}.status{display:none}.tank-card{padding:20px;gap:20px}.tank-visual{height:180px;width:110px}.metrics{grid-template-columns:1fr}.control-row{flex-direction:column}.section-heading{align-items:flex-start;gap:8px;flex-direction:column}}