:root{--green:#0d4938;--green2:#176b4d;--mint:#e7f6ed;--bg:#f3f7f4;--border:#dfeae3;--text:#152d24;--muted:#688074;--shadow:0 14px 38px rgba(10,52,36,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text)}button,input{font:inherit}button{cursor:pointer}body{background:var(--bg)}.auth-page{display:grid;place-items:center;padding:25px;min-height:100vh;background:radial-gradient(circle at top left,#d4f0e2 0%,transparent 45%),var(--bg)}.auth-card{width:min(100%,430px);background:#fff;border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:var(--shadow)}.auth-card .logo{font-weight:900;color:var(--green2);font-size:32px;letter-spacing:1px}.eyebrow{font-weight:750;letter-spacing:2px;font-size:11px;color:#3b9770;margin-bottom:6px}.auth-card h1{font-size:25px;margin:15px 0 7px}p{line-height:1.5}.muted,.auth-card p{color:var(--muted)}label{font-size:13px;font-weight:650;color:#345c49;display:block}.auth-card label{margin:17px 0}.auth-card input,.auth-card textarea,input[type=time],input[type=number]{width:100%;height:44px;padding:10px 12px;margin-top:7px;border:1px solid var(--border);border-radius:11px;background:#fcfefd;outline:none}.auth-card input:focus,input:focus{border-color:#348c62;box-shadow:0 0 0 3px #a8dec13a}button,.button{background:var(--green2);color:#fff;border:0;border-radius:11px;padding:12px 18px;font-weight:730;text-decoration:none;display:inline-block}.auth-card button{width:100%;margin-top:6px}.error{padding:12px;border-radius:9px;background:#fce8e8!important;color:#ad2a2a!important}.success{padding:12px;border-radius:9px;background:#e6f6e9!important;color:#1b6636!important}.footer-text{font-size:12px;text-align:center;margin-top:24px!important;color:#82968b}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--border);padding:0 max(20px,calc((100vw - 1170px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center}.brand-icon{background:var(--green);color:#fff;border-radius:13px;padding:8px 13px;font-size:25px}.brand strong{font-size:23px;letter-spacing:1px;color:var(--green)}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.ghost{background:#f0f6f2;color:var(--green)}.small{padding:8px 13px;font-size:13px}.dashboard{max-width:1190px;padding:32px 22px 15px;margin:0 auto}.welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:25px}.welcome h1{font-size:clamp(25px,3vw,34px);margin:0}.welcome p{color:var(--muted);margin:6px 0}.status{padding:10px 14px;background:#ebf1ed;border:1px solid #d5e1d9;border-radius:99px;font-weight:700;color:#607b69;font-size:12px;white-space:nowrap}.status.online{color:#186c41;background:#e2f9e8;border-color:#bde8cc}.status.offline{color:#a04836;background:#fff0e6;border-color:#f1d1c6}.kpis{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.card{border:1px solid var(--border);background:#fff;border-radius:19px;padding:25px;box-shadow:var(--shadow)}.card>p:first-of-type{letter-spacing:1px;font-size:11px;font-weight:800;color:#6a8676;margin:0 0 14px}.card small{display:block;color:var(--muted);font-size:12px;margin-top:12px}.lux-card{background:linear-gradient(135deg,#0e5d44,#0c4537);color:#fff;position:relative;overflow:hidden}.lux-card>p:first-of-type,.lux-card small{color:#cce9da}.kpi-icon{position:absolute;right:23px;top:12px;font-size:47px;opacity:.28}.big-num{font-size:clamp(26px,4vw,46px);font-weight:800;letter-spacing:-1.7px}.big-num small{display:inline;font-size:14px;font-weight:500;letter-spacing:0;margin-left:5px}.meter{height:8px;background:#ffffff35;border-radius:99px;overflow:hidden;margin-top:21px}.meter span{height:100%;display:block;width:0%;background:#ffcf5d;border-radius:99px;transition:width .5s}.clock{font-size:25px;font-weight:800;letter-spacing:-.5px}.pill{border-radius:99px;background:#f1f6f2;color:#4d7462;padding:7px 10px;font-size:11px;font-weight:700;display:inline-block;margin-top:18px}.pill.pending{background:#fff0da;color:#9a6818}.pill.ok{background:#e4f8e8;color:#24683b}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.card h2{margin:0 0 7px;font-size:19px}.card h2+p{font-size:13px;color:var(--muted);margin-bottom:18px}.selector{display:flex;border-radius:12px;padding:4px;background:#f0f5f1;gap:4px;margin:18px 0}.select-btn{flex:1;background:transparent;color:#66796e;box-shadow:none}.select-btn.selected{background:var(--green2);color:white}.switch-row{padding:17px 0 8px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:15px}.switch-row small{display:block;margin-top:5px}.power-button{background:#e6eeea;color:#40604e;min-width:125px}.power-button.on{background:#15874e;color:white}.power-button:disabled{opacity:.55;cursor:not-allowed}.note{font-size:12px!important;margin-top:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px}.fields input{max-width:100%}.outline{border:1px solid #1f7e55;color:#116242;background:#fff}.notice{border:1px solid var(--border);background:#eaf3ed;color:#4a7860;padding:14px 17px;font-size:13px;margin-top:16px;border-radius:13px}.notice.error{border-color:#efbcbc;color:#a53737;background:#fce9e9}.notice.success{color:#17673e;background:#e1f5e6}@media(max-width:770px){.topbar{padding:0 18px}.dashboard{padding:24px 14px}.welcome{align-items:flex-start}.welcome p{font-size:13px}.kpis{grid-template-columns:1fr 1fr}.lux-card{grid-column:span 2}.control-grid{grid-template-columns:1fr}.card{padding:20px}.welcome{display:block}.welcome .status{display:inline-block;margin-top:10px}}@media(max-width:450px){.kpis{gap:10px}.card{padding:17px}.card>p:first-of-type{font-size:10px}.big-num{font-size:27px}.clock{font-size:20px}.fields{gap:10px}.switch-row{align-items:flex-start;flex-direction:column}.power-button{width:100%}}
