@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceInSoft{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.header{animation:slideInLeft .4s ease-out}.container{animation:fadeIn .5s ease-out}.card-kpi{animation:bounceInSoft .4s ease-out;animation-fill-mode:both}.card-kpi:nth-child(1){animation-delay:.1s}.card-kpi:nth-child(2){animation-delay:.2s}.card-kpi:nth-child(3){animation-delay:.3s}.card-kpi:nth-child(4){animation-delay:.4s}.card{animation:scaleIn .4s ease-out;animation-fill-mode:both}.formulario-dropdown{animation:slideInLeft .3s ease-out}.lista{animation:fadeIn .4s ease-out}.item-lista{animation:slideInRight .3s ease-out;animation-fill-mode:both}.item-lista:nth-child(1){animation-delay:.1s}.item-lista:nth-child(2){animation-delay:.15s}.item-lista:nth-child(3){animation-delay:.2s}.item-lista:nth-child(4){animation-delay:.25s}.item-lista:nth-child(5){animation-delay:.3s}.item-lista:nth-child(n+6){animation-delay:.35s}.card-item{animation:slideInLeft .3s ease-out;animation-fill-mode:both}.card-item:nth-child(1){animation-delay:.1s}.card-item:nth-child(2){animation-delay:.15s}.card-item:nth-child(3){animation-delay:.2s}.card-item:nth-child(4){animation-delay:.25s}.card-item:nth-child(5){animation-delay:.3s}.card-item:nth-child(n+6){animation-delay:.35s}.auth-container{animation:scaleIn .5s ease-out}.tabs,.auth-tabs{animation:slideInLeft .3s ease-out}.btn-salvar,.btn-cancelar,.auth-botao{animation:bounceInSoft .3s ease-out;animation-delay:.2s;animation-fill-mode:both}.menu-mobile{animation:slideInLeft .4s ease-out}.filtros-container{animation:fadeIn .4s ease-out}.paginacao{animation:slideInRight .3s ease-out;animation-delay:.2s;animation-fill-mode:both}.titulo{animation:slideInLeft .4s ease-out}.topbar{animation:fadeIn .4s ease-out;animation-delay:.1s;animation-fill-mode:both}.area-graficos{animation:scaleIn .5s ease-out;animation-delay:.3s;animation-fill-mode:both}.tabela-container{animation:fadeIn .4s ease-out;animation-delay:.2s;animation-fill-mode:both}.form-grupo,.campo{animation:slideInLeft .3s ease-out;animation-fill-mode:both}.form-grupo:nth-child(1),.campo:nth-child(1){animation-delay:.1s}.form-grupo:nth-child(2),.campo:nth-child(2){animation-delay:.15s}.form-grupo:nth-child(3),.campo:nth-child(3){animation-delay:.2s}.form-grupo:nth-child(4),.campo:nth-child(4){animation-delay:.25s}.form-grupo:nth-child(5),.campo:nth-child(5){animation-delay:.3s}.form-grupo:nth-child(n+6),.campo:nth-child(n+6){animation-delay:.35s}.auth-erro{animation:bounceInSoft .4s ease-out}@media (max-width: 480px){.card-kpi,.card,.item-lista,.card-item{animation-duration:.2s}.card-kpi:nth-child(n+3),.item-lista:nth-child(n+4),.card-item:nth-child(n+4){animation-delay:.1s}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--cor-primaria: #16a085;--cor-primaria-escura: #0f7a64;--cor-fundo: #f5f9fb;--cor-card: #ffffff;--cor-borda: #e6eef3;--cor-texto: #0f172a;--cor-subtexto: #6b7280;--cor-icone: #16a085;--cor-acao: #0ea5a0;--sombra: 0 8px 24px rgba(2, 6, 23, .06)}body.tema-dark{--cor-fundo: #1a1a1a;--cor-card: #2d2d2d;--cor-borda: #404040;--cor-texto: #e5e5e5;--cor-subtexto: #a3a3a3;--sombra: 0 8px 24px rgba(0, 0, 0, .3)}body.tema-dark .area-graficos{background:#1a1a1a;border-color:#404040}body.tema-dark .area-graficos canvas{filter:brightness(.9) contrast(1.1)}body.tema-dark .card-kpi h4,body.tema-dark .card h4,body.tema-dark .valor{color:var(--cor-texto)}body.tema-dark .sub{color:var(--cor-subtexto)}body.tema-dark .formulario-header{background:linear-gradient(135deg,var(--cor-primaria),var(--cor-primaria-escura))}body.tema-dark .formulario-content{background:var(--cor-card)}body.tema-dark .card-item{background:var(--cor-card);border-color:var(--cor-borda)}body.tema-dark .card-titulo,body.tema-dark .card-detalhe-valor{color:var(--cor-texto)}body.tema-dark .card-detalhe-label{color:var(--cor-subtexto)}body.tema-dark .item-lista{background:var(--cor-card);border-color:var(--cor-borda)}body.tema-dark .item-titulo{color:var(--cor-texto)}body.tema-dark .item-detalhes{color:var(--cor-subtexto)}body.tema-dark .item-detalhes .valor{color:var(--cor-texto)}body.tema-dark .filtros-container{background:#333}body.tema-dark .input-filtro,body.tema-dark .select-itens,body.tema-dark .select-filtro,body.tema-dark .campo input,body.tema-dark .campo select{background:#404040;border-color:#555;color:var(--cor-texto)}body.tema-dark .tabela th{background:#333;color:var(--cor-texto)}body.tema-dark .linha-tabela:hover{background:#333}body.tema-dark .modal-content,body.tema-dark .modal-configuracoes,body.tema-dark .modal-caixa{background:var(--cor-card);color:var(--cor-texto)}body.tema-dark .modal-header,body.tema-dark .modal-topo{border-bottom-color:var(--cor-borda)}body.tema-dark .modal-footer,body.tema-dark .modal-rodape{border-top-color:var(--cor-borda)}body.tema-dark .form-section{background:#333;border-color:var(--cor-borda)}body.tema-dark .configuracao-tabs{border-bottom-color:var(--cor-borda)}body.tema-dark .tab-btn{color:var(--cor-subtexto)}body.tema-dark .tab-btn.ativo,body.tema-dark .tab-btn:hover{color:var(--cor-primaria)}body.tema-dark .plano-card{background:var(--cor-card);border-color:var(--cor-borda);color:var(--cor-texto)}body.tema-dark .whatsapp-features{color:var(--cor-texto)}body.tema-dark .feature-item{background:var(--cor-card);border-color:var(--cor-borda)}body.tema-dark .feature-item strong{color:var(--cor-texto)}body.tema-dark .btn-cancelar,body.tema-dark .btn-secundario{background:#404040;border-color:#555;color:var(--cor-subtexto)}body.tema-dark .btn-cancelar:hover,body.tema-dark .btn-secundario:hover{background:#555;color:var(--cor-texto)}body.tema-dark .header{background:#2d2d2d!important;border-bottom-color:var(--cor-borda)!important}body.tema-dark .header-titulo,body.tema-dark .header-titulo h1{color:var(--cor-primaria)!important}body.tema-dark .header-usuario{color:var(--cor-subtexto)!important}body.tema-dark .usuario-nome{color:var(--cor-texto)!important}body.tema-dark .botao-logout{background:#404040!important;border-color:#555!important;color:var(--cor-subtexto)!important}body.tema-dark .botao-logout:hover{background:#555!important;color:var(--cor-texto)!important}body.tema-dark .botao-tema{background:#404040!important;border-color:#555!important;color:var(--cor-subtexto)!important}body.tema-dark .botao-tema:hover{background:#555!important;color:var(--cor-texto)!important}body.tema-dark .modal-overlay{background:#000000b3!important}body.tema-dark .modal-content{background:var(--cor-card)!important;color:var(--cor-texto)!important;border:1px solid var(--cor-borda)!important}body.tema-dark .modal-header{border-bottom-color:var(--cor-borda)!important;background:var(--cor-card)!important}body.tema-dark .modal-header h3{color:var(--cor-texto)!important}body.tema-dark .modal-fechar{color:var(--cor-subtexto)!important;background:transparent!important}body.tema-dark .modal-fechar:hover{background:#ef44441a!important;color:#ef4444!important}body.tema-dark .modal-body{background:var(--cor-card)!important;color:var(--cor-texto)!important}body.tema-dark .modal-body p{color:var(--cor-subtexto)!important}body.tema-dark .modal-footer{background:var(--cor-card)!important;border-top-color:var(--cor-borda)!important}body.tema-dark .modal-caixa{background:var(--cor-card)!important;color:var(--cor-texto)!important;border:1px solid var(--cor-borda)!important}body.tema-dark .modal-topo{border-bottom-color:var(--cor-borda)!important;background:var(--cor-card)!important}body.tema-dark .modal-topo h5{color:var(--cor-texto)!important}body.tema-dark .modal-corpo{color:var(--cor-subtexto)!important;background:var(--cor-card)!important}body.tema-dark .modal-rodape{border-top-color:var(--cor-borda)!important;background:var(--cor-card)!important}body.tema-dark .btn-cancelar{background:#404040!important;border-color:#555!important;color:var(--cor-subtexto)!important}body.tema-dark .btn-confirmar{background:var(--cor-primaria)!important;color:#fff!important;border:none!important}body.tema-dark .btn-primario{background:var(--cor-primaria)!important;color:#fff!important;border-color:var(--cor-primaria)!important}body.tema-dark .btn-secundario{background:#404040!important;border-color:#555!important;color:var(--cor-subtexto)!important}body.tema-dark .btn-mostrar{background:var(--cor-card)!important;border-color:var(--cor-borda)!important;color:var(--cor-texto)!important}body.tema-dark .btn-mostrar:hover{background:#404040!important;border-color:var(--cor-primaria)!important}body.tema-dark .menu-mobile{background:var(--cor-card)!important;border-top-color:var(--cor-borda)!important}body.tema-dark .menu-mobile-item{color:var(--cor-subtexto)!important}body.tema-dark .menu-mobile-item.ativo{color:var(--cor-primaria)!important;background:#16a08526!important}body.tema-dark .menu-mobile-item span{color:inherit!important}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:var(--cor-fundo);color:var(--cor-texto)}.container{max-width:1200px;margin:0 auto;padding:16px 20px 40px}.titulo{font-size:34px;font-weight:800;letter-spacing:.2px;color:var(--cor-primaria);display:flex;align-items:center;gap:12px}.topbar{display:flex;align-items:center;gap:16px;margin:18px 0 12px}.tabs{width:100%;background:#eef6f7;border:1px solid var(--cor-borda);border-radius:10px;display:flex;overflow:hidden}.tab{flex:1;padding:12px 16px;text-align:center;font-weight:600;color:#0f172a;opacity:.75;cursor:pointer;-webkit-user-select:none;user-select:none}.tab.ativo{background:#fff;color:var(--cor-primaria-escura);opacity:1;box-shadow:inset 0 -2px 0 var(--cor-primaria)}body.tema-dark .tabs{background:#404040!important;border-color:var(--cor-borda)!important}body.tema-dark .tab{color:var(--cor-subtexto)!important}body.tema-dark .tab.ativo{background:var(--cor-card)!important;color:var(--cor-primaria)!important}.configuracao-tabs{display:flex;border-bottom:2px solid var(--cor-borda);margin-bottom:24px;gap:4px}.tab-btn{padding:12px 20px;border:none;background:none;color:var(--cor-subtexto);font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;display:flex;align-items:center;gap:8px}.tab-btn:hover{color:var(--cor-primaria);background:#16a0850d}.tab-btn.ativo{color:var(--cor-primaria);border-bottom-color:var(--cor-primaria);background:#16a0851a}.configuracao-conteudo{min-height:400px}.whatsapp-container{padding:20px 0}.whatsapp-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;color:#fff}.whatsapp-icon{font-size:48px;opacity:.9}.whatsapp-header h3{margin:0 0 4px;font-size:24px;font-weight:600}.whatsapp-header p{margin:0;opacity:.9;font-size:14px}.whatsapp-status{margin-bottom:32px;text-align:center}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:500;font-size:14px}.status-badge.desconectado{background:#fee2e2;color:#dc2626}.status-badge.conectado{background:#dcfce7;color:#16a34a}.whatsapp-features{margin-bottom:32px}.whatsapp-features h4{margin-bottom:16px;color:var(--cor-texto);font-size:18px}.features-list{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:8px}.feature-item i{font-size:24px;color:var(--cor-primaria);margin-top:4px}.feature-item strong{display:block;margin-bottom:4px;color:var(--cor-texto)}.feature-item p{margin:0;color:var(--cor-subtexto);font-size:14px;line-height:1.4}.whatsapp-upgrade{text-align:center}.upgrade-card{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:24px;border-radius:12px;max-width:400px;margin:0 auto}.upgrade-card i{font-size:32px;margin-bottom:12px;display:block}.upgrade-card h4{margin:0 0 8px;font-size:20px}.upgrade-card p{margin:0 0 20px;opacity:.9;line-height:1.5}.btn-upgrade{background:#fff;color:#d97706;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease}.btn-upgrade:hover{transform:translateY(-2px)}.planos-container{padding:20px 0}.planos-header{text-align:center;margin-bottom:32px}.planos-header h3{margin:0 0 8px;font-size:28px;color:var(--cor-texto)}.planos-header p{margin:0;color:var(--cor-subtexto);font-size:16px}.plano-atual{margin-bottom:32px}.plano-card{background:var(--cor-card);border:2px solid var(--cor-borda);border-radius:16px;padding:24px;position:relative;transition:all .3s ease}.plano-card.demo{border-color:#6b7280;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.plano-card.essencial:hover{border-color:var(--cor-primaria);transform:translateY(-4px);box-shadow:var(--sombra)}.plano-card.professional{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.plano-card.professional:hover{transform:translateY(-4px);box-shadow:0 20px 40px #f59e0b26}.plano-badge{position:absolute;top:-10px;left:24px;background:#6b7280;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.popular-badge{position:absolute;top:-10px;right:24px;background:#f59e0b;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.plano-card h4{margin:8px 0 16px;font-size:24px;color:var(--cor-texto)}.plano-preco{margin-bottom:24px}.preco{font-size:32px;font-weight:700;color:var(--cor-primaria)}.periodo{color:var(--cor-subtexto);font-size:16px;margin-left:4px}.plano-recursos{list-style:none;padding:0;margin:0 0 24px}.plano-recursos li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px}.plano-recursos .fas.fa-check{color:#16a34a}.plano-recursos .fas.fa-times{color:#dc2626}.btn-plano{width:100%;padding:12px 24px;border:2px solid var(--cor-primaria);background:#fff;color:var(--cor-primaria);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-plano:hover{background:var(--cor-primaria);color:#fff}.btn-plano.destaque{background:#f59e0b;color:#fff;border-color:#f59e0b}.btn-plano.destaque:hover{background:#d97706;border-color:#d97706}.tempo-restante{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f59e0b1a;border-radius:8px;color:#d97706;font-weight:500;font-size:14px;margin-top:16px}.planos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}@media (max-width: 768px){.configuracao-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap;min-width:fit-content}.planos-grid{grid-template-columns:1fr}.whatsapp-header,.feature-item{flex-direction:column;text-align:center}}.btn-mostrar{margin-left:auto;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--cor-borda);background:#fff;cursor:pointer;font-weight:600;box-shadow:var(--sombra)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:14px}.card{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:14px;box-shadow:var(--sombra);padding:18px;display:flex;flex-direction:column}.card-kpi{min-height:160px;height:160px!important;max-height:160px;display:flex;flex-direction:column;justify-content:space-between;overflow:visible;padding:18px!important;box-sizing:border-box}.card h4{margin:0 0 8px;font-size:16px;font-weight:700}.valor{font-size:28px;font-weight:800}.pontos{letter-spacing:6px;color:#0f172a}.sub{color:var(--cor-subtexto);font-size:13px;margin-top:6px}.area-graficos{min-height:280px;display:flex;align-items:center;justify-content:center;background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.area-graficos canvas{max-width:100%;height:auto;display:block}.kpi{display:flex;align-items:center;justify-content:space-between}.icone{width:20px;height:20px;color:var(--cor-icone)}.usuario-info{cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s}.usuario-info:hover{background-color:#3b82f61a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-configuracoes{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.configuracao-container{padding:24px}.configuracao-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--cor-borda)}.configuracao-header h2{margin:0;color:var(--cor-texto);font-size:24px;font-weight:700}.btn-fechar{background:none;border:none;font-size:24px;color:var(--cor-subtexto);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.btn-fechar:hover{background-color:#ef44441a;color:#ef4444}.configuracao-form{display:flex;flex-direction:column;gap:24px}.form-section{background:#f9fafb;padding:20px;border-radius:12px;border:1px solid var(--cor-borda)}.form-section h3{margin:0 0 16px;color:var(--cor-texto);font-size:18px;font-weight:600}.form-description{margin:0 0 16px;color:var(--cor-subtexto);font-size:14px}.form-grupo{display:flex;flex-direction:column;gap:8px}.form-grupo label{font-weight:600;color:var(--cor-texto);font-size:14px}.form-grupo input{padding:12px 16px;border:1px solid var(--cor-borda);border-radius:8px;font-size:16px;transition:all .2s;background:#fff}.form-grupo input:focus{outline:none;border-color:var(--cor-primaria);box-shadow:0 0 0 3px #3b82f61a}.configuracao-acoes{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--cor-borda)}.btn-cancelar{padding:12px 24px;border:1px solid var(--cor-borda);background:#fff;color:var(--cor-texto);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancelar:hover{background:#f3f4f6}.btn-salvar{padding:12px 24px;border:none;background:var(--cor-primaria);color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-salvar:hover:not(:disabled){background:#2563eb}.btn-salvar:disabled{opacity:.6;cursor:not-allowed}.erro-mensagem{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-configuracoes{max-height:95vh}.configuracao-container{padding:16px}.configuracao-header h2{font-size:20px}.form-row{grid-template-columns:1fr;gap:12px}.configuracao-acoes{flex-direction:column-reverse}.btn-cancelar,.btn-salvar{width:100%;justify-content:center}}.formulario{display:flex;flex-direction:column;gap:16px}.campo{display:flex;flex-direction:column;gap:4px}.campo label{font-weight:600;font-size:14px;color:var(--cor-texto)}.campo input,.campo select{padding:10px 12px;border:1px solid var(--cor-borda);border-radius:8px;font-size:14px;background:#fff;outline:none;transition:border-color .2s}.tabela-container{margin-top:16px;width:100%;max-width:100%;overflow:hidden;border-radius:12px;border:1px solid var(--cor-borda);background:#fff}@media (max-width: 768px){.tabela-container{overflow:visible}.tabela{display:none}.tabela-cards{display:block}}@media (min-width: 769px){.tabela-container{overflow-x:auto}.tabela-cards{display:none}}.tabela{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.tabela th{background:#f8fafc;padding:16px 12px;text-align:left;font-weight:600;border-bottom:2px solid #e2e8f0;color:var(--cor-texto)}.tabela td{padding:12px 8px;border-bottom:1px solid #e2e8f0;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabela td:first-child{white-space:normal;max-width:0}.tabela td:nth-child(3){white-space:normal;word-wrap:break-word;word-break:break-word;max-width:120px}.linha-tabela{transition:background-color .2s}.linha-tabela:hover{background:#f8fafc}.linha-tabela.inativo{opacity:.6}.valor-celula{font-weight:600;color:#059669}.acoes-celula{display:flex;gap:4px;justify-content:flex-start}.badge-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-pago{background:#dcfce7;color:#166534}.badge-vencido{background:#fecaca;color:#991b1b}.badge-a_vencer{background:#fef3c7;color:#92400e}.badge-ativo{padding:2px 6px;border-radius:8px;font-size:11px;font-weight:500}.badge-ativo.ativo{background:#dcfce7;color:#166534}.badge-ativo.inativo{background:#f3f4f6;color:#6b7280}.badge-inativo{margin-left:8px;padding:2px 6px;background:#f3f4f6;color:#6b7280;border-radius:8px;font-size:10px;font-weight:500}.badge-tipo{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block;word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.2;max-width:100px}.badge-tipo.cartao-credito,.badge-tipo.cartao-de-credito{background:#1e40af;color:#fff}.badge-tipo.debito-automatico{background:#14532d;color:#fff}.badge-tipo.pix{background:#92400e;color:#fff}.badge-tipo.dinheiro{background:#7c3aed;color:#fff}.badge-tipo.transferencia{background:#be185d;color:#fff}.badge-tipo.boleto{background:#c53030;color:#fff}.badge-tipo.cartão-de-crédito,.badge-tipo.cartao-de-credito{background:#1e40af;color:#fff}.badge-tipo.débito-automático,.badge-tipo.debito-automatico{background:#14532d;color:#fff}.badge-tipo.debito{background:#20532d;color:#fff}.badge-tipo.transferência,.badge-tipo.transferencia{background:#be185d;color:#fff}.badge-tipo.outros{background:#0891b2;color:#fff}.badge-tipo.extra{background:#65a30d;color:#fff}.status-container{display:flex;align-items:center}.elipse-paginacao{padding:8px 12px;color:#6b7280;font-size:14px;display:flex;align-items:center;justify-content:center;min-width:40px;cursor:default}.btn-pagar{padding:6px 8px;background:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:28px;min-height:28px}.btn-pagar:hover{background:#f3f4f6;border-color:#9ca3af}.btn-pagar.pago{background:#16a34a;color:#fff;border-color:#16a34a}.btn-pagar.pago:hover{background:#15803d;border-color:#15803d}.btn-pagar-card{padding:8px 12px;background:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:32px;min-height:32px}.btn-pagar-card:hover{background:#f3f4f6;border-color:#9ca3af}.btn-pagar-card.pago{background:#16a34a;color:#fff;border-color:#16a34a}.btn-pagar-card.pago:hover{background:#15803d;border-color:#15803d}.status-pago{background:#22c55e1a!important}.status-vencido{background:#ef44441a!important}.status-a_vencer{background:#f59e0b14!important}.campo input:focus,.campo select:focus{border-color:var(--cor-primaria)}.campo.checkbox{flex-direction:row;align-items:center;gap:8px}.campo.checkbox input{width:auto;margin:0}.filtros-container{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:12px;border:1px solid #e5e7eb;width:100%;max-width:100%;box-sizing:border-box}.filtros-data{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;width:100%}.controles-linha{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:15px}.controles-paginacao{display:flex;align-items:center;gap:8px}.campo-filtro{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.campo-filtro label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.input-filtro,.select-itens,.select-filtro{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;width:100%;min-width:0;height:42px;box-sizing:border-box;transition:all .2s ease}.input-filtro:focus,.select-itens:focus,.select-filtro:focus{outline:none;border-color:var(--cor-primaria);box-shadow:0 0 0 3px #3b82f61a}.btn-limpar-filtros{padding:10px 16px;background:#6b7280;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;height:42px;display:flex;align-items:center;justify-content:center}.btn-limpar-filtros:hover{background:#4b5563}.paginacao{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0}.btn-pagina{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px}.btn-pagina:hover:not(:disabled){background:#f3f4f6}.btn-pagina:disabled{opacity:.5;cursor:not-allowed}.numeros-pagina{display:flex;gap:4px}.btn-numero-pagina{padding:8px 12px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;min-width:40px}.btn-numero-pagina:hover{background:#f3f4f6}.btn-numero-pagina.ativo{background:var(--cor-primaria);color:#fff;border-color:var(--cor-primaria)}.info-paginacao{text-align:center;font-size:14px;color:#6b7280;margin-top:16px;padding:8px;background:#f9fafb;border-radius:6px}.tabela-cards{display:none;flex-direction:column;gap:8px}.card-item{background:#fff;border:1px solid var(--cor-borda);border-radius:10px;padding:12px;box-shadow:0 1px 4px #0000000a;transition:all .2s;width:100%;box-sizing:border-box}.card-item:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-.5px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.card-titulo{font-weight:700;font-size:17px;color:var(--cor-texto);margin:0;flex:1;min-width:0;word-break:break-word;line-height:1.2}.card-valor{font-weight:800;font-size:18px;color:var(--cor-primaria);margin:0;text-align:right;white-space:nowrap}.card-detalhes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}.card-detalhe{display:flex;flex-direction:column;gap:1px}.card-detalhe-label{font-size:11px;color:var(--cor-subtexto);font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.1}.card-detalhe-valor{font-size:14px;color:var(--cor-texto);word-break:break-word;line-height:1.2}.card-acoes{display:flex;justify-content:flex-end;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #f1f5f9}.card-detalhe .badge-tipo,.card-detalhe .badge-status{font-size:10px;padding:3px 6px;border-radius:6px;display:inline-block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.1}.botoes{display:flex;gap:10px;margin-top:8px}.btn-salvar,.btn-cancelar{padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-salvar{background:var(--cor-primaria);color:#fff;flex:1}.btn-salvar:hover{background:var(--cor-primaria-escura)}.btn-cancelar{background:#f3f4f6;color:var(--cor-texto);border:1px solid var(--cor-borda)}.btn-cancelar:hover{background:#e5e7eb}.lista{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;overflow-x:hidden}.lista-vazia{text-align:center;padding:40px 20px;color:var(--cor-subtexto)}.item-lista{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border:1px solid var(--cor-borda);border-radius:10px;background:#fff;transition:all .2s;width:100%;box-sizing:border-box}.item-lista:hover{box-shadow:var(--sombra)}.item-lista.inativo{opacity:.6;background:#f9fafb}.item-info{flex:1}.item-titulo{font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:8px}.item-detalhes{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--cor-subtexto)}.item-detalhes .valor{font-weight:700;color:var(--cor-texto);font-size:14px}.item-detalhes span{padding:2px 8px;background:#f1f5f9;border-radius:4px}.item-acoes{display:flex;gap:6px;margin-left:16px}.btn-acao{width:32px;height:32px;border-radius:6px;border:1px solid var(--cor-borda);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-acao:hover{background:#f8fafc;border-color:var(--cor-primaria)}.btn-acao.btn-excluir:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.menu-mobile{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--cor-borda);box-shadow:0 -4px 12px #0000001a;z-index:1000;padding:8px 0}.menu-mobile-items{display:flex;justify-content:space-around;align-items:center;max-width:100%;margin:0 auto}.menu-mobile-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;cursor:pointer;color:var(--cor-subtexto);text-decoration:none;border-radius:8px;transition:all .2s;flex:1;max-width:80px}.menu-mobile-item.ativo{color:var(--cor-primaria);background:#16a0851a}.menu-mobile-item i{font-size:20px;margin-bottom:2px}.menu-mobile-item span{font-size:11px;font-weight:600;text-align:center;line-height:1.2}.formulario-dropdown{border:1px solid var(--cor-borda);border-radius:14px;background:var(--cor-card);box-shadow:var(--sombra);overflow:hidden;margin-bottom:18px;width:100%;max-width:100%}.formulario-header{padding:16px 18px;background:linear-gradient(135deg,var(--cor-primaria),var(--cor-primaria-escura));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;transition:all .3s ease;min-height:56px}.formulario-header:hover{background:linear-gradient(135deg,var(--cor-primaria-escura),var(--cor-primaria))}.formulario-header h4{margin:0;font-size:16px;font-weight:600;flex:1;word-break:break-word;line-height:1.3}.dropdown-icon{font-size:14px;transition:transform .3s ease;margin-left:12px;flex-shrink:0}.dropdown-icon.aberto{transform:rotate(180deg)}.formulario-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.formulario-content.aberto{max-height:1000px;overflow:visible}.formulario-content .formulario{padding:5px;width:100%;max-width:100%;box-sizing:border-box}.campo-senha{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.input-senha-container{position:relative;width:100%}.input-senha{padding:14px 50px 14px 16px!important;width:100%;box-sizing:border-box}.botao-mostrar-senha{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--cor-subtexto);transition:all .2s ease;border-radius:4px;z-index:2}.botao-mostrar-senha:hover{color:var(--cor-primaria);background:#16a0851a}.botao-mostrar-senha:focus{outline:none;color:var(--cor-primaria);background:#16a0851a}.icone-senha{width:18px;height:18px;stroke-width:2}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;width:100%;max-width:400px;max-height:90vh;overflow:hidden}.modal-header{padding:20px 24px;border-bottom:1px solid var(--cor-borda);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;color:var(--cor-texto);font-size:18px;font-weight:600}.modal-fechar{background:none;border:none;cursor:pointer;padding:8px;color:var(--cor-subtexto);border-radius:4px;transition:all .2s ease}.modal-fechar:hover{background:var(--cor-fundo-claro);color:var(--cor-texto)}.modal-body{padding:24px}.modal-body p{margin:0 0 20px;color:var(--cor-subtexto);line-height:1.5}.erro-mensagem{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:14px}.modal-footer{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.btn-secundario{background:#f3f4f6;border:1px solid #d1d5db;color:var(--cor-subtexto);padding:10px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-secundario:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.btn-primario{background:var(--cor-primaria);border:1px solid var(--cor-primaria);color:#fff;padding:10px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;align-items:center;gap:8px}.btn-primario:hover:not(:disabled){background:#0d9488;border-color:#0d9488}.btn-primario:disabled,.btn-secundario:disabled{opacity:.6;cursor:not-allowed}.toast-alert{position:fixed;top:20px;right:20px;z-index:10000;min-width:300px;max-width:400px;border-radius:8px;box-shadow:0 8px 32px #0000001f;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-alert.toast-sucesso{background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(16,185,129,.3)}.toast-alert.toast-erro{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(239,68,68,.3)}.toast-alert.toast-aviso{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid rgba(245,158,11,.3)}.toast-alert.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid rgba(59,130,246,.3)}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 20px;color:#fff}.toast-content i{font-size:18px;flex-shrink:0}.toast-mensagem{flex:1;font-size:14px;font-weight:500;line-height:1.4}.toast-fechar{background:none;border:none;color:#fffc;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-fechar:hover{background:#ffffff1a;color:#fff}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.filtros-toggle-mobile{display:none;margin-bottom:12px}.btn-toggle-filtros{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--cor-primaria);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 4px #16a08533}.btn-toggle-filtros:hover{background:var(--cor-primaria-escura);transform:translateY(-1px);box-shadow:0 4px 8px #16a0854d}.btn-toggle-filtros i{font-size:14px}.filtros-ativos-indicator{color:#fbbf24;font-size:18px;margin-left:4px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.filtros-toggle-mobile{display:block}.filtros-container.filtros-ocultos{display:none}.filtros-container.filtros-visiveis{display:flex;animation:slideDown .3s ease-out}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.toast-alert{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}.tela-auth{min-height:100vh;height:100vh;width:100vw;background:linear-gradient(135deg,#0d6b57,#16a085,#1abc9c);position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow:hidden;z-index:9999}.tela-auth:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 20%,transparent 21%,transparent 40%,rgba(255,255,255,.08) 41%,rgba(255,255,255,.08) 42%,transparent 43%),linear-gradient(0deg,transparent 0%,rgba(255,255,255,.1) 15%,transparent 16%,transparent 35%,rgba(255,255,255,.08) 36%,rgba(255,255,255,.08) 37%,transparent 38%),radial-gradient(circle at 25% 25%,rgba(255,255,255,.15) 1px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 1px,transparent 2px),linear-gradient(180deg,transparent 70%,rgba(255,255,255,.05) 71%,rgba(255,255,255,.05) 75%,transparent 76%),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:300px 80px,80px 300px,100px 100px,150px 150px,400px 100px,50px 50px,50px 50px;background-position:0 0,0 0,0 0,50px 50px,0 50px,0 0,0 0;animation:techFlow 25s linear infinite;pointer-events:none}.tela-auth:after{content:"";position:absolute;top:20%;left:10%;right:10%;bottom:20%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 2px,transparent 3px),radial-gradient(circle at 80% 60%,rgba(255,255,255,.06) 1.5px,transparent 2.5px),radial-gradient(circle at 60% 20%,rgba(255,255,255,.07) 1px,transparent 2px),radial-gradient(circle at 30% 80%,rgba(255,255,255,.05) 2.5px,transparent 3.5px);background-size:200px 200px,250px 250px,180px 180px,220px 220px;animation:floatSymbols 30s ease-in-out infinite;pointer-events:none}@keyframes techFlow{0%{background-position:0 0,0 0,0 0,50px 50px,0 50px,0 0,0 0}to{background-position:300px 0,0 300px,100px 100px,150px 150px,400px 50px,50px 50px,50px 50px}}@keyframes floatSymbols{0%,to{transform:translateY(0) rotate(0);opacity:.6}25%{transform:translateY(-10px) rotate(2deg);opacity:.8}50%{transform:translateY(-5px) rotate(-1deg);opacity:.7}75%{transform:translateY(-15px) rotate(3deg);opacity:.9}}.auth-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;padding:40px;width:100%;max-width:480px;animation:slideUp .6s ease-out;box-sizing:border-box;position:relative;z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.auth-icone{font-size:48px;color:var(--cor-primaria);margin-bottom:16px;display:block}.auth-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--cor-texto)}.auth-header p{margin:0;color:var(--cor-subtexto);font-size:16px}.auth-tabs{display:flex;background:#f8f9fa;border-radius:12px;padding:4px;margin-bottom:24px;border:1px solid #e9ecef}.auth-tab{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-weight:600;font-size:14px;color:var(--cor-subtexto);cursor:pointer;transition:all .3s ease}.auth-tab.ativo{background:#fff;color:var(--cor-primaria);box-shadow:0 2px 8px #0000001a}.auth-erro{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:8px;border:1px solid #fecaca}.auth-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grupo{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.form-grupo label{font-weight:600;font-size:14px;color:var(--cor-texto)}.form-grupo input,.form-grupo select{padding:14px 16px;border:2px solid #e9ecef;border-radius:10px;font-size:16px;background:#fff;outline:none;transition:all .3s ease;width:100%;box-sizing:border-box;max-width:100%}.form-grupo input:focus,.form-grupo select:focus{border-color:var(--cor-primaria);box-shadow:0 0 0 3px #16a0851a}.auth-botao{padding:16px 24px;background:linear-gradient(135deg,var(--cor-primaria),var(--cor-primaria-escura));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.auth-botao:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #16a0854d}.auth-botao:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.header{background:#fff;border-bottom:1px solid var(--cor-borda);box-shadow:0 2px 8px #0000000a;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-titulo{display:flex;align-items:center;gap:12px;color:var(--cor-primaria)}.header-titulo i{font-size:24px}.header-titulo h1{margin:0;font-size:24px;font-weight:700;letter-spacing:.5px}.header-usuario{display:flex;align-items:center;justify-content:flex-end;gap:16px;font-size:14px;color:var(--cor-subtexto)}.usuario-info{display:flex;align-items:center;gap:8px}.usuario-info i{color:var(--cor-primaria);font-size:16px}.usuario-nome{color:var(--cor-texto)}.usuario-nome strong{font-weight:700}.botao-logout{background:#f3f4f6;border:1px solid #d1d5db;color:var(--cor-subtexto);padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.botao-logout:hover{background:#e5e7eb;color:var(--cor-texto)}.botao-tema{background:#f3f4f6;border:1px solid #d1d5db;color:var(--cor-subtexto);padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:36px}.botao-tema:hover{background:#e5e7eb;color:var(--cor-texto)}body.tema-dark .botao-tema,body.tema-dark .botao-logout{background:#404040;border-color:#555;color:var(--cor-subtexto)}body.tema-dark .botao-tema:hover,body.tema-dark .botao-logout:hover{background:#555;color:var(--cor-texto)}@media (max-width: 960px){.grid{grid-template-columns:1fr}.grid-dashboard-mobile{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;width:100%}.grid-dashboard-mobile .card{grid-column:span 2}.grid-dashboard-mobile .card-kpi{grid-column:span 1;min-height:160px!important;height:160px!important;max-height:160px!important;display:flex;flex-direction:column;justify-content:space-between;overflow:visible;padding:16px!important;box-sizing:border-box}.grid-mobile-form{display:grid;grid-template-columns:1fr;gap:18px;margin-top:14px;width:100%;max-width:100%;overflow-x:hidden}.form-container-mobile{order:1}.list-container-mobile{order:2}.item-lista{flex-direction:column;gap:12px}.item-acoes{margin-left:0;align-self:flex-end}.container{padding:12px 16px 80px}.titulo{font-size:24px}.topbar{flex-direction:column;gap:12px;align-items:stretch}.btn-mostrar{margin-left:0;justify-content:center}.tabs,.tabela{display:none!important}.tabela-cards,.tabela-container{display:block!important}.menu-mobile{display:block}.campo{margin-bottom:16px}.campo input,.campo select{padding:14px 16px;font-size:16px;border-radius:12px}.btn-salvar,.btn-cancelar{padding:14px 20px;font-size:16px;border-radius:12px}.card{padding:16px;border-radius:16px}.card-kpi{min-height:150px!important;height:150px!important;max-height:150px!important;padding:14px!important}.kpi{flex-direction:column;gap:8px;text-align:center}.valor{font-size:18px;line-height:1.2}.sub{font-size:12px;text-align:center;margin-top:4px}.filtros-container{padding:12px}.filtros-data{grid-template-columns:1fr 1fr;gap:10px}.controles-linha{flex-direction:column;gap:12px;align-items:stretch}.controles-paginacao{justify-content:space-between;width:100%}.controles-paginacao{justify-content:center;gap:8px}.campo-filtro{min-width:0}.input-filtro,.select-itens{padding:12px 14px;font-size:16px}.btn-limpar-filtros{padding:12px 16px;font-size:14px;width:100%;margin-top:8px}.numeros-pagina{flex-wrap:wrap;justify-content:center;gap:4px}.btn-numero-pagina{min-width:36px;padding:8px 10px}.input-senha{padding:12px 48px 12px 14px!important}.botao-mostrar-senha{right:10px;padding:6px}.icone-senha{width:16px;height:16px}.modal-content{margin:16px;max-width:calc(100% - 32px)}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{flex-direction:column-reverse}.btn-primario,.btn-secundario{width:100%;justify-content:center}.form-row{grid-template-columns:1fr;gap:16px}.tela-auth{padding:16px;height:100vh;width:100vw;position:fixed;top:0;left:0}.auth-container{padding:24px 20px;border-radius:16px;max-width:95vw;width:calc(100vw - 32px);margin:0 auto;max-height:90vh;overflow-y:auto}.auth-header h1{font-size:22px}.auth-header p{font-size:14px}.auth-icone{font-size:36px}.auth-tabs{margin-bottom:20px}.auth-tab{padding:10px 12px;font-size:13px}.form-grupo{gap:6px}.form-grupo label{font-size:13px}.form-grupo input,.form-grupo select{padding:12px;font-size:16px}.header{padding:12px 16px;flex-direction:column;gap:12px;text-align:left}.header-titulo{align-self:flex-start}.header-titulo h1{font-size:18px}.header-usuario{justify-content:space-between;gap:8px;font-size:13px;width:100%;align-items:center}.usuario-info{gap:6px;margin-left:0}.usuario-info i{font-size:14px}.botao-logout{padding:10px 16px;font-size:14px;margin-left:auto}}@media (min-width: 961px){.grid[style*="display: none"]{display:grid!important}.grid-dashboard-mobile,.grid-mobile-form{display:none}}@media (max-width: 640px){.area-graficos{min-height:240px;padding:8px}.card{padding:14px}.card-kpi{min-height:140px!important;height:140px!important;max-height:140px!important;padding:12px!important}.card-kpi h4{font-size:13px;margin-bottom:6px;line-height:1.2}.card-kpi .valor{font-size:16px;line-height:1.1}.card-kpi .sub{font-size:11px;margin-top:2px}.card-kpi .kpi{gap:6px}.tabs{flex-direction:column}.tab{padding:10px 12px}.formulario-header{padding:18px;font-size:18px}.formulario-content .formulario{padding:5px}}@media (max-width: 768px) and (min-width: 481px){.filtros-data{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 480px){.filtros-data{grid-template-columns:1fr}.card-detalhes{grid-template-columns:1fr 1fr;gap:6px}.card-header{margin-bottom:6px}.card-titulo{font-size:14px}.card-valor{font-size:15px}.formulario-header{padding:14px 16px;flex-wrap:wrap}.formulario-header h4{font-size:15px}.tabela-cards{gap:6px}.card-item{padding:10px;border-radius:8px}.input-senha{padding:12px 46px 12px 12px!important}.botao-mostrar-senha{right:8px;padding:4px}.modal-content{margin:16px;max-width:calc(100% - 32px)}.tela-auth{padding:8px}.auth-container{padding:20px 16px;border-radius:12px;max-width:98vw}.auth-header{margin-bottom:24px}.auth-header h1{font-size:20px}.auth-icone{font-size:32px;margin-bottom:12px}.auth-tabs{margin-bottom:20px}.auth-tab{padding:10px 12px;font-size:13px}.form-grupo{gap:6px}.form-grupo label{font-size:13px}.form-grupo input,.form-grupo select{padding:12px;font-size:16px}}.filtro-cores-select{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;width:100%;min-width:0;height:42px;box-sizing:border-box;transition:all .2s ease;cursor:pointer;position:relative}.filtro-cores-select:focus{outline:none;border-color:var(--cor-primaria);box-shadow:0 0 0 3px #3b82f61a}.filtro-cores-select .icone-cor{width:16px;height:16px;border-radius:50%;display:inline-block;margin-right:6px;flex-shrink:0}.filtro-cores-select .label-filtro{flex-grow:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.filtro-cores-select .dropdown-arrow{margin-left:auto;font-size:12px;color:#6b7280;transition:transform .2s ease}.filtro-cores-select.aberto .dropdown-arrow{transform:rotate(180deg)}.options-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--cor-borda);border-radius:8px;box-shadow:var(--sombra);z-index:10;margin-top:4px;max-height:200px;overflow-y:auto}.option-item{padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.option-item:hover{background:#f8fafc}.option-item .icone-cor{width:14px;height:14px;border-radius:50%;flex-shrink:0}.option-item .nome-cor{flex-grow:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.icone-cor.pago{background-color:#22c55e}.icone-cor.vencido{background-color:#ef4444}.icone-cor.a-vencer{background-color:#f59e0b}.select-filtro option{padding:8px}.badge-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.badge-status.badge-pago{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.badge-status.badge-a_vencer{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.badge-status.badge-vencido{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.linha-tabela.status-pago{background-color:#22c55e1f;border-left:4px solid #16a34a}.linha-tabela.status-a_vencer{background-color:#f59e0b14;border-left:4px solid #f59e0b}.linha-tabela.status-vencido,.linha-tabela.status-atrasado{background-color:#ef44441f;border-left:4px solid #ef4444}.linha-tabela.status-futuro{background-color:#6366f10d;border-left:4px solid #6366f1}.card-item.status-pago{background-color:#22c55e1a;border-left:5px solid #16a34a;border-radius:12px}.card-item.status-a_vencer{background-color:#f59e0b14;border-left:5px solid #f59e0b;border-radius:12px}.card-item.status-vencido,.card-item.status-atrasado{background-color:#ef44441a;border-left:5px solid #ef4444;border-radius:12px}.card-item.status-futuro{background-color:#6366f10d;border-left:5px solid #6366f1;border-radius:12px}body.tema-dark .linha-tabela.status-pago{background-color:var(--cor-card)!important;border:2px solid #16a34a!important;border-left:4px solid #16a34a!important}body.tema-dark .linha-tabela.status-a_vencer{background-color:var(--cor-card)!important;border:2px solid #f59e0b!important;border-left:4px solid #f59e0b!important}body.tema-dark .linha-tabela.status-vencido,body.tema-dark .linha-tabela.status-atrasado{background-color:var(--cor-card)!important;border:2px solid #ef4444!important;border-left:4px solid #ef4444!important}body.tema-dark .linha-tabela.status-futuro{background-color:var(--cor-card)!important;border:2px solid #6366f1!important;border-left:4px solid #6366f1!important}body.tema-dark .tabela-cards{background:var(--cor-card)!important}body.tema-dark .card-item.status-pago{background-color:var(--cor-card)!important;border:2px solid #16a34a!important;border-left:5px solid #16a34a!important;border-radius:12px}body.tema-dark .card-item.status-a_vencer{background-color:var(--cor-card)!important;border:2px solid #f59e0b!important;border-left:5px solid #f59e0b!important;border-radius:12px}body.tema-dark .card-item.status-vencido,body.tema-dark .card-item.status-atrasado{background-color:var(--cor-card)!important;border:2px solid #ef4444!important;border-left:5px solid #ef4444!important;border-radius:12px}body.tema-dark .card-item.status-futuro{background-color:var(--cor-card)!important;border:2px solid #6366f1!important;border-left:5px solid #6366f1!important;border-radius:12px}.select-filtro option[value=pago]:before{content:"🟢 "}.select-filtro option[value=a_vencer]:before{content:"🟡 "}.select-filtro option[value=vencido]:before{content:"🔴 "}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-caixa{width:min(92vw,480px);background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;overflow:hidden;animation:modalIn .18s ease-out}.modal-topo{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.modal-topo h5{margin:0;font-size:16px}.modal-fechar{background:transparent;border:0;font-size:20px;line-height:1;cursor:pointer;opacity:.6}.modal-corpo{padding:16px;color:#4b5563}.modal-rodape{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid #eee}.btn-cancelar{background:#f3f4f6;border:0;padding:8px 12px;border-radius:8px;cursor:pointer}.btn-confirmar{background:#20532d;color:#fff;border:0;padding:8px 12px;border-radius:8px;cursor:pointer}@keyframes modalIn{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}