:root{--tinta:#10131f;--tinta-2:#3a3f52;--tinta-3:#6b7186;--tinta-4:#9aa0b4;--papel:#f4f5f8;--superficie:#fff;--borda:#e5e7ef;--borda-forte:#d3d6e2;--ciano:#00a8bd;--ciano-vivo:#00d4e8;--ciano-suave:#e3f7fa;--violeta:#7c4fe0;--violeta-suave:#f0eafb;--magenta:#c084fc;--verde:#16a07a;--verde-suave:#e2f5ef;--ambar:#d98b06;--ambar-suave:#fdf3df;--vermelho:#d6455d;--vermelho-suave:#fceef0;--grad-cta:linear-gradient(135deg,#00b8cc 0%,#7c4fe0 100%);--grad-marca:linear-gradient(135deg,#00d4e8,#8b5cf6 55%,#c084fc);--sombra-1:0 1px 2px rgba(16,19,31,.05),0 1px 6px rgba(16,19,31,.04);--sombra-2:0 2px 6px rgba(16,19,31,.06),0 10px 28px rgba(16,19,31,.08);--sombra-3:0 6px 16px rgba(16,19,31,.1),0 24px 60px rgba(16,19,31,.16);--fonte-display:"Sora",sans-serif;--fonte-corpo:"Inter",sans-serif;--raio-s:8px;--raio-m:12px;--raio-g:16px;--nav-fundo:#0b0d17;--nav-texto:#8e93a9;--nav-ativo:#fff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--fonte-corpo);background:var(--papel);color:var(--tinta);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}#raiz{min-height:100vh}h1,h2,h3,h4{font-family:var(--fonte-display);letter-spacing:0;margin:0;color:var(--tinta)}a{color:var(--ciano);text-decoration:none}button,input,select{font-family:inherit}.linha{display:flex;align-items:center}.entre{justify-content:space-between}.coluna{display:flex;flex-direction:column;gap:22px}.texto-suave{color:var(--tinta-3)}.texto-suave.forte{font-weight:700;color:var(--tinta-2)}.texto-mini{font-size:12px;color:var(--tinta-3)}.rotulo-secao{font-family:var(--fonte-display);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ciano);margin:0}.rotulo-secao:before{content:"// ";opacity:.7}.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--raio-m);border:0;cursor:pointer;font-family:var(--fonte-display);font-weight:700;font-size:13.5px;transition:transform .12s,box-shadow .18s,background .18s,opacity .15s;white-space:nowrap}.botao:active,.botao-mini:active{transform:translateY(1px) scale(.99)}.botao:disabled{opacity:.55;cursor:not-allowed}.botao-primario{background:var(--grad-cta);color:#fff;box-shadow:0 4px 14px #00a8bd47}.botao-primario:hover:not(:disabled){box-shadow:0 6px 20px #00a8bd66}.botao-mini{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--borda-forte);background:#fff;color:var(--tinta-2);border-radius:9px;padding:6px 9px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.botao-mini:hover{border-color:var(--ciano);color:var(--ciano)}.botao-mini.perigo:hover{border-color:var(--vermelho);color:var(--vermelho)}.campo-grupo{display:flex;flex-direction:column;gap:6px}.campo-grupo span{font-size:12px;font-weight:700;color:var(--tinta-2)}.campo{width:100%;padding:11px 13px;border-radius:var(--raio-m);border:1.5px solid var(--borda-forte);background:var(--superficie);color:var(--tinta);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.campo:focus{border-color:var(--ciano);box-shadow:0 0 0 3px #00a8bd24}.campo::placeholder{color:var(--tinta-4)}.seletor-periodo{min-width:190px}.auth-tela{display:flex;min-height:100vh}.auth-painel{width:46%;min-width:430px;background:var(--nav-fundo);color:#fff;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;overflow:hidden}.auth-painel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 45% at 20% 10%,rgba(0,212,232,.13),transparent 60%),radial-gradient(ellipse 55% 40% at 85% 80%,rgba(139,92,246,.16),transparent 65%);pointer-events:none}.auth-painel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.auth-painel>*{position:relative;z-index:1}.marca,.navegacao-marca{display:flex;align-items:center;gap:10px;font-family:var(--fonte-display);font-weight:800;font-size:19px;color:#fff}.marca span span,.mx{color:var(--ciano-vivo)}.marca b,.navegacao-marca b{font-size:10px;letter-spacing:.14em;color:var(--ciano-vivo);border:1px solid rgba(0,212,232,.35);border-radius:999px;padding:2px 9px}.auth-copy h1{color:#fff;font-size:36px;line-height:1.16;margin:14px 0 16px;max-width:480px}.auth-copy p:not(.rotulo-secao){color:#a9aec4;font-size:15px;line-height:1.72;max-width:450px;margin:0 0 34px}.auth-destaques{display:grid;gap:14px;max-width:430px}.auth-destaques div{display:flex;gap:13px;align-items:flex-start;color:#d8dbe8;font-size:13px;line-height:1.55}.auth-destaques svg{color:var(--ciano-vivo);padding:9px;width:38px;height:38px;min-width:38px;border-radius:11px;background:#00d4e81a;border:1px solid rgba(0,212,232,.22)}.auth-painel footer{color:#5a5f76;font-size:12px}.auth-formulario{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--papel)}.auth-caixa{width:100%;max-width:420px;display:flex;flex-direction:column;gap:15px}.auth-caixa h2{font-size:27px}.auth-caixa p{margin:0}.alerta-login{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--vermelho-suave);color:var(--vermelho);font-size:13px;font-weight:600}.shell{display:flex;min-height:100vh}.navegacao{width:236px;min-width:236px;background:var(--nav-fundo);color:var(--nav-texto);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.06)}.navegacao-marca{padding:22px 22px 18px;font-size:17px}.navegacao nav{flex:1;overflow-y:auto}.navegacao-secao{padding:16px 22px 6px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#4a4f63;font-family:var(--fonte-display)}.navegacao-item{display:flex;align-items:center;gap:11px;padding:9px 14px;margin:1px 10px;border-radius:10px;color:var(--nav-texto);font-size:13.5px;font-weight:600;transition:background .14s,color .14s;position:relative}.navegacao-item:hover{background:#ffffff0d;color:#d6d9e6}.navegacao-item.ativo{background:#00d4e81a;color:#fff}.navegacao-item.ativo:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--grad-marca)}.navegacao-rodape{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:10px;margin-top:auto;padding:14px;border-top:1px solid rgba(255,255,255,.06)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--grad-cta);color:#fff;font-weight:800}.navegacao-rodape strong{display:block;color:#e8eaf2;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navegacao-rodape span{display:block;color:#5a5f76;font-size:11px}.navegacao-rodape button{border:0;background:transparent;color:#8e93a9;cursor:pointer}.principal{flex:1;min-width:0}.conteudo{padding:28px;max-width:1540px;width:100%;margin:0 auto}.topo-pagina{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.topo-pagina h1{font-size:26px;margin:4px 0}.topo-pagina p:not(.rotulo-secao){margin:0;color:var(--tinta-3);max-width:780px}.acoes-topo{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-g);box-shadow:var(--sombra-1);overflow:hidden}.cartao-corpo{padding:20px 22px}.card-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h3{font-size:15.5px}.card-head p{margin:4px 0 0;color:var(--tinta-3);font-size:13px}.grade-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grade-kpi.seis{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi{padding:19px 20px;position:relative}.kpi-barra{position:absolute;top:0;left:0;right:0;height:3px}.kpi strong{display:block;font-size:24px;font-family:var(--fonte-display);margin:8px 0 2px}.kpi small{color:var(--tinta-3)}.kpi-icone{opacity:.9}.duas-colunas{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}.duas-colunas.largo{grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr)}.grade-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.utilidades-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.utilidade-card{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--borda);border-radius:var(--raio-g);padding:17px;box-shadow:var(--sombra-1)}.utilidade-card svg{width:38px;height:38px;padding:9px;border-radius:12px;color:var(--ciano);background:var(--ciano-suave)}.utilidade-card strong{display:block;text-transform:capitalize;font-family:var(--fonte-display);font-size:15px}.utilidade-card span,.utilidade-card small{display:block;color:var(--tinta-3);font-size:12.5px}.utilidade-card.inativo{opacity:.62}.utilidade-card.inativo svg{background:#eef0f5;color:var(--tinta-4)}.tabela{width:100%;border-collapse:collapse}.tabela th{text-align:left;font-family:var(--fonte-display);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tinta-3);padding:12px 14px;border-bottom:1px solid var(--borda)}.tabela td{padding:13px 14px;border-bottom:1px solid var(--borda);font-size:13.5px;vertical-align:middle}.tabela tbody tr:hover{background:#fafbfd}.tabela tbody tr:last-child td{border-bottom:0}.selo{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap;text-transform:capitalize}.selo.verde{background:var(--verde-suave);color:var(--verde)}.selo.ambar{background:var(--ambar-suave);color:var(--ambar)}.selo.vermelho{background:var(--vermelho-suave);color:var(--vermelho)}.busca{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--borda-forte);border-radius:var(--raio-m);padding:0 12px;min-width:min(420px,100%);box-shadow:var(--sombra-1)}.busca input{border:0;outline:0;height:42px;width:100%;font-size:13.5px;color:var(--tinta)}.acoes{gap:7px;flex-wrap:wrap}.toast{background:var(--ciano-suave);color:var(--ciano);border:1px solid rgba(0,168,189,.18);border-radius:12px;padding:10px 14px;font-weight:800}.carregando{display:flex;align-items:center;justify-content:center;gap:6px}.carregando span{width:7px;height:7px;border-radius:50%;background:var(--tinta-4);animation:pulso 1.1s infinite}.carregando span:nth-child(2){animation-delay:.16s}.carregando span:nth-child(3){animation-delay:.32s}@keyframes pulso{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.vazio{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:center;min-height:120px;padding:18px;border:1px dashed var(--borda-forte);border-radius:var(--raio-m);background:#fafbfd;color:var(--tinta-3)}.vazio strong{font-family:var(--fonte-display);color:var(--tinta)}.barras{display:flex;flex-direction:column;gap:12px}.barra-linha{display:grid;grid-template-columns:120px 1fr 100px;gap:10px;align-items:center;font-size:12.5px}.barra-linha span{text-transform:capitalize;font-weight:700;color:var(--tinta-2)}.barra-linha div{height:10px;background:#eef0f5;border-radius:999px;overflow:hidden}.barra-linha b{display:block;height:100%;background:var(--grad-cta);border-radius:999px}.barra-linha em{font-style:normal;text-align:right;color:var(--tinta-3)}.donut-wrap{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center}.donut{width:164px;height:164px;border-radius:50%;background:conic-gradient(var(--ciano) 0 38%,var(--verde) 38% 62%,var(--ambar) 62% 82%,var(--violeta) 82% 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.donut:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px var(--borda)}.donut strong,.donut span{position:relative;z-index:1}.donut strong{font-family:var(--fonte-display);font-size:27px}.donut span{color:var(--tinta-3);font-size:12px}.legenda{display:grid;gap:10px}.legenda div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center}.legenda b{width:10px;height:10px;border-radius:50%}.timeline{height:190px;display:flex;align-items:flex-end;gap:10px;padding-top:18px;overflow-x:auto}.timeline div{min-width:42px;display:flex;flex-direction:column;align-items:center;gap:7px}.timeline span{display:block;width:24px;border-radius:8px 8px 3px 3px;background:var(--grad-cta);box-shadow:0 8px 18px #00a8bd2e}.timeline em{font-style:normal;font-size:10.5px;color:var(--tinta-3);white-space:nowrap}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#eef0f5;color:var(--tinta-2);font-size:12px;font-weight:700}.chip.ciano{background:var(--ciano-suave);color:var(--ciano)}.chip.vermelho{background:var(--vermelho-suave);color:var(--vermelho)}.bandeira-box{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;border-radius:16px;background:linear-gradient(135deg,var(--ciano-suave),var(--violeta-suave));padding:22px}.bandeira-box strong{font-family:var(--fonte-display);font-size:30px;color:var(--tinta)}.bandeira-box span{color:var(--tinta-3);font-weight:700}.modulo-lista{margin-top:18px;color:var(--tinta-2);line-height:1.7}.modulo-lista p{font-weight:800;margin:0 0 8px}.modulo-lista ul{margin:0;padding-left:18px}@media (max-width:1320px){.grade-kpi.seis{grid-template-columns:repeat(3,minmax(0,1fr))}.utilidades-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.grade-kpi,.grade-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.duas-colunas,.duas-colunas.largo{grid-template-columns:1fr}.auth-painel,.navegacao{display:none}.conteudo{padding:18px}.auth-formulario{min-height:100vh}.barra-linha{grid-template-columns:90px 1fr}.barra-linha em{display:none}}@media (max-width:640px){.grade-kpi,.grade-kpi.seis,.grade-cards,.utilidades-grid{grid-template-columns:1fr}.topo-pagina{display:block}.busca{margin-top:14px;min-width:100%}.donut-wrap{grid-template-columns:1fr}.donut{margin:auto}.tabela{min-width:920px}.cartao{overflow:auto}.kpi strong{font-size:23px}.acoes-topo{margin-top:14px}}.recados{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.recado{min-height:106px;background:#fff;border:1px solid var(--borda);border-top:3px solid var(--ciano);border-radius:var(--raio-g);padding:16px 17px;box-shadow:var(--sombra-1);display:flex;flex-direction:column;gap:8px}.recado strong{font-family:var(--fonte-display);font-size:15px;color:var(--tinta);line-height:1.25}.recado span{color:var(--tinta-3);font-size:12.8px;line-height:1.45}.recado.vermelho{border-top-color:var(--vermelho);background:linear-gradient(180deg,#fff,var(--vermelho-suave))}.recado.ambar{border-top-color:var(--ambar);background:linear-gradient(180deg,#fff,var(--ambar-suave))}.recado.ciano{border-top-color:var(--ciano);background:linear-gradient(180deg,#fff,var(--ciano-suave))}.recado.violeta{border-top-color:var(--violeta);background:linear-gradient(180deg,#fff,var(--violeta-suave))}.filtro-card{width:100%;text-align:left;cursor:pointer;font:inherit}.filtro-card.selecionado{border-color:var(--ciano);box-shadow:0 0 0 2px #00a8bd24,var(--sombra-2);transform:translateY(-1px)}.filtro-card:focus-visible{outline:3px solid rgba(0,168,189,.25);outline-offset:2px}@media (max-width:1320px){.recados{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.recados{grid-template-columns:1fr}}.painel-filtros{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:14px;align-items:end}.painel-filtros.faturas{grid-template-columns:repeat(4,minmax(180px,1fr)) minmax(260px,1.4fr)}.painel-filtros label{display:flex;flex-direction:column;gap:7px;min-width:0}.painel-filtros label span{font-family:var(--fonte-display);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}.painel-filtros .campo,.painel-filtros .seletor-periodo{min-width:0;width:100%}.filtro-busca .busca{min-width:0;width:100%;box-shadow:none}.tensao-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tensao-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--borda);background:#fff;border-radius:var(--raio-g);padding:18px;text-align:left;display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;box-shadow:var(--sombra-1);cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.tensao-card svg{width:42px;height:42px;padding:10px;border-radius:13px;background:var(--ciano-suave);color:var(--ciano)}.tensao-card strong{display:block;font-family:var(--fonte-display);font-size:15px;color:var(--tinta);margin-bottom:3px}.tensao-card span,.tensao-card small{display:block;color:var(--tinta-3);font-size:12.5px}.tensao-card:hover{border-color:#00a8bd73;box-shadow:var(--sombra-2)}.tensao-card.selecionado{border-color:var(--ciano);box-shadow:0 0 0 3px #00a8bd24,var(--sombra-2)}.grafico-linha{position:relative;min-height:292px;overflow-x:auto;padding-top:6px}.grafico-linha svg{display:block;width:100%;min-width:620px;height:auto}.grafico-resumo{position:absolute;top:4px;right:6px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--borda);border-radius:12px;padding:9px 12px;box-shadow:var(--sombra-1)}.grafico-resumo strong{font-family:var(--fonte-display);font-size:16px;color:var(--tinta)}.grafico-resumo span{font-size:11.5px;color:var(--tinta-3)}.linha-grade{stroke:#edf0f6;stroke-width:1}.linha-area{fill:url(#linha-gradiente);fill:#00a8bd17}.linha-serie{fill:none;stroke:var(--ciano);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 16px rgba(0,168,189,.18))}.linha-ponto{fill:#fff;stroke:var(--ciano);stroke-width:3}.grafico-eixo,.grafico-label{font-size:11px;fill:var(--tinta-3);font-family:var(--fonte-corpo)}.grafico-label{font-weight:700}@media (max-width:1320px){.painel-filtros.faturas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.painel-filtros,.painel-filtros.faturas,.tensao-grid{grid-template-columns:1fr}.grafico-resumo{position:static;align-items:flex-start;margin-bottom:8px}.grafico-linha svg{min-width:560px}}