:root{--text:#1c2430;--muted:#5b6573;--bg:#f5f8fc;--surface:#fff;--border:#d5dce6;--primary:#1565c0;--primary-text:#fff;--error:#b3261e;color:var(--text);background:var(--bg);font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}h1{margin:0 0 .25rem;font-size:1.6rem}.page{min-height:100vh}.page--centered{justify-content:center;align-items:center;padding:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;width:100%;max-width:420px;padding:1.5rem;display:flex}.subtitle{color:var(--muted);margin:0}.simulated-label{border:1px solid var(--border);width:fit-content;color:var(--muted);border-radius:999px;align-self:flex-start;margin:.5rem 0;padding:.2rem .75rem;font-size:.9rem}label{margin-top:.5rem;font-weight:600}input{width:100%;font:inherit;border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem}input[aria-invalid=true]{border-color:var(--error)}button{font:inherit;color:var(--primary-text);background:var(--primary);border:1px solid var(--primary);cursor:pointer;border-radius:999px;padding:.65rem 1rem;font-weight:600}button.secondary{color:var(--primary);background:0 0}button:disabled{opacity:.6;cursor:not-allowed}form button[type=submit]{margin-top:1rem}.field-error,.form-error{color:var(--error);margin:0;font-size:.9rem}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.content{max-width:960px;margin:0 auto;padding:1.5rem 1rem}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.muted{color:var(--muted)}.simulator{flex-direction:column;gap:1rem;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.panel h2{margin:0;font-size:1.15rem}select{width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.55rem .75rem}.readings{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.readings dt{font-weight:600}.readings dd{margin:0}.status-chip{border:2px solid;border-radius:999px;width:fit-content;margin:0;padding:.2rem .75rem;font-weight:700}.status-normal{color:#1b5e20}.status-warning{color:#8a5300}.status-critical{color:var(--error)}.status-offline,.status-stale,.status-no-data{color:var(--muted)}.scenario-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;display:grid}.scenario-grid button{border-radius:8px}.confirm{border:2px solid var(--error);border-radius:8px;padding:.75rem}.confirm p{margin-top:0}.inline-fields{border:1px dashed var(--border);border-radius:8px;flex-direction:column;gap:.35rem;padding:.75rem;display:flex}.checkbox{align-items:center;gap:.5rem;font-weight:400;display:flex}.checkbox input{width:auto}.feedback-ok{color:#1b5e20;margin:0}.alerts,.events{margin:0;padding-left:1.25rem}.topbar .muted{flex:auto}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{color:#fff;background:#0b2545;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:.85rem 1.25rem;display:flex}.brand{align-items:center;gap:.75rem;min-width:0;display:flex}.brand-name{letter-spacing:.08em;text-transform:uppercase;color:#9ec5ec;margin:0;font-size:.8rem}.brand h1{margin:0;font-size:1.35rem}.brand-desc{color:#c9dbef;margin:0;font-size:.9rem}.session{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.95rem;display:flex}button.on-dark{color:#fff;border-color:#9ec5ec}.app-body{flex:1;min-width:0;display:flex}.side-nav{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex:0 0 210px;gap:.25rem;padding:1rem .75rem;display:flex}.side-nav a{color:var(--text);border-radius:8px;padding:.55rem .75rem;font-weight:600;text-decoration:none}.side-nav a[aria-current=page]{color:var(--primary);background:#e3effc}.side-nav a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #f9a825}.app-main{flex-direction:column;flex:1;gap:1.25rem;min-width:0;padding:1.25rem;display:flex}.main-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.main-head h2{margin:0 0 .25rem;font-size:1.4rem}.main-head p{max-width:60ch;margin:0}.banner{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:0 0 1rem;padding:.6rem .9rem}.tank-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start;gap:1rem;display:grid}.tank-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.75rem;min-width:0;padding:1rem;display:flex;box-shadow:0 1px 3px #0b254514}.tank-card--pending{border-color:#f9a825;box-shadow:0 0 0 2px #f9a82559}.tank-card__head{justify-content:space-between;gap:.5rem;display:flex}.tank-card__head h3{margin:0;font-size:1.1rem}.tank-card__head p{margin:0}.tank-card__visual{grid-template-columns:96px 1fr;align-items:center;gap:.75rem;display:grid}.tank-illustration{width:96px;height:auto}.tank-water{transition:y .4s,height .4s}@media (prefers-reduced-motion:reduce){.tank-water{transition:none}}.tank-figures{grid-template-columns:1fr;margin:0;font-size:.9rem;display:grid}.tank-figures dt{color:var(--muted);font-size:.8rem;font-weight:600}.tank-figures dd{margin:0 0 .3rem}.tank-card__form{flex-direction:column;gap:.25rem;display:flex}.tank-card__form label{margin-top:.4rem}.slider-row{grid-template-columns:1fr 5.5rem;align-items:center;gap:.5rem;display:grid}.slider-row input[type=range]{accent-color:var(--primary);border:0;padding:0}.num{text-align:right}.two-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:.5rem;display:grid}.two-cols label{display:block}.small{font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tank-card__foot{border-top:1px solid var(--border);flex-direction:column;gap:.35rem;padding-top:.6rem;display:flex}.tank-card__foot p{margin:0}.sync{font-size:.9rem;font-weight:600}.sync-ok{color:#1b5e20}.sync-pending{color:#8a5300}.sync-sending{color:var(--primary)}.sync-error{color:var(--error)}.small-btn{align-self:flex-start;padding:.35rem .8rem;font-size:.9rem}.system-panel{max-width:640px}@media (width<=760px){.app-body{flex-direction:column}.side-nav{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;flex:none;padding:.5rem}.app-main{padding:1rem .75rem}}.tank-card__head .status-chip{white-space:nowrap;align-self:flex-start;font-size:.85rem}