:root{--bg: #0b1220;--surface: #131c2e;--surface2: #1b2740;--line: #263350;--text: #e6edf7;--muted: #93a4c0;--accent: #3b82f6;--accent2: #22c55e;--warn: #f59e0b;--danger: #ef4444;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.center{min-height:100dvh;display:grid;place-items:center;padding:20px}.muted{color:var(--muted)}.small{font-size:.85rem}.ok{color:var(--accent2)}.error{color:var(--danger);font-size:.9rem}.hide-sm{display:none}.app{max-width:760px;margin:0 auto;padding-bottom:40px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#0b1220e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.2px}.spacer{flex:1}.pill{padding:3px 9px;border-radius:999px;font-size:.8rem}.pill.warn{background:#f59e0b26;color:var(--warn);border:1px solid rgba(245,158,11,.35)}.link{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:4px 6px}.vehiclebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px}.tabs{display:flex;gap:6px;padding:0 16px 8px}.tabs button{flex:1;padding:10px;border-radius:10px;background:var(--surface);color:var(--muted);border:1px solid var(--line);cursor:pointer;font:inherit}.tabs button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.content{padding:8px 16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:8px 0}.card.auth{width:min(380px,92vw);text-align:center}.card.auth .logo{font-size:2.4rem}.card.auth h1{margin:6px 0 0}label{display:block;font-size:.82rem;color:var(--muted);margin:8px 0 4px}input,select{width:100%;padding:10px 12px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:10px;font:inherit}input:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}.check{display:flex;align-items:center;gap:8px;margin-top:10px}.check input{width:auto}button[type=submit],.ghost{margin-top:14px;width:100%;padding:12px;border-radius:10px;border:none;cursor:pointer;font:inherit;font-weight:600;background:var(--accent);color:#fff}button[disabled]{opacity:.6;cursor:default}.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.scanbox{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:14px;border:1px dashed var(--line);border-radius:12px;background:var(--surface2)}.photobtn{display:inline-block;text-align:center;cursor:pointer;padding:14px;border-radius:10px;color:var(--text);background:var(--surface);border:1px solid var(--line);margin:0}.thumb{width:100%;max-height:220px;object-fit:contain;border-radius:10px;background:#000}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:600}.dash h3{margin:18px 0 8px}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}.kpival{font-size:1.5rem;font-weight:700}.kpilabel{color:var(--muted);font-size:.82rem;margin-top:2px}.bars{display:flex;flex-direction:column;gap:8px}.barrow{display:grid;grid-template-columns:70px 1fr 56px;align-items:center;gap:8px}.barlabel{color:var(--muted);font-size:.82rem}.bar{height:16px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:6px;min-width:2px}.barval{text-align:right;font-size:.85rem}@media (min-width: 560px){.hide-sm{display:inline}.kpis{grid-template-columns:repeat(4,1fr)}}