:root{--primary-color: #0a4d8c;--sidebar-bg: #ffffff;--main-bg: #f8f9fa;--text-color: #212529;--text-color-light: #6c757d;--border-color: #dee2e6;--sidebar-width: 200px;--top-bar-height: 60px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--main-bg);overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html{overflow-x:hidden;-webkit-text-size-adjust:100%}.app-container{display:flex;min-height:100vh;width:100vw}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1rem .75rem;position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);overflow-y:auto;z-index:9999;box-shadow:2px 0 10px #0000001a;transition:width .3s ease}.sidebar.collapsed{width:60px;padding:1rem .5rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0 .5rem;position:relative;z-index:10;gap:.5rem}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0;height:60px;margin-bottom:1rem}.sidebar-logo{display:flex;align-items:center;gap:.5rem}.sidebar.collapsed .sidebar-logo{display:none}.sidebar-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;z-index:20;flex-shrink:0;width:24px;height:24px;margin-bottom:15%;outline:none}.sidebar-toggle:hover{background-color:#f8f9fa80;color:var(--primary-color)}.sidebar-toggle:focus{outline:none}.sidebar.collapsed .sidebar-toggle{margin:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:20;flex-shrink:0;width:24px;height:24px}.logo-icon{width:160px;height:auto;display:flex;margin-bottom:-20%;margin-top:-36%;margin-left:-20px;flex-shrink:0;z-index:1}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-color)}.sidebar-nav{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:3px;border-left:4px solid var(--primary-color);border-top:none;border-right:none;border-bottom:none;background-color:#fff;cursor:pointer;text-align:left;font-size:.9rem;color:var(--text-color);font-weight:500;transition:all .3s ease;text-decoration:none;margin-bottom:.25rem;position:relative;overflow:hidden}.sidebar.collapsed .nav-item{padding:.5rem;justify-content:center;border-left:none;border-radius:6px}.sidebar.collapsed .nav-item .nav-text{display:none}.sidebar.collapsed .nav-item{position:relative}.sidebar.collapsed .nav-item:hover:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:#333;color:#fff;padding:.5rem .75rem;border-radius:4px;font-size:.8rem;white-space:nowrap;z-index:10000;margin-left:.5rem;box-shadow:0 2px 8px #0003}.sidebar.collapsed .nav-item:hover:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#333;z-index:10000;margin-left:-.5rem}.sidebar .nav-item:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--primary-color);transition:width .3s ease;z-index:0}.sidebar .nav-item:hover:before{width:100%}.sidebar .nav-item:hover .nav-icon{stroke:#fff!important;color:#fff!important}.sidebar .nav-item:hover *,.sidebar .nav-item:hover{color:#fff!important}.sidebar .nav-item:hover:not(.nav-icon){color:#fff!important}.sidebar .nav-item:hover{color:#fff!important}.sidebar .nav-item .nav-text{color:inherit;transition:color .3s ease}.sidebar .nav-item:hover .nav-text{color:#fff!important}.nav-item.active{background-color:var(--primary-color);color:#fff;border-left-color:var(--primary-color)}.nav-item.active .nav-icon{stroke:#fff}.nav-item .nav-icon{width:18px;height:18px;stroke:var(--primary-color);transition:stroke .3s ease;position:relative;z-index:1}.nav-item>*{position:relative;z-index:1}.main-area{display:flex;flex-direction:column;width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);min-height:100vh;transition:all .3s ease}.main-area.sidebar-collapsed{width:calc(100% - 60px);margin-left:60px}.top-bar{height:var(--top-bar-height);background-color:#fff;border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end;align-items:center;padding:0 2rem;width:calc(100% - var(--sidebar-width));position:fixed;top:0;right:0;z-index:9998;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.top-bar-content{display:flex;align-items:center;gap:1rem;width:100%;justify-content:flex-end}.sidebar-collapsed .top-bar{width:calc(100% - 60px)}.user-profile{display:flex;align-items:center;gap:.75rem;font-size:1rem;cursor:pointer}.user-name{color:var(--text-color);font-weight:500}.logout-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:3px;transition:background-color .2s ease}.logout-btn:hover{background-color:#f8f9fa}.user-icon{width:20px;height:20px;color:var(--text-color)}.logout-icon{width:18px;height:18px;color:var(--text-color)}.page-icon{width:24px;height:24px;margin-right:8px;color:var(--primary-color);display:inline-block;vertical-align:middle}.stats-icon{width:16px;height:16px;margin-right:6px;color:var(--text-color-light);display:inline-block;vertical-align:middle}.card-icon{width:18px;height:18px;margin-right:8px;color:var(--primary-color);display:inline-block;vertical-align:middle}.tab-icon{width:16px;height:16px;margin-right:6px;display:inline-block;vertical-align:middle}.summary-icon{width:20px;height:20px;margin-right:8px;display:inline-block;vertical-align:middle}.btn-icon{width:16px;height:16px;margin-right:6px;display:inline-block;vertical-align:middle}.action-icon{width:14px;height:14px;margin-right:4px;display:inline-block;vertical-align:middle}.modal-icon{width:18px;height:18px;margin-right:6px;display:inline-block;vertical-align:middle}.loading-icon{width:16px;height:16px;margin-right:6px;display:inline-block;vertical-align:middle;animation:spin 1s linear infinite}.empty-icon{width:18px;height:18px;margin-right:6px;color:var(--text-color-light);display:inline-block;vertical-align:middle}.update-icon{width:14px;height:14px;margin-right:4px;color:var(--text-color-light);display:inline-block;vertical-align:middle}.status-icon{width:16px;height:16px;margin-right:4px;display:inline-block;vertical-align:middle}.main-content{flex-grow:1;padding:2rem;width:100%;margin-top:var(--top-bar-height)}.content-page{width:100%;text-align:left}.page-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color);width:100%}.page-title h1{font-size:1.75rem;font-weight:700;color:var(--text-color);margin:0;display:flex;align-items:center;gap:.75rem;text-align:left;flex:1}.page-title .page-icon{width:24px;height:24px;color:var(--primary-color);flex-shrink:0}.page-title .title-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.btn-insert{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:3px;cursor:pointer;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease;text-decoration:none}.btn-insert:hover{background-color:#083a6b;transform:translateY(-1px);box-shadow:0 4px 12px #0a4d8c4d}.btn-insert:active{transform:translateY(0);box-shadow:0 2px 6px #0a4d8c33}.btn-insert:disabled{background-color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.btn-insert .btn-icon{width:16px;height:16px;flex-shrink:0}.content-page h1{font-size:2rem;margin-bottom:1.5rem;color:var(--text-color)}.page-title,.page-title h1,.content-page .page-title,.content-page .page-title h1{text-align:left!important;justify-content:flex-start!important}@media (max-width: 768px){.page-title{flex-direction:column;align-items:flex-start;gap:1rem}.page-title .title-actions{width:100%;justify-content:flex-start}.page-title .title-actions>div{flex-direction:column;gap:.5rem;width:100%}}.records-table .record-actions .btn-action{width:28px;height:28px;padding:4px;background:none;border:none;color:#6c757d;transition:all .2s ease}.records-table .record-actions .btn-action:hover{background-color:#0000000d;color:#495057;transform:scale(1.1)}.records-table .record-actions .btn-action.btn-edit:hover{background-color:#1976d21a;color:#1976d2}.records-table .record-actions .btn-action.btn-delete:hover{background-color:#d32f2f1a;color:#d32f2f}.records-table .record-actions .btn-action svg{width:14px;height:14px}.records-table .record-info .vehicle-plate{font-size:13px;font-weight:600;color:#2c3e50}.records-table .record-info .vehicle-model{font-size:11px;color:#6c757d;margin-top:2px}.records-table td,.records-table th{padding:12px 8px;font-size:13px}.records-table .route-info{font-size:13px;line-height:1.3}.records-table .route-info .origin,.records-table .route-info .destination{font-weight:500}.records-table .route-info .arrow{margin:0 4px;color:#6c757d}.records-table .record-info div{font-size:12px;line-height:1.3}.records-table .record-info .driver-info{font-size:12px}.records-table .km-info,.records-table .freight-value,.records-table .expenses-info{font-size:12px;line-height:1.3}.records-table .km-info div,.records-table .expenses-info div{margin-bottom:2px}.records-table .total-expenses{font-weight:600;color:#2c3e50}.records-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-top:1rem}.records-list{display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.records-table{width:100%;border-collapse:collapse;font-size:14px;font-family:Inter,sans-serif}.records-table th{background-color:#f8f9fa;color:#495057;font-weight:600;padding:16px 12px;text-align:left;border-bottom:2px solid #dee2e6;font-size:14px;letter-spacing:.025em}.records-table td{padding:16px 12px;border-bottom:1px solid #e9ecef;vertical-align:middle;font-size:14px;color:#495057}.records-table tbody tr:hover{background-color:#f8f9fa;transition:background-color .2s ease}.record-card{background:#fff;border-radius:6px;padding:1rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;border:1px solid #e9ecef;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:1rem;align-items:center;min-height:60px}.record-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--primary-color)}.record-header{display:flex;align-items:center;gap:.75rem}.record-header h4{margin:0;color:#2c3e50;font-size:16px;font-weight:600;display:flex;align-items:center;gap:.5rem}.record-header .record-icon{width:20px;height:20px;color:var(--primary-color);flex-shrink:0}.record-info{font-size:14px;color:#6c757d;line-height:1.4}.record-info strong{color:#495057;font-weight:600}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;display:inline-flex;align-items:center;gap:4px}.status-badge.status-ativo{background-color:#d4edda;color:#155724}.status-badge.status-inativo{background-color:#f8d7da;color:#721c24}.status-badge.status-manutencao,.status-badge.status-agendada{background-color:#fff3cd;color:#856404}.status-badge.status-em-andamento{background-color:#cce5ff;color:#004085}.status-badge.status-concluida{background-color:#d4edda;color:#155724}.status-badge.status-cancelada{background-color:#f8d7da;color:#721c24}.status-badge.status-gerente{background-color:#e3f2fd;color:#1976d2}.status-badge.status-motorista{background-color:#f3e5f5;color:#7b1fa2}.status-badge.status-preventiva{background-color:#d4edda;color:#155724}.status-badge.status-corretiva{background-color:#f8d7da;color:#721c24}.record-actions{display:flex;gap:.5rem;align-items:center}.record-actions .btn-action{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6c757d;width:36px;height:36px}.record-actions .btn-action:hover{background-color:#f8f9fa;color:#495057;transform:scale(1.05)}.record-actions .btn-action.btn-edit:hover{background-color:#e3f2fd;color:#1976d2}.record-actions .btn-action.btn-delete:hover{background-color:#ffebee;color:#d32f2f}.record-actions .btn-action svg{width:16px;height:16px}.records-header{background:#f8f9fa!important;border:1px solid #e9ecef;font-weight:600;min-height:50px;padding:1rem;color:#495057}.records-header:hover{transform:none!important;box-shadow:none!important}.records-header .record-header h4{color:#495057;font-weight:600;font-size:14px}.records-header .record-info{color:#495057;font-weight:600;font-size:13px}@media (max-width: 1200px){.records-table .record-actions .btn-action{width:24px;height:24px;padding:2px}.records-table .record-actions .btn-action svg{width:12px;height:12px}.records-table td,.records-table th{padding:8px 6px;font-size:12px}.records-table .record-info .vehicle-plate{font-size:12px}.records-table .record-info .vehicle-model{font-size:10px}}@media (max-width: 768px){.records-table .record-actions .btn-action{width:20px;height:20px;padding:1px}.records-table .record-actions .btn-action svg{width:10px;height:10px}.records-table td,.records-table th{padding:6px 4px;font-size:11px}}.veiculos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.btn-primary{padding:12px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease}.btn-success{padding:12px 24px;background-color:#28a745;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease}.btn-success:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.btn-success:active{transform:translateY(0);box-shadow:0 2px 6px #28a74533}.btn-action{background:none;border:none;padding:8px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#64748b;width:36px;height:36px}.btn-action:hover{background-color:#f1f5f9;color:#475569;transform:scale(1.05)}.btn-action:active{transform:scale(.95)}.btn-delete{background-color:transparent;color:#ef4444;border:none}.btn-delete:hover{background-color:transparent;color:#dc2626}.btn-danger{padding:6px 12px;background-color:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;transition:background-color .2s ease}.btn-danger:hover{background-color:#c82333}.btn-info{padding:6px 12px;background-color:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;transition:background-color .2s ease}.btn-info:hover{background-color:#0056b3}.btn-secondary{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}button:focus,.btn:focus,.btn-insert:focus,.btn-primary:focus,.btn-secondary:focus,.btn-success:focus,.btn-warning:focus,.btn-danger:focus,.btn-info:focus{outline:none!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{outline:none!important;box-shadow:none!important}.nav-item:focus,.nav-link:focus,a:focus{outline:none!important;box-shadow:none!important}.action-button:focus,.btn-action:focus{outline:none!important;box-shadow:none!important}.modal-close:focus,.btn-close:focus{outline:none!important;box-shadow:none!important}.error-message{color:red;padding:10px;background-color:#ffe6e6;border-radius:3px;margin:10px 0}.caminhoes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:20px;width:100%}.caminhao-card{border:1px solid #ddd;padding:12px;border-radius:3px;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;margin-bottom:12px;min-height:180px}.caminhao-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.caminhao-titulo{margin:0;color:#333;font-size:16px;font-weight:600}.caminhao-acoes{display:flex;gap:10px;align-items:center}.status-badge{padding:1px 6px;border-radius:6px;color:#fff;font-size:12px;font-weight:700}.status-ativo{background-color:#28a745}.status-inativo{background-color:#dc3545}.status-manutencao{background-color:#ffc107;color:#212529}.caminhao-info{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%;font-size:14px}.caminhao-footer{margin-top:10px;font-size:12px;color:#666}.caminhao-footer span{margin-left:15px}.caminhao-footer span:first-child{margin-left:0}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:99999}.modal-content{background-color:#fff;padding:30px;border-radius:4px;width:95%;max-width:1000px;max-height:90vh;overflow:auto;margin:0 auto}.modal-title{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0;width:100%}.form-group{display:flex;flex-direction:column;margin-bottom:8px}.form-label{font-weight:700;margin-bottom:4px}.form-input{width:100%;padding:8px;margin-top:2px;border-radius:3px;border:1px solid #ddd;font-size:14px}.form-input:focus{outline:none;border-color:#007bff;box-shadow:none}.form-select{width:100%;padding:8px;margin-top:2px;border-radius:3px;border:1px solid #ddd;font-size:14px;background-color:#fff}.form-select:focus{outline:none;border-color:#007bff;box-shadow:none}.modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.btn-success:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.header-actions{display:flex;gap:1rem}.tabs-container{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.tab-button{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;font-size:1rem;font-weight:500;color:var(--text-color-light)}.tab-button:hover{color:var(--primary-color);background-color:#f8f9fa}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:#f8f9fa}.tab-content{min-height:400px}.resumo-container{display:flex;flex-direction:column;gap:2rem}.resumo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.resumo-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px #0000001a;text-align:center;border-left:4px solid;transition:transform .2s ease}.resumo-card:hover{transform:translateY(-2px)}.resumo-gastos{border-left-color:#dc3545}.resumo-receitas{border-left-color:#28a745}.resumo-saldo{border-left-color:#6c757d}.resumo-saldo.positivo{border-left-color:#28a745}.resumo-saldo.negativo{border-left-color:#dc3545}.resumo-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-color-light)}.resumo-card .valor{font-size:2rem;font-weight:700;color:var(--text-color)}.graficos-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.grafico-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.grafico-card h4{margin-bottom:1.5rem;color:var(--text-color);font-size:1.2rem}.grafico-barras{display:flex;flex-direction:column;gap:1rem}.barra-item{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:1rem}.barra-item .categoria{font-weight:500;color:var(--text-color);text-align:right}.barra{height:20px;background-color:#e9ecef;border-radius:4px;overflow:hidden;position:relative}.barra-preenchimento{height:100%;background:linear-gradient(90deg,#dc3545,#fd7e14);border-radius:4px;transition:width .5s ease}.barra-preenchimento.receita{background:linear-gradient(90deg,#28a745,#20c997)}.barra-item .valor{font-weight:700;color:var(--text-color);text-align:left}.filtros-container{display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000000f;flex-wrap:wrap}.filtro-item{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filtro-item label{font-weight:500;color:var(--text-color);font-size:.9rem}.filtro-item input,.filtro-item select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.filtros-compactos{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center;flex-wrap:wrap}.filtro-input,.filtro-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background:#fff;min-width:150px;transition:border-color .2s ease}.filtro-input:focus,.filtro-select:focus{outline:none;border-color:var(--primary-color);box-shadow:none}.filtro-input::placeholder{color:#999;font-size:.8rem}.lista-container{display:flex;flex-direction:column;gap:.25rem}.item-card{background:#fff;border-radius:3px;padding:.25rem;box-shadow:0 1px 2px #0000000f;transition:transform .2s ease,box-shadow .2s ease;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:.25rem;align-items:center;min-height:30px;border:1px solid #e9ecef}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.item-header{display:flex;flex-direction:column;gap:.25rem}.item-header h4{color:var(--text-color);font-size:.9rem;margin:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-acoes{display:flex;gap:.5rem}.item-info{display:contents}.item-info p{margin:0;font-size:.8rem;color:var(--text-color-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info strong{color:var(--text-color)}.header-row{background:#f8f9fa!important;border:1px solid #e9ecef;font-weight:600;min-height:35px;padding:.4rem .5rem}.header-row:hover{transform:none!important;box-shadow:0 2px 8px #0000001a!important}.header-row .item-header h4{color:var(--text-color);font-weight:600;font-size:.8rem}.header-row .item-info p{color:var(--text-color);font-weight:600;font-size:.75rem}.status-badge-compact{padding:1px 4px;border-radius:6px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.status-badge-compact.status-ativo{background-color:#d4edda;color:#155724}.status-badge-compact.status-inativo{background-color:#f8d7da;color:#721c24}.status-badge-compact.status-manutencao{background-color:#fff3cd;color:#856404}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem;align-items:stretch}.tabs-container{flex-direction:column;gap:0}.tab-button{border-bottom:none;border-right:3px solid transparent;text-align:left}.tab-button.active{border-bottom:none;border-right-color:var(--primary-color)}.resumo-cards,.graficos-container{grid-template-columns:1fr}.filtros-container{flex-direction:column}.filtro-item{min-width:auto}.filtros-compactos{flex-direction:column;gap:.5rem}.filtro-input,.filtro-select{min-width:auto;width:100%}.lista-container{flex-direction:column}.item-card{grid-template-columns:1fr;gap:.4rem;padding:.4rem;min-height:auto}.status-badge-compact{font-size:.55rem;padding:1px 3px}.header-row{display:none}.item-header{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.item-info{display:flex;flex-direction:column;gap:.25rem}.barra-item{grid-template-columns:1fr;gap:.5rem;text-align:center}.barra-item .categoria,.barra-item .valor{text-align:center}}.resumo-container{padding:1rem}.resumo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.resumo-card{background:#fff;border-radius:3px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;text-align:center;border-left:4px solid}.resumo-card h3{margin:0 0 .5rem;font-size:1.1rem;color:#a53e3e}.resumo-card .valor{font-size:2rem;font-weight:700;margin:0}.resumo-gastos{border-left-color:#e74c3c}.resumo-gastos .valor{color:#e74c3c}.resumo-receitas{border-left-color:#27ae60}.resumo-receitas .valor{color:#27ae60}.resumo-saldo{border-left-color:#3498db}.resumo-saldo.positivo .valor{color:#27ae60}.resumo-saldo.negativo .valor{color:#e74c3c}.graficos-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.grafico-card{background:#fff;border-radius:3px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.grafico-card h4{margin:0 0 1rem;color:#333;font-size:1.1rem}.grafico-barras{display:flex;flex-direction:column;gap:.75rem}.barra-item{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1rem;align-items:center}.barra-item .categoria{font-weight:500;color:#555;font-size:.9rem}.barra{height:20px;background:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}.barra-preenchimento{height:100%;background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:4px;transition:width .3s ease}.barra-preenchimento.receita{background:linear-gradient(90deg,#27ae60,#229954)}.barra-item .valor{font-weight:700;color:#333;text-align:right;font-size:.9rem}.sem-dados{text-align:center;color:#999;font-style:italic;padding:2rem;margin:0}.loading-indicator{text-align:center;padding:1rem;background:#f8f9fa;border-radius:3px;margin-bottom:1rem;color:#666}.info-text{font-size:.8rem;color:#666;margin:.5rem 0 0;font-weight:400}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa;font-family:Arial,sans-serif}.loading-screen-content{text-align:center}.loading-screen-spinner{width:50px;height:50px;border:4px solid #f1f5f9;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-screen-text{color:#64748b;font-size:16px;margin:0}.usuarios-container{padding:24px;max-width:1200px;margin:0 auto;text-align:left}.usuarios-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:24px;padding-bottom:16px}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:3px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary:hover{background-color:#083a6b!important;transform:translateY(-1px);box-shadow:0 4px 12px #0a4d8c4d}.btn-secondary{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;padding:12px 24px;border-radius:3px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#edf2f7}.btn-icon{background:none;border:none;color:#718096;cursor:pointer;padding:8px;border-radius:3px;transition:all .2s ease}.btn-icon:hover{background:#f7fafc;color:#4a5568}.usuarios-table-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.usuarios-table{width:100%;border-collapse:collapse}.usuarios-table th{background:#f8f9fa;color:#4a5568;font-weight:600;padding:16px;text-align:left;border-bottom:1px solid #e2e8f0}.usuarios-table td{padding:16px;border-bottom:1px solid #f1f5f9}.usuarios-table tr:hover{background:#f8f9fa}.nivel-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.nivel-badge.gerente{background:#e6fffa;color:#234e52}.nivel-badge.motorista{background:#fef5e7;color:#744210}.status-badge{padding:1px 6px;border-radius:6px;font-size:12px;font-weight:600}.status-badge.ativo{background:#f0fff4;color:#22543d}.status-badge.inativo{background:#fed7d7;color:#742a2a}.action-buttons{display:flex;gap:8px}.loading{text-align:center;padding:40px;color:#718096;font-size:16px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.modal-content{background:#fff!important;border-radius:6px!important;width:95%!important;max-width:1000px!important;max-height:90vh!important;overflow:hidden!important;box-shadow:0 8px 20px #00000026!important;position:relative!important;display:flex!important;flex-direction:column!important}.modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 16px!important;border-bottom:1px solid #e2e8f0!important;flex-shrink:0!important}.modal-header h2{margin:0!important;color:#2d3748!important;font-size:16px!important;font-weight:600!important}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:32px;height:32px;z-index:10;position:relative}.modal-close:hover{background-color:#f3f4f6;color:#374151}.btn-close{background:none;border:none;font-size:24px;color:#718096;cursor:pointer;padding:4px;border-radius:3px;transition:all .2s ease;z-index:10;position:relative}.btn-close:hover{background:#f7fafc;color:#4a5568}.modal-form{padding:6px 8px!important}.modal-body{flex:1!important;overflow-y:auto!important;padding:16px!important}.form-group{display:flex;gap:1px}.form-group label{display:block;margin-bottom:8px;color:#4a5568;font-weight:600;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:3px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:none}.error-message{background:#fed7d7;color:#742a2a;padding:12px;border-radius:3px;margin-bottom:16px;font-size:14px}.success-message{background:#f0fff4;color:#22543d;padding:12px;border-radius:3px;margin-bottom:16px;font-size:14px}.modal-actions{display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:12px 16px!important;border-top:1px solid #e2e8f0!important;background:#fff!important;flex-shrink:0!important}@media (max-width: 768px){.usuarios-header{flex-direction:column;gap:16px;align-items:stretch}.usuarios-table-container{overflow-x:auto}.modal-content{width:95%;margin:5px;max-width:400px;max-height:80vh}.modal-actions{flex-direction:column}.form-grid{grid-template-columns:1fr;gap:12px}.form-group{margin-bottom:12px}.form-input,.form-select{padding:12px;font-size:16px}.btn-primary,.btn-secondary,.btn-success{padding:14px 20px;font-size:16px;min-height:48px}}@media (max-width: 480px){.modal-content{width:98%;margin:2px;max-width:none;max-height:95vh}.modal-header{padding:8px 12px!important}.modal-header h2{font-size:14px!important}.modal-body{padding:12px!important}.modal-actions{padding:8px 12px!important;gap:8px!important}.form-input,.form-select{padding:14px;font-size:16px}.btn-primary,.btn-secondary,.btn-success{padding:16px 20px;font-size:16px;min-height:52px}.usuarios-table-container{margin:0 -10px;border-radius:0}.usuarios-table th,.usuarios-table td{padding:8px 4px;font-size:12px}}@media (hover: none) and (pointer: coarse){.btn-primary,.btn-secondary,.btn-success,.btn-insert{min-height:48px;padding:12px 20px}.form-input,.form-select{min-height:48px;padding:12px}.modal-close,.btn-close,.action-button{min-width:44px;min-height:44px}.nav-item{min-height:48px;padding:12px 8px}.logout-btn,.sidebar-toggle,.record-actions .btn-action,.btn-action{min-width:44px;min-height:44px;padding:12px}.data-table-wrapper,.main-content{-webkit-overflow-scrolling:touch}}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:10001;background:#fff;border:1px solid var(--border-color);border-radius:6px;padding:.5rem;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.mobile-menu-toggle:hover{background:#f8f9fa}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:9998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-close-btn{display:none;background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease}.mobile-close-btn:hover{background-color:#f8f9fa80}@media (max-width: 768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.mobile-menu-overlay{display:block}.mobile-close-btn{display:flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;transform:translate(-100%);transition:transform .3s ease;z-index:10000;box-shadow:2px 0 10px #0000001a;border-right:1px solid var(--border-color);padding:1rem .75rem}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px;transform:translate(-100%)}.sidebar.collapsed.mobile-open{transform:translate(0)}.sidebar-header{justify-content:space-between;margin-bottom:1rem;padding:0 .5rem}.sidebar-toggle{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{padding:.75rem 1rem;text-align:left;border-left:4px solid var(--primary-color);border-bottom:none;border-radius:4px;margin-bottom:.25rem;min-width:auto;max-width:none}.nav-item.active{border-left-color:var(--primary-color);border-bottom:none}.nav-item .nav-text{display:block;font-size:.9rem;margin-top:0}.nav-item .nav-icon{width:18px;height:18px}.main-area{width:100%;margin-left:0}.top-bar{width:100%;position:fixed;top:0;right:0;z-index:9998;padding:0 1rem 0 4rem}.main-content{margin-top:var(--top-bar-height);padding:1rem}.page-title{flex-direction:column;align-items:flex-start;gap:1rem}.page-title .title-actions{width:100%;justify-content:flex-start}.user-name{display:none}}@media (max-width: 480px){.mobile-menu-toggle{top:.5rem;left:.5rem;padding:.4rem}.sidebar{width:260px;padding:.75rem .5rem}.nav-item{padding:.625rem .75rem}.nav-item .nav-text{font-size:.85rem}.nav-item .nav-icon{width:16px;height:16px}.main-content{padding:.75rem}.top-bar{padding:0 .75rem 0 3.5rem}.user-profile{gap:.5rem}.logo-icon{width:120px}}.viagens-resumo{margin:30px 0;padding:20px;background-color:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.viagens-resumo h3{margin:0 0 20px;color:#2c3e50;font-size:1.4rem;font-weight:600;text-align:center}.viagens-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.viagem-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;border:1px solid #e9ecef}.viagem-card h4{margin:0 0 15px;color:#495057;font-size:1rem;font-weight:500}.viagem-card .valor{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:10px 0}.viagem-card .info-text{color:#6c757d;font-size:.9rem;margin:5px 0 0}@media (max-width: 768px){.viagens-cards{grid-template-columns:1fr;gap:15px}.viagem-card{padding:15px}.viagem-card .valor{font-size:1.5rem}}.content-page{overflow-x:hidden;max-width:100%;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.dashboard-title h1{font-size:2.5rem;font-weight:800;color:#1a202c;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-title p{color:#718096;font-size:1.1rem;margin:0;font-weight:500}.dashboard-date{display:flex;align-items:center;gap:.375rem;color:#718096;font-weight:500;background:#f7fafc;padding:.5rem .75rem;border-radius:4px;border:1px solid #e2e8f0;font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;max-width:100%;overflow-x:hidden}.stat-card{background:#fff;border-radius:4px;padding:.75rem;box-shadow:0 1px 4px #0000000a;border:1px solid #f1f5f9;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;max-width:100%;box-sizing:border-box}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.stat-icon{width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 1px 4px #00000014}.stat-icon[data-color]{background-color:var(--stat-icon-color)}.stat-icon[data-color="#3B82F6"]{background-color:#3b82f6}.stat-icon[data-color="#10B981"]{background-color:#10b981}.stat-icon[data-color="#F59E0B"]{background-color:#f59e0b}.stat-icon[data-color="#EF4444"]{background-color:#ef4444}.stat-trend{background:#f0f9ff;color:#0369a1;padding:.2rem .6rem;border-radius:10px;font-size:.7rem;font-weight:600;border:1px solid #bae6fd}.stat-content{margin-bottom:.5rem}.stat-title{font-size:.75rem;color:#64748b;font-weight:600;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.2rem;font-weight:800;color:#1e293b;margin:0 0 .25rem;line-height:1}.stat-subtitle{font-size:.75rem;color:#64748b;margin:0;font-weight:500}.stat-card-footer{display:flex;justify-content:flex-end}.stat-indicator{width:8px;height:8px;border-radius:50%;opacity:.6}.stat-indicator[data-color]{background-color:var(--stat-indicator-color)}.stat-indicator[data-color="#3B82F6"]{background-color:#3b82f6}.stat-indicator[data-color="#10B981"]{background-color:#10b981}.stat-indicator[data-color="#F59E0B"]{background-color:#f59e0b}.stat-indicator[data-color="#EF4444"]{background-color:#ef4444}.secondary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem;max-width:100%;overflow-x:hidden}.secondary-card{background:#fff;border-radius:4px;padding:.75rem;box-shadow:0 1px 4px #0000000a;border:1px solid #f1f5f9;transition:all .3s ease}.fuel-card{padding:.6rem}.secondary-card:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0000001a}.card-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:1px solid #f1f5f9}.fuel-card .card-header{margin-bottom:.4rem;padding-bottom:.3rem}.card-header h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.card-header svg{color:#64748b}.maintenance-card .card-header svg{color:#f59e0b}.maintenance-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.maintenance-item{display:flex;flex-direction:column;gap:.25rem}.maintenance-label{font-size:.8rem;color:#64748b;font-weight:500}.maintenance-value{font-size:1.5rem;font-weight:700;color:#1e293b}.maintenance-progress{display:flex;flex-direction:column;gap:.5rem}.progress-bar{width:100%;height:8px;background:#f1f5f9;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .5s ease}.progress-fill{width:var(--progress-width, 0%)}.progress-text{font-size:.8rem;color:#64748b;font-weight:500;text-align:center}.fuel-card .card-header svg{color:#ef4444}.fuel-filter{margin-bottom:.75rem}.fuel-filter .caminhao-select{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.9rem;background:#fff;color:#1e293b;cursor:pointer;transition:border-color .2s}.fuel-filter .caminhao-select:hover{border-color:#cbd5e1}.fuel-filter .caminhao-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.fuel-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:0}@media (max-width: 768px){.fuel-stats{grid-template-columns:1fr}}.fuel-item{display:flex;flex-direction:column;gap:.25rem}.fuel-label{font-size:.8rem;color:#64748b;font-weight:500}.fuel-value{font-size:1.1rem;font-weight:700;color:#1e293b}.fuel-empty-message{text-align:center;padding:1rem;color:#64748b;font-size:.9rem}.fuel-trend{display:flex;align-items:center;gap:.5rem;background:#f0fdf4;color:#166534;padding:.5rem .75rem;border-radius:5px;font-size:.8rem;font-weight:600;border:1px solid #bbf7d0}.trips-card .card-header svg{color:#3b82f6}.trips-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.trips-item{display:flex;flex-direction:column;gap:.25rem}.trips-label{font-size:.8rem;color:#64748b;font-weight:500}.trips-value{font-size:1.5rem;font-weight:700;color:#1e293b}.trips-map{display:flex;justify-content:center}.map-indicator{display:flex;align-items:center;gap:.5rem;background:#eff6ff;color:#1e40af;padding:.5rem .75rem;border-radius:5px;font-size:.8rem;font-weight:600;border:1px solid #bfdbfe}.map-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.map-dot.active{background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.alerts-section{margin-top:2rem}.alerts-section h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;max-width:100%;overflow-x:hidden}.alert-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:5px;border-left:4px solid;transition:all .3s ease}.alert-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.alert-high{background:#fef2f2;border-left-color:#ef4444;color:#991b1b}.alert-medium{background:#fffbeb;border-left-color:#f59e0b;color:#92400e}.alert-low{background:#f0fdf4;border-left-color:#10b981;color:#166534}.alert-icon{flex-shrink:0;margin-top:.25rem}.alert-content{flex:1}.alert-type{font-size:.9rem;font-weight:700;display:block;margin-bottom:.25rem}.alert-message{font-size:.85rem;margin:0;line-height:1.4;opacity:.9}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid #f1f5f9;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#64748b;font-weight:500;margin:0}.chart-section{margin-top:2rem;background:#fff;border-radius:4px;padding:1.5rem;box-shadow:0 1px 1px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0}.chart-section-header{margin-bottom:1rem}.chart-section h2{font-size:1rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.chart-container{background:#f8fafc;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0}.chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151}.legend-color{width:16px;height:16px;border-radius:4px}.receitas-color{background:linear-gradient(45deg,#10b981,#34d399)}.gastos-color{background:linear-gradient(45deg,#ef4444,#f87171)}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch;margin-bottom:1.5rem}.dashboard-title h1{font-size:2rem;text-align:center}.dashboard-date{justify-content:center;font-size:.8rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.secondary-stats-grid,.alerts-grid,.maintenance-stats,.fuel-stats,.trips-stats{grid-template-columns:1fr;gap:.75rem}.chart-section{padding:1rem;margin-top:1.5rem}.chart-container{padding:1rem}.stat-card,.secondary-card{padding:.75rem}.stat-title{font-size:.7rem}.stat-value{font-size:1.1rem}.stat-subtitle{font-size:.7rem}.card-header h3{font-size:.9rem}.maintenance-value,.fuel-value,.trips-value{font-size:1.3rem}.maintenance-label,.fuel-label,.trips-label{font-size:.75rem}}@media (max-width: 480px){.dashboard-header{margin-bottom:1rem}.dashboard-title h1{font-size:1.6rem}.dashboard-title p{font-size:.9rem}.stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-card{padding:.5rem}.stat-title{font-size:.65rem}.stat-value{font-size:1rem}.stat-subtitle{font-size:.65rem}.secondary-card{padding:.5rem}.card-header h3{font-size:.8rem}.maintenance-value,.fuel-value,.trips-value{font-size:1.1rem}.maintenance-label,.fuel-label,.trips-label{font-size:.7rem}.alert-card{flex-direction:column;gap:.5rem;padding:.75rem}.alert-type,.alert-message{font-size:.8rem}.chart-section,.chart-container{padding:.75rem}.chart-section h2{font-size:.9rem}.legend-item{font-size:.8rem}.legend-color{width:12px;height:12px}}.caminhao-financeiro-card{margin-top:2rem;margin-bottom:2rem}.caminhao-financeiro-card .card-header svg{color:#3b82f6}.caminhao-filter{margin-bottom:1.5rem}.caminhao-filter label{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.375rem}.caminhao-select{width:100%;max-width:200px;padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;color:#1e293b;background:#fff;cursor:pointer;transition:all .2s ease}.caminhao-select:hover{border-color:#3b82f6}.caminhao-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.caminhao-financeiro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.caminhao-stat-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.caminhao-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.caminhao-stat-item.saldo{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.caminhao-stat-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#64748b}.caminhao-stat-label svg{color:#64748b}.custom-tooltip{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;padding:12px}.custom-tooltip-label{margin:0 0 8px;font-weight:600}.custom-tooltip-item{margin:4px 0}.fuel-value-consumo{color:#ef4444}.caminhao-stat-value{font-size:1.5rem;font-weight:800;color:#1e293b;line-height:1.2}.caminhao-stat-value.receita{color:#10b981}.caminhao-stat-value.gasto{color:#ef4444}.caminhao-stat-value.positivo{color:#10b981}.caminhao-stat-value.negativo{color:#ef4444}.caminhao-empty-message{text-align:center;padding:2rem;color:#64748b;font-size:.875rem}.caminhao-empty-message p{margin:0}@media (max-width: 768px){.caminhao-financeiro-stats{grid-template-columns:1fr;gap:.75rem}.caminhao-stat-item{padding:.75rem}.caminhao-stat-value{font-size:1.3rem}}@media (max-width: 480px){.caminhao-stat-value{font-size:1.1rem}.caminhao-stat-label{font-size:.8rem}}.data-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;margin:20px 0}.data-table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px}.data-table-header{background-color:#f8f9fa;color:#495057;font-weight:600;padding:15px 12px;text-align:left;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:10;white-space:nowrap}.data-table-header.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.data-table-header.sortable:hover{background-color:#e9ecef}.header-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.header-content.align-right{justify-content:flex-end}.header-content.align-center{justify-content:center}.sort-indicators{display:flex;flex-direction:column;gap:1px}.sort-arrow{font-size:10px;color:#6c757d;line-height:1;transition:color .2s ease}.sort-arrow.active{color:#007bff}.data-table-cell{padding:12px;border-bottom:1px solid #dee2e6;vertical-align:top;word-wrap:break-word}.data-table-row{transition:background-color .2s ease}.data-table-row:hover{background-color:#f8f9fa}.data-table-row.clickable{cursor:pointer}.data-table-row.selected{background-color:#e3f2fd}.data-table-row.selected:hover{background-color:#bbdefb}.data-table-actions{display:flex;gap:4px;align-items:center;justify-content:center}.action-button{padding:6px 8px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:12px;min-width:32px;height:32px}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.primary{background-color:#007bff;color:#fff}.action-button.primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.action-button.secondary{background-color:#6c757d;color:#fff}.action-button.secondary:hover:not(:disabled){background-color:#545b62;transform:translateY(-1px)}.action-button.success{background-color:#28a745;color:#fff}.action-button.success:hover:not(:disabled){background-color:#1e7e34;transform:translateY(-1px)}.action-button.warning{background-color:transparent;color:#ffc107;border:none}.action-button.warning:hover:not(:disabled){background-color:transparent;color:#e0a800;transform:translateY(-1px)}.action-button.danger{background-color:transparent;color:#dc3545;border:none}.action-button.danger:hover:not(:disabled){background-color:transparent;color:#c82333;transform:translateY(-1px)}.action-button.info{background-color:transparent;color:#dc3545;border:none}.action-button.info:hover:not(:disabled){background-color:transparent;color:#c82333;transform:translateY(-1px)}.data-table-checkbox{width:16px;height:16px;cursor:pointer}.select-column{width:50px;text-align:center}.actions-column{width:120px;text-align:center}.data-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6c757d;gap:16px}.empty-icon{font-size:48px;opacity:.5}@media (max-width: 768px){.data-table-container{margin:10px 0;border-radius:4px}.data-table{min-width:500px}.data-table-header,.data-table-cell{padding:8px 6px;font-size:12px}.action-button{min-width:28px;height:28px;padding:4px 6px}.data-table-actions{gap:2px}.header-content{flex-direction:column;gap:4px}.sort-indicators{align-self:flex-end}}@media (max-width: 480px){.data-table{min-width:400px}.data-table-header,.data-table-cell{padding:6px 4px;font-size:11px}.action-button{min-width:24px;height:24px;padding:2px 4px;font-size:10px}.data-table-actions{gap:1px}.status-badge{font-size:9px;padding:2px 4px}.currency-value{font-size:11px}.date-value{font-size:10px}.route-info{flex-direction:column;gap:2px;align-items:flex-start}.origin,.destination,.arrow{font-size:10px}}@media (hover: none) and (pointer: coarse){.action-button{min-width:44px;height:44px;padding:8px}.data-table-header.sortable,.data-table-cell{padding:16px 12px}.nav-item{padding:12px 8px;min-height:48px}}.data-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.data-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.data-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.data-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.status-badge.ativo,.status-badge.active{background-color:#28a745}.status-badge.inativo,.status-badge.inactive{background-color:#6c757d}.status-badge.pendente,.status-badge.pending{background-color:#ffc107;color:#212529}.status-badge.cancelado,.status-badge.cancelled{background-color:#dc3545}.currency-value{font-weight:600;color:#28a745}.currency-value.negative{color:#dc3545}.date-value{font-size:12px;color:#6c757d}.resumo-title{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem;font-weight:700}.form-input-disabled{background-color:#f8f9fa;color:#6c757d}.form-help-text{font-size:12px;display:block;margin-top:4px}.form-help-success{color:#28a745}.form-help-warning{color:#ffc107}.form-help-info{color:#17a2b8}.barra-preenchimento{width:var(--barra-width, 0%)}.resumo-cards{margin-bottom:.5rem}.resumo-container{padding:0 1rem}.resumo-container .filtros-compactos{margin-top:0;margin-bottom:0;padding:0}.viagens-resumo{margin-top:0rem}.viagens-resumo h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#1e293b}.radio-group{display:flex;gap:1rem;align-items:center}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--text-color)}.radio-label input[type=radio]{cursor:pointer;accent-color:var(--primary-color)}.nivel-badge{display:inline-block;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.nivel-badge.gerente{background-color:#dc2626;color:#fff}.nivel-badge.motorista{background-color:#059669;color:#fff}.status-badge{display:inline-block;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.ativo{background-color:#059669;color:#fff}.status-badge.inativo{background-color:#6b7280;color:#fff}.form-group select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:5px;font-size:14px;background-color:#fff;transition:border-color .2s}.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:none}.usuarios-table th,.usuarios-table td{padding:12px 8px;text-align:left;border-bottom:1px solid #e5e7eb}.usuarios-table th{background-color:#f9fafb;font-weight:600;color:#374151}.action-buttons{display:flex;gap:8px;align-items:center}.btn-action{padding:6px 8px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-edit{background-color:transparent;color:#3b82f6;border:none}.btn-edit:hover{background-color:transparent;color:#1d4ed8}.btn-icon{background-color:#6b7280;color:#fff}.btn-icon:hover{background-color:#4b5563}.usuarios-container .modal-content{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#fff!important;border-radius:10px!important;width:98%!important;max-width:1000px!important;max-height:95vh!important;display:flex!important;flex-direction:column!important;box-shadow:0 20px 40px #00000026!important;z-index:99999!important;margin:0!important;padding:0!important}.usuarios-container .modal-overlay{display:none!important}.usuarios-container:before,.usuarios-container:after{display:none!important}.usuarios-container .modal-overlay{display:none!important;background:transparent!important}.usuarios-container .modal-content{background:#fff!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;overflow:hidden!important}.usuarios-container{overflow:visible!important}.usuarios-container.modal-open,body.modal-open{overflow:hidden!important}.usuarios-container .modal-form{flex:1;overflow-y:auto;padding:16px;max-height:calc(95vh - 120px);scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.usuarios-container .modal-form::-webkit-scrollbar{width:8px}.usuarios-container .modal-form::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.usuarios-container .modal-form::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.usuarios-container .modal-form::-webkit-scrollbar-thumb:hover{background:#a0aec0}.usuarios-container .modal-actions{flex-shrink:0;padding:12px 16px;border-top:1px solid #e2e8f0;background-color:#f9fafb;border-radius:0 0 10px 10px}.usuarios-container .form-group{margin-bottom:20px}.usuarios-container .form-group:last-child{margin-bottom:0}@media (max-height: 700px){.usuarios-container .modal-content{max-height:98vh}.usuarios-container .modal-form{max-height:calc(98vh - 100px)}}.message-close-btn{margin-left:10px;background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:1.2rem;line-height:1}.message-close-btn:hover{opacity:.7}.funcionarios-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.funcionarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.funcionario-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);transition:all .3s ease}.funcionario-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.funcionario-card-small{background:#fff;border-radius:6px;padding:.5rem;box-shadow:0 1px 4px #0000000f;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column;gap:.375rem}.funcionario-card-small:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.funcionario-header-small{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.funcionario-avatar{width:40px;height:40px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.funcionario-info-small h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0;line-height:1.2}.funcionario-email{color:var(--text-color-light);font-size:.8rem;margin:0;line-height:1.2}.funcionario-details-small{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--text-color-light)}.funcionario-details-small span{display:flex;align-items:center;gap:.25rem}.funcionario-salary-section{background:#f8f9fa;border-radius:4px;padding:.375rem;border:1px solid #e9ecef}.salary-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.salary-input-group{display:flex;gap:.5rem;align-items:center}.salary-input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#fff}.salary-input:focus{outline:none;border-color:var(--primary-color);box-shadow:none}.btn-save-salary{background:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.5rem .75rem;cursor:pointer;font-size:.9rem;transition:all .2s ease;min-width:auto;height:40px;display:flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap}.btn-save-salary:hover:not(:disabled){background:#667eea}.btn-save-salary:disabled{background:#6c757d;cursor:not-allowed}.funcionario-status-small{display:flex;justify-content:center;margin-top:.5rem}.status-badge{background:#28a745;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.funcionario-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.funcionario-info h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.funcionario-detalhes{display:flex;flex-wrap:wrap;gap:1rem;color:var(--text-color-light);font-size:.9rem}.funcionario-detalhes span{display:flex;align-items:center;gap:.25rem}.funcionario-acoes{display:flex;gap:.5rem}.funcionario-status{display:flex;gap:1rem;margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-color)}.status-item svg{color:#28a745}.atribuicoes-container{display:flex;flex-direction:column;gap:.75rem}.atribuicoes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.atribuicoes-header-actions{display:flex;align-items:center;gap:.5rem}.atribuicoes-header h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0}.atribuicoes-count{background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.atribuicoes-list{display:flex;flex-direction:column;gap:.75rem}.atribuicao-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-radius:8px;padding:1rem;border:1px solid #e9ecef;transition:all .2s ease}.atribuicao-item:hover{background:#e9ecef;border-color:var(--primary-color)}.atribuicao-info{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.atribuicao-caminhao,.atribuicao-salario,.atribuicao-data{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-color)}.atribuicao-caminhao{font-weight:600;color:var(--primary-color)}.atribuicao-salario{font-weight:600;color:#28a745}.atribuicao-data{color:var(--text-color-light)}.atribuicao-acoes{display:flex;gap:.5rem}.sem-atribuicoes{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-color-light);background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.sem-atribuicoes svg{margin-bottom:.5rem;opacity:.5}.filtros-container{display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;border:1px solid var(--border-color)}.filtro-item{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.filtro-item label{font-weight:500;color:var(--text-color);font-size:.8rem}.filtro-item input,.filtro-item select{padding:.4rem;border:1px solid var(--border-color);border-radius:4px;font-size:.85rem;transition:border-color .2s ease}.filtro-item input:focus,.filtro-item select:focus{outline:none;border-color:var(--primary-color);box-shadow:none}.btn-success{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-success:hover{background:#218838;transform:translateY(-1px)}.btn-success:disabled{background:#6c757d;cursor:not-allowed;transform:none;opacity:.6}.btn-action{background:none;border:none;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-edit{background-color:transparent;color:#007bff;border:none}.btn-edit:hover{background:transparent;color:#0056b3}.btn-delete:hover{background:transparent;color:#c82333}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999}.modal-content{background:#fff;border-radius:12px;width:95%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;color:var(--text-color);font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color-light);padding:.25rem;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f8f9fa;color:var(--text-color)}.modal-body{padding:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem;border-top:1px solid var(--border-color);background:#f8f9fa;border-radius:0 0 12px 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-color);font-size:.9rem}.form-input,.form-select{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;transition:all .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:none}.form-input:disabled,.form-select:disabled{background:#f8f9fa;color:var(--text-color-light);cursor:not-allowed}@media (max-width: 768px){.funcionario-header{flex-direction:column;gap:1rem}.funcionario-acoes{width:100%;justify-content:flex-start}.atribuicao-item{flex-direction:column;gap:1rem;align-items:flex-start}.atribuicao-info{width:100%;flex-direction:column;gap:.5rem}.atribuicao-acoes{width:100%;justify-content:flex-end}.filtros-container{flex-direction:column}.filtro-item{min-width:auto}.form-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:1rem}}.atribuicoes-container{margin-top:1rem}.atribuicao-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s ease}.atribuicao-item:hover{background:#e9ecef;border-color:#dee2e6}.atribuicao-info{flex:1}.atribuicao-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.caminhao-info{font-weight:600;color:var(--text-color);font-size:1rem}.atribuicao-detalhes{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.detalhe-item{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:var(--text-color-light)}.detalhe-item svg{color:var(--primary-color)}.atribuicao-actions{display:flex;gap:.5rem;align-items:flex-start}.btn-edit{background:transparent;color:#1976d2;border:none;border-radius:4px;padding:.5rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.btn-edit:hover{background:transparent;color:#1565c0}.btn-delete{background:transparent;color:#c62828;border:none;border-radius:4px;padding:.5rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.btn-delete:hover{background:transparent;color:#b71c1c}.sem-atribuicoes{text-align:center;padding:2rem;color:var(--text-color-light);background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:1rem}.sem-atribuicoes svg{color:#6c757d}.btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-primary.btn-sm{background:var(--primary-color);color:#fff}.btn-primary.btn-sm:hover{background:var(--primary-color-dark)}.form-group-with-button{display:flex;gap:.5rem;align-items:center}.form-group-with-button .form-select{flex:1}.btn-refresh{background:#e3f2fd;color:#1976d2;border:none;border-radius:4px;padding:.5rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.btn-refresh:hover{background:#bbdefb}.btn-danger{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;margin-right:.5rem}.btn-danger:hover{background:#c82333}.btn-danger:disabled{background:#6c757d;cursor:not-allowed}@media (max-width: 768px){.atribuicao-item{flex-direction:column;gap:1rem}.atribuicao-actions{align-self:stretch;justify-content:center}.atribuicao-detalhes{flex-direction:column;gap:.5rem}.form-group-with-button{flex-direction:column;align-items:stretch}.btn-refresh{align-self:flex-end;width:auto}}.loading-placeholder,.empty-table-cell{text-align:center;padding:20px}.valor-total-section{margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.valor-total-display{display:flex;align-items:center;gap:1rem}.valor-total-display label{font-weight:600;color:var(--text-color);margin:0}.valor-total-value{font-size:1.25rem;font-weight:700;color:var(--primary-color);background:#fff;padding:.5rem 1rem;border-radius:4px;border:2px solid var(--primary-color);min-width:120px;text-align:center}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:.5rem}}.itens-section{margin-top:.5rem;padding:.5rem;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.itens-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.itens-header h3{margin:0;color:var(--text-color);font-size:1.1rem}.item-row{background:#fff;padding:.5rem;border-radius:3px;border:1px solid #e9ecef;margin-bottom:.5rem}.item-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:.5rem;align-items:end;margin-bottom:.25rem}.valor-total{text-align:right;padding:.5rem;background:#e3f2fd;border-radius:3px;border:1px solid #bbdefb;font-size:.9rem;color:#1976d2}.readonly{background-color:#f5f5f5;color:#666;cursor:not-allowed}.status-badge-compact.preventiva{background-color:transparent;color:#2e7d32;padding:0;font-size:.8rem;font-weight:500;display:inline-block;white-space:nowrap}.status-badge-compact.corretiva{background-color:transparent;color:#c62828;padding:0;font-size:.8rem;font-weight:500;display:inline-block;white-space:nowrap}.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.25rem}.modal-content{max-width:1000px!important;max-height:90vh!important;overflow:hidden!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;display:flex!important;flex-direction:column!important}.modal-form{flex:1;overflow-y:auto;padding:.25rem .5rem!important}.modal-header{padding:.25rem .5rem!important;border-bottom:1px solid #e2e8f0!important;flex-shrink:0!important;background:#fff!important}.modal-actions{padding:.25rem .5rem!important;border-top:1px solid #e2e8f0!important;flex-shrink:0!important;background:#fff!important}.status-badge.status-preventiva{display:inline-block!important;padding:4px 8px!important;border-radius:12px!important;background-color:#d4edda!important;color:#155724!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.5px!important}.status-badge.status-corretiva{display:inline-block!important;padding:4px 8px!important;border-radius:12px!important;background-color:#f8d7da!important;color:#721c24!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.5px!important}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form-input,.form-select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:5px;font-size:14px;background-color:#fff;transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0a4d8c1a}.form-input:disabled,.form-select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:5px;font-size:14px;background-color:#fff;transition:border-color .2s;font-family:inherit;resize:vertical}.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0a4d8c1a}@media (max-width: 768px){.item-grid{grid-template-columns:1fr;gap:.5rem}.itens-header{flex-direction:column;align-items:stretch;gap:.5rem}.itens-header h3{text-align:center}}.viagens-container{padding:20px;max-width:1400px;margin:0 auto;text-align:left}.loading-message,.error-message-centered{padding:20px;text-align:center}.record-info-row{display:flex;align-items:center;gap:4px}.record-info-row-margin{margin-top:4px}.record-info-cpf{font-size:12px;color:#6c757d;margin-top:2px}.table-header-bg,.form-input-readonly{background-color:#f8f9fa;font-weight:700}.viagens-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:30px;padding-bottom:20px}.btn{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#083a6b;transform:translateY(-1px);box-shadow:0 4px 12px #0a4d8c4d}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px #0a4d8c33}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-edit{background-color:transparent;color:#ffc107;border:none;margin-right:8px}.btn-edit:hover{background-color:transparent;color:#e0a800}.btn-delete{background-color:transparent;color:#dc3545;border:none}.btn-delete:hover{background-color:transparent;color:#c82333}.btn-sm{padding:6px 12px;font-size:12px}.viagens-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.viagens-table{width:100%;border-collapse:collapse;font-size:14px}.viagens-table th{background-color:#f8f9fa;color:#495057;font-weight:600;padding:15px 12px;text-align:left;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:10}.viagens-table td{padding:12px;border-bottom:1px solid #dee2e6;vertical-align:top}.viagens-table tbody tr:hover{background-color:#f8f9fa}.route-info{display:flex;align-items:center;gap:8px;font-weight:500}.origin{color:#28a745}.arrow{color:#6c757d;font-weight:700}.destination{color:#dc3545}.date-info,.vehicle-info{font-size:12px;line-height:1.4}.vehicle-model{color:#6c757d;font-size:11px}.driver-info{font-size:12px;line-height:1.4}.cnh{color:#6c757d;font-size:11px}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;color:#fff;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.km-info{font-size:12px;line-height:1.4}.total-km{font-weight:600;color:#007bff}.freight-value{font-weight:600;color:#28a745;font-size:13px}.expenses-info{font-size:11px;line-height:1.3}.total-expenses{font-weight:600;color:#dc3545;font-size:12px;margin-top:2px}.action-buttons{display:flex;gap:4px}.loading{text-align:center;padding:50px;font-size:18px;color:#6c757d}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:99999;padding:20px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #dee2e6;flex-shrink:0;background:#fff;border-radius:8px 8px 0 0}.modal-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.btn-close:hover{background-color:#f8f9fa;color:#dc3545}.viagem-form{padding:12px 16px;flex:1;overflow-y:auto;max-height:calc(90vh - 80px)}.viagem-form::-webkit-scrollbar{width:6px}.viagem-form::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.viagem-form::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.viagem-form::-webkit-scrollbar-thumb:hover{background:#adb5bd}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-weight:500;color:#495057;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:none}.form-group input.readonly{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-section{margin:30px 0;padding:20px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.form-section h3{margin:0 0 20px;color:#2c3e50;font-size:1.2rem}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding:12px 16px;border-top:1px solid #dee2e6;background:#fff;flex-shrink:0;border-radius:0 0 8px 8px}@media (max-width: 768px){.viagens-container{padding:10px}.viagens-header{flex-direction:column;gap:15px;align-items:stretch}.viagens-table-container{overflow-x:auto}.viagens-table{min-width:800px}.form-row{grid-template-columns:1fr;gap:15px}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.viagem-form{max-height:calc(100vh - 140px)}.form-actions{flex-direction:column}.action-buttons{flex-direction:column;gap:4px}}@media (max-width: 480px){.viagens-table th,.viagens-table td{padding:8px 6px;font-size:12px}.modal-content{margin:5px;max-height:calc(100vh - 10px)}.viagem-form{padding:8px 12px;max-height:calc(100vh - 120px)}}.form-section{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.form-section h3{margin:0 0 15px;color:#2c3e50;font-size:1.1rem;font-weight:600}.form-section .form-row{margin-bottom:15px}.form-section .form-group{margin-bottom:10px}.form-section label{font-weight:500;color:#495057}.form-section input[readonly]{background-color:#e9ecef!important;font-weight:700;color:#2c3e50}:root{--primary-color: #0a4d8c}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#0a4d8c66,#0028644d),url(/assets/background-Dn3YX46_.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:20px}.login-header{display:flex;justify-content:center;align-items:center;margin-bottom:110px;height:120px;overflow:hidden;position:relative}.login-header:after{content:"";position:absolute;bottom:-35px;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.login-card{background:#ffffff1a;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border-radius:8px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff12;border:1px solid rgba(58,136,232,0);padding:40px 50px;width:100%;max-width:480px;min-height:620px;animation:slideUp .6s ease-out;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo{width:250px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease;margin-top:-20px;margin-bottom:-20px}.login-logo:hover{transform:scale(1.02)}.login-title{text-align:center;margin-bottom:25px}.login-title h2{color:#1a202c;font-size:24px;font-weight:700;margin:0;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:2px}.form-group label{color:var(--primary-color);font-weight:600;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,0)}.form-group input{padding:14px 16px;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:16px;transition:all .2s ease;background:#fff3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 2px 8px #0000001a;color:#1a202c}.form-group input::placeholder{color:#41414183}.form-group input:focus{outline:none;border-color:#ffffff80;background:#ffffff4d;box-shadow:0 0 0 3px #fff3,0 4px 12px #00000026}.form-group input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.error-message{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:5px;font-size:14px;border-left:4px solid #e53e3e;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-button{background:var(--primary-color);color:#fff;border:none;padding:16px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:10px;box-shadow:0 2px 4px #0000001a;width:300px;align-self:center}.login-button:hover:not(:disabled){background:#083a6b;transform:translateY(-2px);box-shadow:0 8px 25px #0a4d8c4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease}.link:hover{color:#5a67d8;text-decoration:underline}@media (max-width: 480px){.login-container{padding:20px 16px;gap:2rem}.login-card{padding:30px 25px;max-width:420px;min-height:480px}.login-logo{width:200px;margin-top:-15px;margin-bottom:-15px}}.notification-menu{position:relative;display:flex;align-items:center}.notification-trigger{position:relative;background:none;border:none;color:var(--text-color);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-trigger:hover{background-color:#f8f9fa;color:var(--primary-color)}.notification-badge{position:absolute;top:2px;right:2px;background:#dc3545;color:#fff;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-overlay{position:fixed;inset:0;z-index:99998;background:transparent}.notification-dropdown{position:absolute;top:100%;right:0;width:380px;max-height:500px;background:#fff;border-radius:8px;box-shadow:0 8px 25px #00000026;z-index:99999;border:1px solid #e9ecef;overflow:hidden;margin-top:8px}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.notification-actions{display:flex;gap:8px;align-items:center}.mark-all-read,.close-dropdown{background:none;border:none;color:#6c757d;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mark-all-read:hover,.close-dropdown:hover{background:#e9ecef;color:#495057}.notification-list{max-height:400px;overflow-y:auto}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6c757d;text-align:center}.no-notifications svg{margin-bottom:12px;opacity:.5}.no-notifications p{margin:0;font-size:14px}.notification-item{display:flex;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #f1f3f4;cursor:pointer;transition:all .2s ease;position:relative}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#f0f8ff;border-left:3px solid var(--primary-color)}.notification-item.unread:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--primary-color);border-radius:50%}.notification-content{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.notification-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.notification-success .notification-icon{background:#d4edda;color:#155724}.notification-error .notification-icon{background:#f8d7da;color:#721c24}.notification-warning .notification-icon{background:#fff3cd;color:#856404}.notification-info .notification-icon{background:#d1ecf1;color:#0c5460}.notification-text{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:#2c3e50;margin-bottom:4px;line-height:1.3}.notification-message{font-size:13px;color:#6c757d;line-height:1.4;margin-bottom:6px;word-wrap:break-word}.notification-time{font-size:11px;color:#adb5bd;font-weight:500}.remove-notification{background:none;border:none;color:#adb5bd;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0}.notification-item:hover .remove-notification{opacity:1}.remove-notification:hover{background:#f8f9fa;color:#6c757d}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.notification-dropdown{width:calc(100vw - 2rem);max-width:400px;right:.5rem;left:auto;top:calc(100% + .5rem)}.notification-item,.notification-header{padding:12px 16px}.notification-title{font-size:13px}.notification-message{font-size:12px}}@media (max-width: 480px){.notification-dropdown{width:calc(100vw - 1rem);max-width:350px;right:.5rem;left:auto}.notification-header{padding:10px 12px}.notification-header h3{font-size:14px}.notification-item{padding:10px 12px}.notification-title{font-size:12px}.notification-message{font-size:11px}.notification-time{font-size:10px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:5px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}