:root{--preto: #0a0d10;--preto-2: #12171c;--preto-3: #1b2229;--borda: #232b33;--limao: #c8f000;--limao-esc: #a9cc00;--azul: #4aa3ff;--texto: #eef2f4;--texto-2: #9fb0bd;--erro: #ff6b6b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--preto);color:var(--texto);-webkit-tap-highlight-color:transparent}.tela{position:relative;max-width:480px;margin:0 auto;min-height:100%;background:var(--preto);display:flex;flex-direction:column}.topo{padding:16px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10;background:var(--preto)}.topo h1{font-size:18px;margin:0;font-weight:600;color:var(--texto)}.topo .btn-voltar{background:transparent;border:0;color:var(--texto);font-size:24px;cursor:pointer;padding:0 4px}.topo .hamburguer{margin-left:auto;background:transparent;border:0;color:var(--limao);font-size:26px;cursor:pointer;line-height:1}.saudacao{padding:16px 16px 0}.saudacao .ola{font-size:22px;font-weight:600}.saudacao .nome{color:var(--limao);font-size:14px;margin-top:2px}.conteudo{padding:16px;flex:1}.centro{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px}.marca{text-align:center;margin-bottom:40px}.marca .logo{width:110px;height:110px;border-radius:22px;border:2px solid var(--texto);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;color:var(--texto)}.marca .logo .txt{font-size:20px;margin-bottom:2px}.marca .logo .maos{font-size:34px}.marca h2{margin:16px 0 4px;color:var(--texto)}.marca p{margin:0;color:var(--texto-2);font-size:14px}.btn-sindicato{width:100%;background:var(--preto-2);border:1px solid var(--borda);border-radius:12px;color:var(--limao);font-size:17px;font-weight:600;padding:18px;margin-bottom:12px;cursor:pointer;text-align:left}.btn-sindicato:active{background:var(--preto-3)}.texto-cnpj{color:var(--texto);font-size:17px;text-align:center;margin:4px 0 20px;line-height:1.4}.card-vincular{background:var(--preto-2);border-radius:10px;padding:22px 18px;margin-bottom:22px}.texto-vincular{color:var(--texto);font-size:15px;text-align:center;margin:0 0 22px;line-height:1.45}.card-vincular .campo-cnpj,.card-vincular .campo-servidor{width:100%;background:transparent;border:0;color:var(--texto);text-align:center;font-weight:700;padding:6px 0}.card-vincular .campo-cnpj{font-size:25px;margin-bottom:22px}.card-vincular .campo-servidor{font-size:17px}.card-vincular input:focus{outline:none}.btn-engrenagem{position:absolute;top:12px;right:14px;background:none;border:0;color:var(--texto);font-size:22px;line-height:1;padding:8px;cursor:pointer;z-index:20}.btn-engrenagem:active{opacity:.6}.card-login{background:var(--preto-2);border-radius:12px;padding:20px 16px 8px;margin-bottom:24px}label{display:block;font-size:15px;color:var(--texto-2);margin:16px 0 2px}input[type=text],input[type=password],input[type=email],select{width:100%;padding:10px 2px;border:0;border-bottom:1px solid var(--borda);border-radius:0;font-size:16px;background:transparent;color:var(--texto)}select{border:1px solid var(--borda);border-radius:10px;padding:12px;background:var(--preto-3)}input:focus,select:focus{outline:none;border-color:var(--limao)}input::placeholder{color:var(--texto-2)}.linha-check{display:flex;align-items:center;gap:10px;margin:16px 0}.linha-check input{width:20px;height:20px;accent-color:var(--limao)}.linha-check label{margin:0;color:var(--texto);font-weight:600}button.principal{width:100%;margin-top:8px;padding:16px;background:var(--limao);color:#17200a;border:0;border-radius:10px;font-size:17px;font-weight:700;letter-spacing:.5px;cursor:pointer}button.principal:disabled{opacity:.5;cursor:default}button.link{background:none;border:0;color:var(--azul);cursor:pointer;font-size:15px;padding:10px;margin-top:6px;font-weight:600}.erro{color:var(--erro);font-size:14px;margin-top:12px;text-align:center}.aviso{color:var(--texto-2);font-size:14px;text-align:center;padding:24px}.rodape{text-align:center;padding:20px;color:var(--texto-2)}.rodape .empresa{color:var(--texto);font-size:18px}.rodape .slogan{font-size:13px;font-weight:700}.rodape .versao{font-size:11px;margin-top:6px;opacity:.75}.aviso-atualizar{background:var(--preto-2);border:1px solid var(--limao);border-radius:10px;padding:14px;margin-bottom:14px;text-align:center;color:var(--texto);font-size:14px}.btn-atualizar{display:block;width:100%;margin-top:10px;padding:10px;background:var(--limao);color:#17200a;border:0;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer}.barra-inferior{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:var(--preto-2);border-top:1px solid var(--borda);z-index:15}.barra-inferior button{flex:1;background:none;border:0;cursor:pointer;padding:10px 4px 8px;color:var(--texto-2);display:flex;flex-direction:column;align-items:center;gap:4px}.barra-inferior button .ico{font-size:20px}.barra-inferior button .txt{font-size:11px;font-weight:700;letter-spacing:.3px}.barra-inferior button.ativa{color:var(--limao)}.ir-grupo{margin-bottom:18px}.ir-pessoa{color:var(--limao);font-weight:800;font-size:17px;margin:6px 0}.ir-total{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:2px 0 8px}.ir-total .rot{color:var(--azul);font-weight:700;font-size:15px;max-width:55%}.ir-total .vlr{color:var(--limao);font-weight:800;font-size:18px}.ir-plano{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--borda)}.ir-plano .nome{color:var(--azul);flex:1;font-size:14px}.ir-plano .vlr{color:var(--texto);font-size:14px}.ir-plano .seta{width:28px;height:28px;border-radius:50%;background:var(--preto-3);color:var(--texto-2);display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ir-det-card{background:var(--preto-2);border:1px solid var(--borda);border-radius:12px;padding:14px;margin-bottom:14px}.ir-det-titulo{color:var(--texto);font-size:17px;margin-bottom:12px}.ir-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px}.ir-mes{text-align:left}.ir-mes .rot{color:var(--azul);font-size:14px}.ir-mes .vlr{color:var(--texto);font-weight:700;font-size:13px;margin-top:2px}.cards-topo{display:flex;gap:12px;padding:16px}.card-topo{flex:1;background:var(--preto-2);border:1px solid var(--borda);border-radius:14px;padding:14px}.card-topo .rot{color:var(--texto-2);font-size:15px;display:flex;justify-content:space-between}.card-topo .val{color:var(--limao);font-size:26px;font-weight:800;margin-top:8px}.card-topo .icone{color:#3aa0a0}.secao-titulo{text-align:center;color:var(--texto);font-size:17px;margin:8px 0 14px}.seletores{display:flex;gap:8px;margin-bottom:12px}.seletores>div{flex:1}.cartao{background:var(--preto-2);border:1px solid var(--borda);border-radius:12px;padding:14px;margin-bottom:10px}.cartao .titulo{font-weight:700;color:var(--limao);font-size:15px}.cartao .benef{color:var(--azul);font-weight:600;margin-top:6px;border-bottom:1px solid var(--borda);display:inline-block;padding-bottom:2px}.cartao .valor{font-weight:700;color:var(--texto);font-size:16px}.cartao .linha{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.cartao .sub{font-size:13px;color:var(--texto-2);margin-top:4px}.cartao .ico-detalhe{color:var(--texto-2);font-size:18px;margin-top:8px;text-align:right}.subcat{background:var(--preto-3);border-radius:8px;padding:10px 12px;margin:6px 0 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.subcat .cat{color:var(--azul);font-weight:600}.subcat .vlr{color:var(--texto)}.subcat .seta{color:var(--limao);font-size:20px}.total-barra{background:var(--preto-2);border:1px solid var(--borda);color:var(--limao);border-radius:12px;padding:14px;display:flex;justify-content:space-between;font-weight:700;margin-bottom:14px}.clicavel{cursor:pointer}.det-card{background:var(--preto-2);border:1px solid var(--borda);border-radius:12px;padding:16px}.det-card .topo-linha{display:flex;justify-content:space-between}.det-card .data{color:#35c0e0;font-weight:700;font-size:18px}.det-card .tipo{color:#b06bff;font-weight:700;font-size:18px}.det-card .rot{color:var(--limao);font-weight:700;margin-top:18px}.det-card .rot.local{color:#f0d060}.det-card .cnt{color:var(--azul);text-align:center;margin-top:4px}.det-card .valor-linha{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.det-card .valor-linha .lbl{color:var(--azul);font-size:18px}.det-card .valor-linha .vlr{color:var(--texto);font-size:18px}.menu-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:20}.menu{position:fixed;top:0;right:0;bottom:0;width:260px;background:var(--preto-2);z-index:21;display:flex;flex-direction:column;box-shadow:-2px 0 12px #0006}.menu .cabe{background:var(--preto-3);padding:20px 16px;border-bottom:1px solid var(--borda)}.menu .cabe .nome{font-weight:600;color:var(--limao)}.menu .cabe .login{font-size:13px;color:var(--texto-2)}.menu button.item{text-align:left;background:none;border:0;border-bottom:1px solid var(--borda);padding:16px;font-size:15px;cursor:pointer;color:var(--texto)}.menu button.item.sair{color:var(--erro)}.carregando{text-align:center;padding:30px;color:var(--texto-2)}.install-faixa{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);max-width:456px;margin:0 auto;background:var(--preto-3);border:1px solid var(--borda);border-radius:14px;box-shadow:0 6px 24px #0006;padding:12px;z-index:1000;display:flex;gap:10px;align-items:center}.install-faixa .ico{font-size:26px}.install-faixa .txt{flex:1;font-size:13px;color:var(--texto)}.install-faixa .bt-instalar{background:var(--limao);color:#17200a;border:0;border-radius:8px;font-weight:700;padding:10px 14px;cursor:pointer;white-space:nowrap}.install-faixa .bt-fechar{background:none;border:0;color:var(--texto-2);font-size:22px;cursor:pointer;padding:0 4px}.install-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1100;display:flex;align-items:flex-end;justify-content:center}.install-folha{background:var(--preto-2);border:1px solid var(--borda);border-top-left-radius:18px;border-top-right-radius:18px;padding:20px;padding-bottom:calc(env(safe-area-inset-bottom) + 20px);max-width:480px;width:100%}.install-folha h3{margin-top:0;color:var(--limao)}.install-folha ol{padding-left:20px;line-height:1.9;color:var(--texto)}.install-folha b{color:var(--texto)}.det-subtitulo{color:var(--texto);font-size:18px;margin-bottom:14px}.perfil-cab{text-align:center;padding:8px 16px 24px}.perfil-cab .avatar{width:130px;height:130px;border-radius:50%;background:#57c000;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:64px;margin-bottom:14px}.perfil-cab .perfil-nome{color:var(--texto-2);font-size:18px;letter-spacing:.5px}.perfil-cab .perfil-email{color:var(--texto-2);font-size:15px;margin-top:6px}.lista-config{border-top:1px solid var(--borda)}.lista-config .item-config{width:100%;text-align:center;background:var(--preto-2);border:1px solid var(--borda);border-top:0;color:var(--texto-2);font-size:20px;padding:20px;cursor:pointer}.lista-config .item-config:active{background:var(--preto-3)}