*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{width:100%;height:100%;margin:0;padding:0}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:url(/galpao.jpg) no-repeat center center;background-size:cover;padding:20px}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 15px 35px #0003;width:100%;max-width:400px}.login-box h1{margin:0 0 30px;text-align:center;color:#333;font-size:28px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-group input{width:100%;padding:12px 15px;border:2px solid #e1e1e1;border-radius:6px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.form-group input::placeholder{color:#aaa}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#c6d0fd,#3455f8);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#fee;color:#c00;padding:12px;border-radius:6px;margin-bottom:20px;text-align:center;font-size:14px}.register-link{text-align:center;margin-top:25px;color:#666}.register-link a{color:#667eea;text-decoration:none;font-weight:500}.register-link a:hover{text-decoration:underline}.sidebar{width:260px;height:100vh;background:linear-gradient(180deg,#1a1f36,#0f1225);display:flex;flex-direction:column;position:fixed;left:0;top:0;box-shadow:4px 0 20px #0000004d;z-index:100}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:28px;background:linear-gradient(135deg,#667eea,#764ba2);padding:10px;border-radius:12px}.logo-text{font-size:20px;font-weight:700;color:#fff;letter-spacing:.5px}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:4px 12px}.nav-link{display:flex;align-items:center;gap:14px;padding:14px 16px;color:#a0aec0;text-decoration:none;border-radius:10px;transition:all .3s ease;font-size:15px;font-weight:500}.nav-link:hover{background:#667eea26;color:#fff;transform:translate(4px)}.nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.nav-icon{font-size:20px;width:24px;text-align:center}.nav-text{flex:1}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;transition:all .3s ease}.logout-btn:hover{background:#ef444433;border-color:#ef4444;transform:translate(4px)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){.sidebar{width:70px}.logo-text,.nav-text{display:none}.logo{justify-content:center}.nav-link,.logout-btn{justify-content:center;padding:14px}.nav-icon{margin:0}}.dashboard-layout{display:flex;min-height:100vh;background:#f0f2f5}.dashboard-main{flex:1;margin-left:260px;display:flex;flex-direction:column}.dashboard-header{background:#fff;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:50}.dashboard-header h1{margin:0;font-size:24px;color:#1a1f36}.user-info{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#f5f5f5;border-radius:25px}.user-avatar{font-size:20px}.user-name{font-weight:500;color:#333}.dashboard-content{padding:30px 40px;flex:1}.welcome-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px 40px;border-radius:16px;color:#fff;margin-bottom:30px;box-shadow:0 10px 30px #667eea4d}.welcome-card h2{margin:0 0 8px;font-size:28px}.user-email{margin:0;opacity:.9;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:16px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.stat-icon{font-size:40px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:16px}.stat-card.energia .stat-icon{background:#fbbf2426}.stat-card.agua .stat-icon{background:#3b82f626}.stat-card.hvac .stat-icon{background:#22c55e26}.stat-card.iluminacao .stat-icon{background:#a855f726}.stat-info h3{margin:0 0 4px;font-size:14px;color:#666;font-weight:500}.stat-value{margin:0 0 4px;font-size:24px;font-weight:700;color:#1a1f36}.stat-trend{font-size:13px;font-weight:600}.stat-trend.positive{color:#22c55e}.stat-trend.negative{color:#ef4444}.stat-trend.neutral{color:#9ca3af}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 15px #0000000d}.info-card h3{margin:0 0 20px;color:#1a1f36;font-size:18px;padding-bottom:12px;border-bottom:2px solid #667eea}.info-item{margin-bottom:12px;color:#555;font-size:15px}.info-item strong{color:#333;display:inline-block;min-width:100px}.status-badge{display:inline-block;padding:12px 20px;background:#e8f5e9;color:#2e7d32;border-radius:8px;font-weight:600;font-size:15px}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100%;font-size:18px;color:#666}.error-message{background:#fee;color:#c00;padding:20px;border-radius:10px;margin:20px;text-align:center}@media(max-width:768px){.dashboard-main{margin-left:70px}.dashboard-header{padding:15px 20px}.dashboard-content,.welcome-card{padding:20px}.welcome-card h2{font-size:22px}}.exaustor-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border-left:4px solid #9ca3af}.exaustor-card.loading{opacity:.7}.loading-text{text-align:center;color:#9ca3af;padding:20px 0}.exaustor-card.ligado{border-left-color:#22c55e}.exaustor-card.desligado{border-left-color:#9ca3af}.exaustor-card.com-falha{border-left-color:#ef4444}.exaustor-nome{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1f36}.exaustor-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.info-label{color:#6b7280}.info-value{font-weight:500;color:#1a1f36}.info-value.status.on{color:#22c55e}.info-value.status.off{color:#9ca3af}.info-value.falha.normal{color:#22c55e}.info-value.falha.erro{color:#ef4444}.power-btn{width:100%;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.power-btn.off{background:#22c55e;color:#fff}.power-btn.off:hover{background:#16a34a}.power-btn.on{background:#ef4444;color:#fff}.power-btn.on:hover{background:#dc2626}.fancoil-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border-left:4px solid #9ca3af}.fancoil-card.loading{opacity:.7}.fancoil-card .loading-text{text-align:center;color:#9ca3af;padding:20px 0}.fancoil-card.ligado{border-left-color:#3b82f6}.fancoil-card.desligado{border-left-color:#9ca3af}.fancoil-card.com-falha{border-left-color:#ef4444}.fancoil-nome{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1f36}.fancoil-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.fancoil-card .info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.fancoil-card .info-label{color:#6b7280}.fancoil-card .info-value{font-weight:500;color:#1a1f36}.fancoil-card .info-value.status.on{color:#3b82f6}.fancoil-card .info-value.status.off{color:#9ca3af}.fancoil-card .info-value.falha.normal{color:#22c55e}.fancoil-card .info-value.falha.erro{color:#ef4444}.fancoil-card .info-value.co2-alto{color:#f59e0b}.setpoint-row{margin:4px 0}.setpoint-control{display:flex;align-items:center;gap:8px}.setpoint-btn{width:28px;height:28px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.setpoint-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.fancoil-card .power-btn{width:100%;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.fancoil-card .power-btn.off{background:#3b82f6;color:#fff}.fancoil-card .power-btn.off:hover{background:#2563eb}.fancoil-card .power-btn.on{background:#ef4444;color:#fff}.fancoil-card .power-btn.on:hover{background:#dc2626}.vae-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border-left:4px solid #9ca3af}.vae-card.loading{opacity:.7}.vae-card .loading-text{text-align:center;color:#9ca3af;padding:20px 0}.vae-card.ligado{border-left-color:#10b981}.vae-card.desligado{border-left-color:#9ca3af}.vae-card.com-falha{border-left-color:#ef4444}.vae-nome{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1f36}.vae-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.vae-card .info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.vae-card .info-label{color:#6b7280}.vae-card .info-value{font-weight:500;color:#1a1f36}.vae-card .info-value.status.on{color:#10b981}.vae-card .info-value.status.off{color:#9ca3af}.vae-card .info-value.falha.normal{color:#22c55e}.vae-card .info-value.falha.erro{color:#ef4444}.vae-card .info-value.temp-externa{color:#f59e0b}.vae-card .setpoint-row{margin:4px 0}.vae-card .setpoint-control{display:flex;align-items:center;gap:8px}.vae-card .setpoint-btn{width:28px;height:28px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.vae-card .setpoint-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.vae-card .power-btn{width:100%;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.vae-card .power-btn.off{background:#10b981;color:#fff}.vae-card .power-btn.off:hover{background:#059669}.vae-card .power-btn.on{background:#ef4444;color:#fff}.vae-card .power-btn.on:hover{background:#dc2626}.dashboard-container{display:flex;min-height:100vh;background:#f0f2f5}.dashboard-content{flex:1;margin-left:260px;padding:30px 40px}.dashboard-content h1{margin:0 0 10px;font-size:28px;color:#1a1f36}.welcome-message{color:#6b7280;margin-bottom:30px;font-size:15px}.error-message{background:#fee;color:#c00;padding:12px 16px;border-radius:8px;margin-bottom:20px}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#666}.container-exaustor{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 15px #0000000d}.container-titulo{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.container-titulo h2{margin:0;font-size:20px;color:#1a1f36;display:flex;align-items:center;gap:10px}.container-titulo h2:before{content:"🌀"}.exaustores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.container-fancoil{background:#fff;border-radius:16px;padding:24px;margin-top:24px;box-shadow:0 4px 15px #0000000d}.container-fancoil .container-titulo h2:before{content:"❄️"}.fancoils-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.container-vae{background:#fff;border-radius:16px;padding:24px;margin-top:24px;box-shadow:0 4px 15px #0000000d}.container-vae .container-titulo h2:before{content:"🌬️"}.vaes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media(max-width:768px){.dashboard-content{margin-left:70px;padding:20px}.exaustores-grid,.fancoils-grid,.vaes-grid{grid-template-columns:1fr}}.reservatorio-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border-left:4px solid #3b82f6}.reservatorio-card.loading{opacity:.7}.reservatorio-card.critico{border-left-color:#ef4444}.reservatorio-card.baixo{border-left-color:#f59e0b}.reservatorio-card.normal{border-left-color:#3b82f6}.reservatorio-card.cheio{border-left-color:#22c55e}.reservatorio-nome{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1f36}.reservatorio-visual{display:flex;justify-content:center;margin-bottom:16px}.tanque{width:100px;height:120px;border:3px solid #64748b;border-radius:0 0 12px 12px;position:relative;overflow:hidden;background:linear-gradient(to bottom,#f1f5f9,#e2e8f0)}.agua{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#0ea5e9,#38bdf8);transition:height .5s ease;overflow:hidden}.agua.critico{background:linear-gradient(to top,#dc2626,#f87171)}.agua.baixo{background:linear-gradient(to top,#d97706,#fbbf24)}.agua.normal{background:linear-gradient(to top,#0ea5e9,#38bdf8)}.agua.cheio{background:linear-gradient(to top,#16a34a,#4ade80)}.ondas{position:absolute;top:0;left:-100%;width:300%;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-31.8z' fill='rgba(255,255,255,0.3)'/%3E%3C/svg%3E");background-size:50% 100%;animation:wave 3s linear infinite}@keyframes wave{0%{transform:translate(0)}to{transform:translate(33.33%)}}.nivel-texto{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#1e3a5f;text-shadow:1px 1px 2px rgba(255,255,255,.8);z-index:10}.reservatorio-info{display:flex;flex-direction:column;gap:8px}.reservatorio-info .info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.reservatorio-info .info-label{color:#6b7280}.reservatorio-info .info-value{font-weight:500;color:#1a1f36}.reservatorio-info .status-nivel.critico{color:#ef4444}.reservatorio-info .status-nivel.baixo{color:#f59e0b}.reservatorio-info .status-nivel.normal{color:#3b82f6}.reservatorio-info .status-nivel.cheio{color:#22c55e}.bomba-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border-left:4px solid #9ca3af}.bomba-card.loading{opacity:.7}.bomba-card.ligada{border-left-color:#0ea5e9}.bomba-card.desligada{border-left-color:#9ca3af}.bomba-card.com-falha{border-left-color:#ef4444}.bomba-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bomba-nome{margin:0;font-size:16px;font-weight:600;color:#1a1f36}.bomba-icone{width:40px;height:40px;color:#9ca3af}.bomba-card.ligada .bomba-icone{color:#0ea5e9}.bomba-icone.animado svg{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bomba-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.bomba-info .info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.bomba-info .info-label{color:#6b7280}.bomba-info .info-value{font-weight:500;color:#1a1f36}.bomba-info .info-value.status.on{color:#0ea5e9}.bomba-info .info-value.status.off{color:#9ca3af}.bomba-info .info-value.falha.normal{color:#22c55e}.bomba-info .info-value.falha.erro{color:#ef4444}.bomba-info .info-value.temp.normal{color:#22c55e}.bomba-info .info-value.temp.alerta{color:#f59e0b}.bomba-info .info-value.temp.critico{color:#ef4444}.bomba-info .info-value.vib.normal{color:#22c55e}.bomba-info .info-value.vib.alerta{color:#f59e0b}.bomba-info .info-value.vib.critico{color:#ef4444}.bomba-card .power-btn{width:100%;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.bomba-card .power-btn.off{background:#0ea5e9;color:#fff}.bomba-card .power-btn.off:hover{background:#0284c7}.bomba-card .power-btn.on{background:#ef4444;color:#fff}.bomba-card .power-btn.on:hover{background:#dc2626}.bomba-card .power-btn:disabled{background:#d1d5db;cursor:not-allowed}.sistema-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;margin-bottom:24px}.sistema-header{padding:16px 24px}.sistema-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.sistema-header.potavel{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.sistema-header.esgoto{background:linear-gradient(135deg,#78716c,#57534e)}.sistema-header.reuso{background:linear-gradient(135deg,#22c55e,#16a34a)}.sistema-fluxo{display:flex;align-items:center;justify-content:flex-start;padding:24px;gap:0;overflow-x:auto;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.fluxo-item{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.fluxo-item .item-label{font-size:12px;font-weight:600;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.fluxo-item.reservatorio{min-width:200px}.fluxo-item.bomba{min-width:220px}.fluxo-item.destino{min-width:150px}.destino-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border-left:4px solid #78716c;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:120px;justify-content:center}.destino-icone{font-size:40px}.destino-texto{font-size:14px;font-weight:600;color:#475569}.fluxo-conexao{display:flex;align-items:center;padding:0 8px;flex-shrink:0}.tubo-linha{width:40px;height:8px;background:linear-gradient(to bottom,#cbd5e1,#94a3b8,#cbd5e1);border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.fluxo-conexao.potavel .tubo-linha{background:linear-gradient(to bottom,#7dd3fc,#0ea5e9,#7dd3fc)}.fluxo-conexao.esgoto .tubo-linha{background:linear-gradient(to bottom,#a8a29e,#78716c,#a8a29e)}.fluxo-conexao.reuso .tubo-linha{background:linear-gradient(to bottom,#86efac,#22c55e,#86efac)}.tubo-fluxo{position:absolute;top:1px;left:-100%;width:100%;height:6px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.6) 70%,transparent 100%);border-radius:3px;animation:fluxoAgua 1.5s linear infinite}@keyframes fluxoAgua{0%{left:-100%}to{left:100%}}.fluxo-seta{font-size:16px;margin-left:4px;animation:pulsarSeta 1s ease-in-out infinite}.fluxo-conexao.potavel .fluxo-seta{color:#0ea5e9}.fluxo-conexao.esgoto .fluxo-seta{color:#78716c}.fluxo-conexao.reuso .fluxo-seta{color:#22c55e}@keyframes pulsarSeta{0%,to{opacity:1}50%{opacity:.4}}.sistema-fluxo .reservatorio-card,.sistema-fluxo .bomba-card{margin:0;width:100%}.reservatorio-card.esgoto{border-left-color:#78716c}.reservatorio-card.esgoto .agua{background:linear-gradient(to top,#78716c,#a8a29e)!important}.reservatorio-card.reuso{border-left-color:#22c55e}.reservatorio-card.reuso .agua{background:linear-gradient(to top,#22c55e,#86efac)!important}@media(max-width:1400px){.sistema-fluxo{padding:20px 16px}.fluxo-item.reservatorio,.fluxo-item.bomba{min-width:180px}.tubo-linha{width:30px}}@media(max-width:1100px){.sistema-fluxo{flex-wrap:wrap;justify-content:center;gap:16px}.fluxo-conexao{display:none}.fluxo-item{min-width:280px!important}}@media(max-width:768px){.sistema-header{padding:12px 16px}.sistema-header h2{font-size:18px}.sistema-fluxo{padding:16px}.fluxo-item{width:100%;min-width:auto!important}}.iluminacao-card{background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border-radius:16px;padding:20px;min-width:200px;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;border:2px solid transparent}.iluminacao-card.ligada{border-color:#fbbf24;box-shadow:0 4px 20px #fbbf244d}.iluminacao-card.desligada{border-color:#4b5563}.iluminacao-card:hover{transform:translateY(-3px)}.iluminacao-card.loading{opacity:.7}.iluminacao-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.luz-icone{font-size:1.8rem;filter:grayscale(100%);transition:all .3s ease}.luz-icone.acesa{filter:grayscale(0%);animation:pulse-light 2s ease-in-out infinite}@keyframes pulse-light{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.iluminacao-nome{font-size:1rem;font-weight:600;color:#e2e8f0;margin:0}.iluminacao-visual{display:flex;justify-content:center;align-items:center;height:80px;margin:15px 0}.lampada{width:60px;height:60px;background:radial-gradient(circle,#fbbf24 0%,#f59e0b 50%,transparent 70%);border-radius:50%;position:relative;transition:all .3s ease}.lampada.acesa{box-shadow:0 0 40px #fbbf2499,0 0 80px #fbbf244d}.lampada .brilho{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:#fff;border-radius:50%;opacity:.8}.iluminacao-status{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.status-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.status-label{color:#94a3b8}.status-value{color:#e2e8f0;font-weight:500}.status-value.on{color:#fbbf24}.status-value.off{color:#6b7280}.intensidade-control{margin-bottom:15px}.intensidade-control label{display:block;font-size:.8rem;color:#94a3b8;margin-bottom:8px}.intensidade-slider{width:100%;height:6px;border-radius:3px;background:#374151;outline:none;-webkit-appearance:none}.intensidade-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fbbf24;cursor:pointer;box-shadow:0 2px 6px #fbbf2466}.intensidade-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fbbf24;cursor:pointer;border:none}.iluminacao-controles{display:flex;justify-content:center}.btn-comando{padding:10px 30px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-comando.ligar{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e1e2e}.btn-comando.ligar:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:scale(1.02)}.btn-comando.desligar{background:linear-gradient(135deg,#4b5563,#374151);color:#e2e8f0}.btn-comando.desligar:hover{background:linear-gradient(135deg,#6b7280,#4b5563)}.btn-comando:disabled{opacity:.6;cursor:not-allowed}.loading-text{text-align:center;color:#94a3b8;padding:40px 0}.zona-container{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.zona-container.portaria{border-left:4px solid #8b5cf6}.zona-container.zona1{border-left:4px solid #3b82f6}.zona-container.zona2{border-left:4px solid #10b981}.zona-container.zona3{border-left:4px solid #f59e0b}.zona-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.zona-header h2{font-size:1.4rem;font-weight:600;color:#e2e8f0;margin:0}.zona-controles{display:flex;gap:10px}.btn-zona{padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.85rem}.btn-zona.ligar{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e1e2e}.btn-zona.ligar:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:scale(1.02)}.btn-zona.desligar{background:linear-gradient(135deg,#4b5563,#374151);color:#e2e8f0}.btn-zona.desligar:hover{background:linear-gradient(135deg,#6b7280,#4b5563)}.zona-luzes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}@media(max-width:768px){.zona-header{flex-direction:column;align-items:flex-start}.zona-controles{width:100%}.btn-zona{flex:1}.zona-luzes{grid-template-columns:1fr}}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;color:#e2e8f0;font-size:1.2rem}