:root{--main: #1b8fd6;--text: #2b2f36;--muted: #6b7280;--border: #dde1e6;--head-bg: #3a4351;--head-text: #fff;--row-hover: #f3f6f9;--row-active: #e6f2fb;--error: #c0392b;--ok: #2e7d32;--card-bg: #fff;--page-bg: #f6f7f9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text);background:var(--page-bg)}.app{max-width:1100px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.app-header h1{font-size:18px;font-weight:600}.vehicle-select,.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.vehicle-name{font-weight:600}select,input{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:6px;font:inherit;color:var(--text);background:#fff;min-width:160px}input:disabled{background:#f1f3f5}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:16px}.card h2{font-size:15px;font-weight:600;margin-bottom:12px}.form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.btn-primary{height:36px;padding:0 20px;border:none;border-radius:6px;background:var(--main);color:#fff;font:inherit;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:default}.msg{margin-top:8px}.msg.ok{color:var(--ok)}.msg.error,.status.error{color:var(--error)}.summary{display:flex;flex-wrap:wrap;gap:32px;margin-top:16px}.summary dt{font-size:12px;color:var(--muted)}.summary dd{font-size:18px;font-weight:600}.status{padding:24px 0;text-align:center;color:var(--muted)}.history{width:100%;border-collapse:collapse}.history th{background:var(--head-bg);color:var(--head-text);font-size:12px;font-weight:600;text-transform:uppercase;text-align:left;padding:10px 12px}.history td{padding:10px 12px;border-bottom:1px solid var(--border)}.history tr{cursor:pointer}.history tbody tr:hover{background:var(--row-hover)}.history tr.active{background:var(--row-active)}.history tr.empty td{color:var(--muted)}.history .num{text-align:right;white-space:nowrap}@media(max-width:700px){.history th:nth-child(7),.history td:nth-child(7){display:none}}