#fuel{padding:24px;min-height:calc(100vh - 76px)}
.fuel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px;color:#fff}.fuel-head h2{margin:2px 0 6px;color:#fff}.fuel-head p{margin:0;max-width:760px;color:#c8dceb}
.fuel-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.fuel-tabs button.active{background:#3271b6;color:#fff}
.fuel-card,.fuel-report,.fuel-invoices,.fuel-empty{background:#fff;color:#10283d;border-radius:14px;padding:22px;box-shadow:0 10px 30px #06192733}.fuel-card h3,.fuel-report h3,.fuel-invoices h3{margin:3px 0 14px}
.fuel-entry-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;align-items:start}.fuel-card-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.fuel-card-title time{font-weight:700;color:#557080}
.fuel-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fuel-form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:800}.fuel-form-grid input,.fuel-form-grid select{width:100%}.fuel-form-grid button{align-self:end}.fuel-form-grid .error{grid-column:1/-1}
.fuel-readiness{background:#102b42;border:1px solid #52748d;border-radius:14px;padding:22px}.fuel-readiness h3{margin:4px 0 14px}.fuel-readiness ul{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:9px}.fuel-readiness li{display:flex;align-items:center;gap:9px;color:#d7e3eb}.fuel-readiness li:before{content:'○';color:#e5ad45;font-size:20px}.fuel-readiness li.valid:before{content:'✓';color:#6fd092}.fuel-readiness li.valid{color:#fff}.fuel-readiness p:last-child{color:#9fc0d6;font-size:.9rem}
.fuel-card-warning{display:flex;flex-direction:column;gap:4px;margin:0 0 16px;padding:12px;border-radius:9px;background:#fff0d6;color:#704b11}.fuel-card-warning b{color:#8d5310}.fuel-card-warning span{font-size:.86rem}.fuel-success{margin-top:16px;padding:18px 22px;border-radius:12px;background:#dff4e7;color:#145a31;display:flex;gap:8px;flex-direction:column;border:1px solid #70be8b}.fuel-success.has-warning{background:#fff1d9;border-color:#d6a34d;color:#65430e}.fuel-success b{font-size:1.15rem}.fuel-success em{font-style:normal;color:#87341f}
.fuel-filters{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;gap:10px;align-items:end;margin:18px 0}.fuel-filters label{display:flex;flex-direction:column;gap:5px;font-weight:800}.fuel-filters input,.fuel-filters select{width:100%}
.fuel-report-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.fuel-report-heading p{margin:0}.fuel-report-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.fuel-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:16px 0}.fuel-kpis.fuel-kpis-five{grid-template-columns:repeat(5,minmax(135px,1fr))}.fuel-kpis article{background:#eaf2f7;border:1px solid #c7d9e5;border-radius:11px;padding:15px;display:flex;flex-direction:column;gap:4px}.fuel-kpis article.warning{background:#fff0dd;border-color:#e4a74e}.fuel-kpis article.danger{background:#fde6e3;border-color:#d9786a}.fuel-kpis small{font-weight:900;color:#4e6879}.fuel-kpis b{font-size:1.4rem}.fuel-kpis span{font-size:.85rem}
.fuel-vehicle-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px;margin:0 0 16px}.fuel-vehicle-status article{display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:11px;border-left:7px solid #4d9a68;background:#eef8f1}.fuel-vehicle-status article.warning{border-left-color:#dda13d;background:#fff7e8}.fuel-vehicle-status article.missing{border-left-color:#c45143;background:#fff0ee}.fuel-vehicle-status article div{display:flex;flex-direction:column;margin-bottom:2px}.fuel-vehicle-status article em,.fuel-vehicle-status article small{display:block;font-style:normal;font-weight:900}.fuel-vehicle-status article em{color:#a23529}.fuel-vehicle-status article small{color:#9a6418}
.fuel-report td:last-child{min-width:250px}.fuel-report td:last-child span,.fuel-report td:last-child small{display:block;margin-top:4px}.fuel-anomaly,.fuel-card-mismatch{background:#fff1e1!important}.fuel-anomaly td:last-child b,.fuel-card-mismatch td:last-child b{color:#a95a16}.fuel-invoice-missing{background:#fde8e5!important}.fuel-invoice-missing td{border-color:#efb5ae}.fuel-invoice-missing td:last-child b{color:#a52f24}
.fuel-invoice-upload{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,480px);gap:16px;align-items:end}.fuel-invoice-upload>div p{margin:0}.fuel-invoice-upload>.error{grid-column:1/-1}.fuel-import-controls{display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:10px;align-items:end}.fuel-drop-zone{min-height:82px;border:2px dashed #7da5be;border-radius:11px;padding:12px 15px;background:#eef5f8;display:flex;flex-direction:column;justify-content:center;gap:4px;cursor:pointer;outline:none}.fuel-drop-zone:focus,.fuel-drop-zone.dragging{border-color:#3271b6;background:#e0effa;box-shadow:0 0 0 3px #3271b633}.fuel-drop-zone.has-file{border-style:solid;border-color:#4ba56d;background:#e4f5ea}.fuel-drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.fuel-drop-zone span{color:#557080;font-size:.88rem}
.fuel-invoice-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:18px 0}.fuel-invoice-toolbar>span{margin-right:auto;color:#587080;font-size:.9rem}.fuel-invoice-start{min-height:270px;border:2px dashed #bed0dc;border-radius:14px;background:#f5f9fb;display:grid;place-content:center;text-align:center;gap:12px;color:#466174}.fuel-invoice-start b{font-size:1.35rem;color:#173b57}.fuel-invoice-start span{font-weight:800}.fuel-invoice-start small{margin-top:12px}
.fuel-invoice-history{border:1px solid #b9cfdd;border-radius:14px;padding:18px;margin-bottom:18px;background:#f3f8fb}.fuel-history-head{display:flex;justify-content:space-between;align-items:start}.fuel-history-head h4{margin:2px 0 12px}.fuel-invoice-history>article{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px;background:#fff;border:1px solid #d2e0e8;border-radius:10px;margin-top:9px}.fuel-invoice-history>article.invalid{background:#f1f2f3;opacity:.8}.fuel-invoice-history>article>div:first-child{display:flex;flex-direction:column;gap:3px}.fuel-invoice-history span,.fuel-invoice-history small{color:#5b7282}.fuel-history-actions{display:flex;align-items:center;gap:8px}.fuel-document-status{font-weight:800;color:#805444!important}
.fuel-control-result{display:grid;gap:16px}.fuel-control-document{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;height:auto;min-height:0;padding:18px;border-radius:13px;background:#eaf2f7;color:#10283d;border:1px solid #c3d7e4}.fuel-control-document h3{margin:2px 0 6px;color:#10283d}.fuel-control-document p{margin:0;color:#516b7b}.fuel-control-document .eyebrow{color:#327a9a}.fuel-control-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.fuel-control-actions .button{display:inline-flex;align-items:center;text-decoration:none}.fuel-invalid-badge{padding:9px 12px;border-radius:9px;background:#eee2dd;color:#7b3c2d;font-weight:900}
.fuel-period-form{display:grid;grid-template-columns:180px 180px auto auto;gap:10px;align-items:end;padding:16px;border:1px solid #b7cfde;border-radius:12px;background:#f4f8fa}.fuel-period-form label{display:flex;flex-direction:column;gap:5px;font-weight:800}.fuel-period-form p{grid-column:1/-1;margin:0;color:#5a7283}
.fuel-verdict{display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:15px;padding:22px 26px;color:#fff;background:#a44232}.fuel-control-result.is-clear .fuel-verdict{background:#267249}.fuel-verdict>div{display:flex;flex-direction:column;gap:3px}.fuel-verdict small{font-weight:900;letter-spacing:.05em}.fuel-verdict b{font-size:1.85rem}.fuel-verdict>strong{font-size:2rem;text-align:right}.fuel-verdict>strong small{display:block;font-size:.8rem;font-weight:700;letter-spacing:0}
.fuel-accounting-kpis{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:11px}.fuel-accounting-kpis article{border-radius:11px;padding:15px;display:flex;flex-direction:column;gap:4px;border:1px solid}.fuel-accounting-kpis small{font-weight:900}.fuel-accounting-kpis b{font-size:1.55rem}.fuel-accounting-kpis .ok{background:#e3f5e9;border-color:#79bc8e;color:#1f6338}.fuel-accounting-kpis .difference{background:#fff2d8;border-color:#dea94c;color:#7b5615}.fuel-accounting-kpis .missing{background:#fde8e5;border-color:#dc8478;color:#8f3025}.fuel-accounting-kpis .unbilled{background:#f3ebfb;border-color:#aa8dca;color:#64448a}.fuel-accounting-kpis .operational{background:#fff0dd;border-color:#df9d45;color:#7b4d10}
.fuel-accounting-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fuel-issue-section{border:2px solid;border-radius:13px;padding:16px}.fuel-issue-section h4{margin:0 0 5px}.fuel-issue-section>p{margin:0 0 12px;color:#526c7c}.fuel-issue-section.missing{background:#fff5f3;border-color:#dc8478}.fuel-issue-section.difference{background:#fff9ec;border-color:#dfad54}.fuel-issue-section.unbilled{background:#faf6fe;border-color:#a98bc8}.fuel-issue-section article{display:flex;flex-direction:column;gap:3px;padding:11px 0;border-top:1px solid #00000018}.fuel-issue-section article>div:first-child{display:flex;flex-wrap:wrap;gap:6px}.fuel-issue-section article strong{color:#173b57}.fuel-issue-section article em{font-style:normal;font-weight:900;color:#9a4a22}.fuel-comparison-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.fuel-comparison-values span{padding:8px;border-radius:7px;background:#ffffffaa;font-weight:800}.fuel-comparison-values small{display:block;color:#607786}.fuel-all-clear{grid-column:1/-1;padding:22px;border-radius:13px;background:#e5f6eb;border:2px solid #6ab185;color:#1e6338;display:flex;flex-direction:column;gap:5px}.fuel-all-clear b{font-size:1.3rem}
.fuel-matched-lines{border:1px solid #a8d0b5;border-radius:12px;background:#f0faf3;padding:13px 16px}.fuel-matched-lines summary{font-weight:900;color:#23613a;cursor:pointer}.fuel-matched-lines article{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid #cfe4d6}.fuel-operational-alert{display:grid;grid-template-columns:minmax(230px,.8fr) 2fr;gap:18px;border:2px solid #dfa245;border-radius:13px;background:#fff5e5;padding:18px}.fuel-operational-alert h4{margin:2px 0 4px}.fuel-operational-alert p{margin:0}.fuel-operational-list{display:grid;gap:9px}.fuel-operational-alert article{display:grid;grid-template-columns:1fr auto;gap:3px 16px;padding:12px;border-radius:9px;background:#fff}.fuel-operational-alert article.card-warning{border-left:5px solid #d77e32}.fuel-operational-alert article span,.fuel-operational-alert article em{grid-column:1/-1}.fuel-operational-alert article em{font-style:normal;color:#8b4e16;font-weight:800}
.fuel-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fuel-entity-list{display:grid;gap:8px;margin-top:18px}.fuel-entity-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#edf3f6;border-radius:9px;padding:12px}.fuel-entity-list article div{display:flex;flex-direction:column;gap:3px}.fuel-entity-list span{color:#607786}.fuel-empty{text-align:center;max-width:720px;margin:60px auto}.fuel-empty b{font-size:1.4rem}
@media(max-width:1100px){.fuel-entry-layout,.fuel-settings-grid{grid-template-columns:1fr}.fuel-filters{grid-template-columns:repeat(3,1fr)}.fuel-invoice-upload{grid-template-columns:1fr}.fuel-kpis,.fuel-kpis.fuel-kpis-five{grid-template-columns:repeat(2,1fr)}.fuel-accounting-kpis{grid-template-columns:repeat(3,1fr)}.fuel-accounting-sections{grid-template-columns:1fr}.fuel-operational-alert{grid-template-columns:1fr}.fuel-period-form{grid-template-columns:1fr 1fr}.fuel-period-form p{grid-column:1/-1}}
@media(max-width:650px){#fuel{padding:12px}.fuel-head,.fuel-report-heading,.fuel-control-document,.fuel-verdict,.fuel-invoice-history>article{flex-direction:column}.fuel-form-grid,.fuel-filters,.fuel-kpis,.fuel-import-controls,.fuel-accounting-kpis,.fuel-period-form{grid-template-columns:1fr}.fuel-card-title{flex-direction:column}.fuel-tabs button{flex:1 1 45%}.fuel-report-actions,.fuel-control-actions,.fuel-history-actions{justify-content:flex-start}.fuel-matched-lines article{flex-direction:column}.fuel-verdict>strong{text-align:left}}