*{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,#fff,#f8fafc);display:flex;flex-direction:column;position:fixed;left:0;top:0;box-shadow:4px 0 24px #00000014;z-index:100;border-right:1px solid #e2e8f0}.sidebar-header{padding:20px 16px;border-bottom:1px solid #e2e8f0;background:#fff}.logo{display:flex;align-items:center;justify-content:center;min-height:48px}.logo-img{display:block;height:48px;width:auto;max-width:100%;object-fit:contain}.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:#64748b;text-decoration:none;border-radius:12px;transition:all .2s ease;font-size:15px;font-weight:500}.nav-link:hover{background:linear-gradient(135deg,#0ea5e91a,#0284c71a);color:#0ea5e9;transform:translate(4px)}.nav-link:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}.nav-link.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 12px #0ea5e959}.nav-icon{font-size:20px;width:24px;text-align:center}.nav-text{flex:1}.sidebar-footer{padding:20px;border-top:1px solid #e2e8f0;background:#fafbfc}.logout-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626;border-radius:12px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease}.logout-btn:hover{background:#ef444426;border-color:#dc2626;transform:translate(4px)}.logout-btn:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(prefers-reduced-motion:reduce){.nav-link,.logout-btn{transition:none}.nav-link:hover,.logout-btn:hover{transform:none}}@media(max-width:768px){.sidebar{width:70px}.nav-text{display:none}.logo{justify-content:center}.logo-img{height:36px}.sidebar-header{padding:12px 8px}.nav-link,.logout-btn{justify-content:center;padding:14px}.nav-icon{margin:0}}.dashboard-card{background:#fff;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8;display:flex;flex-direction:column;min-height:280px}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.dashboard-card.energia{border-left:4px solid #f5a623}.dashboard-card.energia:hover{box-shadow:0 8px 24px #f5a62333}.dashboard-card.hvac{border-left:4px solid #4a90d9}.dashboard-card.hvac:hover{box-shadow:0 8px 24px #4a90d933}.dashboard-card.hidraulica{border-left:4px solid #50c8e8}.dashboard-card.hidraulica:hover{box-shadow:0 8px 24px #50c8e833}.dashboard-card.iluminacao{border-left:4px solid #f7dc6f}.dashboard-card.iluminacao:hover{box-shadow:0 8px 24px #f7dc6f33}.dashboard-card.seguranca{border-left:4px solid #e74c3c}.dashboard-card.seguranca:hover{box-shadow:0 8px 24px #e74c3c33}.dashboard-card.manutencao{border-left:4px solid #9b59b6}.dashboard-card.manutencao:hover{box-shadow:0 8px 24px #9b59b633}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.card-icone{font-size:32px}.card-titulo{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.card-content{flex:1;display:flex;flex-direction:column;gap:12px}.card-footer{margin-top:auto;padding-top:16px;border-top:1px solid #f0f0f0}.ver-mais{color:#7f8c8d;font-size:14px;font-weight:500;transition:color .2s ease}.dashboard-card:hover .ver-mais{color:#3498db}.indicador-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.indicador-label{color:#7f8c8d;font-size:14px}.indicador-valor{font-size:16px;font-weight:600;color:#2c3e50}.indicador-valor.destaque{font-size:24px;color:#27ae60}.indicador-valor.alerta{color:#e74c3c}.indicador-valor.warning{color:#f39c12}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.status-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:#f8f9fa;border-radius:8px}.status-icone{font-size:20px;margin-bottom:4px}.status-valor{font-size:18px;font-weight:600;color:#2c3e50}.status-label{font-size:11px;color:#95a5a6;text-transform:uppercase}.progress-bar{width:100%;height:8px;background:#ecf0f1;border-radius:4px;overflow:hidden;margin-top:4px}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-fill.energia{background:linear-gradient(90deg,#f5a623,#f7dc6f)}.progress-fill.hvac{background:linear-gradient(90deg,#3498db,#5dade2)}.progress-fill.hidraulica{background:linear-gradient(90deg,#1abc9c,#48c9b0)}.progress-fill.iluminacao{background:linear-gradient(90deg,#f1c40f,#f7dc6f)}.energia-resumo{display:flex;flex-direction:column;gap:12px}.energia-resumo-loading{text-align:center;color:#95a5a6;padding:20px}.potencia-principal{display:flex;flex-direction:column;align-items:center;padding:8px 0}.potencia-gauge{position:relative;width:120px;height:70px}.gauge-svg{width:100%;height:100%}.gauge-fill{transition:stroke-dasharray .5s ease}.gauge-valor{position:absolute;bottom:5px;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:2px}.valor-numero{font-size:24px;font-weight:700;color:#27ae60}.valor-numero.alerta{color:#f39c12}.valor-numero.critico{color:#e74c3c}.valor-unidade{font-size:12px;color:#7f8c8d;font-weight:500}.potencia-label{font-size:11px;color:#95a5a6;text-transform:uppercase;margin-top:4px}.metricas-grid{display:flex;justify-content:center;gap:16px}.metrica-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border-radius:8px}.metrica-icone{font-size:18px}.metrica-info{display:flex;flex-direction:column}.metrica-valor{font-size:16px;font-weight:600;color:#2c3e50}.metrica-valor.alerta{color:#f39c12}.metrica-valor.critico{color:#e74c3c}.metrica-valor.normal{color:#27ae60}.metrica-label{font-size:10px;color:#95a5a6;text-transform:uppercase}.distribuicao-container{background:#f8f9fa;border-radius:8px;padding:10px}.distribuicao-titulo{font-size:10px;color:#95a5a6;text-transform:uppercase;display:block;text-align:center;margin-bottom:8px}.distribuicao-barras{display:flex;justify-content:center;gap:6px;align-items:flex-end;height:40px}.distribuicao-item{display:flex;flex-direction:column;align-items:center;gap:4px}.mini-barra{width:16px;height:30px;background:#ecf0f1;border-radius:3px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.mini-barra-fill{width:100%;background:linear-gradient(180deg,#f5a623,#f7dc6f);border-radius:3px;transition:height .3s ease;min-height:2px}.mini-label{font-size:9px;color:#95a5a6;font-weight:500}.hvac-resumo{display:flex;flex-direction:column;gap:12px}.temp-central{display:flex;flex-direction:column;align-items:center;padding:8px 0}.temp-circulo{width:70px;height:70px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#ecf0f1);border:3px solid #27ae60;transition:border-color .3s ease}.temp-circulo.ideal{border-color:#27ae60}.temp-circulo.quente{border-color:#e74c3c;background:linear-gradient(135deg,#fff5f5,#ffe0e0)}.temp-circulo.frio{border-color:#3498db;background:linear-gradient(135deg,#f0f8ff,#e0f0ff)}.temp-valor{font-size:22px;font-weight:700;color:#2c3e50;line-height:1}.temp-unidade{font-size:12px;color:#7f8c8d}.temp-label{font-size:11px;color:#95a5a6;text-transform:uppercase;margin-top:6px}.equipamentos-grid{display:flex;justify-content:space-between;gap:8px}.equip-grupo{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px;background:#f8f9fa;border-radius:8px;gap:6px}.equip-header{display:flex;flex-direction:column;align-items:center;gap:2px}.equip-icone{font-size:16px}.equip-nome{font-size:9px;color:#7f8c8d;text-transform:uppercase;font-weight:500}.equip-indicadores{display:flex;gap:4px}.equip-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .3s ease}.equip-dot.inativo{background:#ecf0f1;color:#bdc3c7}.equip-dot.ativo{background:#27ae60;color:#fff}.equip-dot.fancoil.ativo{background:#3498db}.equip-dot.vae.ativo{background:#9b59b6}.dot-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dot-cool{animation:pulse 1.5s ease-in-out infinite}.dot-air{animation:wave 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.equip-count{font-size:12px;font-weight:600;color:#2c3e50}.hvac-status-bar{display:flex;justify-content:center;padding-top:8px}.status-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f8f9fa;border-radius:12px}.status-indicator .status-dot{width:8px;height:8px;border-radius:50%;background:#bdc3c7}.status-indicator.ativo .status-dot{background:#27ae60;animation:pulse 2s ease-in-out infinite}.status-texto{font-size:11px;color:#7f8c8d}.status-indicator.ativo .status-texto{color:#27ae60}.hidraulica-resumo{display:flex;flex-direction:column;gap:10px}.sistema-resumo{background:#f8f9fa;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sistema-resumo.potavel{border-left:3px solid #3498db}.sistema-resumo.esgoto{border-left:3px solid #95a5a6}.sistema-resumo.reuso{border-left:3px solid #27ae60}.sistema-header-resumo{display:flex;align-items:center;gap:6px;min-width:100px}.sistema-icone{font-size:16px}.sistema-nome{font-size:12px;font-weight:600;color:#2c3e50}.bombas-badge{font-size:10px;background:#ecf0f1;color:#7f8c8d;padding:2px 6px;border-radius:10px;font-weight:500}.bombas-badge.ativo{background:#27ae60;color:#fff}.niveis-container{display:flex;gap:8px;align-items:flex-end}.niveis-container.single{justify-content:center}.nivel-item{display:flex;flex-direction:column;align-items:center;gap:2px}.nivel-item.wide{min-width:50px}.nivel-barra-vertical{width:24px;height:40px;background:#ecf0f1;border-radius:4px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.nivel-fill{width:100%;border-radius:4px;transition:height .5s ease;min-height:2px}.nivel-fill.normal{background:linear-gradient(180deg,#3498db,#5dade2)}.nivel-fill.baixo{background:linear-gradient(180deg,#f39c12,#f7dc6f)}.nivel-fill.critico{background:linear-gradient(180deg,#e74c3c,#f1948a);animation:pulse-critico 1s infinite}.nivel-fill.alto{background:linear-gradient(180deg,#27ae60,#58d68d)}.nivel-fill.esgoto-fill.normal{background:linear-gradient(180deg,#95a5a6,#bdc3c7)}.nivel-fill.esgoto-fill.alto{background:linear-gradient(180deg,#e74c3c,#f1948a);animation:pulse-critico 1s infinite}.nivel-fill.reuso-fill.normal{background:linear-gradient(180deg,#27ae60,#58d68d)}.nivel-fill.reuso-fill.baixo{background:linear-gradient(180deg,#f39c12,#f7dc6f)}.nivel-fill.reuso-fill.critico{background:linear-gradient(180deg,#e74c3c,#f1948a);animation:pulse-critico 1s infinite}.nivel-fill.reuso-fill.alto{background:linear-gradient(180deg,#1abc9c,#48c9b0)}@keyframes pulse-critico{0%,to{opacity:1}50%{opacity:.7}}.nivel-label{font-size:9px;color:#95a5a6;text-transform:uppercase}.nivel-valor{font-size:11px;font-weight:600;color:#2c3e50}.bombas-total-resumo{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:linear-gradient(135deg,#f8f9fa,#ecf0f1);border-radius:8px;margin-top:4px}.bombas-icone{font-size:14px}.bombas-texto{font-size:12px;color:#7f8c8d;font-weight:500}.manutencao-resumo{display:flex;flex-direction:column;gap:8px}.manutencao-stats{display:flex;justify-content:space-between;gap:8px}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:8px;background:#f8f9fa}.stat-item.pendentes{background:#fff8e6}.stat-item.andamento{background:#e8f4fd}.stat-item.concluidas{background:#e8f8f0}.stat-numero{font-size:20px;font-weight:700;line-height:1}.stat-item.pendentes .stat-numero{color:#f39c12}.stat-item.andamento .stat-numero{color:#3498db}.stat-item.concluidas .stat-numero{color:#27ae60}.stat-label{font-size:10px;color:#7f8c8d;margin-top:2px;text-align:center}.alerta-urgente{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#fdeaea,#fce4e4);padding:6px 10px;border-radius:6px;animation:pulse-alerta 2s infinite}@keyframes pulse-alerta{0%,to{opacity:1}50%{opacity:.7}}.alerta-icone{font-size:14px}.alerta-texto{font-size:12px;font-weight:600;color:#e74c3c}.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}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px;background:#fff;border-bottom:1px solid #e8e8e8}.header-left h1{margin:0 0 4px;font-size:28px;font-weight:700;color:#1a1f36}.header-subtitle{margin:0;color:#7f8c8d;font-size:14px}.header-right{display:flex;align-items:center;gap:24px}.header-datetime{display:flex;flex-direction:column;align-items:flex-end}.header-date{font-size:14px;color:#7f8c8d;text-transform:capitalize}.header-time{font-size:24px;font-weight:600;color:#2c3e50}.header-user{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fa;border-radius:24px}.header-user .user-avatar{font-size:20px}.header-user .user-name{font-weight:500;color:#2c3e50}.dashboard-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:32px}.dashboard-status-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fff;border-top:1px solid #e8e8e8;margin-top:auto}.status-item-bar{display:flex;align-items:center;gap:8px;font-size:14px;color:#7f8c8d}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.online{background:#27ae60;box-shadow:0 0 8px #27ae6080}.status-dot.offline{background:#e74c3c}.status-label-bar{color:#95a5a6}.status-value-bar{font-weight:500;color:#2c3e50}@media(max-width:1024px){.dashboard-cards-grid{grid-template-columns:repeat(2,1fr);padding:24px}}@media(max-width:768px){.dashboard-cards-grid{grid-template-columns:1fr;padding:16px}.header-right{flex-direction:column;align-items:flex-end;gap:12px}.dashboard-status-bar{flex-direction:column;gap:8px;text-align:center}}.exaustor-card{--exaustor-border: #e5e7eb;--exaustor-bg: #ffffff;--exaustor-text: #111827;--exaustor-muted: #6b7280;--exaustor-on: #16a34a;--exaustor-off: #9ca3af;--exaustor-erro: #dc2626;--exaustor-shadow: 0 1px 3px rgba(0, 0, 0, .06);--exaustor-radius: 14px;position:relative;background:var(--exaustor-bg);border-radius:var(--exaustor-radius);padding:1.25rem 1.25rem 1.25rem 1.35rem;box-shadow:var(--exaustor-shadow);border:1px solid var(--exaustor-border);border-left-width:4px;border-left-color:var(--exaustor-off);transition:box-shadow .2s ease,border-color .2s ease}.exaustor-card:hover{box-shadow:0 4px 12px #00000014}.exaustor-card--ligado{border-left-color:var(--exaustor-on)}.exaustor-card--desligado{border-left-color:var(--exaustor-off)}.exaustor-card--falha{border-left-color:var(--exaustor-erro)}.exaustor-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.exaustor-card__indicador{width:8px;height:8px;border-radius:50%;background:var(--exaustor-off);flex-shrink:0;transition:background .2s ease}.exaustor-card__indicador--on{background:var(--exaustor-on);box-shadow:0 0 0 2px #16a34a40}.exaustor-card__nome{margin:0;font-size:1rem;font-weight:600;color:var(--exaustor-text);letter-spacing:-.01em;line-height:1.3}.exaustor-card__info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.exaustor-card__row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;gap:.5rem}.exaustor-card__label{color:var(--exaustor-muted);font-weight:500}.exaustor-card__value{font-weight:600;color:var(--exaustor-text);text-align:right}.exaustor-card__value--status.on{color:var(--exaustor-on)}.exaustor-card__value--status.off{color:var(--exaustor-off)}.exaustor-card__value--ok{color:var(--exaustor-on)}.exaustor-card__value--erro{color:var(--exaustor-erro)}.exaustor-card__btn{width:100%;padding:.625rem 1rem;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .15s ease,opacity .2s ease}.exaustor-card__btn:focus-visible{outline:2px solid var(--exaustor-text);outline-offset:2px}.exaustor-card__btn--off{background:var(--exaustor-on);color:#fff}.exaustor-card__btn--off:hover:not(:disabled){background:#15803d}.exaustor-card__btn--on{background:var(--exaustor-erro);color:#fff}.exaustor-card__btn--on:hover:not(:disabled){background:#b91c1c}.exaustor-card__btn--processando{cursor:wait;opacity:.85}.exaustor-card__btn:disabled{cursor:not-allowed}.exaustor-card__btn-text{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.exaustor-card__btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:exaustor-spin .7s linear infinite}@keyframes exaustor-spin{to{transform:rotate(360deg)}}.exaustor-card--loading{pointer-events:none}.exaustor-card--loading .exaustor-card__nome{color:var(--exaustor-text)}.exaustor-card__skeleton{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:exaustor-skeleton 1.2s ease-in-out infinite}.skeleton-line:first-child{width:100%}.skeleton-line:nth-child(2){width:85%}.skeleton-line:nth-child(3){width:70%}.skeleton-line:nth-child(4){width:90%}.exaustor-card__skeleton-btn{height:40px;border-radius:10px;background:#f3f4f6}@keyframes exaustor-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.exaustor-card--erro{border-left-color:var(--exaustor-erro)}.exaustor-card__erro-msg{margin:0 0 1rem;font-size:.875rem;color:var(--exaustor-muted)}.exaustor-card__retry{width:100%;padding:.5rem 1rem;border:1px solid var(--exaustor-border);border-radius:10px;background:#fff;font-size:.875rem;font-weight:600;color:var(--exaustor-text);cursor:pointer;transition:background .2s ease,border-color .2s ease}.exaustor-card__retry:hover{background:#f9fafb;border-color:#d1d5db}.exaustor-card__retry:focus-visible{outline:2px solid var(--exaustor-text);outline-offset:2px}@media(prefers-reduced-motion:reduce){.exaustor-card,.exaustor-card__btn,.exaustor-card__indicador{transition:none}.exaustor-card__btn:hover:not(:disabled){transform:none}.exaustor-card__btn-spinner,.skeleton-line{animation:none}.exaustor-card__btn-spinner{opacity:.6}.skeleton-line{background:#e5e7eb}}.fancoil-card{--fancoil-border: #e5e7eb;--fancoil-bg: #ffffff;--fancoil-text: #111827;--fancoil-muted: #6b7280;--fancoil-on: #2563eb;--fancoil-on-soft: rgba(37, 99, 235, .2);--fancoil-off: #9ca3af;--fancoil-erro: #dc2626;--fancoil-co2-alto: #d97706;--fancoil-shadow: 0 1px 3px rgba(0, 0, 0, .06);--fancoil-radius: 14px;position:relative;background:var(--fancoil-bg);border-radius:var(--fancoil-radius);padding:1.25rem 1.25rem 1.25rem 1.35rem;box-shadow:var(--fancoil-shadow);border:1px solid var(--fancoil-border);border-left-width:4px;border-left-color:var(--fancoil-off);transition:box-shadow .2s ease,border-color .2s ease}.fancoil-card:hover{box-shadow:0 4px 12px #00000014}.fancoil-card--ligado{border-left-color:var(--fancoil-on)}.fancoil-card--desligado{border-left-color:var(--fancoil-off)}.fancoil-card--falha{border-left-color:var(--fancoil-erro)}.fancoil-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.fancoil-card__indicador{width:8px;height:8px;border-radius:50%;background:var(--fancoil-off);flex-shrink:0;transition:background .2s ease}.fancoil-card__indicador--on{background:var(--fancoil-on);box-shadow:0 0 0 2px var(--fancoil-on-soft)}.fancoil-card__nome{margin:0;font-size:1rem;font-weight:600;color:var(--fancoil-text);letter-spacing:-.01em;line-height:1.3}.fancoil-card__info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.fancoil-card__row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;gap:.5rem}.fancoil-card__label{color:var(--fancoil-muted);font-weight:500}.fancoil-card__value{font-weight:600;color:var(--fancoil-text);text-align:right}.fancoil-card__value--status.on{color:var(--fancoil-on)}.fancoil-card__value--status.off{color:var(--fancoil-off)}.fancoil-card__value--ok{color:#16a34a}.fancoil-card__value--erro{color:var(--fancoil-erro)}.fancoil-card__value--co2-alto{color:var(--fancoil-co2-alto)}.fancoil-card__row--setpoint{margin:.25rem 0}.fancoil-card__setpoint{display:flex;align-items:center;gap:.5rem}.fancoil-card__setpoint-value{font-weight:600;color:var(--fancoil-text);min-width:3.5rem;text-align:center;font-size:.875rem}.fancoil-card__setpoint-btn{width:28px;height:28px;border:1px solid var(--fancoil-border);border-radius:8px;background:#f9fafb;color:var(--fancoil-text);font-size:1.125rem;font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease}.fancoil-card__setpoint-btn:hover:not(:disabled){background:var(--fancoil-on);color:#fff;border-color:var(--fancoil-on)}.fancoil-card__setpoint-btn:disabled{opacity:.5;cursor:not-allowed}.fancoil-card__setpoint-btn:focus-visible{outline:2px solid var(--fancoil-on);outline-offset:2px}.fancoil-card__btn{width:100%;padding:.625rem 1rem;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.fancoil-card__btn:focus-visible{outline:2px solid var(--fancoil-text);outline-offset:2px}.fancoil-card__btn--off{background:var(--fancoil-on);color:#fff}.fancoil-card__btn--off:hover:not(:disabled){background:#1d4ed8}.fancoil-card__btn--on{background:var(--fancoil-erro);color:#fff}.fancoil-card__btn--on:hover:not(:disabled){background:#b91c1c}.fancoil-card__btn--processando{cursor:wait;opacity:.85}.fancoil-card__btn:disabled{cursor:not-allowed}.fancoil-card__btn-text{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.fancoil-card__btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:fancoil-spin .7s linear infinite}@keyframes fancoil-spin{to{transform:rotate(360deg)}}.fancoil-card--loading{pointer-events:none}.fancoil-card--loading .fancoil-card__nome{color:var(--fancoil-text)}.fancoil-card__skeleton{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.fancoil-card__skeleton .skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:fancoil-skeleton 1.2s ease-in-out infinite}.fancoil-card__skeleton .skeleton-line:nth-child(1){width:100%}.fancoil-card__skeleton .skeleton-line:nth-child(2){width:85%}.fancoil-card__skeleton .skeleton-line:nth-child(3){width:75%}.fancoil-card__skeleton .skeleton-line:nth-child(4){width:90%}.fancoil-card__skeleton .skeleton-line:nth-child(5){width:70%}.fancoil-card__skeleton-btn{height:40px;border-radius:10px;background:#f3f4f6}@keyframes fancoil-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.fancoil-card--erro{border-left-color:var(--fancoil-erro)}.fancoil-card__erro-msg{margin:0 0 1rem;font-size:.875rem;color:var(--fancoil-muted)}.fancoil-card__retry{width:100%;padding:.5rem 1rem;border:1px solid var(--fancoil-border);border-radius:10px;background:#fff;font-size:.875rem;font-weight:600;color:var(--fancoil-text);cursor:pointer;transition:background .2s ease,border-color .2s ease}.fancoil-card__retry:hover{background:#f9fafb;border-color:#d1d5db}.fancoil-card__retry:focus-visible{outline:2px solid var(--fancoil-text);outline-offset:2px}@media(prefers-reduced-motion:reduce){.fancoil-card,.fancoil-card__btn,.fancoil-card__indicador,.fancoil-card__setpoint-btn{transition:none}.fancoil-card__btn-spinner,.fancoil-card__skeleton .skeleton-line{animation:none}.fancoil-card__btn-spinner{opacity:.6}.fancoil-card__skeleton .skeleton-line{background:#e5e7eb}}.vae-card{--vae-border: #e5e7eb;--vae-bg: #ffffff;--vae-text: #111827;--vae-muted: #6b7280;--vae-on: #059669;--vae-on-soft: rgba(5, 150, 105, .2);--vae-off: #9ca3af;--vae-erro: #dc2626;--vae-temp-externa: #d97706;--vae-shadow: 0 1px 3px rgba(0, 0, 0, .06);--vae-radius: 14px;position:relative;background:var(--vae-bg);border-radius:var(--vae-radius);padding:1.25rem 1.25rem 1.25rem 1.35rem;box-shadow:var(--vae-shadow);border:1px solid var(--vae-border);border-left-width:4px;border-left-color:var(--vae-off);transition:box-shadow .2s ease,border-color .2s ease}.vae-card:hover{box-shadow:0 4px 12px #00000014}.vae-card--ligado{border-left-color:var(--vae-on)}.vae-card--desligado{border-left-color:var(--vae-off)}.vae-card--falha{border-left-color:var(--vae-erro)}.vae-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.vae-card__indicador{width:8px;height:8px;border-radius:50%;background:var(--vae-off);flex-shrink:0;transition:background .2s ease}.vae-card__indicador--on{background:var(--vae-on);box-shadow:0 0 0 2px var(--vae-on-soft)}.vae-card__nome{margin:0;font-size:1rem;font-weight:600;color:var(--vae-text);letter-spacing:-.01em;line-height:1.3}.vae-card__info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.vae-card__row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;gap:.5rem}.vae-card__label{color:var(--vae-muted);font-weight:500}.vae-card__value{font-weight:600;color:var(--vae-text);text-align:right}.vae-card__value--status.on{color:var(--vae-on)}.vae-card__value--status.off{color:var(--vae-off)}.vae-card__value--ok{color:#16a34a}.vae-card__value--erro{color:var(--vae-erro)}.vae-card__value--temp-externa{color:var(--vae-temp-externa)}.vae-card__row--setpoint{margin:.25rem 0}.vae-card__setpoint{display:flex;align-items:center;gap:.5rem}.vae-card__setpoint-value{font-weight:600;color:var(--vae-text);min-width:3.5rem;text-align:center;font-size:.875rem}.vae-card__setpoint-btn{width:28px;height:28px;border:1px solid var(--vae-border);border-radius:8px;background:#f9fafb;color:var(--vae-text);font-size:1.125rem;font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease}.vae-card__setpoint-btn:hover:not(:disabled){background:var(--vae-on);color:#fff;border-color:var(--vae-on)}.vae-card__setpoint-btn:disabled{opacity:.5;cursor:not-allowed}.vae-card__setpoint-btn:focus-visible{outline:2px solid var(--vae-on);outline-offset:2px}.vae-card__btn{width:100%;padding:.625rem 1rem;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.vae-card__btn:focus-visible{outline:2px solid var(--vae-text);outline-offset:2px}.vae-card__btn--off{background:var(--vae-on);color:#fff}.vae-card__btn--off:hover:not(:disabled){background:#047857}.vae-card__btn--on{background:var(--vae-erro);color:#fff}.vae-card__btn--on:hover:not(:disabled){background:#b91c1c}.vae-card__btn--processando{cursor:wait;opacity:.85}.vae-card__btn:disabled{cursor:not-allowed}.vae-card__btn-text{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.vae-card__btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:vae-spin .7s linear infinite}@keyframes vae-spin{to{transform:rotate(360deg)}}.vae-card--loading{pointer-events:none}.vae-card--loading .vae-card__nome{color:var(--vae-text)}.vae-card__skeleton{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.vae-card__skeleton .skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:vae-skeleton 1.2s ease-in-out infinite}.vae-card__skeleton .skeleton-line:nth-child(1){width:100%}.vae-card__skeleton .skeleton-line:nth-child(2){width:85%}.vae-card__skeleton .skeleton-line:nth-child(3){width:75%}.vae-card__skeleton .skeleton-line:nth-child(4){width:90%}.vae-card__skeleton-btn{height:40px;border-radius:10px;background:#f3f4f6}@keyframes vae-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.vae-card--erro{border-left-color:var(--vae-erro)}.vae-card__erro-msg{margin:0 0 1rem;font-size:.875rem;color:var(--vae-muted)}.vae-card__retry{width:100%;padding:.5rem 1rem;border:1px solid var(--vae-border);border-radius:10px;background:#fff;font-size:.875rem;font-weight:600;color:var(--vae-text);cursor:pointer;transition:background .2s ease,border-color .2s ease}.vae-card__retry:hover{background:#f9fafb;border-color:#d1d5db}.vae-card__retry:focus-visible{outline:2px solid var(--vae-text);outline-offset:2px}@media(prefers-reduced-motion:reduce){.vae-card,.vae-card__btn,.vae-card__indicador,.vae-card__setpoint-btn{transition:none}.vae-card__btn-spinner,.vae-card__skeleton .skeleton-line{animation:none}.vae-card__btn-spinner{opacity:.6}.vae-card__skeleton .skeleton-line{background:#e5e7eb}}.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%}.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-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}.fluxo-seta{font-size:16px;margin-left:4px}.fluxo-conexao.potavel .fluxo-seta{color:#0ea5e9}.fluxo-conexao.esgoto .fluxo-seta{color:#78716c}.fluxo-conexao.reuso .fluxo-seta{color:#22c55e}.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:#fff;border-radius:16px;padding:20px;min-width:200px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:2px solid #e5e7eb}.iluminacao-card.ligada{border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b33}.iluminacao-card.desligada{border-color:#e5e7eb}.iluminacao-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.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%)}.iluminacao-nome{font-size:1rem;font-weight:600;color:#1f2937;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:#6b7280}.status-value{color:#374151;font-weight:500}.status-value.on{color:#f59e0b}.status-value.off{color:#9ca3af}.intensidade-control{margin-bottom:15px}.intensidade-control label{display:block;font-size:.8rem;color:#6b7280;margin-bottom:8px}.intensidade-slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none}.intensidade-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#f59e0b;cursor:pointer;box-shadow:0 2px 6px #f59e0b66}.intensidade-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#f59e0b;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:#1f2937}.btn-comando.ligar:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:scale(1.02)}.btn-comando.desligar{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-comando.desligar:hover{background:#e5e7eb}.btn-comando:disabled{opacity:.6;cursor:not-allowed}.loading-text{text-align:center;color:#6b7280;padding:40px 0}.zona-container{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f}.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:#1f2937;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:#1f2937}.btn-zona.ligar:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:scale(1.02)}.btn-zona.desligar{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-zona.desligar:hover{background:#e5e7eb}.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:#374151;font-size:1.2rem}.seguranca-layout{display:flex;min-height:100vh;background:#f1f5f9}.seguranca-content{flex:1;margin-left:260px;padding:24px}.seguranca-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000f}.seguranca-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.seguranca-header p{color:#64748b;margin:4px 0 0;font-size:14px}.user-info{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border-radius:10px;color:#475569;font-weight:500}.seguranca-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.summary-card{display:flex;align-items:center;gap:16px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px #0000000f;border-left:4px solid}.summary-card.portas{border-left-color:#0ea5e9}.summary-card.cameras{border-left-color:#8b5cf6}.summary-card.alertas{border-left-color:#f59e0b}.summary-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:12px}.summary-info{flex:1;display:flex;flex-direction:column}.summary-value{font-size:28px;font-weight:700;color:#1e293b}.summary-label{font-size:14px;color:#64748b}.summary-status{font-size:24px}.seguranca-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.seguranca-section h2{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.portas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.porta-card{background:#f8fafc;border-radius:12px;padding:16px;border:2px solid #e2e8f0;transition:all .2s ease}.porta-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.porta-card.aberta{border-color:#f59e0b;background:#fffbeb}.porta-alarme{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:-16px -16px 12px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#dc2626,#b91c1c);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.porta-alarme-icon{font-size:14px}.porta-alarme-texto{flex:1}.porta-card.fechada{border-color:#22c55e;background:#f0fdf4}.porta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.porta-icon{font-size:28px}.porta-status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.porta-status-badge.aberta{background:#fef3c7;color:#d97706}.porta-status-badge.fechada{background:#dcfce7;color:#16a34a}.porta-info h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.porta-localizacao,.porta-ultima{font-size:13px;color:#64748b;margin:4px 0}.porta-actions{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.btn-bloqueio{width:100%;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#0ea5e9;color:#fff}.btn-bloqueio:hover{background:#0284c7}.btn-bloqueio.bloqueada{background:#ef4444}.btn-bloqueio.bloqueada:hover{background:#dc2626}.cameras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.camera-card{background:#1e293b;border-radius:12px;overflow:hidden;transition:all .2s ease}.camera-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.camera-card.offline{opacity:.7}.camera-preview{position:relative;height:180px;background:linear-gradient(135deg,#334155,#1e293b);display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-stream{width:100%;height:100%;object-fit:cover;pointer-events:none}.camera-placeholder{text-align:center;color:#94a3b8}.camera-placeholder span{font-size:48px;display:block;margin-bottom:8px}.camera-placeholder p{margin:0;font-size:14px;font-weight:500}.camera-offline{text-align:center;color:#ef4444}.camera-offline span{font-size:48px;display:block;margin-bottom:8px}.camera-offline p{margin:0;font-size:14px;font-weight:500}.recording-indicator{position:absolute;top:12px;right:12px;background:#ef4444;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700}.camera-info{padding:16px;background:#0f172a}.camera-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.camera-info h3{font-size:16px;font-weight:600;color:#f1f5f9;margin:0}.camera-status-badge{font-size:12px;font-weight:500}.camera-status-badge.online{color:#22c55e}.camera-status-badge.offline{color:#ef4444}.camera-localizacao{font-size:13px;color:#94a3b8;margin:0}.camera-actions{display:flex;gap:8px;padding:12px 16px;background:#0f172a;border-top:1px solid #334155}.btn-camera{flex:1;padding:10px;border:none;border-radius:8px;background:#334155;color:#f1f5f9;font-size:16px;cursor:pointer;transition:all .2s ease}.btn-camera:hover{background:#475569}.barcos-contador-card{background:linear-gradient(135deg,#0ea5e9,#0284c7);padding:16px}.barcos-contador-header{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:14px;margin-bottom:12px}.barcos-contador-body{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.contador-grande{display:flex;flex-direction:column;align-items:center}.contador-grande .numero{font-size:42px;font-weight:800;color:#fff;line-height:1}.contador-grande .label{font-size:12px;color:#ffffffd9}.contador-stats{display:flex;gap:12px}.contador-stats .stat{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:#ffffff26;border-radius:8px}.contador-stats .stat .valor{font-size:20px;font-weight:700;color:#fff}.contador-stats .stat .label{font-size:10px;color:#fffc}.barcos-actions{display:flex;gap:8px}.btn-registrar-barco{flex:1;padding:10px 16px;background:#fff;color:#0284c7;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-registrar-barco:hover{background:#f0f9ff;transform:scale(1.02)}.btn-yolo{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-yolo.start{background:#22c55e;color:#fff}.btn-yolo.start:hover{background:#16a34a}.btn-yolo.stop{background:#ef4444;color:#fff}.btn-yolo.stop:hover{background:#dc2626}.btn-yolo:disabled{opacity:.6;cursor:not-allowed}.yolo-status{margin-left:auto;font-size:11px;padding:4px 8px;border-radius:12px;background:#fff3}.yolo-status.running{background:#22c55e4d}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#0ea5e9;border-radius:50%}.barcos-section{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;color:#fff}.barcos-section h2{color:#fff;border-bottom-color:#ffffff4d}.barcos-container{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.barcos-contador{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 32px;background:#ffffff26;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contador-principal{display:flex;align-items:center;gap:16px}.contador-icon{font-size:48px}.contador-valor{display:flex;flex-direction:column;align-items:center}.contador-numero{font-size:56px;font-weight:800;line-height:1}.contador-label{font-size:14px;opacity:.9;margin-top:4px}.btn-incrementar{padding:12px 24px;background:#fff;color:#0284c7;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-incrementar:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.barcos-estatisticas{display:flex;gap:24px;flex:1;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:#ffffff1a;border-radius:12px;min-width:100px}.stat-valor{font-size:32px;font-weight:700}.stat-label{font-size:12px;opacity:.85;margin-top:4px}@media(max-width:768px){.seguranca-content{margin-left:70px;padding:16px}.seguranca-header{flex-direction:column;align-items:flex-start;gap:16px}.cameras-grid,.portas-grid{grid-template-columns:1fr}.barcos-container{flex-direction:column}.barcos-estatisticas{flex-wrap:wrap;justify-content:center}}.yolo-stream{width:100%;height:100%;object-fit:contain;background:#000}.yolo-indicator{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;animation:pulse-yolo 2s infinite;box-shadow:0 2px 8px #8b5cf666}@keyframes pulse-yolo{0%,to{opacity:1}50%{opacity:.7}}.yolo-status{font-size:11px;padding:3px 8px;border-radius:4px;background:#fff3;margin-left:auto}.yolo-status.running{background:#22c55e;animation:pulse-yolo 1.5s infinite}.btn-yolo{padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-yolo.start{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-yolo.start:hover{transform:scale(1.02);box-shadow:0 4px 12px #8b5cf666}.btn-yolo.stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-yolo.stop:hover{transform:scale(1.02);box-shadow:0 4px 12px #ef444466}.btn-yolo:disabled{opacity:.6;cursor:not-allowed;transform:none}.porta-alerta-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.porta-alerta-popup{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%;overflow:hidden;animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.medidor-card{background:#fff;border-radius:15px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d}.medidor-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.medidor-card.normal{border-left:4px solid #10b981}.medidor-card.alerta{border-left:4px solid #f59e0b}.medidor-card.offline{border-left:4px solid #ef4444}.medidor-card.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.medidor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.medidor-title h3{color:#1e293b;margin:0;font-size:1.1rem;font-weight:600}.medidor-status{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.medidor-status.normal{background:#dcfce7;color:#16a34a}.medidor-status.alerta{background:#fef3c7;color:#d97706}.medidor-status.offline{background:#fee2e2;color:#dc2626}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.medidor-main-value{text-align:center;padding:20px 0;border-bottom:1px solid #e2e8f0;margin-bottom:15px}.potencia-value{font-size:3rem;font-weight:700;color:#f59e0b}.potencia-unit{font-size:1.2rem;color:#64748b;margin-left:5px}.medidor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.medidor-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.item-icon{font-size:1.2rem;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#fef3c7;border-radius:8px}.item-info{display:flex;flex-direction:column}.item-label{color:#64748b;font-size:.7rem;text-transform:uppercase;font-weight:600}.item-value{color:#1e293b;font-size:.95rem;font-weight:700}.item-value.alerta{color:#dc2626}.medidor-card.medidor-geral{background:linear-gradient(145deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;box-shadow:0 8px 24px #fbbf2433}.medidor-card.medidor-geral .medidor-title h3{color:#b45309;font-size:1.3rem}.medidor-badge{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;padding:2px 10px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;margin-top:5px}.medidor-card.medidor-geral .potencia-value{font-size:3.5rem;color:#b45309}.medidor-card.medidor-geral .medidor-grid{grid-template-columns:repeat(3,1fr)}.medidor-card.medidor-geral .medidor-item{background:#fffc;border-color:#fde68a}@media(max-width:768px){.medidor-card.medidor-geral .medidor-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.medidor-grid{grid-template-columns:1fr}.potencia-value{font-size:2.5rem}.medidor-card.medidor-geral .medidor-grid{grid-template-columns:1fr}}.energia-chart{background:#fff;border-radius:12px;padding:20px;height:100%;display:flex;flex-direction:column}.chart-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.chart-type-selector,.period-selector{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px}.chart-btn,.period-btn{padding:8px 14px;border:none;background:transparent;border-radius:6px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.chart-btn:hover,.period-btn:hover{background:#e2e8f0;color:#1e293b}.chart-btn.active{background:#3b82f6;color:#fff}.period-btn.active{background:#1e293b;color:#fff}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-header h4{margin:0;color:#1e293b;font-size:15px;font-weight:600}.chart-max{color:#64748b;font-size:13px;font-weight:500}.chart-container{flex:1;position:relative;display:flex;flex-direction:column;min-height:180px}.chart-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:14px}.chart-bars{flex:1;display:flex;align-items:flex-end;gap:3px;padding-bottom:4px}.chart-bar-wrapper{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:100%;max-width:20px;background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:3px 3px 0 0;min-height:4px;transition:height .3s ease;position:relative;cursor:pointer}.chart-bar.potencia{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.chart-bar.consumo{background:linear-gradient(180deg,#10b981,#34d399)}.chart-bar:hover{filter:brightness(1.1)}.bar-value{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:9px;color:#64748b;opacity:0;transition:opacity .2s;white-space:nowrap;font-weight:600}.chart-bar:hover .bar-value{opacity:1}.chart-baseline{height:2px;background:#e2e8f0}.chart-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#64748b}@media(max-width:600px){.chart-controls{flex-direction:column;align-items:stretch}.chart-type-selector,.period-selector{justify-content:center}.chart-btn,.period-btn{padding:6px 10px;font-size:.8rem}}.energia-page{width:100%;padding:0 10px}.energia-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:15px}.header-info h1{color:#1e293b;margin:0 0 5px;font-size:1.8rem;font-weight:700}.header-subtitle{color:#64748b;font-size:.95rem;margin:0}.last-update{display:flex;align-items:center;gap:8px;background:#22c55e26;color:#16a34a;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600}.update-dot{width:8px;height:8px;background:#22c55e;border-radius:50%}.error-message{background:#fef2f2;color:#dc2626;padding:15px 20px;border-radius:12px;margin-bottom:20px;border:1px solid #fecaca}.energia-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.kpi-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:12px}.kpi-header{display:flex;align-items:center;gap:10px}.kpi-icon{font-size:1.3rem}.kpi-title{color:#64748b;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.kpi-body{display:flex;align-items:baseline;gap:6px}.kpi-value{font-size:2rem;font-weight:700;color:#1e293b}.kpi-value-currency{font-size:1.6rem;font-weight:700;color:#16a34a}.kpi-unit-small{font-size:1rem;color:#64748b;font-weight:500}.potencia-card{grid-column:span 2;background:linear-gradient(145deg,#fbbf24,#f59e0b);border:none;position:relative;overflow:hidden;box-shadow:0 8px 24px #fbbf244d}.potencia-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%)}.kpi-icon-large{font-size:2.5rem;position:absolute;top:15px;right:20px;opacity:.4}.potencia-card .kpi-content{display:flex;align-items:baseline;gap:8px;position:relative;z-index:1}.kpi-value-large{font-size:3.5rem;font-weight:800;color:#1a1a2e}.potencia-card .kpi-unit{font-size:1.5rem;color:#1a1a2ecc;font-weight:600}.potencia-card .kpi-label{color:#1a1a2ee6;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.kpi-bar{height:8px;background:#1a1a2e33;border-radius:4px;overflow:hidden;margin-top:5px;position:relative;z-index:1}.kpi-bar-fill{height:100%;background:#1a1a2e99;border-radius:4px}.custo-card{background:linear-gradient(145deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.custo-card .kpi-value-currency{color:#059669}.fp-card .kpi-body{flex-wrap:wrap;gap:10px}.fp-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.fp-badge.otimo{background:#dcfce7;color:#16a34a}.fp-badge.bom{background:#fef3c7;color:#d97706}.fp-badge.atencao{background:#fef2f2;color:#dc2626}.fp-card.otimo{border-color:#86efac;background:linear-gradient(145deg,#f0fdf4,#dcfce7)}.fp-card.bom{border-color:#fde68a;background:linear-gradient(145deg,#fffbeb,#fef3c7)}.fp-card.atencao{border-color:#fecaca;background:linear-gradient(145deg,#fef2f2,#fee2e2)}.section-container{background:#fff;border-radius:20px;padding:25px;margin-bottom:25px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e2e8f0}.section-header h2{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.section-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.section-count{color:#64748b;font-size:.9rem;font-weight:600}.medidor-geral-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px;min-height:300px}.chart-panel{background:#f8fafc;border-radius:16px;padding:4px;border:1px solid #e2e8f0}.info-panel{display:flex;flex-direction:column;gap:12px}.info-card{background:#f8fafc;border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;border:1px solid #e2e8f0}.info-card .info-icon{font-size:1.5rem}.info-card .info-content{display:flex;flex-direction:column;gap:2px}.info-card .info-label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-card .info-value{font-size:1.3rem;font-weight:700;color:#1e293b;display:flex;align-items:baseline;gap:4px}.info-card .info-value small{font-size:.8rem;color:#64748b;font-weight:500}.info-panel .fp-card.otimo{border-color:#86efac;background:linear-gradient(145deg,#f0fdf4,#dcfce7)}.info-panel .fp-card.bom{border-color:#fde68a;background:linear-gradient(145deg,#fffbeb,#fef3c7)}.info-panel .fp-card.atencao{border-color:#fecaca;background:linear-gradient(145deg,#fef2f2,#fee2e2)}.info-panel .fp-badge{padding:3px 10px;border-radius:12px;font-size:.65rem;font-weight:700;text-transform:uppercase;margin-left:8px}.info-panel .fp-badge.otimo{background:#dcfce7;color:#16a34a}.info-panel .fp-badge.bom{background:#fef3c7;color:#d97706}.info-panel .fp-badge.atencao{background:#fef2f2;color:#dc2626}.medidor-geral-container{display:flex;justify-content:center}.medidor-geral-container .medidor-card{max-width:700px;width:100%}.medidores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media(max-width:1200px){.medidor-geral-layout{grid-template-columns:1.5fr 1fr}}@media(max-width:900px){.medidor-geral-layout{grid-template-columns:1fr}.chart-panel{min-height:280px}.info-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:768px){.energia-header{flex-direction:column;align-items:flex-start}.medidores-grid,.info-panel{grid-template-columns:1fr}}@media(max-width:480px){.header-info h1{font-size:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.info-card .info-value{font-size:1.1rem}}.manutencao-main{flex:1;margin-left:260px;padding:24px;background:#f5f7fa;overflow-y:auto;min-width:0}.manutencao-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.manutencao-header h1{font-size:28px;color:#2c3e50;margin:0}.manutencao-header .header-subtitle{color:#7f8c8d;margin-top:4px;font-size:14px}.btn-nova-ordem{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3498db4d}.btn-nova-ordem:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db66}.manutencao-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.dash-card{background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #00000014;border-left:4px solid #bdc3c7;min-width:0}.dash-card.total{border-left-color:#3498db}.dash-card.pendentes{border-left-color:#f39c12}.dash-card.urgentes{border-left-color:#e74c3c}.dash-card.concluidas{border-left-color:#27ae60}.dash-numero{font-size:36px;font-weight:700;color:#2c3e50}.dash-card.total .dash-numero{color:#3498db}.dash-card.pendentes .dash-numero{color:#f39c12}.dash-card.urgentes .dash-numero{color:#e74c3c}.dash-card.concluidas .dash-numero{color:#27ae60}.dash-label{font-size:13px;color:#7f8c8d;margin-top:4px}.manutencao-filtros{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.filtro-status-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #dce4ec}.filtro-label{font-size:13px;color:#7f8c8d;font-weight:500}.filtro-checkboxes{display:flex;gap:6px;flex-wrap:wrap}.filtro-checkbox{cursor:pointer;display:flex;align-items:center}.filtro-checkbox input{display:none}.checkbox-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;transition:all .2s ease;opacity:.5}.filtro-checkbox.checked .checkbox-badge{opacity:1;box-shadow:0 2px 6px #00000026}.filtro-select{padding:10px 16px;border:1px solid #dce4ec;border-radius:8px;font-size:14px;color:#2c3e50;background:#fff;cursor:pointer;min-width:160px}.filtro-select:focus{outline:none;border-color:#3498db}.btn-limpar-filtros{padding:10px 16px;border:1px solid #dce4ec;border-radius:8px;font-size:14px;color:#7f8c8d;background:#fff;cursor:pointer;transition:all .2s ease}.btn-limpar-filtros:hover{background:#f8f9fa;color:#2c3e50}.ordens-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.ordens-vazio{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.vazio-icone{font-size:48px;display:block;margin-bottom:16px}.ordens-vazio p{color:#7f8c8d;font-size:16px}.ordem-card{background:#fff;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014;border-left:4px solid #bdc3c7;min-width:0;overflow:hidden}.ordem-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.ordem-card.prioridade-baixa{border-left-color:#27ae60}.ordem-card.prioridade-media{border-left-color:#f39c12}.ordem-card.prioridade-alta{border-left-color:#e67e22}.ordem-card.prioridade-urgente{border-left-color:#e74c3c;animation:pulse-urgente 2s infinite}@keyframes pulse-urgente{0%,to{box-shadow:0 2px 8px #00000014}50%{box-shadow:0 2px 16px #e74c3c4d}}.ordem-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.ordem-sistema{font-size:11px;color:#7f8c8d;font-weight:500;white-space:nowrap}.ordem-status{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;text-transform:uppercase;white-space:nowrap}.status-aberta{background:#e8f4fd;color:#3498db}.status-em_andamento{background:#fef5e7;color:#f39c12}.status-aguardando{background:#fdeaea;color:#e74c3c}.status-concluida{background:#e8f8f0;color:#27ae60}.status-cancelada{background:#f4f4f4;color:#7f8c8d}.ordem-titulo{font-size:14px;font-weight:600;color:#2c3e50;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ordem-descricao{font-size:12px;color:#7f8c8d;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ordem-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f0f0f0;gap:8px}.ordem-local{font-size:11px;color:#95a5a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ordem-prioridade{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap}.prioridade-baixa{background:#e8f8f0;color:#27ae60}.prioridade-media{background:#fef5e7;color:#f39c12}.prioridade-alta{background:#fdebd0;color:#e67e22}.prioridade-urgente{background:#fdeaea;color:#e74c3c}.ordem-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#bdc3c7}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-fechar{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;color:#7f8c8d;cursor:pointer;line-height:1}.modal-fechar:hover{color:#2c3e50}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-header-actions{display:flex;align-items:center;gap:10px}.btn-editar{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-editar:hover{transform:translateY(-1px);box-shadow:0 2px 8px #3498db4d}.modal-sistema{font-size:14px;color:#7f8c8d}.modal-prioridade{font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px}.modal-content h2{font-size:22px;color:#2c3e50;margin:0 0 20px}.modal-detalhes{max-height:85vh;overflow-y:auto}.modal-edicao{display:flex;flex-direction:column;gap:12px}.modal-edicao h2{margin-bottom:8px}.modal-info{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;flex-direction:column;gap:4px}.info-row label{font-size:12px;color:#7f8c8d;text-transform:uppercase;font-weight:600}.info-row span,.info-row p{font-size:14px;color:#2c3e50;margin:0}.modal-acoes{margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.acoes-label{font-size:12px;color:#7f8c8d;text-transform:uppercase;font-weight:600;display:block;margin-bottom:12px}.acoes-botoes{display:flex;gap:8px;flex-wrap:wrap}.btn-status{padding:10px 20px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-status.em_andamento{background:#fef5e7;color:#f39c12}.btn-status.em_andamento:hover{background:#f39c12;color:#fff}.btn-status.aguardando{background:#fdeaea;color:#e74c3c}.btn-status.aguardando:hover{background:#e74c3c;color:#fff}.btn-status.concluida{background:#e8f8f0;color:#27ae60}.btn-status.concluida:hover{background:#27ae60;color:#fff}.btn-status.cancelada{background:#f4f4f4;color:#7f8c8d}.btn-status.cancelada:hover{background:#7f8c8d;color:#fff}.modal-form{max-width:500px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#2c3e50;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid #dce4ec;border-radius:8px;font-size:14px;color:#2c3e50;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3498db}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.btn-cancelar{padding:12px 24px;border:1px solid #dce4ec;border-radius:8px;font-size:14px;font-weight:600;color:#7f8c8d;background:#fff;cursor:pointer;transition:all .2s ease}.btn-cancelar:hover{background:#f8f9fa;color:#2c3e50}.btn-criar{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#27ae60,#219a52);cursor:pointer;transition:all .2s ease}.btn-criar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.btn-criar:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.manutencao-main{margin-left:260px;padding:16px}.ordens-lista{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:1024px){.manutencao-dashboard{grid-template-columns:repeat(2,1fr)}.manutencao-main{margin-left:0}}@media(max-width:768px){.manutencao-header{flex-direction:column;gap:16px}.manutencao-dashboard{grid-template-columns:1fr 1fr}.manutencao-filtros{flex-direction:column}.filtro-select{width:100%}.ordens-lista,.form-row{grid-template-columns:1fr}}.porta-alerta-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;animation:porta-alerta-fadeIn .2s ease-out}.porta-alerta-popup{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%;overflow:hidden;animation:porta-alerta-slideIn .3s ease-out}.porta-alerta-header{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:20px 24px;display:flex;align-items:center;gap:12px}.porta-alerta-icone{font-size:28px}.porta-alerta-header h2{margin:0;font-size:20px;font-weight:700}.porta-alerta-body{padding:24px;color:#334155}.porta-alerta-body p{margin:0 0 8px;font-size:15px}.porta-alerta-body p:last-child{margin-bottom:0}.porta-alerta-footer{padding:16px 24px;background:#f8fafc;display:flex;justify-content:flex-end}.btn-fechar-alerta{padding:10px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-fechar-alerta:hover{transform:scale(1.02);box-shadow:0 4px 12px #3b82f666}@keyframes porta-alerta-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes porta-alerta-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}