body{font-family:Arial,sans-serif;background-image:url(/assets/Fundo_cinza-QS_b39e5.jpg);background-size:cover;background-position:center;margin:0;padding:10px;overflow:hidden;height:auto;display:flex;justify-content:center;align-items:center}.login-container{background-color:#fff;border-radius:10px;margin:200px 0 20%;box-shadow:0 2px 10px #0000001a;padding:20px;width:300px;text-align:center;max-width:500px;background:#666b6de6}.password-container{width:100%;max-width:300px;height:auto;margin:10px 0;position:relative}.loginPassword{width:100%;padding:10px 40px 10px 10px;border-radius:5px;border:1px solid #ccc;color:#000;background-color:#fff;box-sizing:border-box}#loginUsername{padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;width:93%;color:#000;background-color:#fff}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-10%);cursor:pointer;font-size:16px;color:#007bff}#loginButton{background-color:#6200ea;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;width:100%;font-size:20px;margin-top:20px}#loginButton:hover{background-color:#3700b3;transform:scale(1.05)}.checkbox-container{display:flex;align-items:center;margin-top:1px}.checkbox-container input{width:10px;height:10px;margin-right:2px}.checkbox-container label{margin:0;font-size:14px}.hover-effect{transition:transform .3s;text-decoration:none;color:#010385;font-size:20px}.hover-effect:hover{transform:scale(1.5);color:#010369}.ParagrafoLicença{color:#1e1e1f;font-weight:700}.license-container{background-color:#fff;border-radius:10px;margin:200px 0 20%;box-shadow:0 2px 10px #0000001a;padding:20px;width:400px;text-align:center;max-width:500px;background:#666b6de6}.modal-content{background:#666b6de6;margin:15% auto;padding:20px;border:1px solid #888;border-radius:10px;width:80%;max-width:500px}.close{color:#1f1f1f;float:right;font-size:28px;font-weight:700}.registroPassword,.registroConfirmPassword{padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;width:94%}.registroUsername,.registroName{padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;width:100%}.password-div{position:relative;width:100%;margin-bottom:2px}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:16px;color:#007bff}#registerButton{background-color:#6200ea;color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;width:100%;margin-top:20px}#registerButton:hover{background-color:#3700b3}h2{color:#101011;margin-bottom:20px;text-align:center}.hidden{display:none}body{font-family:Arial,sans-serif;background-size:cover;background-position:center;margin:0;padding:2px;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.container{display:flex;flex-direction:column;width:1300px;margin-top:10px}.header{display:flex;justify-content:space-between;align-items:center;padding:2px;background-color:#39393b;margin-bottom:20px}.main-content{display:flex;justify-content:space-between;align-items:flex-start}.product-section{display:flex;justify-content:space-between;align-items:flex-start;width:900px;height:480px;padding:20px;margin:10px;background:#666b6de6;border-radius:8px;box-shadow:0 0 10px #0000001a;overflow:auto}.input-section{width:300px;height:405px;padding:20px;background:#666b6de6;border-radius:8px;box-shadow:0 0 10px #0000001a;flex:1;margin:1px 10px 10px;overflow:hidden}.list-section{width:300px;height:480px;padding:20px;margin:10px;background:#666b6de6;border-radius:8px;box-shadow:0 0 10px #0000001a;overflow:hidden}.image-box{text-align:center;width:550px;height:300px;background:#666b6de6}#imagem{width:550px;height:350px;background:#666b6de6}.image-box img{width:100px;height:auto}#ImageLabel{margin-bottom:2px;display:block;font-family:Arial,sans-serif;font-weight:700;font-size:40px}.product-kg,.product-price,.total-price{margin-bottom:10px}label{display:block;margin-bottom:1px;font-family:Arial,sans-serif;font-weight:700}input[type=number],input[type=text]{width:95%;margin:5px 0;padding:8px;border:1px solid #ccc;border-radius:4px}#TotalValue{width:95%;height:30px;padding:8px;border:1px solid #ccc;border-radius:4px;color:#fff;background:#05f;font-weight:700;font-size:28px}#kgProduto,#valorProduto{font-weight:700;font-size:18px}#addToListButton{margin:15px 0;width:100%;padding:10px;color:#fff;background:#05b33f;border:none;border-radius:25px;font-size:16px;font-weight:700;text-align:center;cursor:pointer;transition:background .3s,transform .2s}#addToListButton:hover{background:#05a038}.finalizar-compra{margin-top:20px;text-align:center}#finalizarCompraButton{padding:15px 20px;width:25.8%;font-size:25px;background:#05b33f;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-left:945px}#finalizarCompraButton:hover{background:#05a038}textarea{width:100%;margin-top:2px;padding:1px;border:1px solid #ccc;border-radius:4px;resize:none;font-size:14px}.subtotal{margin-top:10px}.subtotal input{width:95%;height:25px;padding:8px;border:1px solid #ccc;border-radius:4px;color:#fff;background:#05f;font-weight:700;font-size:28px}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.loader{border:8px solid rgba(255,255,255,.3);border-top:8px solid white;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#informacao{display:flex;justify-content:space-around;align-items:center}#informacao button,#informacao h2{margin:15;padding:0 10px}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#39393b;box-shadow:0 2px 5px #0003}#logo{width:150px;height:auto}#marca{width:450px;height:auto}nav ul{list-style-type:none;margin:0;padding:0;display:flex}nav ul li{margin-left:20px}nav ul li a{color:#fff;text-decoration:none;font-weight:700}nav ul li a:hover{text-decoration:underline}#operador{color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.modal-content h2{margin-bottom:15px}.modal-content ul{list-style-type:none;padding:0}.modal-content li{padding:10px;cursor:pointer}.modal-content li.selected{background-color:#007bff;color:#fff;border:none;border-radius:5px}button{background-color:#6200ea;color:#fff;padding:7px;border:none;border-radius:5px;cursor:pointer;width:25%;font-size:16px}.principal-container{max-width:900px;margin:20px auto;background:#666b6de6;padding:20px;border-radius:10px;box-shadow:0 4px 20px #0000001a}.title{font-size:24px;font-weight:700;text-align:center;margin-bottom:30px;color:#2c3e50}.table-container{max-height:350px;overflow-y:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}thead th{background-color:#03d92d;color:#fff;font-weight:700;position:sticky;top:0;z-index:10}th,td{padding:12px;border:1px solid #ddd;text-align:left;vertical-align:middle}td{background-color:#fff}tbody tr:nth-child(2n){background-color:#f9f9f9}tbody tr:hover{background-color:#f5f5f5}.edit,.delete{color:#fff;padding:8px;border:none;border-radius:5px;cursor:pointer;font-size:14px;width:45%}.edit{background-color:#6200ea;margin-right:20px}.delete{background-color:#e74c3c}#backButton{width:40px;height:40px;background:linear-gradient(to bottom,#4a90e2,#002144);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s;box-shadow:0 4px 15px #0003}#nome{width:32%}#codigo,#preco{width:20%}#acao{width:17%}.modal{display:flex;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background:#666b6de6;margin:auto;padding:20px;border:1px solid #888;border-radius:10px;width:80%;max-width:500px}h2{color:#000;margin-bottom:20px}input[type=text],input[type=number]{padding:12px;border:1px solid #ccc;border-radius:5px;width:95%;transition:border-color .3s;margin:10px 0}input[type=text]:focus,input[type=number]:focus{border-color:#007bff;outline:none}#updateProductButton{background-color:#6200ea;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;width:100%}button:hover{background-color:#3700b3}.close{color:#1c1c1c;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.principalContainer{width:500px;margin:100px auto;background:#666b6de6;padding:30px;border-radius:10px;box-shadow:0 4px 20px #0003;height:500px;display:flex;flex-direction:column;align-items:center}.inputSection{width:400px;height:350px}.title{font-size:28px;font-weight:700;text-align:center;margin-bottom:20px;color:#000}.form-container{display:flex;flex-direction:column;align-items:center}.form-container input[type=file]{margin:10px 0;width:80%;padding:10px;border-radius:5px;border:1px solid #ccc}#imageUploadButton{background-color:#6200ea;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:16px;width:90%;transition:background-color .3s;margin-top:15px}#imageUploadButton:hover{background-color:#5c00d3}#backButton{width:40px;height:40px;background:linear-gradient(to bottom,#4a90e2,#002144);border:none;border-radius:50%;align-items:left;justify-content:center;cursor:pointer;transition:transform .3s;box-shadow:0 4px 15px #0003;margin-right:auto}#imagem-logo{width:120px;height:90px;display:flex;align-items:center;justify-content:center;margin:auto}#inputFile{margin:50px;padding:20px}.upload-instructions{margin:10px;color:#000;font-size:18px;font-weight:700;text-align:center}.custom-button{background-color:#19ac45;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:16px;width:100%;transition:background-color .3s;margin-top:15px}.custom-button:hover{transform:scale(1.01);background-color:#127c32}.principal-container{max-width:1300px;margin:20px auto;background:#666b6de6;padding:20px;border-radius:10px;box-shadow:0 4px 20px #0000001a}.title{font-size:24px;font-weight:700;text-align:center;margin-bottom:30px;color:#0003}.form-container input[type=text]{width:500px;display:flex;gap:20px}#e-mail{width:520px;height:38px;border-radius:5px;border:none;margin-top:10px}#e-mail::placeholder{padding-left:10px}#addClientButton{background-color:#6200ea;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;width:25%;font-size:16px;margin-top:10px}.tabela-container{max-height:400px;overflow-y:auto;height:320px}#tabela{width:100%;min-width:800px;border-collapse:collapse}th,.delete{background-color:#e74c3c;color:#fff;border:none;border-radius:5px;padding:7px;cursor:pointer;width:70px;align-items:center}.delete:hover{background-color:#c0392b}#contato{width:72%;align-items:center}#backButton{width:40px;height:40px;background:linear-gradient(to bottom,#4a90e2,#002144);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s;box-shadow:0 4px 15px #0003;margin-bottom:20px}#backButton:hover{transform:scale(1.1)}#backButton i{color:#fff;font-size:30px}@media (min-width: 1367px){.tabela-container{max-height:600px;overflow-y:auto;height:455px}.principal-container{max-width:1300px;margin:20px auto;background:#666b6de6;padding:20px;border-radius:10px;box-shadow:0 4px 20px #0000001a;height:800px}}#cnpj{background-color:#1976d2;color:#fff;width:12%}#razaoSocial,#email{background-color:#1976d2;color:#fff;width:22%}#contato{background-color:#1976d2;color:#fff;width:13%}#acoes{background-color:#1976d2;color:#fff;width:4.5%}.cadastro-container{max-width:1382px;margin:20px auto;background:#666b6de6;padding:20px;border-radius:10px;box-shadow:0 4px 20px #0000001a}.cadastro-licenca-container{max-width:1200px;margin:20px auto;background:#666b6de6;padding:20px;border-radius:10px;box-shadow:0 4px 20px #0000001a}.cadastro-licenca-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:30px;color:#2c3e50}.cadastro-licenca__form{display:flex;flex-direction:column;align-items:center}.cadastro-licenca__input{width:300px;height:38px;border-radius:5px;border:1px solid #ccc;padding:0 10px;margin-top:10px}.cadastro-licenca__button{background-color:#6200ea;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;width:150px;font-size:16px;margin-top:20px}.cadastro-licenca__list{max-height:400px;overflow-y:auto;border:1px solid #ccc;margin-top:20px}.form-container div{display:flex;flex-direction:row;gap:20px}#divButton{width:100%}#addLicencaButton{width:20%;margin:20px auto;display:block;border-radius:5px}#clientSelect,#duracaoSelect{width:400px;padding:15px;border-radius:5px}.cadastro-licenca__table th,.cadastro-licenca__table td{padding:10px;text-align:left;border:1px solid #ccc;height:40px}th:nth-child(1),td:nth-child(1){width:15%}th:nth-child(2),td:nth-child(2){width:22%}th:nth-child(3),td:nth-child(3){width:18%}th:nth-child(4){width:5%}td:nth-child(4){width:35%;padding:22px}th:nth-child(5),td:nth-child(5){width:10%}th:nth-child(6),td:nth-child(6){width:9.5%}th:nth-child(7),td:nth-child(7){width:5%}th:nth-child(8){width:17%}td:nth-child(8){display:flex;justify-content:space-between;gap:10px}#lista tbody tr:nth-child(2n){background-color:#ffffff0d}#lista th,#lista td{padding:10px;text-align:left;border:1px solid #ccc;height:40px}.excluir{width:60px;flex:1;background-color:#e74c3c;color:#fff;border:none;border-radius:5px;padding:7px;cursor:pointer;transition:background-color .3s}.excluir:hover{background-color:#c0392b}@media (min-width: 1367px){.tabela{width:1215px;max-height:600px;overflow-y:auto;height:587px}.cadastro-container{max-width:1382px;margin:20px auto;background:#666b6de6;padding:20px;border-radius:10px;box-shadow:0 4px 20px #0000001a;height:880px}}.filter-container{display:flex;align-items:center;justify-content:flex-start;gap:10px;position:relative}#filtro{width:200px}#status{height:43px;border-radius:5px;box-shadow:0 4px 20px #0000001a}.filter-container span{margin-left:auto;font-size:20px;font-weight:700;color:#fff}select{height:50px;font-size:16px;padding:5px}input[type=number]{height:40px;font-size:16px;padding:5px}.dados{display:flex;align-items:center;gap:10px}#quantidadeLicencas{width:40px}.reset-button{width:100px;background-color:#ff0;color:#000;border:none;border-radius:5px;padding:8px 12px;cursor:pointer;margin-left:8px;transition:background-color .3s}.reset-button:hover{background-color:gold}.swal2-footer{display:flex!important;justify-content:space-between!important}.swal2-popup .swal-button{border-radius:5px!important;padding:15px 30px!important;font-size:18px!important;min-width:150px!important;height:50px!important;flex:1!important;margin:0 5px!important}.swal2-popup .swal-button--confirm{background-color:#007bff!important;color:#fff!important}.swal2-popup .swal-button--cancel{background-color:#dc3545!important;color:#fff!important}.swal2-popup .swal-button--confirm:hover{background-color:#0056b3!important}.swal2-popup .swal-button--cancel:hover{background-color:#c82333!important}.swal2-modal{min-width:400px!important}body{margin:0;padding:0;background-color:#1d2634;color:#9e9ea4;font-family:Montserrat,sans-serif;display:flex;justify-content:center}.grid-container{display:grid;grid-template-columns:260px 1fr 1fr 1fr;grid-template-rows:.2fr 3fr;grid-template-areas:"sidebar header header header" "sidebar main main main";height:100vh;width:100vw;background-color:#09162c}.icon{vertical-align:middle;line-height:1px;font-size:20px;color:#9e9ea4;margin-left:15px}.icon_header{vertical-align:middle;line-height:1px;font-size:26px}.icon,.icon_header{margin-right:5px}.header{grid-area:header;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 5px;background-color:#03112b;width:100%;box-shadow:0 2px 4px #0000001a;position:relative;z-index:1000;overflow:hidden}.menu-icon{display:flex}.header-right{display:flex;align-items:center;justify-content:flex-end;padding:10px;overflow:auto;width:100%}.icon{font-size:24px;margin-left:10px}@media (max-width: 768px){.icon{font-size:18px}}#sidebar{grid-area:sidebar;height:100vh;background-color:#09162c;overflow-y:auto;transition:all .5s;-webkit-transition:all .5s}.logo{width:200px;height:auto;margin-right:10px}.sidebar-title{display:flex;justify-content:space-between;align-items:center;padding:15px 30px 0;margin-bottom:30px}.icon{margin-right:10px}.sidebar-title>span{display:none}.sidebar-brand{margin-top:15px;font-size:20px;font-weight:700}.sidebar-list{padding:0;list-style-type:none}.sidebar-list-item{padding:20px;font-size:18px}.sidebar-list-item:hover{background-color:#fff3;cursor:pointer}.sidebar-list-item>a{text-decoration:none;color:#9e9ea4}.sidebar-responsive{display:inline!important;position:absolute;z-index:12!important}.main-container{grid-area:main;color:#fffffff2;background-color:#03112b;height:100vh;width:100%;overflow:hidden;max-height:1200px;overflow-y:auto;height:680px}.main-title{display:flex;justify-content:space-between}.cards-container{display:flex;justify-content:space-between;margin:20px}.main-cards{background-color:#4a4a4a;border-radius:10px;padding:20px;margin:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;box-shadow:0 4px 12px #0003;transition:transform .3s,box-shadow .3s;width:400px;height:240px}.main-cards:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000004d}.card-inner{display:flex;flex-direction:column;align-items:center}.card_icon{font-size:60px;margin-bottom:10px}.card1{background-color:#3a8eeb}.card2{background-color:#4caf50}.card3{background-color:#f44336}.card-title{font-weight:700;text-align:center}.card-number{font-size:24px;margin-top:10px}.titleDashboard{font-size:40px;margin:30px}.charts{display:flex;justify-content:space-between;align-items:flex-start;width:95%;height:380px;gap:20px;margin-top:40px}.responsive-container{flex:1;margin:10px}@media (min-width: 1300px){.main-container{grid-area:main;color:#fffffff2;background-color:#03112b;height:100%;width:100%}}@media (max-width: 1366px){.titleDashboard{font-size:30px;margin:30px}.charts{display:flex;justify-content:space-between;align-items:flex-start;width:95%;height:290px;gap:20px;margin-top:60px}.main-cards{background-color:#4a4a4a;border-radius:10px;padding:20px;margin:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;box-shadow:0 4px 12px #0003;transition:transform .3s,box-shadow .3s;width:250px;height:160px}.card_icon{font-size:45x;margin-bottom:5px}.card1{background-color:#3a8eeb}.card2{background-color:#4caf50}.card3{background-color:#f44336}.card-title{font-weight:700;text-align:center}.card-number{font-size:30px;margin-top:10px}}.pdv-display{text-align:center;padding:20px;border:2px solid #4caf50;border-radius:10px;background-color:#f9f9f9;width:300px;margin:20px auto;box-shadow:0 4px 8px #0003}.weight-display{font-size:2rem;color:#4caf50;font-weight:700}