/* Nhật ký dầu V3 — Web quản lý và Admin mobile. */
.management-panel:has(.fuel-table)>.management-heading{padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 88%,#f59e0b 12%),var(--panel));box-shadow:var(--shadow)}
.management-panel:has(.fuel-table)>.management-heading .eyebrow{color:#f59e0b}.management-panel:has(.fuel-table)>.management-heading h2{margin-top:5px;font-size:clamp(22px,2vw,30px)}
.management-panel:has(.fuel-table)>.finance-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.management-panel:has(.fuel-table)>.finance-summary article{position:relative;overflow:hidden;min-height:100px;padding:15px;border-radius:16px;background:var(--panel)}
.management-panel:has(.fuel-table)>.finance-summary article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#f59e0b}.management-panel:has(.fuel-table)>.finance-summary article:nth-child(2):before{background:#06b6d4}.management-panel:has(.fuel-table)>.finance-summary article:nth-child(3):before{background:#3b82f6}.management-panel:has(.fuel-table)>.finance-summary article:nth-child(4):before{background:#8b5cf6}.management-panel:has(.fuel-table)>.finance-summary article:nth-child(5):before{background:#10b981}.management-panel:has(.fuel-table)>.finance-summary article:nth-child(6):before{background:#14b8a6}
.management-panel:has(.fuel-table)>.finance-summary span{text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.04em}.management-panel:has(.fuel-table)>.finance-summary strong{font-size:clamp(16px,1.45vw,22px);font-variant-numeric:tabular-nums}
.management-panel:has(.fuel-table)>.finance-grid{grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);align-items:start}.management-panel:has(.fuel-table) .finance-section{border-radius:18px;background:var(--panel)}.management-panel:has(.fuel-table) .finance-form{gap:12px}.management-panel:has(.fuel-table) .finance-form label{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.management-panel:has(.fuel-table) .finance-form input,.management-panel:has(.fuel-table) .finance-form select,.management-panel:has(.fuel-table) .finance-form textarea{margin-top:3px;background:var(--input)}
.management-panel:has(.fuel-table) .fuel-table{border:1px solid var(--line);border-radius:16px;background:var(--panel)}.management-panel:has(.fuel-table) .fuel-table table{min-width:1160px}.management-panel:has(.fuel-table) .fuel-table th{position:sticky;top:0;z-index:1;padding:12px 10px;background:color-mix(in srgb,var(--panel) 84%,#020617 16%);text-transform:uppercase;font-size:10px;letter-spacing:.04em;color:var(--muted)}.management-panel:has(.fuel-table) .fuel-table td{padding:12px 10px}.management-panel:has(.fuel-table) .fuel-table tr:hover td{background:rgba(59,130,246,.05)}.management-panel:has(.fuel-table) .fuel-table td:nth-child(7){color:#f59e0b;font-weight:900}.management-panel:has(.fuel-table) .fuel-table td:nth-child(8){font-weight:900}.management-panel:has(.fuel-table) .fuel-table td:nth-child(8):not(:empty){color:#10b981}
.fuel-v3-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:16px 0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.fuel-v3-filter label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.fuel-v3-filter input,.fuel-v3-filter select{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--input);color:var(--text)}.fuel-v3-filter .fuel-v3-pills{display:flex;gap:6px;flex-wrap:wrap}.fuel-v3-filter button{min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--input);color:var(--muted);font-weight:800}.fuel-v3-filter button.active,.fuel-v3-filter button:hover{border-color:#f59e0b;background:rgba(245,158,11,.13);color:#f59e0b}
.fuel-v3-alert{margin:0 0 16px;padding:13px 15px;border:1px solid rgba(244,63,94,.32);border-radius:14px;background:rgba(244,63,94,.08);color:#f43f5e;font-weight:800}.fuel-v3-alert.ok{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.08);color:#10b981}
@media(max-width:1100px){.management-panel:has(.fuel-table)>.finance-summary{grid-template-columns:repeat(3,1fr)}.management-panel:has(.fuel-table)>.finance-grid{grid-template-columns:1fr}}
@media(max-width:600px){.management-panel:has(.fuel-table){padding:11px!important}.management-panel:has(.fuel-table)>.management-heading{padding:15px}.management-panel:has(.fuel-table)>.finance-summary{grid-template-columns:1fr 1fr;gap:8px}.management-panel:has(.fuel-table)>.finance-summary article{min-height:88px;padding:12px}.management-panel:has(.fuel-table)>.finance-summary strong{font-size:16px}.management-panel:has(.fuel-table) .finance-section{padding:12px}.fuel-v3-filter{padding:11px}.fuel-v3-filter label{width:calc(50% - 5px)}.fuel-v3-filter label input,.fuel-v3-filter label select{width:100%}.fuel-v3-filter .fuel-v3-pills{width:100%;display:grid;grid-template-columns:1fr 1fr}.management-panel:has(.fuel-table) .fuel-table{overflow:visible;border:0;background:transparent}.management-panel:has(.fuel-table) .fuel-table table,.management-panel:has(.fuel-table) .fuel-table tbody{display:grid;min-width:0;gap:11px}.management-panel:has(.fuel-table) .fuel-table thead{display:none}.management-panel:has(.fuel-table) .fuel-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px;border:1px solid var(--line);border-left:4px solid #f59e0b;border-radius:15px;background:var(--panel)}.management-panel:has(.fuel-table) .fuel-table td{display:grid;gap:2px;padding:4px!important;border:0}.management-panel:has(.fuel-table) .fuel-table td:before{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:900}.management-panel:has(.fuel-table) .fuel-table td:nth-child(1):before{content:"Thời gian"}.management-panel:has(.fuel-table) .fuel-table td:nth-child(2):before{content:"Xe / tài xế"}.management-panel:has(.fuel-table) .fuel-table td:nth-child(3):before{content:"KM đồng hồ"}.management-panel:has(.fuel-table) .fuel-table td:nth-child(4):before{content:"Quãng đường"}.management-panel:has(.fuel-table) .fuel-table td:nth-child(5):before{content:"Số lít"}.management-panel:has(.fuel-table) .fuel-table td:nth-child(6):before{content:"Đơn giá"}.management-panel:has(.fuel-table) .fuel-table td:nth-child(7):before{content:"Tổng tiền"}.management-panel:has(.fuel-table) .fuel-table td:nth-child(8):before{content:"L/100km"}.management-panel:has(.fuel-table) .fuel-table td:nth-child(9):before{content:"Chi phí/km"}.management-panel:has(.fuel-table) .fuel-table td:nth-child(10):before{content:"Trạng thái"}.management-panel:has(.fuel-table) .fuel-table td:nth-child(11){grid-column:1/-1}.management-panel:has(.fuel-table) .fuel-table td:nth-child(11) button{width:100%}}
.fuel-filter-title{width:100%;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:12px;font-weight:900;color:var(--text)}
.fuel-kpi-five{grid-template-columns:repeat(5,minmax(0,1fr))!important}.fuel-kpi-five article:nth-child(5):before{background:#8b5cf6!important}.fuel-kpi-five small{display:block;margin-top:6px;color:var(--muted);font-size:10px}
.fuel-fleet-section{margin:18px 0}.fuel-fleet-section>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.fuel-fleet-section h3{margin:0}.fuel-fleet-section header small{color:var(--muted)}.fuel-fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fuel-fleet-grid article{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-left:4px solid #10b981;border-radius:15px;background:var(--panel)}.fuel-fleet-grid article.over{border-left-color:#f43f5e;background:rgba(244,63,94,.055)}.fuel-fleet-grid article>div,.fuel-fleet-grid article footer{display:flex;justify-content:space-between;gap:10px}.fuel-fleet-grid article>div strong{color:#10b981;font-size:12px}.fuel-fleet-grid article.over>div strong,.fuel-fleet-grid article.over footer b{color:#f43f5e}.fuel-fleet-grid article small{color:var(--muted)}.fuel-fleet-grid article i{height:6px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.fuel-fleet-grid article i span{display:block;height:100%;border-radius:inherit;background:#10b981}.fuel-fleet-grid article.over i span{background:#f43f5e}.fuel-fleet-grid article footer{font-size:10px;color:var(--muted)}.fuel-history-section{margin-top:16px}.fuel-admin-entry{margin-top:16px}.fuel-admin-entry>summary{width:max-content;cursor:pointer}.fuel-admin-entry[open]>summary{margin-bottom:14px}.fuel-over{color:#f43f5e!important;font-weight:900}
@media(max-width:1100px){.fuel-kpi-five{grid-template-columns:repeat(3,1fr)!important}.fuel-fleet-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.fuel-kpi-five{grid-template-columns:1fr 1fr!important}.fuel-kpi-five article:first-child{grid-column:1/-1}.fuel-fleet-grid{grid-template-columns:1fr}.fuel-fleet-section>header{align-items:flex-start;flex-direction:column}}

.fuel-standard-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;width:100%;margin-top:10px;padding-top:10px;border-top:1px solid var(--line,#26354e)}
.fuel-standard-form strong{align-self:center;margin-right:6px}.fuel-standard-form label{min-width:130px}.fuel-standard-form input{width:130px}.fuel-standard-form button{min-height:40px;padding:0 18px;border-radius:10px;border:1px solid #22c55e;background:#123d34;color:#74e6bc;font-weight:800}
.fuel-first-entry{box-shadow:inset 3px 0 #38bdf8}.fuel-first-entry td:nth-child(4),.fuel-first-entry td:nth-child(8),.fuel-first-entry td:nth-child(9){color:#38bdf8;font-weight:700}