:root{color-scheme:dark;--fundo:#19151f;--painel:#25202d;--linha:#3f354a;--texto:#f7f1fa;--muted:#beb1c9;--lilas:#cbb2ff;--verde:#a8dcc4;--rosa:#f0adc1;--amarelo:#efd299;font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}a{color:var(--lilas)}button{color:inherit}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lilas);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1.2px}h2{font-size:26px}h3{font-size:16px}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:800;color:var(--lilas)}.marca{font-family:Fraunces,Georgia,serif;font-size:30px;letter-spacing:-1px}.marca span{color:var(--lilas)}.marca small{display:block;font:700 10px Manrope,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:2px}
.pular{position:fixed;top:-100px;left:12px;z-index:10;padding:12px;background:var(--lilas);color:var(--fundo);border-radius:10px}.pular:focus{top:12px}.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;min-height:48px;padding:12px 20px;border-radius:13px;background:var(--lilas);color:#251b31;font-weight:800;text-decoration:none}.secundario{background:transparent;color:var(--texto);border-color:var(--linha)}.icone{width:20px;height:20px;flex:none}.carregando,.vazio{padding:56px 24px;text-align:center;color:var(--muted)}.erro{padding:16px;border:1px solid #956175;border-radius:13px;background:#3c2634;color:#ffd4de}.erro:empty{display:none}
.acesso{max-width:1080px;margin:auto;min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:48px 32px}.acesso-intro .marca{margin-bottom:68px}.acesso-intro h1{font-size:clamp(40px,5.5vw,64px);max-width:540px}.acesso-intro p{max-width:400px;margin:24px 0;color:var(--muted);font-size:17px}.acesso-nota{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--verde);margin-top:36px}.form-login{background:var(--painel);padding:36px;border:1px solid var(--linha);border-radius:24px}.form-login h2{margin:10px 0 12px}.form-login .muted{margin-bottom:24px}.campo{display:grid;gap:8px;margin:20px 0}.campo label,.filtros label{font-size:12px;font-weight:700;color:var(--muted)}input,select{min-width:0;width:100%;min-height:50px;padding:12px 14px;border:1px solid #5b4d66;border-radius:12px;background:#302838;color:var(--texto);font-size:16px}input::placeholder{color:#ac9cb8}.form-login .botao{width:100%;margin-top:4px}.voltar{display:block;text-align:center;font-size:12px;padding:20px 0 0}.senha{display:flex;position:relative}.senha input{padding-right:85px}.senha button{position:absolute;right:4px;top:4px;bottom:4px;border:0;background:transparent;padding:0 12px;font-size:12px;color:var(--lilas)}
.lateral{width:224px;position:fixed;inset:0 auto 0 0;padding:36px 22px;border-right:1px solid var(--linha);background:#211b29;display:flex;flex-direction:column;z-index:2}.lateral .marca{padding:0 12px}.navegacao{display:grid;gap:8px;margin-top:58px}.navegacao button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;min-height:50px}.navegacao button[aria-current=page]{background:#35293f;color:var(--lilas);border-color:#584068}.lateral-final{margin-top:auto;padding:16px 12px 0;border-top:1px solid var(--linha);font-size:11px;color:var(--muted)}.lateral-final strong{display:block;color:var(--texto);font-size:13px;overflow-wrap:anywhere}.area{margin-left:224px}.topo{min-height:90px;padding:20px 44px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--linha)}.topo-titulo{font-size:12px;font-weight:800;letter-spacing:.3px}.topo .muted{font-size:11px}.topo .botao{min-height:44px;font-size:12px;padding:8px 14px}.conteudo{max-width:1240px;margin:auto;padding:44px}.cabecalho{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.cabecalho h1{margin:9px 0 12px}.cabecalho p{max-width:560px;color:var(--muted);font-size:14px}.metricas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.metrica{padding:22px;background:var(--painel);border:1px solid var(--linha);border-radius:18px}.metrica .rotulo{font-size:12px;color:var(--muted)}.metrica strong{display:block;font-size:36px;line-height:1.3;letter-spacing:-1.5px;margin:12px 0 6px;font-weight:600}.metrica small{color:var(--muted);font-size:11px}.metrica.destaque{background:var(--lilas);border-color:var(--lilas);color:#271d35}.metrica.destaque .rotulo,.metrica.destaque small{color:#4d3a65}.metrica.aviso strong{color:var(--amarelo)}
.aviso-faixa{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#342d24;border:1px solid #665238;border-radius:16px;padding:18px 22px;margin-bottom:30px}.aviso-faixa p{color:var(--amarelo);font-size:13px}.aviso-faixa strong{display:block;color:#f8e6c5;font-size:14px}.aviso-faixa .botao{white-space:nowrap;background:#4c3e2c;border-color:#7b6444;font-size:12px;min-height:44px}.secao{border:1px solid var(--linha);border-radius:20px;background:var(--painel);overflow:hidden}.secao-topo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.secao-topo h2{font-size:24px}.secao-topo small{color:var(--muted);display:block;margin-top:7px}.acao-texto{border:0;background:none;color:var(--lilas);font-weight:700;font-size:12px;padding:10px;min-height:44px;white-space:nowrap}.lista{display:grid}.espaco{display:grid;grid-template-columns:44px minmax(0,1fr) 150px 110px 24px;gap:16px;align-items:center;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid var(--linha);padding:21px 24px;transition:background .15s}.espaco:hover{background:#312737}.selo{height:44px;width:44px;display:grid;place-items:center;border:1px solid #5c456c;border-radius:14px;background:#3a2c47;color:var(--lilas);font-family:Fraunces,Georgia,serif;font-size:22px}.espaco-nome{min-width:0}.espaco-nome strong{display:block;font-size:14px;overflow-wrap:anywhere}.espaco-nome small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.espaco-plano{font-size:12px;color:var(--muted)}.espaco-plano b{display:block;color:var(--texto);font-size:12px;font-weight:600}.seta{color:var(--muted)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #51435e;background:#382d43;color:var(--lilas);font-size:10px;font-weight:800;line-height:1.3;border-radius:8px;padding:7px 9px;white-space:nowrap;justify-self:start}.badge.ativo{background:#24372f;color:var(--verde);border-color:#385c4b}.badge.alerta{background:#3c3224;color:var(--amarelo);border-color:#6c5637}.badge.cancelado{background:#402936;color:var(--rosa);border-color:#644052}.rodape-resumo{padding-top:22px;display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:11px}.rodape-resumo strong{color:var(--texto)}
.filtros{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;gap:14px;align-items:end;margin-bottom:22px}.filtros label{display:grid;gap:7px}.paginacao{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-top:1px solid var(--linha)}.paginacao span{color:var(--muted);font-size:12px}.paginacao div{display:flex;gap:8px}.paginacao button{min-width:44px;min-height:44px;padding:8px}.planos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plano{border:1px solid var(--linha);border-radius:20px;padding:26px;background:var(--painel)}.plano .badge{margin-bottom:22px}.plano h2{margin-bottom:18px;font-size:30px}.preco{font-size:26px;font-weight:700;letter-spacing:-1px;margin-bottom:22px}.preco small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0}.plano p{border-top:1px solid var(--linha);padding-top:16px;margin-top:16px;font-size:13px;color:var(--muted)}.plano p strong{color:var(--texto)}.nota{font-size:12px;color:var(--muted);margin-top:24px}
dialog{color:var(--texto);background:var(--painel);border:1px solid #63516f;border-radius:22px;padding:0;width:min(640px,calc(100% - 32px));max-height:86svh;overscroll-behavior:contain}dialog::backdrop{background:#0b0713bd;backdrop-filter:blur(4px)}body:has(dialog[open]){overflow:hidden}.dialog-topo{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;border-bottom:1px solid var(--linha);position:sticky;top:0;background:var(--painel);z-index:1}.dialog-topo h2{font-size:25px;overflow-wrap:anywhere}.fechar{border:1px solid var(--linha);border-radius:50%;height:44px;width:44px;flex:none;display:grid;place-items:center;background:#342a3e}.dialog-corpo{padding:26px}.dados{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.dados dt{color:var(--muted);font-size:11px;margin-bottom:5px}.dados dd{margin:0;font-size:14px;overflow-wrap:anywhere}.mini-metricas{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--linha);border-radius:14px;padding:16px;margin-bottom:28px;gap:12px}.mini-metricas strong{font-size:22px;display:block}.mini-metricas small{font-size:10px;color:var(--muted)}.pessoa{padding:17px 0;border-bottom:1px solid var(--linha);display:flex;align-items:center;justify-content:space-between;gap:14px}.pessoa strong{font-size:13px;display:block}.pessoa small{font-size:11px;display:block;color:var(--muted);overflow-wrap:anywhere}.pessoa>div{min-width:0}.mobile-nav{display:none}
@media(min-width:1500px){.conteudo{padding-top:58px}.cabecalho{margin-bottom:40px}}
@media(max-width:1100px){.lateral{width:194px;padding-inline:16px}.area{margin-left:194px}.conteudo{padding:30px}.topo{padding-inline:30px}.metricas{grid-template-columns:repeat(2,minmax(0,1fr))}.planos{grid-template-columns:1fr 1fr}.espaco{grid-template-columns:44px minmax(0,1fr) 112px 20px}.espaco-plano{display:none}.acesso{gap:40px}}
@media(max-width:720px){.acesso{display:block;padding:30px 22px 40px;max-width:460px}.acesso-intro .marca{margin-bottom:30px}.acesso-intro h1{font-size:38px}.acesso-intro p{font-size:14px;margin:14px 0 25px}.acesso-nota{display:none}.form-login{padding:24px;border-radius:20px}.form-login h2{font-size:26px}.form-login .eyebrow{font-size:9px}.lateral{display:none}.area{margin-left:0}.topo{padding:14px 20px;min-height:76px;position:sticky;top:0;background:#211b29;z-index:2}.topo-titulo{font-size:11px}.topo .muted{font-size:10px}.topo .botao{font-size:11px;padding:8px 12px}.conteudo{padding:28px 20px calc(100px + env(safe-area-inset-bottom))}.cabecalho{display:block;margin-bottom:24px}.cabecalho h1{font-size:36px;margin-top:8px}.cabecalho p{font-size:13px}.cabecalho>.botao{margin-top:18px;width:100%}.metricas{gap:10px;margin-bottom:22px}.metrica{padding:16px;border-radius:16px}.metrica strong{font-size:32px;margin:9px 0 4px}.metrica .rotulo{font-size:11px}.metrica small{font-size:10px}.aviso-faixa{padding:16px;gap:14px;display:block;margin-bottom:22px}.aviso-faixa .botao{margin-top:12px;width:100%}.secao-topo{padding:20px 16px;gap:10px}.secao-topo h2{font-size:23px}.secao-topo small{font-size:10px}.acao-texto{font-size:11px;padding:8px 0}.espaco{grid-template-columns:38px minmax(0,1fr) 16px;padding:18px 16px;gap:12px}.selo{width:38px;height:40px;border-radius:12px;font-size:20px}.espaco>.badge{grid-column:2;grid-row:2;margin-top:-7px}.espaco>.seta{grid-column:3;grid-row:1 / 3}.espaco-nome strong{font-size:13px}.espaco-nome small{font-size:10px}.badge{font-size:9px;padding:6px 8px}.filtros{grid-template-columns:minmax(0,1fr) auto;gap:12px}.filtros label:first-child{grid-column:1 / -1}.filtros select{font-size:14px}.filtros .botao{min-height:50px}.planos{grid-template-columns:1fr}.plano{padding:24px}.paginacao{padding:16px}.paginacao span{font-size:11px}.rodape-resumo{gap:8px 18px;padding-top:18px}.mobile-nav{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--linha);background:#211b29;z-index:3}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;background:transparent;border:0;border-radius:12px;color:var(--muted);font-size:10px;font-weight:700}.mobile-nav button[aria-current=page]{background:#3a2d46;color:var(--lilas)}dialog{width:100%;max-width:100%;max-height:92svh;margin:auto 0 0;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}.dialog-topo{padding:20px}.dialog-corpo{padding:22px 20px}.dialog-topo h2{font-size:25px}.dados{gap:18px 12px}.dados dd{font-size:13px}.pessoa{align-items:start}.mini-metricas{padding:14px;gap:8px}.mini-metricas strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Painel único GGSistemas */
.produto-titulo{font-size:18px;margin:6px 0 12px}.produto-titulo small{display:block;font-size:12px;font-weight:500;color:var(--muted)}.produto{margin-top:22px}
.acoes-cobranca{display:grid;gap:8px;margin:10px 0}

/* Tema claro (identidade Bela Hora v1.0): baunilha, ameixa e terracota. */
:root{color-scheme:light;--fundo:#FBF6EF;--painel:#FFFFFF;--linha:#E7DCD2;--texto:#392B35;--muted:#71636C;--lilas:#AC5949;--verde:#31573C;--rosa:#813D32;--amarelo:#6D4B12;--ameixa:#392B35;--terra:#C66F5D;--areia:#F5EDE3;--foco:#2D6F72;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,.marca,.selo{font-family:Newsreader,Georgia,serif;font-weight:500}.marca small{font-family:"DM Sans",sans-serif}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--foco)}
.botao{color:#FFF9F2;font-weight:700}.botao:hover{background:#984B3D}.secundario{background:#fff;color:var(--texto);border-color:var(--linha)}.secundario:hover{background:var(--areia)}
.erro{border-color:#E3B5AA;background:#F5DCD5;color:#813D32}
input,select{border-color:var(--linha);background:#fff;color:var(--texto)}input::placeholder{color:#9C8E96}input:focus,select:focus{border-color:var(--foco);box-shadow:0 0 0 3px rgb(45 111 114 / 20%);outline:none}
.form-login,.metrica,.secao,.plano{box-shadow:0 8px 24px rgb(57 43 53 / 5%)}
.acesso-intro h1{color:var(--ameixa)}
.lateral{background:var(--ameixa);border-right:0;color:#FFF9F2}.lateral .marca{color:#FFF9F2}.lateral .marca span{color:#E7A795}.lateral .marca small{color:#CDBFC6}
.navegacao button{color:#E4D8DE}.navegacao button:hover{background:#FFFFFF12}.navegacao button[aria-current=page]{background:var(--fundo);color:var(--ameixa);border-color:transparent}.navegacao button[aria-current=page] .icone{color:var(--lilas)}
.lateral-final{border-top-color:#FFFFFF1F;color:#CDBFC6}.lateral-final strong{color:#FFF9F2}
.metrica strong{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.metrica.destaque{background:var(--ameixa);border-color:var(--ameixa);color:#FFF9F2}.metrica.destaque .rotulo,.metrica.destaque small{color:#E4D8DE}
.aviso-faixa{background:#F7EBCF;border-color:#E9D29C}.aviso-faixa p{color:var(--amarelo)}.aviso-faixa strong{color:#4F360C}.aviso-faixa .botao{background:#fff;border-color:#E9D29C;color:var(--amarelo)}
.espaco:hover{background:var(--areia)}
.selo{border:0;background:#F1DED8;color:var(--ameixa)}
.badge{border-color:transparent;background:var(--areia);color:var(--texto)}.badge.ativo{background:#DCE8D9;color:#31573C;border-color:transparent}.badge.alerta{background:#F7EBCF;color:#6D4B12;border-color:transparent}.badge.cancelado{background:#F5DCD5;color:#813D32;border-color:transparent}
dialog{border-color:var(--linha);box-shadow:0 24px 60px rgb(57 43 53 / 18%)}dialog::backdrop{background:rgb(57 43 53 / 45%)}.fechar{background:var(--areia)}
@media(max-width:720px){.topo{background:var(--fundo)}.mobile-nav{background:#fff}.mobile-nav button[aria-current=page]{background:#F6E3DC;color:var(--lilas)}}
@media(max-width:720px){.mobile-nav{grid-template-columns:repeat(4,1fr)}}
/* Uso */
.periodo-uso{display:flex;gap:6px;flex-wrap:nowrap}.periodo-uso .botao{white-space:nowrap}.periodo-uso .botao{min-height:44px;padding:8px 14px;font-size:12px}.periodo-uso .botao[aria-pressed=true]{background:var(--ameixa);color:#FFF9F2;border-color:var(--ameixa)}
.metricas-tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.tabela-rolagem{overflow-x:auto;border-top:1px solid var(--linha)}
.tabela-uso{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.tabela-uso th,.tabela-uso td{padding:14px 16px;text-align:right;border-bottom:1px solid var(--linha);white-space:nowrap}
.tabela-uso thead th{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.tabela-uso th[scope=row],.tabela-uso thead th:first-child{text-align:left}
.tabela-uso th[scope=row]{font-weight:700;font-size:14px}.tabela-uso th[scope=row] small{display:block;font-weight:400;color:var(--muted);font-size:11px}
.tabela-uso td.alto{color:var(--rosa);font-weight:700}
.tabela-uso tbody tr:last-child th,.tabela-uso tbody tr:last-child td{border-bottom:0}
@media(max-width:720px){.mobile-nav{grid-template-columns:repeat(5,1fr)}.metricas-tres{grid-template-columns:1fr 1fr}.periodo-uso{margin-top:16px}}
/* Servidor */
.nota-servidor{font-size:12px;color:var(--muted);margin:-14px 0 16px}
.barra-uso{display:block;height:6px;border-radius:999px;background:var(--areia);overflow:hidden;margin:4px 0 8px}.barra-uso i{display:block;height:100%;background:var(--verde);border-radius:inherit}.barra-uso.alerta i{background:var(--rosa)}
.metrica.destaque .barra-uso{background:#FFFFFF26}
.dados-servidor{padding:0 24px 8px;margin:0}.secao .erro{margin:0 24px 20px}.secao>.nota{padding:0 24px 20px;margin:0}
@media(max-width:720px){.mobile-nav{grid-template-columns:repeat(6,1fr);padding-inline:6px}.mobile-nav button{font-size:11px;padding:0 2px}.dados-servidor{padding:0 16px 8px}}