@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#2d3a6b;--navy-dark:#1e2748;--navy-light:#3d4f8e;--sky:#4aabdb;--sky-light:#e8f6fd;--sky-mid:#b8e1f4;--bg:#f4f6fb;--surface:#fff;--border:#e2e6f0;--border-strong:#c8cede;--text:#1a1f35;--text-2:#5a6180;--text-3:#9099b8;--green:#15803d;--green-bg:#f0fdf4;--amber:#b45309;--amber-bg:#fffbeb;--red:#b91c1c;--red-bg:#fef2f2;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 3px rgba(45,58,107,.08),0 1px 2px rgba(45,58,107,.06);--shadow:0 4px 12px rgba(45,58,107,.1),0 2px 4px rgba(45,58,107,.06);font-family:Plus Jakarta Sans,sans-serif;font-size:15px;color:var(--text);background:var(--bg)}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.header{background:var(--navy);position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px rgba(30,39,72,.3)}.header-inner{max-width:1400px;margin:0 auto;padding:0 1.5rem;justify-content:space-between;gap:1rem;height:68px}.header-inner,.logo{display:flex;align-items:center}.logo{gap:14px;text-decoration:none}.logo-img{height:52px;width:auto;object-fit:contain}.logo-divider{width:1px;height:32px;background:hsla(0,0%,100%,.2)}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:15px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.01em}.logo-sub{font-size:11px;color:var(--sky);font-weight:500;letter-spacing:.02em}.logo-nome-cursivo{font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.01em;opacity:.95}.header-actions-direita,.header-right{margin-right:310px}.upload-area{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.1);border:1.5px solid hsla(0,0%,100%,.25);border-radius:var(--radius-sm);padding:.5rem 1.1rem;cursor:pointer;transition:all .2s;color:#fff}.upload-area:hover,.upload-arrastando{background:var(--sky);border-color:var(--sky)}.upload-processando{opacity:.6;cursor:not-allowed}.upload-texto{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.main{flex:1 1;max-width:1400px;margin:0 auto;width:100%;padding:1.5rem}.filtro-bar{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;box-shadow:var(--shadow-sm)}.filtro-label{font-size:12px;color:var(--text-2);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filtro-select{padding:.45rem .875rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:13px;font-family:inherit;color:var(--text);cursor:pointer;min-width:320px;font-weight:500;transition:border-color .15s}.filtro-select:focus{outline:none;border-color:var(--sky)}.btn-deletar{padding:.45rem .875rem;border:1px solid #fca5a5;border-radius:var(--radius-sm);background:var(--red-bg);font-size:13px;color:var(--red);cursor:pointer;font-family:inherit;font-weight:500;transition:all .15s}.btn-deletar:hover{background:#fee2e2}.btn-renomear{padding:.45rem .875rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:13px;color:var(--navy);cursor:pointer;font-family:inherit;font-weight:500;transition:all .15s}.btn-renomear:hover{background:var(--sky-light);border-color:var(--sky)}.abas{gap:1px;margin-bottom:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:3px;box-shadow:var(--shadow-sm);overflow-x:hidden}.aba,.abas{display:flex}.aba{padding:.45rem .65rem;font-size:12px;font-weight:600;border:none;background:none;cursor:pointer;color:var(--text-2);border-radius:7px;white-space:nowrap;font-family:inherit;transition:all .15s;align-items:center;gap:5px}.aba:hover{color:var(--text);background:var(--bg)}.aba-ativa{color:var(--navy)!important;background:var(--sky-light)!important}.aba-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;background:var(--red);color:#fff;border-radius:9px}.aba-ativa .aba-badge{background:var(--navy)}.estado-vazio{text-align:center;padding:5rem 1rem}.estado-icone{font-size:2.5rem;margin-bottom:1rem;opacity:.2}.estado-titulo{font-size:18px;font-weight:600;margin-bottom:.5rem;color:var(--text-2)}.estado-desc{font-size:14px;color:var(--text-3)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.card:hover{box-shadow:var(--shadow)}.card-label{font-size:11px;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.card-valor{font-size:24px;font-weight:700;color:var(--navy)}.card-sub{font-size:12px;color:var(--text-2);margin-top:4px}.card-alerta{border-color:#fca5a5;background:var(--red-bg)}.card-alerta .card-valor{color:var(--red)}.card-ok{border-color:#86efac;background:var(--green-bg)}.card-ok .card-valor{color:var(--green)}.card-valor-alerta{color:var(--red)}.graficos-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}@media (max-width:768px){.graficos-grid{grid-template-columns:1fr}}.grafico-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm)}.grafico-titulo{font-size:13px;font-weight:700;margin-bottom:1rem;color:var(--navy);text-transform:uppercase;letter-spacing:.04em}.tabela-comb-wrap,.tabela-hist-wrap{margin-bottom:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;overflow-x:auto;box-shadow:var(--shadow-sm)}.tabela{width:100%;border-collapse:collapse;font-size:13px}.tabela th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);border-bottom:2px solid var(--border);background:var(--bg)}.tabela th:first-child{border-radius:6px 0 0 0}.tabela th:last-child{border-radius:0 6px 0 0}.tabela td{padding:10px 14px;border-bottom:1px solid var(--border)}.tabela tr:last-child td{border-bottom:none}.tabela tr:hover td{background:var(--bg)}.tabela-sm td,.tabela-sm th{padding:7px 12px}.badge-comb{display:inline-block;padding:3px 10px;border-radius:20px;color:#fff;font-size:11px;font-weight:700}code{font-family:DM Mono,monospace;font-size:12px;background:var(--bg);padding:2px 6px;border-radius:4px;border:1px solid var(--border);color:var(--navy)}.placa-corrigida{background:var(--green-bg);color:var(--green);border-color:#86efac}.tr-amarelo td{background:#fffbeb!important}.tr-vermelho td{background:#fef2f2!important}.alerta-secao{margin-bottom:1.5rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.alerta-header{padding:.875rem 1.1rem;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.alerta-amarelo{background:var(--amber-bg);color:var(--amber);border-bottom:1px solid #fde68a}.alerta-vermelho{background:var(--red-bg);color:var(--red);border-bottom:1px solid #fca5a5}.status-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700}.status-confirmada{background:var(--green-bg);color:var(--green)}.status-provavel{background:var(--amber-bg);color:var(--amber)}.status-nao_identificada{background:var(--red-bg);color:var(--red)}.badge-vermelho{background:var(--red-bg);color:var(--red);border-radius:20px;border:1px solid #fca5a5}.badge-amarelo,.badge-vermelho{font-size:11px;font-weight:600;padding:2px 8px;margin-right:4px}.badge-amarelo{background:var(--amber-bg);color:var(--amber);border-radius:20px;border:1px solid #fde68a}.badge-verde{background:var(--green-bg);color:var(--green);border-radius:20px;border:1px solid #86efac}.badge-diff,.badge-verde{font-size:11px;font-weight:600;padding:2px 8px}.badge-diff{display:inline-block;border-radius:20px}.badge-neutro{background:var(--bg);color:var(--text-2);border:1px solid var(--border)}.postos-grid{display:flex;flex-direction:column;gap:1rem}.posto-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.posto-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;cursor:pointer;transition:background .15s}.posto-header:hover{background:var(--bg)}.posto-info{flex:1 1}.posto-nome{font-size:15px;font-weight:700;color:var(--navy)}.posto-cnpj{font-size:12px;color:var(--text-3);margin-top:2px}.posto-numeros{text-align:right}.posto-num{font-size:17px;font-weight:700;color:var(--navy)}.posto-num-sub{font-size:12px;color:var(--text-2);margin-top:2px}.posto-toggle{color:var(--text-3);font-size:12px;margin-left:4px}.posto-combustiveis{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border);padding:.75rem 1.25rem 1rem}.comb-badge{display:flex;gap:6px;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:12px}.comb-nome{font-weight:600;color:var(--navy)}.comb-val{color:var(--text-2)}.comb-litros{color:var(--text-3)}.posto-lancamentos{border-top:1px solid var(--border);overflow-x:auto}.historico{display:flex;flex-direction:column;gap:1.5rem}.motivo-alerta{font-size:12px;line-height:1.5;display:block}.motivo-amarelo{color:var(--amber)}.motivo-vermelho{color:var(--red)}.analise-veiculo{display:flex;flex-direction:column;gap:1rem}.filtros-veiculo{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow-sm)}.filtro-grupo{display:flex;flex-direction:column;gap:4px}.filtro-select-lg{min-width:280px;font-weight:500}.filtro-date,.filtro-select-lg{color:var(--text)}.btn-limpar,.filtro-date,.filtro-select-lg{padding:.45rem .875rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:13px;font-family:inherit}.btn-limpar{cursor:pointer;color:var(--text-2);align-self:flex-end;font-weight:500}.btn-limpar:hover{background:var(--border)}.veiculo-header{gap:12px;flex-wrap:wrap;padding:.75rem 0;border-bottom:2px solid var(--border);margin-bottom:1rem}.veiculo-header,.veiculo-id{display:flex;align-items:center}.veiculo-id{gap:8px}.veiculo-placa{font-size:22px;font-weight:700;font-family:DM Mono,monospace;color:var(--navy)}.veiculo-prefixo{font-size:12px;background:var(--sky-light);border:1px solid var(--sky-mid);border-radius:20px;padding:3px 10px;color:var(--navy);font-weight:600}.veiculo-modelo{font-size:14px;color:var(--text-2);font-weight:500}.veiculo-grupo{font-size:12px;background:var(--navy);color:#fff;border-radius:20px;padding:3px 10px;font-weight:600}.alertas-atipicos,.eficiencia,.preco-comb,.ranking{display:flex;flex-direction:column;gap:1.5rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@media (max-width:768px){.header-inner{height:auto;padding:.6rem 1rem;flex-wrap:wrap;gap:8px}.logo-nome-cursivo{display:none}.logo-img{height:40px}.header-right{width:100%;display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.header-actions-direita,.header-right{margin-right:0}.header-right button{padding:.4rem .75rem!important;font-size:11px!important}.upload-area{padding:.4rem .75rem}.upload-area,.upload-texto{font-size:11px}.filtro-bar,.main{padding:.75rem}.filtro-bar{flex-direction:column;align-items:stretch;gap:8px}.filtro-select{min-width:unset;width:100%}.btn-deletar,.btn-renomear{width:100%;text-align:center}.abas{gap:1px;padding:3px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.abas::-webkit-scrollbar{display:none}.aba{padding:.4rem .5rem;font-size:11px}.cards-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:1rem}.card{padding:.875rem 1rem}.card-valor{font-size:18px}.graficos-grid{grid-template-columns:1fr;gap:.75rem}.grafico-card{padding:1rem}.tabela-comb-wrap,.tabela-hist-wrap{padding:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabela td,.tabela th{padding:7px 10px;font-size:11px}.tabela-sm td,.tabela-sm th{padding:5px 8px}.filtros-veiculo{flex-direction:column;align-items:stretch;gap:8px;padding:.75rem}.filtro-grupo{width:100%}.filtro-select-lg{min-width:unset;width:100%}.btn-limpar,.filtro-date{width:100%}.posto-header{flex-wrap:wrap;gap:.5rem;padding:.875rem 1rem}.posto-numeros{text-align:left}.alerta-header{font-size:12px;flex-wrap:wrap}.alerta-secao{overflow-x:auto}.veiculo-header{gap:8px}.veiculo-placa{font-size:18px}.tabela .col-hidden-mobile{display:none}}@media (max-width:480px){.cards-grid{grid-template-columns:1fr 1fr;gap:6px}.card-valor{font-size:16px}.card-sub{font-size:11px}.aba{padding:.35rem .45rem;font-size:10.5px}.header-inner{padding:.5rem .75rem}.main{padding:.5rem}.grafico-card{padding:.75rem}.grafico-titulo{font-size:11px}}