:root{--ink:#121416;--muted:#7c7f82;--line:#e7e7e7;--paper:#fff;--bg:#fafafa;--orange:#fa5200;--teal:#07998d;--blue:#246bff;--pink:#c42bdb;--red:#e92323}*{box-sizing:border-box}body{margin:0;font:16px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);zoom:.9}.topbar{height:86px;padding:0 max(34px,calc((100% - 1840px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;font-size:23px}.brand-icon{display:grid;place-items:center;width:55px;height:55px;color:#fff;background:#111;border-radius:12px;font-size:27px}nav{display:flex;gap:8px}nav a{padding:13px 18px;border-radius:12px;text-decoration:none;color:#777;font-weight:600}nav a.active{color:var(--ink);background:#f3f3f3}main{max-width:1980px;margin:38px auto;padding:0 32px}.hero,.panel,.metric{background:var(--paper);border:1px solid #e4e4e4;border-radius:24px;box-shadow:0 2px 3px #00000010}.hero{min-height:182px;padding:38px;display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.eyebrow{color:var(--muted);font-size:20px;margin-bottom:17px}.hero h1{font-size:54px;line-height:1;margin:0;letter-spacing:-2.5px}.year-picker{display:flex;align-items:center;gap:20px;font-size:20px;color:var(--muted)}select{min-width:216px;background:white;border:1px solid #dedede;border-radius:14px;padding:14px 19px;font:inherit;color:#262626}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:26px}.metric{min-height:230px;padding:38px;position:relative;overflow:hidden}.metric .label{display:block;color:var(--muted);font-size:20px;margin-bottom:13px}.metric strong{font-size:37px;letter-spacing:-1.5px}.metric p{color:var(--muted);font-size:18px;line-height:1.35;margin:42px 38px 0 0}.metric .metric-icon{position:absolute;right:38px;top:36px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#eeeeee;font-size:27px}.metric.blue{background:#f0faff;border-color:#a5e1ff}.metric.blue .metric-icon{background:#d9f1ff;color:#147cbd}.metric.violet{background:#fff3ff;border-color:#f5c5ff}.metric.violet .metric-icon{background:#fbe0ff;color:#c916d8}.metric.green{background:#effff7;border-color:#8ff2c3}.metric.green .metric-icon{background:#d4ffe9;color:#009d68}.panel{padding:36px;margin-top:28px}.panel h2{font-size:25px;margin:0 0 7px}.subtitle{margin:0 0 28px;color:var(--muted);font-size:19px}.chart-wrap{height:734px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:17px}th{text-align:left;font-size:18px;padding:17px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid var(--line);white-space:nowrap;text-align:right}td:first-child,th:first-child{text-align:left}.blue-text{color:var(--blue)}.green-text{color:#00a441}.pink-text{color:#d326ec}.red-text{color:var(--red)}tfoot td{font-weight:750;border-top:1px solid #d4d4d4}.table-note{text-align:center;color:var(--muted);font-size:18px;margin:27px 0 4px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-head h1{font-size:44px;letter-spacing:-2px;margin:0}.page-head p{color:var(--muted);margin:8px 0 0}.primary,button{border:0;border-radius:10px;padding:11px 15px;font:inherit;cursor:pointer}.primary{background:#121416;color:#fff}.secondary{background:#f1f1f1}.row-action{padding:5px 8px;margin-left:4px;background:transparent;color:var(--muted)}.filter-panel{padding:20px;margin:22px 0 18px;border:1px solid var(--line);border-radius:13px}.filter-title{font-weight:700;margin-bottom:15px}.filters{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.filters label{color:var(--muted);font-size:13px;display:flex;gap:5px;flex-direction:column}.filters select{min-width:0;width:100%;padding:10px;border-radius:9px;font-size:15px}.fuel-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.fuel-summary div{padding:17px;border:1px solid var(--line);border-radius:13px}.fuel-summary span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.chip{display:inline-block;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.chip-condition{color:#c87308;background:#fff8e8;border:1px solid #ffe0a6}.chip-location{color:#6f42e8;background:#f5efff;border:1px solid #dfccff}.chip-country{color:#246bff;background:#eef5ff;border:1px solid #c8ddff}.tank{color:#00a86b;font-size:18px}.consumption{color:var(--red);font-weight:700}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:var(--muted)}dialog{border:0;border-radius:16px;width:min(700px,calc(100% - 26px));box-shadow:0 20px 60px #0005;padding:0}dialog::backdrop{background:#10182088}form{padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:0}.close{font-size:26px;padding:0 6px;background:transparent}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:13px;color:var(--muted)}input,textarea{border:1px solid #d8dcdf;border-radius:8px;padding:10px;font:inherit;width:100%}textarea{min-height:70px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.loading{text-align:center;color:var(--muted);padding:100px}@media(max-width:980px){.metrics{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.chart-wrap{height:550px}.filters{grid-template-columns:repeat(3,1fr)}.fuel-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){body{zoom:1}.topbar{height:auto;padding:14px 18px;align-items:flex-start}.brand{font-size:18px}.brand-icon{width:40px;height:40px;font-size:19px}.topbar{flex-wrap:wrap;gap:12px}nav{width:100%;justify-content:space-between}nav a{padding:9px}main{padding:0 14px;margin:20px auto}.hero{padding:24px;min-height:0;display:block;margin-bottom:20px}.hero h1{font-size:36px}.year-picker{margin-top:24px;justify-content:space-between}.year-picker select{min-width:130px;width:130px;padding:10px}.metrics{grid-template-columns:1fr;gap:14px}.metric{min-height:190px;padding:27px}.metric p{margin-top:27px}.metric .metric-icon{right:25px;top:25px}.panel{padding:20px;border-radius:17px}.chart-wrap{height:467px}.form-grid{grid-template-columns:1fr}.page-head h1{font-size:34px}.filters{grid-template-columns:1fr 1fr}.fuel-summary{grid-template-columns:1fr 1fr}}