:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9eef8;background:#0c1220;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;max-width:1000px;margin-inline:auto;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:26px 0 18px}h1{font-size:clamp(1.5rem,5vw,2.1rem);margin:3px 0}h2{font-size:1.1rem;margin:0 0 14px}.eyebrow{font-size:.72rem;letter-spacing:.15em;color:#9caecb}.pill{border:1px solid #35435d;padding:7px 10px;border-radius:99px;font-size:.78rem;white-space:nowrap}.pill.ok{color:#8ce0b0;border-color:#276749}.pill.bad{color:#ffb0b0;border-color:#8b3333}
main{display:grid;gap:16px}.card{background:#151e30;border:1px solid #28364e;border-radius:18px;padding:18px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:16px}.sensor{background:#151e30;border:1px solid #28364e;border-radius:16px;padding:16px}.sensor .name{color:#aab9d0;font-size:.88rem}.sensor .value{font-size:1.9rem;font-weight:750;margin:7px 0}.sensor .unit{font-size:.85rem;color:#aab9d0}.muted{color:#9eacc2;font-size:.86rem}.error{color:#ff9c9c}form{display:grid;gap:12px}label{display:grid;gap:6px;font-size:.9rem;color:#c7d3e7}input,select,button{font:inherit;border-radius:10px;border:1px solid #35435d;background:#0f1727;color:#eef4ff;padding:11px;min-width:0}button{background:#6d8dff;color:#071022;border:0;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#273650;color:#e9eef8}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar label{display:inline}.toolbar select{flex:1}.sectionhead{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.sectionhead h2{margin:0}.relay{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #29364c}.relay:last-child{border:0}.relay small{display:block;color:#9eacc2;margin-top:4px}.relay button{min-width:86px}.relay .on{background:#2c9c69;color:white}.relay .off{background:#33435d;color:white}.alarmform{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:end}.alarmform .check{display:flex;align-items:center;gap:8px}.alarmform .check input{width:auto}canvas{width:100%;height:auto;display:block;margin-top:16px}footer{text-align:center;color:#72819b;font-size:.78rem;padding:22px 0 30px}[hidden]{display:none!important}
@media(max-width:480px){body{padding-inline:12px}.card{padding:15px}.toolbar button{padding:10px}.sensor .value{font-size:1.65rem}}