:root { color-scheme: dark; --bg:#0c131a; --sidebar:#111922; --surface:#151f29; --surface2:#1b2732; --surface3:#202e3a; --stroke:#2a3845; --muted:#8596a3; --light:#eaf0f3; --subtle:#b2bdc6; --accent:#b4e3b5; --accent-ink:#0e2716; --danger:#f7a5a2; --blue:#91cafa; --orange:#f4c18b; --purple:#c4b6fd; --radius:17px; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; }
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0; min-width:310px; background:var(--bg); color:var(--light); font-size:14px; -webkit-font-smoothing:antialiased}
button,input,select {font:inherit}
button {cursor:pointer}
button:disabled {opacity:.55;cursor:wait}
button:focus-visible,input:focus-visible,select:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
button, input, select {min-width:0}
h1,h2,h3,p {margin-top:0}
.loading-screen {min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:var(--muted)}
.loader {width:36px;height:36px;border:3px solid #43505c;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.shell {min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}
.sidebar {position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px;padding:30px 18px 25px;background:var(--sidebar);border-right:1px solid #263541}
.logo,.auth-brand {display:flex;gap:13px;align-items:center;color:#eaf1ee;font-size:21px;font-weight:850;letter-spacing:.09em;padding:2px 13px}
.logo svg,.auth-brand svg {color:var(--accent)}
.brand-dot {color:#b5ecac}
.side-caption {margin:58px 0 4px;padding-left:15px;font-size:10px;color:#768897;letter-spacing:.19em;font-weight:800}
.side-nav {display:flex;flex-direction:column;gap:7px}
.nav-item {display:flex;align-items:center;gap:13px;width:100%;min-height:47px;text-align:left;border:1px solid transparent;border-radius:10px;padding:11px 14px;color:#9eacb7;background:none;font-weight:610;transition:.16s ease}
.nav-mobile{display:none}
.nav-item:hover {background:#1b2934;color:white}
.nav-item.selected {color:var(--accent);background:#243b36;border-color:#33574a}
.nav-item.selected svg {stroke-width:2.1}
.side-lower {margin-top:auto;padding:20px 8px 0;border-top:1px solid #293742}
.side-note {display:flex;align-items:start;gap:10px;padding:4px 4px 22px;color:#8194a1;font-size:12px;line-height:1.55}
.online-indicator {width:8px;height:8px;background:#8cd9a7;border-radius:50%;box-shadow:0 0 0 4px #8cd9a71a;margin-top:4px}
.exit-btn {display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#aebbc5;padding:10px 4px}
.exit-btn:hover {color:white}
.content {min-width:0;display:flex;flex-direction:column}
.topbar {padding:38px 42px 33px;border-bottom:1px solid #25333f;display:flex;justify-content:space-between;align-items:flex-end;gap:26px}
.breadcrumbs {font-size:10px;font-weight:750;letter-spacing:.19em;color:#81a096;margin-bottom:15px}
.breadcrumbs span {color:#617481;margin:0 9px}
.topbar h1 {font-size:29px;font-weight:760;line-height:1.15;letter-spacing:-.035em;margin:0 0 9px}
.topbar p {color:var(--muted);font-size:13px;margin:0;line-height:1.5}
.header-controls {display:flex;align-items:center;gap:11px;flex-shrink:0}
.month-control {display:flex;align-items:center;min-height:43px;border:1px solid var(--stroke);border-radius:9px;background:#19232c;overflow:hidden}
.month-control button {height:43px;width:31px;border:0;color:#a4b2bc;background:transparent;font-size:25px;line-height:1}
.month-control button:hover {color:white;background:#24343e}
.month-control label {display:flex;align-items:center;gap:8px;color:#a3b2bb}
.month-control input {width:129px;padding:4px 0;border:0;outline:0;background:transparent;color:#e5edf0;font-size:12px;color-scheme:dark}
.month-control input::-webkit-calendar-picker-indicator {cursor:pointer;filter:brightness(1.4);opacity:.7}
.btn {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;white-space:nowrap;text-decoration:none;border:1px solid transparent;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:750;transition:.16s ease}
.btn.primary {color:#0d2517;background:#b6e8b9;border-color:#b6e8b9}
.btn.primary:hover {background:#d0f4cd;border-color:#d0f4cd}
.btn.secondary {color:#d6e1e7;border-color:#344450;background:#1a2731}
.btn.secondary:hover {background:#253440;border-color:#536777}
.btn.subtle {color:var(--subtle);background:transparent;border-color:#344450}
.btn.subtle:hover {background:var(--surface3);color:white}
.btn.tiny {font-size:11px;min-height:30px;padding:7px 10px;border:1px solid #355748;background:#263d35;color:#beeabc}
.btn.danger-text {background:transparent;border:0;color:var(--danger);padding:10px 6px;margin-right:auto}
.btn.wide {width:100%;min-height:48px;justify-content:center;margin-top:8px;font-size:14px}
.page-content {flex:1;padding:32px 42px 42px;max-width:1700px;width:100%;margin:0 auto}
.stat-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.stat-card {background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);padding:21px 21px 19px;min-width:0}
.stat-header {display:flex;justify-content:space-between;align-items:center;gap:10px;color:#a1b0ba;font-size:12px;font-weight:630;margin-bottom:18px}
.stat-symbol {display:grid;place-items:center;width:35px;height:35px;border-radius:10px}
.stat-symbol.blue,.action-ico.blue{color:#a9d7ff;background:#263e50}
.stat-symbol.green,.action-ico.green{color:#b5e6b1;background:#293e34}
.stat-symbol.orange,.action-ico.orange{color:#f9c894;background:#453729}
.stat-symbol.purple,.action-ico.purple{color:#cab8ff;background:#36334a}
.stat-value {font-weight:790;letter-spacing:-.045em;font-size:clamp(23px,2.35vw,37px);line-height:1.2;white-space:nowrap}
.unit {font-size:.55em;font-weight:570;color:#9babb6;letter-spacing:0}
.stat-card p {font-size:11px;color:#8599a7;margin:9px 0 0}
.section-head {display:flex;justify-content:space-between;align-items:end;gap:14px;margin:35px 0 18px}
h2 {font-size:17px;font-weight:760;letter-spacing:-.025em;margin:0 0 7px}
.section-head p,.panel-header p {color:var(--muted);font-size:12px;margin:0}
.text-button {display:inline-flex;align-items:center;gap:8px;color:var(--accent);background:transparent;border:0;font-size:12px;font-weight:700;padding:10px 0}
.text-button:hover {color:#ddffd7}
.fuel-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:17px}
.fuel-card {min-width:0;border:1px solid #30414e;border-radius:var(--radius);padding:20px 22px;background:radial-gradient(circle at top right,#2c4253 0%,#1a2a37 48%,#192632 100%)}
.fuel-card-top {display:flex;justify-content:space-between;align-items:center}
.fuel-icon {color:#a9d9fb}
.fuel-pill,.fuel-badge {border:1px solid #446072;color:#acd7f4;background:#263e4c;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:820;letter-spacing:.045em}
.fuel-badge.diesel{border-color:#456682;color:#b4dafe;background:#294154}
.fuel-label {color:#afbdc7;font-size:12px;margin:18px 0 8px}
.fuel-volume {font-size:clamp(27px,3vw,40px);font-weight:790;letter-spacing:-.05em;white-space:nowrap}
.fuel-separator {height:1px;background:#ffffff1c;margin:20px 0 16px}
.fuel-movements {display:flex;justify-content:space-between;gap:14px}
.fuel-movements div {display:flex;flex-direction:column;gap:7px}
.fuel-movements span {font-size:10px;color:#a0b0bb}
.fuel-movements b {font-size:13px;font-weight:780}
.positive {color:#b0e8b6!important}
.negative {color:#f4c2a9!important}
.stock-warning {font-size:11px;color:#f8caa5;margin-top:16px}
.more-fuels {border:0;background:none;color:#8eaaad;font-size:12px;margin-top:13px;padding:7px 1px}
.more-fuels:hover{color:white}
.two-cols {margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.panel {border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface);min-width:0;overflow:hidden}
.panel-header {display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 24px 20px;border-bottom:1px solid #293842}
.actions{padding:10px 14px 14px}
.action-card {display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:13px 10px;border:0;border-radius:10px;background:transparent;color:#e8eff1}
.action-card:hover{background:#202e3a}
.action-card>span:nth-child(2) {display:flex;flex:1;min-width:0;gap:5px;flex-direction:column}
.action-card b{font-size:12px;font-weight:740}
.action-card small{font-size:11px;color:#889ba7}
.action-card>svg:last-child{color:#738896}
.action-ico {display:grid;place-items:center;width:42px;height:42px;border-radius:10px;flex-shrink:0}
.view-all {border:0;background:none;color:#b6e3b7;display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px}
.mini-history{padding:3px 20px}
.mini-row{display:flex;align-items:center;gap:12px;min-height:65px;border-bottom:1px solid #273641}
.mini-row:last-child{border-bottom:0}
.mini-avatar {display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#b1e7ac;background:#2c4437;flex-shrink:0}
.mini-avatar.refuel{background:#45372f;color:#efc090}
.mini-avatar.adjustment{background:#39334a;color:#cfc0f9}
.mini-info {display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.mini-info b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-info span{font-size:11px;color:#8fa1ad}
.mini-amount{font-size:12px;white-space:nowrap}
.footer{display:flex;justify-content:space-between;gap:16px;margin:0 42px;padding:18px 0 26px;border-top:1px solid #263541;color:#6f8290;font-size:11px}
.empty{text-align:center;padding:51px 20px 54px;color:var(--muted)}
.empty-icon{display:grid;place-items:center;width:58px;height:58px;background:#253640;color:#a6c7cf;border-radius:18px;margin:0 auto 18px}
.empty h3{font-size:15px;color:#d7e2e7;margin:0 0 8px}
.empty p{font-size:12px;max-width:350px;line-height:1.6;margin:0 auto 18px}
.list-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.hint {color:var(--muted);font-size:13px;margin:0}
.hint b{color:var(--light)}
.toolbar{display:flex;gap:10px;align-items:center}
.car-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.car-card {padding:23px;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface);min-width:0}
.car-card.is-archived{opacity:.62}
.car-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}
.car-deco{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#2a3c47;color:#b0d2e3}
.car-card h3{font-size:23px;letter-spacing:.015em;margin:0 0 6px}
.car-name{color:var(--muted);font-size:12px;margin:0 0 23px;min-height:15px}
.car-metrics {display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#1c2a34;border-radius:11px;padding:13px 15px}
.car-metrics>div{display:flex;flex-direction:column;gap:8px}
.car-metrics span{color:#8f9fa9;font-size:11px}
.car-metrics strong{font-size:22px;letter-spacing:-.03em}
.car-bottom{display:flex;align-items:center;gap:5px;margin-top:18px}
.car-bottom>span{color:#8295a1;flex:1;font-size:10px}
.icon-button {display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid transparent;color:#9eb0bc}
.icon-button:hover{background:#2b3d48;color:white;border-color:#435361}
.icon-button.danger-hover:hover{color:#ffc7bf;background:#493239}
.table-panel{overflow:hidden}
.filterbar{display:flex;gap:12px;padding:18px 20px;border-bottom:1px solid var(--stroke)}
.searchbox {display:flex;align-items:center;gap:11px;flex:1;border:1px solid #334652;background:#1b2934;border-radius:9px;padding:0 13px;color:#91a8b6}
.searchbox input{background:none;border:0;outline:0;color:#e7f0f3;width:100%;font-size:12px;min-height:41px}
.searchbox input::placeholder{color:#728594}
.field {width:100%;display:block;background:#1c2934;border:1px solid #354854;border-radius:9px;color:#e6eef0;min-height:43px;padding:10px 12px;outline:none}
.field:focus {border-color:#97cda0;box-shadow:0 0 0 2px #97cda01a}
.field::placeholder {color:#6f8391}
select.field{appearance:auto;color-scheme:dark}
.select-filter{width:185px;font-size:12px}
.table-scroll{width:100%;overflow-x:auto}
table{border-collapse:collapse;width:100%;text-align:left;min-width:730px}
th {font-size:10px;color:#8c9fab;font-weight:760;letter-spacing:.07em;text-transform:uppercase;padding:18px 21px 15px;background:#192630;border-bottom:1px solid var(--stroke)}
td {padding:17px 21px;border-bottom:1px solid #273541;font-size:12px;color:#b7c5cc}
tr:last-child td {border-bottom:0}
tr:hover td{background:#1a2934}
.nowrap{white-space:nowrap}
.operation-name{display:flex;align-items:center;gap:8px;color:#dce7eb;white-space:nowrap}
.dot{width:7px;height:7px;border-radius:50%;background:#aaccc4;flex-shrink:0}
.dot.receipt{background:#a9e4ad}
.dot.refuel{background:#f2ba8a}
.dot.adjustment{background:#baa6fc}
.muted-note{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718592;font-size:10px;margin-top:6px}
.plate{color:#e7eff3;font-weight:750;white-space:nowrap}
.muted{color:#728593}
.table-actions{display:flex;gap:5px}
.load-more{text-align:center;padding:20px}
.report-stats{margin-bottom:20px}
.report-chart{margin-bottom:20px}
.legend{display:flex;align-items:center;gap:16px;color:#a8b8c2;font-size:11px}
.legend span{display:flex;align-items:center;gap:7px}
.legend-color{display:inline-block;width:9px;height:9px;border-radius:3px}
.legend-color.arrived,.bar.came{background:#a7dfa9}
.legend-color.consumed,.bar.used{background:#efbc88}
.chart-body{padding:27px 30px 15px}
.chart-bars{height:220px;border-bottom:1px solid #344653;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;background-image:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#31404b calc(25% - 1px),#31404b 25%);background-size:100% 100%}
.chart-month{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;position:relative}
.bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:100%;width:100%;padding:0 8px}
.bar{border-radius:5px 5px 0 0;width:min(27%,39px);min-width:8px;transition:height .3s}
.chart-month>span{position:absolute;top:calc(100% + 10px);color:#8395a1;font-size:11px;text-transform:capitalize;white-space:nowrap}
.report-chart .chart-body{padding-bottom:53px}
.report-list{padding:10px 20px}
.report-list-row{display:flex;align-items:center;gap:14px;padding:15px 2px;border-bottom:1px solid #2b3943}
.report-list-row:last-child{border-bottom:0}
.rank{display:grid;place-items:center;border-radius:8px;width:29px;height:29px;background:#283742;color:#9cadb9;font-size:11px}
.report-list-row>div{display:flex;flex-direction:column;gap:5px;flex:1}
.report-list-row b{font-size:12px}
.report-list-row small{color:#8d9fac;font-size:10px}
.report-list-row strong{font-size:13px;white-space:nowrap}
.fuel-report{padding:8px 22px}
.fuel-report-line{display:grid;grid-template-columns:70px 1fr 1fr 1fr;gap:11px;align-items:center;min-height:56px;border-bottom:1px solid #2b3943}
.fuel-report-line:last-child{border-bottom:0}
.fuel-report-line>span{max-width:max-content}
.fuel-report-line>div{display:flex;flex-direction:column;gap:5px}
.fuel-report-line small{font-size:10px;color:#8397a4}
.fuel-report-line b{font-size:12px;white-space:nowrap}
.report-actions{display:flex;gap:10px;margin-top:18px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.settings-panel{padding:24px}
.settings-panel.full{grid-column:span 2}
.settings-icon{display:grid;place-items:center;width:46px;height:46px;background:#2b4039;color:#c2e9ba;border-radius:12px;margin-bottom:20px}
.settings-panel h2{margin-bottom:9px}
.settings-panel p{color:#94a7b2;font-size:12px;line-height:1.8;max-width:640px;margin:0 0 20px}
.settings-actions{display:flex;gap:10px;flex-wrap:wrap}
.hint-row{display:flex;gap:9px;align-items:center;color:#b4e3b5;font-size:12px}
.modal-overlay{position:fixed;inset:0;z-index:30;background:#02090ccf;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px)}
.modal {background:#17232d;border:1px solid #40515e;box-shadow:0 25px 120px #0009;border-radius:17px;width:min(100%,520px);max-height:min(92vh,850px);overflow:auto;padding:26px}
.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:24px}
.modal-header h2{font-size:21px;margin:0 0 8px}
.modal-header p{color:#94a7b3;font-size:12px;line-height:1.5;margin:0}
.modal-header .icon-button{margin-top:-5px}
.modal-fields{display:flex;flex-direction:column;gap:17px}
.form-group{display:block;min-width:0}
.form-group>span{display:block;color:#ccd9df;font-size:12px;font-weight:650;margin-bottom:8px}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-group.checkline{display:flex;align-items:center;gap:10px;margin-top:2px}
.form-group.checkline span{margin:0}
.form-group.checkline input{accent-color:#b6e8b9;width:17px;height:17px}
.modal-buttons{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:26px;flex-wrap:wrap}
.toast {position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:10px;max-width:min(410px,calc(100vw - 40px));background:#234539;border:1px solid #478163;box-shadow:0 10px 45px #0008;color:#d6f7dd;border-radius:12px;padding:15px 18px;font-size:12px;font-weight:650}
.toast.is-error {background:#503139;border-color:#975363;color:#ffe2da}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.auth-hero{display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:48px clamp(35px,6vw,100px);background:radial-gradient(circle at 30% 18%,#375243 0%,#1c302d 40%,#122125 85%);border-right:1px solid #355041}
.auth-brand{padding:0}
.auth-hero .eyebrow{color:#a8d9ae;font-size:12px;font-weight:700;letter-spacing:.22em}
.auth-hero h1{font-size:clamp(43px,5vw,78px);line-height:1.07;letter-spacing:-.055em;margin:24px 0 25px}
.auth-hero p{max-width:440px;color:#adbfba;font-size:16px;line-height:1.7;margin:0}
.auth-foot{font-size:11px;color:#85a698}
.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px}
.auth-panel{width:min(100%,410px)}
.auth-lock{display:grid;place-items:center;width:57px;height:57px;background:#2a4039;color:#b6e8b9;border-radius:15px;margin-bottom:29px}
.auth-panel h2{font-size:28px;letter-spacing:-.035em;margin:0 0 10px}
.auth-panel>p{color:#97aab5;font-size:13px;line-height:1.7;margin:0 0 30px}
.form-label{display:block;color:#c8d4dc;font-size:12px;font-weight:650;margin:17px 0 9px}
.auth-panel .field{min-height:48px}
.auth-panel .btn{margin-top:22px}
.auth-note{display:flex;justify-content:center;align-items:center;gap:8px;color:#8096a1;margin-top:32px;font-size:11px}
.center-screen{min-height:100vh;display:grid;place-items:center;padding:30px}
.access-card{width:min(450px,100%);padding:35px;border:1px solid var(--stroke);border-radius:15px;background:var(--surface)}
.access-card p{color:var(--muted);line-height:1.7}
@media(max-width:1200px){.shell{grid-template-columns:213px minmax(0,1fr)}.sidebar{padding:29px 13px}.content .topbar{padding:30px 27px}.page-content{padding:27px}.footer{margin:0 27px}.stat-grid{gap:12px}.stat-card{padding:17px}.fuel-grid{gap:12px}.car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:31px}.fuel-grid{grid-template-columns:minmax(0,1fr)}.topbar{flex-wrap:wrap}.header-controls{width:100%;justify-content:space-between}.two-cols{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-panel.full{grid-column:auto}}
@media(max-width:730px){.shell{display:block}.sidebar{position:sticky;z-index:10;height:auto;top:0;display:block;padding:10px 13px 8px;border-right:none;border-bottom:1px solid #2b3e46}.logo{font-size:16px;padding:5px 2px 11px;gap:10px}.logo svg{width:20px;height:20px}.side-caption,.side-lower{display:none}.side-nav{display:flex;flex-direction:row;gap:5px;overflow-x:auto;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.nav-item{flex:1;min-width:0;flex-direction:column;justify-content:center;gap:4px;padding:7px 9px;min-height:54px;font-size:10px;white-space:normal;text-align:center}.nav-item .nav-desktop{display:none}.nav-item .nav-mobile{display:block;font-size:10px;overflow-wrap:anywhere;line-height:1.1}.nav-item svg{width:17px;height:17px}.topbar,.content .topbar{padding:25px 18px;gap:20px}.topbar h1{font-size:26px}.page-content{padding:22px 16px}.footer{margin:0 16px;font-size:10px}.month-control input{width:123px}.add-top{flex:1}.fuel-card{padding:18px}.list-head{flex-wrap:wrap}.list-head .toolbar{width:100%;justify-content:flex-start}.filterbar{flex-direction:column}.select-filter{width:100%}.car-grid{grid-template-columns:1fr 1fr;gap:10px}.auth-layout{grid-template-columns:1fr}.auth-hero{padding:25px 24px 37px;gap:45px}.auth-hero h1{font-size:43px;margin:15px 0 12px}.auth-hero p{font-size:13px}.auth-foot{display:none}.auth-form-wrap{padding:40px 24px 60px}.report-chart .chart-body{padding:27px 12px 53px}.panel-header{padding:19px}.fuel-report{padding:8px 12px}.fuel-report-line{grid-template-columns:58px repeat(3,minmax(0,1fr));gap:5px}.fuel-report-line b{font-size:10px}.fuel-report-line small{font-size:9px}}
@media(max-width:480px){.stat-grid{gap:9px}.stat-card{padding:15px 12px;border-radius:12px}.stat-header{font-size:10px;min-height:30px;margin-bottom:12px}.stat-symbol{width:30px;height:30px}.stat-value{font-size:24px}.stat-card p{font-size:9px;line-height:1.4}.fuel-grid{grid-template-columns:1fr}.fuel-volume{font-size:37px}.section-head h2{font-size:16px}.two-cols{margin-top:20px}.car-grid{grid-template-columns:1fr}.car-card{padding:20px}.header-controls{flex-wrap:wrap}.header-controls .month-control{width:100%;justify-content:center}.header-controls .add-top{width:100%;flex:1}.report-actions{flex-wrap:wrap}.report-actions .btn{flex:1}.legend{gap:9px;font-size:10px}.modal{padding:22px 18px}.form-two{gap:9px}.form-two .field{padding:10px 7px}.footer{flex-wrap:wrap}.toolbar .btn{font-size:11px;padding:10px}.mini-history{padding:5px 13px}.mini-amount{font-size:11px}.panel-header{padding:19px 15px}.action-card{padding:13px 4px}}
@media print{ :root{color-scheme:light;--bg:white;--surface:white;--light:#111;--muted:#666;--stroke:#ccc}body{background:white;color:#111}.sidebar,.header-controls,.footer,.report-actions,.view-all,.more-fuels{display:none!important}.shell{display:block}.topbar{padding:15px 0 20px;border-bottom:1px solid #bbb}.page-content{padding:15px 0}.panel,.stat-card{background:white!important;border-color:#bbb;break-inside:avoid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-cols{grid-template-columns:1fr 1fr}.report-chart .chart-body{background:#eee}.stat-card p,.panel-header p{color:#555}.fuel-report-line b,.report-list-row strong{color:#111}.bar{-webkit-print-color-adjust:exact;print-color-adjust:exact}.chart-month span{color:#222}.fuel-badge{color:#111}}