:root{--fonte:'Poppins',sans-serif;--cor-fundo-principal:#f0f2f5;--cor-fundo-secundario:#ffffff;--cor-texto-principal:#2c3e50;--cor-texto-secundario:#7f8c8d;--cor-azul-destaque:#007bff;--cor-azul-destaque-hover:#0056b3;--cor-vermelho-perigo:#e74c3c;--cor-vermelho-perigo-hover:#c0392b;--cor-borda-sutil:#dfe6e9;--cor-status-liberado:#0056b3;--cor-status-pendencia:#ffc107;--cor-fundo-cabecalho:#007bff;--cor-texto-cabecalho:#ffffff;--cor-fundo-modal:#ffffff}@media (prefers-color-scheme:dark){:root{--cor-fundo-principal:#1e1e2f;--cor-fundo-secundario:#2c2c44;--cor-texto-principal:#e0e0f0;--cor-texto-secundario:#a0a0b0;--cor-azul-destaque:#00aaff;--cor-azul-destaque-hover:#0088cc;--cor-vermelho-perigo:#ff5555;--cor-vermelho-perigo-hover:#cc0000;--cor-borda-sutil:#44476a;--cor-status-liberado:#50fa7b;--cor-status-pendencia:#ffb86c;--cor-fundo-cabecalho:#1a1b26;--cor-texto-cabecalho:#e0e0f0;--cor-fundo-modal:#2c2c44}}body{font-family:var(--fonte);background-color:var(--cor-fundo-principal);color:var(--cor-texto-principal);margin:0;padding:0;transition:background-color .3s ease,color .3s ease;line-height:1.6}.hidden{display:none!important}:focus-visible{outline:2px solid var(--cor-azul-destaque);outline-offset:2px;border-radius:4px}.container{max-width:1400px;width:95%;margin:20px auto;min-width:320px;background:var(--cor-fundo-secundario);padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid var(--cor-borda-sutil);display:flex;flex-direction:column;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:20px;border-bottom:1px solid var(--cor-borda-sutil);padding-bottom:20px}.titulo-com-icone{display:flex;align-items:center;gap:15px;flex-grow:1}.logo-icone{width:50px;height:50px;object-fit:contain}h1{font-size:2rem;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}h1,h2{color:var(--cor-texto-principal)}.user-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}#loggedInUserName{font-weight:600;color:var(--cor-texto-secundario);white-space:nowrap;margin-right:0}#login-message{color:var(--cor-vermelho-perigo);margin-top:15px;font-weight:700}.form-section{margin-bottom:20px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.row input,.row select{width:100%;padding:12px;border:1px solid var(--cor-borda-sutil);border-radius:8px;text-transform:uppercase;font-size:1rem;background-color:var(--cor-fundo-principal);color:var(--cor-texto-principal);box-sizing:border-box;transition:all .3s ease}.row input::placeholder{color:var(--cor-texto-secundario);opacity:.6}.row input:disabled,.row select:disabled{cursor:not-allowed;background-color:var(--cor-borda-sutil);opacity:.7}.form-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}.btn{padding:10px 24px;background:var(--cor-azul-destaque);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .3s ease,transform .2s ease,box-shadow .2s ease;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 5px rgba(0,0,0,.2)}.btn:hover{background:var(--cor-azul-destaque-hover);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.3)}.btn-danger{background:var(--cor-vermelho-perigo)}.btn-danger:hover{background:var(--cor-vermelho-perigo-hover)}.btn-logout{background:0 0;border:1px solid var(--cor-vermelho-perigo);color:var(--cor-vermelho-perigo);box-shadow:none}.btn-logout:hover{background:var(--cor-vermelho-perigo);color:var(--cor-texto-principal);transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.2)}.btn-admin{background:0 0;border:1px solid var(--cor-texto-secundario);color:var(--cor-texto-secundario);text-decoration:none;box-shadow:none}.btn-admin:hover{background:var(--cor-texto-secundario);color:#fff;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.2)}.button-group{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.table-section{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}#total-carretas{font-size:1.2rem;font-weight:700;color:var(--cor-texto-secundario);text-align:left}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--cor-borda-sutil);border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2)}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-thumb{background-color:var(--cor-azul-destaque);border-radius:4px}.table-wrapper::-webkit-scrollbar-track{background-color:var(--cor-borda-sutil)}.table-wrapper{scrollbar-color:var(--cor-azul-destaque) var(--cor-borda-sutil);scrollbar-width:thin}table{width:100%;table-layout:auto;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden}td,th{padding:12px;text-align:center;border-bottom:1px solid var(--cor-borda-sutil);text-transform:uppercase}th{background-color:var(--cor-fundo-cabecalho);color:var(--cor-texto-cabecalho);font-weight:600;cursor:pointer;transition:background-color .3s ease;border-right:1px solid var(--cor-borda-sutil)}th:last-child{border-right:none}th:hover{background-color:var(--cor-azul-destaque-hover)}th.ordenado-crescente::after{content:' ▲';font-size:.8em;opacity:.8;margin-left:5px}th.ordenado-decrescente::after{content:' ▼';font-size:.8em;opacity:.8;margin-left:5px}tr:nth-child(2n){background-color:rgba(0,0,0,.03)}.dark-mode tr:nth-child(2n){background-color:rgba(255,255,255,.03)}td:last-child{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}td:last-child .btn{flex-shrink:0;width:110px;padding:8px 12px;font-size:.85em;box-shadow:none}.status-liberado{font-weight:700;color:var(--cor-status-liberado)}.status-pendencia,.status-retido{font-weight:700;color:var(--cor-status-pendencia)}.linha-liberada{color:var(--cor-status-liberado);font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:1;transition:opacity .3s ease-in-out}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-content{background-color:var(--cor-fundo-modal);color:var(--cor-texto-principal);padding:2.5rem;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.5);text-align:center;max-width:400px;width:90%;transform:scale(1);transition:transform .3s ease-in-out}.modal-overlay.hidden .modal-content{transform:scale(.95)}#confirmMessage{margin-bottom:1.5rem;font-size:1.1rem}.modal-actions{display:flex;justify-content:space-around;gap:15px}.modal-actions .btn{min-width:120px}.loader-overlay{position:fixed;inset:0;background:var(--cor-fundo-principal);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.loader-overlay.fade-out{opacity:0;visibility:hidden}.loader-overlay.hidden{opacity:0;visibility:hidden}.spinner{width:60px;height:60px;border:6px solid var(--cor-borda-sutil);border-top:6px solid var(--cor-azul-destaque);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.options-toggle-container{position:relative;display:inline-block;margin-bottom:20px}#toggleOptionsBtn{background:var(--cor-borda-sutil);color:var(--cor-texto-principal);font-weight:600;padding:10px 20px;border-radius:8px;box-shadow:none;transition:all .3s ease;border:1px solid var(--cor-borda-sutil)}.dark-mode #toggleOptionsBtn{background:#44476a;color:var(--cor-texto-principal);border:1px solid #44476a}#toggleOptionsBtn:hover{background:var(--cor-borda-sutil);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.dark-mode #toggleOptionsBtn:hover{background:#515579}.options-menu{position:absolute;top:calc(100% + 10px);left:0;width:310px;background-color:var(--cor-fundo-secundario);border:1px solid var(--cor-borda-sutil);border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.15);padding:15px;z-index:10;display:flex;flex-direction:column;gap:15px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s}.options-menu.visible{opacity:1;visibility:visible;transform:translateY(0)}.option-item{display:flex;align-items:center;gap:10px;cursor:pointer}.option-item label{font-size:14px;font-weight:500;color:var(--cor-texto-principal);cursor:pointer}.custom-toggle-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:20px;background-color:var(--cor-borda-sutil);border-radius:10px;cursor:pointer;position:relative;transition:background-color .3s ease;flex-shrink:0}.custom-toggle-switch:checked{background-color:var(--cor-azul-destaque)}.custom-toggle-switch::before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background-color:var(--cor-fundo-secundario);top:2px;left:2px;transition:transform .3s ease,background-color .3s ease}.custom-toggle-switch:checked::before{transform:translateX(20px)}.custom-toggle-switch:focus-visible{outline:2px solid var(--cor-azul-destaque);outline-offset:4px;border-radius:12px}@media (min-width:1201px){h1{font-size:2rem}.row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.row button,.row input,.row select{flex-grow:1;flex-shrink:1;width:auto}#btnAdd,#btnCancel{flex-grow:0;flex-shrink:0;width:auto}}@media (max-width:1024px){.container{padding:25px}.row{gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}h1{font-size:1.7rem}td,th{padding:10px;font-size:.9em}.btn{padding:10px 20px}.logo-icone{width:45px;height:45px}}@media (min-width:769px) and (max-width:897px){.header-container{flex-direction:column;align-items:center;gap:15px}.user-actions{width:100%;justify-content:center;margin-top:10px}}@media (max-width:768px){.header-container{flex-direction:column;align-items:center;gap:15px;text-align:center}.user-actions{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px}#loggedInUserName{text-align:center;margin:0}}@media (max-width:480px){.container{padding:15px}.logo-icone{width:35px;height:35px}h1{font-size:1.5rem}.row input,.row select{font-size:.9rem;padding:10px}.btn{padding:8px 16px;font-size:.8rem}td,th{font-size:.8em;padding:8px}table{min-width:600px}.modal-content{padding:1.5rem;width:90%}.modal-actions{flex-direction:column;gap:10px}.modal-actions .btn{width:100%;min-width:auto}}@media (max-width:400px){.container{padding:10px}h1{font-size:1.3rem}.row input,.row select{font-size:.85rem;padding:8px}.btn{padding:6px 12px;font-size:.75rem}td,th{font-size:.7em;padding:6px}table{min-width:500px}.logo-icone{width:30px;height:30px}.titulo-com-icone{gap:5px}}