:root{--bg:#f4f7f6;--card:#fff;--ink:#17302d;--muted:#61736f;--border:#dbe6e2;--field:#afc6be;--primary:#b88914;--primary-hover:#d4a017;color:var(--ink);background:var(--bg);font-family:Inter,system-ui,sans-serif}:root[data-theme=dark]{--bg:#12201f;--card:#1d2d2b;--ink:#eef8f5;--muted:#b4c8c2;--border:#36504b;--field:#57756e;--primary:#d4af37;--primary-hover:#e0bc4a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}main{min-height:100vh}.auth{place-items:center;padding:24px;display:grid}.shell{gap:18px;max-width:1100px;margin:18px auto;padding:0 20px;display:grid}.card{background:var(--card);border:1px solid var(--primary);border-radius:14px;padding:22px;box-shadow:0 2px 8px #17302d0b}h1,h2{margin-top:0}h1{color:var(--primary);letter-spacing:.2px;font-weight:800}h2{color:var(--primary);margin-bottom:14px;font-size:1.15rem;font-weight:700}form{gap:14px;display:grid}label{gap:6px;font-size:.9rem;font-weight:600;display:grid}input,select{border:1px solid var(--field);font:inherit;background:var(--card);color:var(--ink);border-radius:8px;padding:10px}.grid-form{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));align-items:end}.grid-form>label,.grid-form>div{min-width:0}.button-cell{align-items:end;display:flex}.amount-cell{flex-wrap:wrap;align-items:end;gap:12px;min-width:0;display:flex}.amount-cell>label:first-child{flex:130px;min-width:130px}.check{white-space:nowrap;flex:none;align-items:center;padding:10px 0;display:flex}.check input{width:auto}button{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#1a1400;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:700;transition:filter .15s}button:hover{filter:brightness(1.08)}button:active{filter:brightness(.95)}button.secondary{color:var(--ink);border:1px solid var(--primary);background:0 0}.dark{color:var(--ink)!important;border-color:var(--field)!important}.danger{color:#fff;background:#b42318}.actions{gap:6px;display:flex}.actions button{padding:7px 9px;font-size:.78rem}.error{color:#dc2626;margin:0}.notice{color:#16734b;margin:0;font-weight:600}.auth-switch{width:100%;margin-top:-4px}.muted{color:var(--muted)}.detail-row{gap:8px;padding:4px 0;display:flex}.detail-row .label{color:var(--ink);min-width:140px;font-weight:700}.detail-row .value{color:var(--muted)}table{border-collapse:collapse;width:100%;margin-top:16px;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap;padding:12px 10px}th{color:var(--muted)}.section-title{justify-content:space-between;align-items:start;display:flex}.section-title button{padding:4px 11px;font-size:1.15rem}.chart svg{width:100%;height:auto}.axis{stroke:var(--muted)}.legend{justify-content:center;gap:18px;display:flex}.legend span:before{content:"";vertical-align:middle;width:14px;height:3px;margin-right:6px;display:inline-block}.legend .gas:before{background:#2563eb}.legend .petrol:before{background:#dc2626}.legend .diesel:before{background:#0f766e}@media (width<=600px){.card{padding:16px}.shell{margin:12px auto;padding:0 12px}.grid-form{grid-template-columns:1fr}table{font-size:.78rem}th,td{padding:7px 4px}}.table-scroll{max-height:255px;overflow:auto}.chart-filter{width:180px;margin:0 0 12px auto}.chart .grid-line{stroke:var(--border);stroke-dasharray:3 4}.chart .axis-label{fill:var(--muted);font-size:11px}.chart .date-label{text-anchor:middle}.chart .chart-line{stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.app-header{border-bottom:2px solid var(--primary);background:linear-gradient(105deg,#171d22,#23414a 58%,#11171b)}.app-header .header-inner{max-width:1100px;margin:0 auto;padding:0 20px}.app-header .header-logo{aspect-ratio:1400/420;object-fit:contain;object-position:center;border-radius:0 0 10px 10px;width:100%;height:auto;display:block}.app-header .header-row{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.app-header .header-row strong{color:#f2ede0;font-size:1.15rem}.app-header .header-user{color:#c7bfa0;font-size:.85rem}.app-header .header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.app-header .nav-icon{border:1px solid var(--primary);color:#f2ede0;background:0 0;place-items:center;width:38px;height:36px;padding:0;font-size:1.05rem;line-height:1;display:grid}.app-header .nav-icon.active{background:var(--primary);color:#17130a}.app-header .header-help,.app-header .header-support{border:1px solid var(--primary);width:36px;height:36px;color:var(--primary-hover);background:0 0;border-radius:8px;place-items:center;padding:0;font-weight:800;text-decoration:none;display:grid}.app-header .header-support{color:#f06a88}.help-modal h3{color:var(--primary);margin:20px 0 6px}.help-modal ol,.help-modal p{line-height:1.55}.app-header .lang-toggle{border:1px solid var(--primary);color:var(--primary-hover);background:0 0;border-radius:8px;min-height:auto;padding:7px 10px;font-size:.8rem;font-weight:700}.app-header .theme-toggle{border:1px solid var(--primary);color:var(--primary-hover);background:0 0;border-radius:8px;min-height:auto;padding:6px 10px;font-size:1.05rem;line-height:1}.app-header button.secondary{border:1px solid var(--primary);color:#f2ede0;background:0 0}.app-header button.secondary:hover{filter:none;background:#ffffff12}.password-field{width:100%;position:relative}.password-field input{width:100%;padding-right:48px}.password-toggle{width:36px;height:36px;min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;font-size:1.2rem;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{background:var(--border);filter:none}.app-nav{z-index:20;border:1px solid var(--primary);background:#182327;border-radius:14px;gap:5px;padding:6px;display:flex;position:fixed;bottom:13px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0005}.app-nav button{color:#e9e1ca;background:0 0;padding:9px 13px;font-size:.85rem}.app-nav .about-tab{color:var(--primary-hover);line-height:1.05}.app-nav .about-tab small{opacity:.8;font-size:.68rem}.app-nav button.active{background:var(--primary);color:#161616}.app-footer{justify-content:center;align-items:start;min-height:88px;padding-top:20px;display:flex}.version-button{color:var(--muted);border:1px solid var(--border);background:0 0;padding:7px 11px;font-size:.75rem}.modal-backdrop{z-index:50;background:#061010b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.about-modal{border:1px solid var(--primary);background:var(--card);width:min(560px,100%);max-height:90vh;color:var(--ink);border-radius:18px;padding:26px;position:relative;overflow:auto;box-shadow:0 24px 65px #0008}.about-modal img{object-fit:cover;border-radius:10px;width:100%;max-height:135px;margin-bottom:16px}.about-modal h2{color:var(--primary)}.about-modal p{line-height:1.45}.about-modal a{color:var(--primary)}.support-button{text-align:center;background:var(--primary);border-radius:8px;padding:12px;font-weight:700;text-decoration:none;display:block;color:#161616!important}.modal-close{background:#3a4243;padding:4px 10px;position:absolute;top:12px;right:12px}.alert-card{color:#78350f;background:#fffbeb;border:1px solid #f59e0b;border-radius:12px;padding:14px}.maintenance-alert{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.maintenance-alert button{white-space:nowrap;padding:7px 10px;font-size:.8rem}:root[data-theme=dark] .alert-card{color:#fde68a;background:#442b11}.refuel-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px 16px;display:grid}.refuel-form>*{min-width:0}.refuel-form .check{grid-column:2;align-self:end;min-height:42px;padding:10px 0}.refuel-form .button-cell{grid-column:3}.refuel-form .button-cell button{white-space:nowrap;width:100%}.vehicle-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px 16px;display:grid}.vehicle-form>*{min-width:0}.vehicle-form .button-cell button{width:100%}.maintenance-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px 16px;display:grid}.maintenance-form>*{min-width:0}.maintenance-form>label:nth-child(2){grid-column:span 2}.maintenance-form .button-cell{grid-column:3}.maintenance-form .button-cell button{width:100%}.maintenance-form .button-cell{gap:8px;display:grid}.row-edit{white-space:nowrap;padding:7px 10px;font-size:.78rem}.analytics-top{grid-template-columns:minmax(220px,1fr) minmax(150px,190px);align-items:end;gap:14px;display:grid}.analytics-tabs{border-bottom:1px solid var(--border);gap:8px;margin:18px 0 16px;display:flex}.analytics-tabs button{color:var(--muted);background:0 0;border-radius:9px 9px 0 0;padding:10px 14px}.analytics-tabs button.active{color:#1a1400;background:linear-gradient(135deg,var(--primary),var(--primary-hover))}@media (width<=700px){body{font-size:15px;overflow-x:hidden}.app-header .header-inner{padding:0 10px}.app-header .header-logo{height:auto}.app-header .header-row{gap:8px;padding:8px 0}.app-header .header-user{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.app-header .header-actions{gap:6px}.app-header .nav-icon{width:37px;height:37px}.app-header button.secondary{padding:9px 12px}.toolbar{flex-wrap:wrap;align-items:end;margin-top:12px;padding:0 12px}.shell{gap:12px;margin:12px auto;padding:0 10px}.card{border-radius:12px;padding:15px;overflow:hidden}.card h2{font-size:1.08rem}.grid-form,.refuel-form{grid-template-columns:1fr;gap:10px}.refuel-form .check,.refuel-form .button-cell{grid-column:auto}.refuel-form .check{padding:5px 0}.vehicle-form,.maintenance-form{grid-template-columns:1fr;gap:10px}.maintenance-alert{flex-direction:column;align-items:flex-start}.maintenance-form>label:nth-child(2),.maintenance-form .button-cell{grid-column:auto}.analytics-top{grid-template-columns:1fr;gap:10px}.analytics-tabs{margin-top:14px}.analytics-tabs button{flex:1;padding:10px 6px;font-size:.82rem}.button-cell,.button-cell button{width:100%}input,select,button{min-height:42px;font-size:16px}.check{min-height:42px}.table-scroll{max-height:235px;margin-left:-2px;margin-right:-2px;overflow:auto}.table-scroll table{font-size:.78rem}th,td{padding:8px 7px}.actions{flex-direction:column;min-width:94px}.chart-filter{width:100%;margin:0 0 10px}.chart svg{width:620px;min-width:620px;max-width:none}.chart{padding-bottom:5px;overflow-x:auto}.legend{justify-content:flex-start;padding-left:10px}.add-car button{width:100%}.app-nav{bottom:8px}.app-nav button{padding:8px 12px;font-size:.7rem}.app-footer{min-height:92px}}