:root{color-scheme:dark;--bg:#0b1118;--panel:#141d27;--line:#263545;--text:#e8f0f7;--muted:#8fa3b7;--accent:#63d8bd;--warn:#f2c76e}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#081018,#101b25);color:var(--text);font:16px system-ui,sans-serif;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:32px clamp(20px,5vw,72px);border-bottom:1px solid var(--line)}h1{margin:.2rem 0;font-size:clamp(2rem,5vw,4rem);font-weight:500}.eyebrow{letter-spacing:.2em;color:var(--accent)}main{padding:36px clamp(20px,5vw,72px)}.status{padding:10px 16px;border:1px solid var(--line);border-radius:99px;color:var(--warn)}.login{max-width:420px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.login input,.login button{width:100%;margin-top:12px;padding:13px;border-radius:9px;border:1px solid var(--line);background:#0d151e;color:var(--text)}button{cursor:pointer}.login button{background:var(--accent);color:#07120f;font-weight:700}.section-title{display:flex;align-items:end;justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:22px 0 42px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.card h3{color:var(--muted);letter-spacing:.08em}.temperature{font-size:3rem;margin:20px 0}.row{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid var(--line)}pre{white-space:pre-wrap;background:#080d12;padding:18px;border-radius:12px;max-height:350px;overflow:auto;color:#b7c8d8}@media(max-width:600px){header{align-items:flex-start;gap:18px;flex-direction:column}}
.areas{display:grid;gap:18px;margin:22px 0 42px}.area{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.area-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.area-head h3{margin:0 0 14px}.sensor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.sensor{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#0d151e;border-radius:9px;border-left:4px solid var(--accent)}.sensor.active{border-left-color:#f07178}.sensor.bypassed{border-left-color:var(--warn)}.sensor small{display:block;color:var(--muted);margin-top:3px}.badge{white-space:nowrap;color:var(--muted);font-size:.85rem}.badge.active{color:#f07178}.badge.ok{color:var(--accent)}
.cards.compact{grid-template-columns:repeat(auto-fit,minmax(250px,360px))}.access-state{font-size:1.4rem;color:var(--accent);margin:14px 0}.note{color:var(--muted);font-size:.9rem}