.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{color-scheme:light;--ink:#18342c;--muted:#706d64;--paper:#f5efe3;--surface:#fffbf3;--line:#ded2c2;--moss:#1d3a30;--moss-2:#102d25;--lime:#b7b09f;--amber:#c88a5a;--terracotta:#91533a;--mushroom:#a99d91;--blue:#456c62;--critical:#a33f49;--shadow:0 16px 42px rgba(52,44,31,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 86% 6%,rgba(145,83,58,.07),transparent 22rem),var(--paper);color:var(--ink);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-art{position:relative;overflow:hidden;background:#f8f2e7;color:var(--ink);padding:clamp(2rem,6vw,5.5rem);display:flex;flex-direction:column;justify-content:space-between}.login-art>*{position:relative;z-index:1}.login-art:before{content:"";position:absolute;width:28rem;height:28rem;border:2px solid rgba(145,83,58,.28);border-radius:50%;left:-12rem;top:-14rem}.login-art:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-7rem;height:17rem;background:repeating-linear-gradient(154deg,transparent 0 22px,rgba(29,58,48,.12) 23px 30px);border-radius:50% 50% 0 0/45% 45% 0 0;transform:rotate(-2deg)}.brand{display:flex;align-items:center}.brand img{display:block;object-fit:contain}.brand--login img{width:min(360px,70vw);height:auto;mix-blend-mode:multiply}.login-message{max-width:760px}.login-art h1{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:clamp(3rem,7vw,6.5rem);letter-spacing:-.045em;line-height:.86;max-width:760px;margin:1.25rem 0 1.6rem}.login-art p{max-width:600px;font-size:1.08rem;line-height:1.65;color:var(--muted)}.login-art small{color:var(--terracotta);font-weight:750;letter-spacing:.03em}.login-panel{background:linear-gradient(155deg,#102d25,#24483c);display:grid;place-items:center;padding:2rem}.login-card{width:min(440px,100%);background:var(--surface);padding:clamp(1.5rem,4vw,3rem);border-radius:4px 34px 4px 4px;box-shadow:0 30px 80px #00000038;border-top:4px solid var(--terracotta)}.login-card h2{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:2.35rem;margin:.25rem 0 .5rem}.field{display:grid;gap:.4rem;margin:1.1rem 0}.field label{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fffdf8;padding:.85rem 1rem;border-radius:5px;color:var(--ink);width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(145,83,58,.15);border-color:var(--terracotta)}.btn{border:0;border-radius:5px;padding:.78rem 1rem;background:var(--moss);color:#fff;font-weight:750;letter-spacing:.015em;display:inline-flex;gap:.5rem;align-items:center;justify-content:center}.btn:hover{background:var(--moss-2)}.btn.secondary{background:#e9e0d2;color:var(--ink)}.btn.ghost{background:transparent;color:var(--moss);border:1px solid var(--line)}.btn.danger{background:var(--critical)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.full{width:100%}.error-box,.demo-banner{padding:.8rem 1rem;border-radius:5px;margin:1rem 0}.error-box{background:#f8dfe2;color:#772b34}.demo-banner{background:#ead9c6;color:#623f2d;border-bottom:1px solid #c7a98e;border-radius:0;margin:0;text-align:center;font-weight:750;letter-spacing:.03em}.shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.sidebar{background:#f8f2e7;color:var(--ink);padding:1.15rem;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);box-shadow:8px 0 30px #3e301e0a}.sidebar .brand{padding:0}.brand--sidebar{height:126px;background:#f8f2e7;border-bottom:1px solid var(--line);overflow:hidden}.brand--sidebar img{width:100%;height:100%;mix-blend-mode:multiply}.sidebar-caption{text-transform:uppercase;letter-spacing:.19em;color:var(--terracotta);font-size:.63rem;font-weight:850;text-align:center;margin:.85rem 0 1.2rem}.nav{display:grid;gap:.28rem}.nav button{border:0;background:transparent;color:#4d5c56;text-align:left;padding:.75rem .82rem;border-radius:4px;font-weight:680}.nav button:hover{background:#eee5d8;color:var(--ink)}.nav button.active{background:var(--moss);color:#fff;box-shadow:inset 4px 0 var(--terracotta)}.userbox{margin-top:auto;border-top:1px solid var(--line);padding-top:1rem;display:flex;justify-content:space-between;align-items:center}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);background:#f5efe3eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,3vw,2.5rem);position:sticky;top:0;z-index:3}.topbar h1{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:1.55rem;margin:0}.status-row{display:flex;align-items:center;gap:.8rem;font-size:.82rem}.status-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);padding:.35rem .65rem;border-radius:999px;background:#fffbf3cc}.dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--critical)}.dot.ok{background:var(--blue)}.mobile-menu{display:none;border:0;background:transparent;font-size:1.4rem}.content{padding:clamp(1rem,3vw,2.75rem);max-width:1500px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.69rem;font-weight:850;color:var(--terracotta)}.page-intro{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.65rem;padding-bottom:1.15rem;border-bottom:1px solid var(--line)}.page-intro:after{content:"";position:absolute;bottom:-1px;left:0;width:74px;height:2px;background:var(--terracotta)}.page-intro h2{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.025em;line-height:.95;margin:.4rem 0}.page-intro p{margin:.5rem 0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:5px 22px 5px 5px;box-shadow:var(--shadow)}.metric-card{position:relative;overflow:hidden;padding:1.15rem;min-height:154px;display:flex;flex-direction:column;justify-content:space-between}.metric-card:before{content:"";position:absolute;top:0;left:0;width:48px;height:3px;background:var(--terracotta)}.metric-card:nth-child(2n):before{background:var(--moss)}.metric-card .label{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.metric-card .value{font-family:Georgia,Times New Roman,serif;font-size:2.55rem;font-weight:500;letter-spacing:-.045em}.metric-card .unit{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.85rem;color:var(--muted);letter-spacing:.03em}.metric-card.invalid{border-style:dashed;background:#f1eadf}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin-top:1rem}.panel{padding:1.35rem;overflow:hidden}.panel h3{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:1.35rem;margin:0 0 1rem}.zone-card{border:1px solid var(--line);border-radius:5px 14px 5px 5px;padding:1rem;margin:.6rem 0;display:flex;justify-content:space-between;gap:1rem;align-items:center}.zone-card h4{font-family:Georgia,Times New Roman,serif;font-size:1.12rem;font-weight:500;margin:0 0 .3rem}.mode{padding:.3rem .6rem;border-radius:999px;background:#dfddd2;color:var(--moss);font-weight:850;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.actuator{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.actuator:last-child{border-bottom:0}.state{font-size:.7rem;font-weight:850;letter-spacing:.04em;padding:.25rem .5rem;border-radius:4px;background:#e8e3da}.state.on{background:#dbe7e2;color:#234d42}.state.pending{background:#f4e2c7;color:#6e4828}.alarm-count{font-family:Georgia,Times New Roman,serif;font-size:4.4rem;font-weight:500;color:var(--critical)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:5px 18px 5px 5px;background:var(--surface);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:.82rem .92rem;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:#6d675d;background:#eee5d8;position:sticky;top:0}tbody tr:hover{background:#fcf7ee}tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:4px;font-size:.72rem;font-weight:850;background:#e8e3da}.badge.critico{background:#f5d9dd;color:#7e2933}.badge.atencao{background:#f5e7ce;color:#704820}.badge.informativo{background:#dde8e3;color:#31574d}.badge.ok{background:#dbe7e2;color:#234d42}.filters{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}.filters select,.filters input{border:1px solid var(--line);border-radius:5px;padding:.6rem .8rem;background:var(--surface)}.stats{display:flex;gap:2rem;flex-wrap:wrap;margin:1rem 0}.stat strong{display:block;font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:1.55rem}.chart{min-height:330px;overflow:auto}.gap-list{border-left:4px solid var(--terracotta);padding-left:1rem}.empty{text-align:center;padding:3rem;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#081815a8;display:grid;place-items:center;z-index:20;padding:1rem}.modal{background:var(--surface);border-radius:18px;width:min(520px,100%);padding:1.5rem;box-shadow:0 30px 80px #00000047}.modal h2{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.2rem}.critical-note{border-left:4px solid var(--critical);background:#f9e8e9;padding:.8rem;margin:1rem 0}.toast{position:fixed;right:1rem;bottom:1rem;background:#102d29;color:#fff;padding:.9rem 1.2rem;border-radius:10px;box-shadow:var(--shadow);z-index:30;max-width:420px}.uplot{font-family:inherit}.u-legend{font-size:.8rem}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.shell{grid-template-columns:210px 1fr}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-art{min-height:38vh;padding:2rem}.login-art h1{font-size:3rem}.shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;z-index:10;transition:left .2s}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{height:64px}.status-pill span.label-text{display:none}.content{padding:1rem}.page-intro{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr;gap:.7rem}.metric-card{min-height:125px}.metric-card .value{font-size:1.8rem}.zone-card{align-items:flex-start;flex-direction:column}.hide-mobile{display:none}}@media(max-width:420px){.metrics{grid-template-columns:1fr}.login-art h1{font-size:2.5rem}.status-row{gap:.35rem}}