.demo-cliente,.demo-admin{color:#243d34;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.demo-cliente *,.demo-admin *{box-sizing:border-box}.demo-cliente button,.demo-admin button,.demo-admin select,.demo-admin input{font:inherit}.demo-cliente button,.demo-admin button{cursor:pointer}.demo-cliente a,.demo-admin a{color:inherit;text-decoration:none}.demo-cliente h1,.demo-cliente h2,.demo-cliente p,.demo-admin h1,.demo-admin h2,.demo-admin p{margin:0}.demo-cliente button:focus-visible,.demo-admin button:focus-visible,.demo-admin a:focus-visible,.demo-cliente a:focus-visible{outline-offset:4px;outline:3px solid #b68a3f}.demo-cliente{background:#f4f7f5;min-height:100vh;padding-bottom:76px}.demo-aviso{letter-spacing:.06em;color:#526b5c;background:#e5eee8;justify-content:space-between;padding:8px 16px;font-size:8px;display:flex}.demo-aviso a{font-weight:700}.dc-corpo{max-width:460px;margin:auto;padding:20px}.dc-topo{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.dc-marca{align-items:center;gap:9px;font-size:14px;font-weight:650;display:flex}.dc-marca>span{color:#fff;background:#205b46;border-radius:10px;place-items:center;width:31px;height:31px;font-size:23px;display:grid}.dc-avatar{color:#40614d;background:#e0e9e2;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:inline-grid}.dc-ola{color:#718176;font-size:13px}.dc-ola span{color:#b29252}.demo-cliente h1{letter-spacing:-.04em;margin-top:6px;margin-bottom:23px;font-size:23px;font-weight:650}.dc-plano{color:#fff;background:#194d3c;border-radius:18px;padding:22px;box-shadow:0 10px 25px -15px #194d3c55}.dc-conexao{color:#d3e7da;justify-content:space-between;align-items:center;font-size:11px;display:flex}.dc-conexao>span{align-items:center;gap:6px;display:flex}.dc-conexao i{background:#a7d898;border-radius:50%;width:6px;height:6px}.dc-conexao svg{width:22px;height:22px}.dc-plano>p{color:#b6d0bf;margin-top:17px;font-size:11px}.dc-plano h2{letter-spacing:-.04em;margin-top:5px;font-size:25px;font-weight:400}.dc-plano h2 strong{font-weight:650}.dc-velocidades{color:#d5e7db;gap:15px;margin-top:17px;font-size:10px;display:flex}.dc-velocidades span{align-items:center;gap:4px;display:flex}.dc-velocidades svg{width:13px;height:13px}.dc-plano-base{color:#c8dfcf;border-top:1px solid #ffffff26;justify-content:space-between;margin-top:19px;padding-top:14px;font-size:9px;display:flex}.dc-fatura{background:#fff;border:1px solid #e2e8e2;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:20px;display:flex}.dc-rotulo{letter-spacing:.08em;color:#7b887d;font-size:9px}.dc-fatura h2{letter-spacing:-.04em;margin-top:6px;font-size:25px;font-weight:650}.dc-fatura p{color:#7c887f;margin-top:5px;font-size:10px}.dc-fatura button{color:#2a6047;background:#eef4ef;border:1px solid #dbe5dd;border-radius:8px;padding:10px 12px;font-size:10px;font-weight:650}.dc-atalhos{grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0;display:grid}.dc-atalhos button{text-align:left;background:#fff;border:1px solid #e2e8e2;border-radius:13px;flex-direction:column;gap:15px;padding:14px 10px;display:flex}.dc-atalhos svg{color:#357052;box-sizing:content-box;background:#eaf2eb;border-radius:7px;width:17px;height:17px;padding:7px}.dc-atalhos span{font-size:10px;font-weight:600}.dc-consumo{background:#fff;border:1px solid #e2e8e2;border-radius:16px;margin-top:15px;padding:19px}.dc-secao-titulo{justify-content:space-between;align-items:center;display:flex}.dc-consumo h2{font-size:13px;font-weight:650}.dc-secao-titulo>span{color:#7b887f;font-size:9px}.dc-total{align-items:baseline;gap:10px;margin-top:14px;display:flex}.dc-total>strong{letter-spacing:-.05em;font-size:28px;font-weight:650}.dc-total small{font-size:13px;font-weight:400}.dc-total>span{color:#7b887f;font-size:9px}.dc-grafico{align-items:end;gap:4px;height:75px;margin-top:20px;display:flex}.dc-grafico>span{background:#bdd6c3;border-radius:3px 3px 0 0;flex:1;min-width:0}.dc-grafico>span.recente{background:#367759}.dc-eixo{color:#8a958c;justify-content:space-between;margin-top:8px;font-size:8px;display:flex}.dc-ilimitado{color:#738579;border-top:1px solid #e8ede8;align-items:center;gap:7px;padding-top:13px;display:flex;margin-top:14px!important;font-size:9px!important}.dc-ilimitado svg{width:13px;height:13px}.dc-rodape{text-align:center;color:#7d8e80;font-size:8px;line-height:1.8;margin-top:20px!important}.dc-rodape strong{font-weight:650}.dc-nav{z-index:10;background:#fff;border-top:1px solid #e0e8e0;justify-content:space-around;width:100%;padding:12px max(10px,50% - 220px);display:flex;position:fixed;bottom:0;left:0}.dc-nav button{color:#7d8a80;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:65px;font-size:9px;display:flex}.dc-nav button[aria-current]{color:#1e6144}.dc-nav svg{width:19px;height:19px}.dc-feedback{background:#edf6ef;border:1px solid #9ab9a2;border-radius:12px;margin-top:16px;padding:16px;font-size:12px;line-height:1.7}.dc-feedback button,.dc-botao{color:#fff;background:#245b41;border:0;border-radius:7px;margin-top:12px;padding:9px 15px;font-size:12px}.dc-ajuda{font-size:13px;line-height:1.8;margin-top:15px!important}.demo-admin{background:#f6f8f6;min-height:100vh;font-size:13px;display:flex}.da-sidebar{background:#fff;border-right:1px solid #e1e8e1;flex-direction:column;width:230px;padding:30px 18px;display:flex;position:fixed;inset:0 auto 0 0}.da-logo{letter-spacing:-.04em;flex-wrap:wrap;align-items:center;gap:10px;padding:0 10px;font-size:23px;font-weight:650;display:flex}.da-logo>span{letter-spacing:.12em;color:#839184;width:100%;margin-top:-9px;padding-left:40px;font-size:9px;font-weight:400}.da-operadora{border:1px solid #e4eae3;border-radius:10px;align-items:center;gap:10px;margin:32px 0;padding:16px 12px;display:flex}.da-operadora>span{color:#52765a;background:#e8efe8;border-radius:8px;padding:9px;font-size:12px}.da-operadora strong,.da-operadora small{display:block}.da-operadora strong{font-size:11px;font-weight:600}.da-operadora small{color:#7a8a7e;margin-top:4px;font-size:9px}.da-nav-rotulo{color:#8a958b;letter-spacing:.12em;margin-bottom:14px;padding:0 12px;font-size:9px}.da-sidebar nav{flex-direction:column;gap:5px;display:flex}.da-sidebar nav button{color:#6c7c70;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:12px;font-size:12px;display:flex}.da-sidebar nav button>span{text-align:center;width:20px;font-size:19px;line-height:1}.da-sidebar nav button[aria-current]{color:#295d3c;background:#e8f0e8;font-weight:600}.da-sidebar nav button small{background:#dbe6db;border-radius:4px;margin-left:auto;padding:1px 5px}.da-sidebar-base{border-top:1px solid #e2e9e1;flex-direction:column;gap:15px;margin-top:auto;padding:18px 10px 0;font-size:11px;display:flex}.da-sidebar-base p{color:#98a095;font-size:10px;line-height:1.6}.da-area{flex:1;min-width:0;margin-left:230px}.da-topo{color:#7b887c;background:#fff;border-bottom:1px solid #e1e8e1;justify-content:space-between;align-items:center;padding:17px 38px;font-size:11px;display:flex}.da-topo strong{color:#3e5844;font-weight:500}.da-separador{color:#bac4b9;padding:0 12px}.da-topo>div{align-items:center;gap:20px;display:flex}.da-demo-selo{letter-spacing:.09em;color:#874;background:#f3efdf;border:1px solid #e8dfc3;border-radius:5px;padding:5px 9px;font-size:8px}.da-conteudo{max-width:1500px;margin:0 auto;padding:35px 38px}.da-abertura{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.da-abertura p{letter-spacing:.1em;color:#86937f;margin-bottom:12px;font-size:9px}.da-abertura h1{letter-spacing:-.045em;color:#294631;margin-bottom:10px;font-size:29px;font-weight:550}.da-abertura>div>span{color:#7d8c7f;font-size:12px}.da-periodo select{color:#536c55;background:#fff;border:1px solid #dce4da;border-radius:7px;padding:10px 15px;font-size:11px}.da-alerta{color:#6a7d5c;background:#edf2e9;border:1px solid #dde7d5;border-radius:9px;align-items:center;gap:12px;margin-bottom:26px;padding:14px 18px;font-size:10px;display:flex}.da-alerta>i{background:#7c9b61;border-radius:50%;flex-shrink:0;width:6px;height:6px}.da-alerta strong{font-weight:600}.da-alerta a{white-space:nowrap;color:#526f3b;margin-left:auto;font-weight:600}.da-metricas{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px;display:grid}.da-metricas>section{background:#fff;border:1px solid #e1e7de;border-radius:10px;padding:20px}.da-metricas>section>div{color:#7d8d7e;justify-content:space-between;align-items:center;font-size:11px;display:flex}.da-metricas>section>div>span{color:#62805b;background:#eef3ec;border-radius:7px;padding:5px 8px}.da-metricas strong{letter-spacing:-.04em;margin:14px 0 8px;font-size:29px;font-weight:550;display:block}.da-dupla{grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:24px;display:grid}.da-card{background:#fff;border:1px solid #e0e7dc;border-radius:11px;padding:23px}.da-card-titulo{justify-content:space-between;align-items:center;gap:15px;display:flex}.da-card-titulo h2{letter-spacing:-.02em;font-size:14px;font-weight:600}.da-card-titulo p{color:#8a9887;margin-top:7px;font-size:10px}.da-legenda{color:#83927d;align-items:center;gap:6px;font-size:9px;display:flex}.da-legenda i{background:#7a9b6c;border-radius:2px;width:6px;height:6px}.da-chart{gap:12px;height:170px;margin-top:27px;display:flex}.da-chart-y{color:#a1ab9a;flex-direction:column;justify-content:space-between;min-width:28px;font-size:8px;display:flex}.da-chart-bars{background:repeating-linear-gradient(0deg,#0000,#0000 calc(33.333% - 1px),#f0f3ec calc(33.333% - 1px) 33.333%);border-bottom:1px solid #e9eee4;flex:1;justify-content:space-around;align-items:end;gap:10px;padding:0 6px;display:flex}.da-chart-bars>div{flex:1;align-items:end;max-width:25px;height:100%;display:flex}.da-chart-bars span{background:#bbcfac;border-radius:3px 3px 0 0;width:100%;display:block}.da-chart-bars>div:nth-child(3n) span{background:#6c9160}.da-chart-x{color:#a1ab9a;justify-content:space-between;margin-top:10px;margin-left:40px;font-size:8px;display:flex}.da-rotina>button{text-align:left;color:#718265;background:0 0;border:0;border-bottom:1px solid #edf0e8;align-items:center;gap:13px;width:100%;padding:20px 0;font-size:11px;display:flex}.da-rotina>button strong{color:#8c8151;background:#f3f2e6;border-radius:7px;padding:8px;font-size:13px}.da-rotina>button:nth-of-type(2) strong{color:#6b8557;background:#eaf0e6}.da-rotina>button>span:last-child{color:#8d9c83;margin-left:auto}.da-sinc{color:#8fa080;margin-top:19px!important;font-size:9px!important}.da-clientes .da-card-titulo{margin-bottom:18px}.da-clientes input{background:#fafcf8;border:1px solid #e0e7dc;border-radius:7px;outline-color:#829d70;width:230px;max-width:100%;padding:10px 13px;font-size:10px}.da-tabela{overflow:auto}.da-tabela table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%}.da-tabela th{color:#95a08e;background:#f8faf5;border-block:1px solid #edf0e8;padding:11px 10px;font-size:9px;font-weight:500}.da-tabela td{color:#7b8b71;border-bottom:1px solid #edf0e8;padding:13px 10px;font-size:10px}.da-tabela td strong{color:#45613d;font-weight:500}.da-iniciais{color:#739064;background:#eaf0e5;border-radius:50%;place-items:center;width:29px;height:29px;margin-right:10px;font-size:9px;display:inline-grid}.da-status{color:#66864f;white-space:nowrap;background:#edf4e8;border:1px solid #e0ecd7;border-radius:5px;padding:4px 8px;font-size:8px}.da-status.pendente{color:#9d874a;background:#f8f2e2;border-color:#eee4c8}.da-tabela button{color:#70925b;background:0 0;border:0;font-size:10px}.da-rodape{color:#a2ad99;justify-content:space-between;margin-top:23px;font-size:9px;display:flex}.da-vazio{padding:30px;font-size:13px}.da-linha{color:#63814f;text-align:left;background:0 0;border:0;border-bottom:1px solid #e7ecdf;justify-content:space-between;gap:20px;width:100%;padding:24px 4px;display:flex}.da-detalhe{background:#eaf1e4;border:1px solid #ceddc3;border-radius:10px;margin-top:20px;padding:24px}.da-detalhe>button{float:right;background:0 0;border:0;font-size:24px}.da-detalhe h2{font-size:18px}.da-detalhe p{margin:15px 0;font-size:13px;line-height:1.8}.da-detalhe a{font-size:12px;font-weight:600}.da-topo{font-size:12px}.da-sidebar nav button{font-size:13px}.da-metricas>section>div{color:#61745d;font-size:12px}.da-metricas small{color:#6d7f64;font-size:11px}.da-card-titulo h2{font-size:16px}.da-card-titulo p{color:#6e8065;font-size:12px}.da-tabela th{color:#6f7e68;font-size:11px}.da-tabela td{color:#65775c;font-size:12px}.da-tabela button{font-size:12px}.da-status{font-size:10px}.da-rotina>button{font-size:12px}.da-chart-y,.da-chart-x{color:#72836a;font-size:10px}.da-alerta{color:#586e49;font-size:11px}.da-abertura>div>span{color:#667a5d}.da-chart{margin-top:24px}@media (max-width:1000px){.da-sidebar{width:190px;padding-inline:12px}.da-area{margin-left:190px}.da-conteudo{padding:25px}.da-topo{padding-inline:25px}.da-metricas{grid-template-columns:repeat(2,1fr)}.da-dupla{grid-template-columns:1fr}.da-abertura h1{font-size:25px}.da-alerta{flex-wrap:wrap}.da-alerta a{margin-left:18px}}@media (max-width:650px){.da-sidebar{border-bottom:1px solid #dce5d5;width:100%;padding:15px;display:block;position:static}.demo-admin{display:block}.da-logo{font-size:20px}.da-logo>span,.da-operadora,.da-nav-rotulo,.da-sidebar-base{display:none}.da-sidebar nav{flex-direction:row;margin-top:15px;overflow:auto}.da-sidebar nav button{flex-shrink:0;padding:10px;font-size:10px}.da-sidebar nav button>span{width:auto;font-size:15px}.da-sidebar nav button small{display:none}.da-area{margin:0}.da-topo{padding:12px 18px}.da-topo>span{font-size:10px}.da-topo>div{gap:8px}.da-conteudo{padding:22px 16px}.da-abertura{align-items:start}.da-abertura h1{max-width:230px;font-size:25px}.da-abertura p{font-size:8px}.da-periodo select{max-width:105px;padding:8px;font-size:9px}.da-abertura>div>span{font-size:10px}.da-metricas{gap:10px}.da-metricas>section{padding:15px}.da-metricas strong{font-size:25px}.da-card{padding:16px}.da-card-titulo{flex-wrap:wrap}.da-chart{height:150px}.da-chart-bars{gap:7px}.da-rodape{gap:15px;line-height:1.6}.da-demo-selo{font-size:7px}.da-linha{font-size:11px}.da-linha>span{font-size:9px}}