body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow-x:hidden}.login-container{align-items:center;background-color:#121212;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;min-height:100vh;padding:20px}.card-login,.login-container{box-sizing:border-box;position:relative}.card-login{box-shadow:0 4px 8px #0000001a;height:300px;margin:0 auto;max-width:400px;perspective:1000px;width:100%}.card-login .back,.card-login .front{backface-visibility:hidden;background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px #00000080;box-sizing:border-box;color:#e0e0e0;height:100%;padding:20px;position:absolute;transition:transform .6s;width:100%}.card-login .front{transform:rotateY(0deg);z-index:2}.card-login .back{transform:rotateY(180deg)}.card-login.flip .front{transform:rotateY(-180deg)}.card-login.flip .back{transform:rotateY(0deg)}h2{color:#f2f0ed;font-size:1.5rem;margin-bottom:20px;text-align:center}.success-message{color:#4caf50}.error-message,.success-message{margin-top:10px;text-align:center}.error-message{color:#f44336}label{color:#e0e0e0;display:block;font-weight:700;margin-bottom:10px}input{background-color:#333;border:1px solid #333;border-radius:5px;box-sizing:border-box;color:#e0e0e0;width:100%}.retry-button,input{font-size:1rem;padding:10px}.retry-button{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px}.retry-button:hover{background-color:#5a6268}.btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px;width:100%}.btn:hover{background-color:#0056b3}.popup{animation:fadeInOut 5s ease-out;background:#000c;border-radius:10px;box-shadow:0 4px 8px #00000080;color:#fff;padding:20px;position:fixed;right:20px;top:20px;width:300px;z-index:1000}.popup-content{font-size:1rem;text-align:center}.login-footer{background-color:#1e1e1e;border-top:1px solid #333;bottom:0;color:#e0e0e0;font-size:.875rem;left:0;margin-top:auto;padding:15px;position:relative;text-align:center;width:100%}.login-footer a{color:#007bff;text-decoration:none}.login-footer a:hover{color:#0056b3;text-decoration:underline}.login-footer p{color:#e0e0e0;font-size:.875rem;margin:5px 0}.cnpj-info{color:#aaa;font-size:.9rem;margin-top:10px;text-align:center}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@media (max-width:768px){.login-container{padding:10px}.card-login{max-width:90%}h2{font-size:1.25rem}.btn,.retry-button{font-size:.875rem;padding:8px}}@media (max-width:576px){h2{font-size:1.125rem}input{font-size:.875rem;padding:8px}.btn,.retry-button{font-size:.75rem;padding:8px}}@media (min-height:500px){.login-container{display:flex;flex-direction:column;min-height:100vh}.login-footer{margin-top:auto}}.vendas-container{align-items:center;background-color:#121212;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding:20px}.search-box{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1rem;margin-bottom:20px;max-width:400px;padding:10px;width:100%}.search-box:focus{border-color:#28a745;box-shadow:0 0 5px #28a74580;outline:none}.navbar{background:linear-gradient(90deg,#0056b3,#003d7a);color:#fff;padding:15px 20px;position:sticky;text-align:center;top:0;width:100%;z-index:1000}.navbar:hover{background:linear-gradient(90deg,#003d7a,#0056b3)}.navbar h1{font-size:1.75rem;margin:0}.card{background-color:#1e1e1e;border-radius:12px;box-sizing:border-box;margin-top:20px;max-width:1200px;overflow-x:auto;padding:20px;width:100%}.card:hover{box-shadow:0 12px 24px #000000b3;transform:translateY(-5px)}.card h2{color:#e0e0e0;font-size:1.75rem;margin-bottom:20px;text-align:center}.vendas-table{background-color:#1e1e1e;border-collapse:collapse;border-radius:8px;overflow-x:auto;width:100%}.vendas-table td,.vendas-table th{color:#e0e0e0;padding:12px 15px;text-align:left}.vendas-table th{background:linear-gradient(90deg,#0056b3,#003d7a);color:#fff}.vendas-table tr:nth-child(2n){background-color:#252525}.vendas-table tr:hover{background-color:#333;cursor:pointer;transform:scale(1.02)}.expanded-row{background-color:#1f1f1f;box-shadow:0 2px 4px #0000001a}.details{background-color:#1e1e1e;border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:15px;padding:15px}.details p{flex-basis:calc(50% - 15px);flex-grow:1;flex-shrink:1;font-size:.9rem;margin:5px 0}.details p,p{color:#e0e0e0}p{font-size:1.1rem;margin-top:20px;text-align:center}.status-filter{background-color:#1e1e1e;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;color:#e0e0e0;font-size:1rem;margin-left:10px;padding:10px}.status-filter:focus{border-color:#28a745;box-shadow:0 0 5px #28a74580;outline:none}@media (max-width:1400px){.card{margin-top:15px;padding:15px}.card h2{font-size:1.5rem}}@media (max-width:992px){.vendas-table td,.vendas-table th{padding:10px}.details{flex-direction:column}.details p{flex:1 1 100%}}@media screen and (max-width:768px){.vendas-container{padding:10px}.card h2,.navbar h1{font-size:1.5rem}.vendas-table td,.vendas-table th{padding:10px}.details p{flex:1 1 100%}.vendas-table{font-size:.9rem;overflow-x:auto}}@media (max-width:576px){.card{margin-top:5px;padding:5px}.card h2{font-size:1rem}.vendas-table td,.vendas-table th{padding:5px}.home-button{padding:8px 15px}.details p,.home-button{font-size:.85rem}}.venda-details-container{align-items:center;background-color:#121212;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:20px}.back-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:20px;max-width:100%;padding:10px 20px}.back-button:hover{background-color:#0056b3}.details-card{animation:fadeIn 1s ease;background-color:#1e1e1e;border-radius:12px;box-shadow:0 8px 16px #00000080;box-sizing:border-box;margin:0 auto;max-width:800px;padding:20px;width:100%}.details-card h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:20px}.details-card h2,.details-card h3{text-align:center;text-shadow:2px 2px 4px #000c;text-transform:uppercase}.details-card h3{color:#007bff;font-size:1.75rem;margin-bottom:15px;margin-top:30px}.details-card h3:hover{background-color:#0056b3}.details-content{color:#e0e0e0;font-size:.9rem;line-height:1.6}.home-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:20px;padding:10px 20px}.home-button:hover{background-color:#218838}@media (max-width:992px){.details-card{padding:15px}.details-card h2,.details-card h3{font-size:1.5rem}}@media (max-width:768px){.details-card,.venda-details-container{padding:10px}.details-card h2,.details-card h3{font-size:1.3rem}}@media (max-width:576px){.details-card,.venda-details-container{padding:5px}.details-card h2,.details-card h3{font-size:1.1rem}.details-content{font-size:.85rem}}.comissionamento-container{background-color:#121212;border-radius:8px;box-shadow:0 4px 10px #0000004d;color:#fff;margin:20px auto;max-width:800px;padding:20px}.button-group{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.back-button,.home-button{background-color:#1e1e1e;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;flex-basis:calc(45% - 10px);flex-grow:1;flex-shrink:1;margin:5px;padding:10px 15px;transition:background-color .3s}.back-button:hover,.home-button:hover{background-color:#3b3b3b}.mes-select{background-color:#1e1e1e;border:1px solid #555;border-radius:5px;color:#fff;flex:1 1;margin-bottom:20px;max-width:300px;padding:10px;width:100%}.table-responsive{overflow-x:auto}.comissionamento-table{border-collapse:collapse;margin-bottom:20px;width:100%}.comissionamento-table td,.comissionamento-table th{border:1px solid #555;padding:10px;text-align:center}.comissionamento-table th{background-color:#1e1e1e;color:#fff}.comissionamento-table td{background-color:#232323}.resumo-geral{background-color:#1e1e1e;border-radius:8px;padding:15px}.gatilhos-table{border-collapse:collapse;margin-top:20px;width:100%}.gatilhos-table td,.gatilhos-table th{border:1px solid #555;padding:10px;text-align:left}.gatilhos-table th{background-color:#1e1e1e;color:#fff}.gatilhos-table td{background-color:#232323}.spinner{margin:20px auto}@media (max-width:768px){.button-group{align-items:stretch;flex-direction:column}.mes-select{margin-top:10px}}@media (max-width:480px){.comissionamento-container{padding:15px}.comissionamento-table td,.comissionamento-table th{padding:8px}.spinner{height:30px;width:30px}}body{background-color:#1c1c1c;color:#eaeaea;font-family:Open Sans,sans-serif;margin:0;padding:0}.acessar-faturas{background-color:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease,transform .3s ease;width:auto}.acessar-faturas:hover{background-color:#564dbf;box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.home-container{margin:auto;max-width:1200px;padding:30px}.header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.header button{margin:5px}.map-button{align-items:center;background-color:#f76c6c;border:none;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;padding:12px 24px;transition:background-color .3s ease,transform .3s ease}.map-icon{font-size:18px;margin-right:8px}.map-button:hover{background-color:#e95959;transform:translateY(-2px)}h2{color:#fff;font-size:28px;text-shadow:2px 2px 4px #00000080}.acessar-comissionamento,.acessar-vendas{background-color:#f76c6c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease,transform .3s ease;width:auto}.acessar-comissionamento:hover{background-color:#45a049;box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.acessar-comissionamento:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.acessar-vendas:hover{background-color:#e95959;transform:translateY(-2px)}.cidade-listagem{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cidade-card{background-color:#2a2a2a;border-radius:12px;box-shadow:0 4px 16px #0006;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.cidade-card:hover{box-shadow:0 6px 20px #0009;transform:translateY(-5px)}.cidade-titulo{color:#f1f1f1;font-size:22px;margin-bottom:15px;text-shadow:1px 1px 2px #0000004d}.detalhes-button{background-color:#4183c4;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s ease,transform .3s ease}.detalhes-button:hover{background-color:#336fa3;transform:translateY(-2px)}.clientes-container{margin-top:20px}.cliente-card{background-color:#343434;border-radius:10px;box-shadow:0 2px 8px #0006;display:flex;flex-direction:column;margin-bottom:10px;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.cliente-card:hover{box-shadow:0 4px 16px #0009;transform:translateY(-4px)}.cliente-info span{color:#c9c9c9;font-size:15px;margin-bottom:5px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:50px auto;width:40px}.graficos-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:40px}.grafico-criativo,.grafico-eficacia,.grafico-faturas{flex:1 1;margin-bottom:40px;min-width:300px}select{margin-bottom:20px;padding:5px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.cidade-listagem{grid-template-columns:1fr}.header{flex-direction:column;gap:15px;text-align:center}.map-button{left:auto;margin-bottom:10px;position:relative;top:auto;width:100%}.acessar-comissionamento,.acessar-vendas{font-size:14px;padding:10px;width:100%}}.faturas-container{background-color:#121212;background-image:linear-gradient(to bottom right,#222,#444);box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;max-width:100%;padding:20px;text-align:center}.faturas-container h1,.faturas-container h2{color:#4caf50;font-size:2em;margin:20px 0}.faturas-container table{background-color:#333;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;margin:20px 0;overflow:hidden;width:100%}.solicitar-button{color:red}.faturas-container td,.faturas-container th{word-wrap:break-word;border:1px solid #444;padding:12px;text-align:center;transition:background-color .3s ease}.faturas-container th{background-color:#444;color:#fff}.faturas-container tr:nth-child(2n){background-color:#555}.faturas-container tr:nth-child(odd){background-color:#444}.faturas-container tr:hover{background-color:#333}.solicitar-button{background-color:#f44336;box-shadow:0 2px 4px #0003}.faturas-container .modal{align-items:center;background-color:#000000b3;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:1000}.faturas-container .modal-content{background-color:#2c2c2c;border-radius:8px;box-shadow:0 2px 8px #0006;max-height:90%;max-width:600px;overflow-y:auto;padding:20px;width:90%}.faturas-container .modal-content h2{color:#fff}.faturas-container .modal-content p{color:#ccc;text-align:left}.faturas-container .modal-content button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;max-width:200px;padding:10px;transition:background-color .3s ease;width:100%}.faturas-container .modal-content button:hover{background-color:#45a049}.faturas-container button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.faturas-container button:hover{background-color:#45a049}.faturas-container input,.faturas-container select{background-color:#222;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;display:block;font-size:1em;margin:10px auto;max-width:400px;padding:12px;width:100%}.faturas-container input[type=submit]{background-color:#4caf50;cursor:pointer}.faturas-container input[type=submit]:hover{background-color:#45a049}@media (max-width:1024px){.faturas-container h1,.faturas-container h2{font-size:1.8em}.faturas-container table{font-size:.9em}.faturas-container .modal-content{max-width:500px}}@media (max-width:768px){.faturas-container h1,.faturas-container h2{font-size:1.5em}.faturas-container table{font-size:.8em}.faturas-container td,.faturas-container th{padding:8px}.faturas-container button{font-size:.9em}.faturas-container .modal-content{max-width:400px}.faturas-container table{display:block;overflow-x:auto}.faturas-container td,.faturas-container th{display:block;text-align:left}}@media (max-width:480px){.faturas-container h1,.faturas-container h2{font-size:1.2em}.faturas-container table{font-size:.75em}.faturas-container td,.faturas-container th{padding:6px}.faturas-container input,.faturas-container select{max-width:100%}.faturas-container button{font-size:.8em}.faturas-container .modal-content{max-width:90%}}.privacy-container{align-items:center;background:linear-gradient(135deg,#1e1e1e,#121212);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.privacy-header{animation:fadeIn 1.5s ease-in-out;margin-bottom:40px;text-align:center}.privacy-header h1{color:#00bcd4;font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 5px #00000080}.privacy-header p{color:#e0e0e0;font-size:1.2rem;line-height:1.8;max-width:600px}.privacy-content{animation:slideUp 1s ease-in-out;background:#000c;border-radius:10px;box-shadow:0 4px 20px #00000080;max-width:800px;padding:20px;width:100%}.privacy-content h2{color:#00bcd4;font-size:1.8rem;margin-bottom:10px;text-shadow:1px 1px 3px #00000080}.privacy-content p{color:#d0d0d0;font-size:1rem;line-height:1.6;margin-bottom:20px;text-indent:20px}.privacy-footer{border-top:1px solid #333;color:#757575;font-size:.9rem;margin-top:40px;max-width:800px;padding-top:10px;text-align:center;width:100%}@media (max-width:768px){.privacy-header h1{font-size:2rem}.privacy-content p,.privacy-header p{font-size:1rem}.privacy-content h2{font-size:1.5rem}}@media (max-width:480px){.privacy-container{padding:10px}.privacy-content{padding:15px}.privacy-header h1{font-size:1.8rem}.privacy-header p{font-size:.9rem}.privacy-content h2{font-size:1.3rem}.privacy-content p{font-size:.875rem}}body,html{background-color:#121212;box-sizing:border-box;color:#e0e0e0;font-family:Roboto,sans-serif;margin:0;padding:0}.terms-container{align-items:center;background:linear-gradient(135deg,#1e1e1e,#121212);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.terms-header{animation:fadeIn 1.5s ease-in-out;margin-bottom:40px;text-align:center}.terms-header h1{color:#00bcd4;font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 5px #00000080}.terms-header p{color:#e0e0e0;font-size:1.2rem;line-height:1.8;max-width:600px}.terms-content{animation:slideUp 1s ease-in-out;background:#000c;border-radius:10px;box-shadow:0 4px 20px #00000080;max-width:800px;padding:20px;width:100%}.terms-content h2{color:#00bcd4;font-size:1.8rem;margin-bottom:10px;text-shadow:1px 1px 3px #00000080}.terms-content p{color:#d0d0d0;font-size:1rem;line-height:1.6;margin-bottom:20px;text-indent:20px}.terms-footer{border-top:1px solid #333;color:#757575;font-size:.9rem;margin-top:40px;max-width:800px;padding-top:10px;text-align:center;width:100%}.button-container{margin-top:20px;text-align:center}.btn-login{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.btn-login:hover{background-color:#0056b3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.terms-header h1{font-size:2rem}.terms-content p,.terms-header p{font-size:1rem}.terms-content h2{font-size:1.5rem}}@media (max-width:480px){.terms-container{padding:10px}.terms-content{padding:15px}.terms-header h1{font-size:1.8rem}.terms-header p{font-size:.9rem}.terms-content h2{font-size:1.3rem}.terms-content p{font-size:.875rem}}