:root{--bg:#f7f9fb;--surface:#fff;--surface-strong:#10212b;--text:#43515b;--text-strong:#0b151b;--muted:#687884;--border:#dce4ea;--accent:#0f766e;--accent-strong:#0b5f59;--accent-soft:#d9f2ef;--warning:#b45309;--warning-soft:#fff2d6;--danger:#b42318;--danger-soft:#fde8e5;--success:#137333;--success-soft:#e2f6e8;--shadow:0 22px 55px #0c1e2824;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,p{margin:0}#app{min-height:100svh}.public-page{background:linear-gradient(180deg, #0f766e17, #0f766e00 320px), var(--bg);min-height:100svh;padding:18px}.qr-shell,.state-panel{width:min(100%,720px);margin:0 auto}.qr-shell{gap:18px;display:grid}.page-header{padding:22px 4px 2px}.eyebrow,.vehicle-label{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.page-header h1,.state-panel h1{color:var(--text-strong);max-width:13ch;margin-top:8px;font-size:clamp(2rem,9vw,3.65rem);line-height:1.02}.page-header p,.state-panel p{color:var(--text);max-width:34rem;margin-top:14px;font-size:1.03rem}.vehicle-panel,.state-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.vehicle-panel{grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:16px;display:grid}.vehicle-icon{aspect-ratio:1;background:var(--surface-strong);border-radius:8px;place-items:center;width:76px;display:grid}.vehicle-icon span{background:#f97316;border-radius:7px 7px 3px 3px;width:50px;height:25px;display:block;position:relative}.vehicle-icon span:before,.vehicle-icon span:after{background:var(--surface-strong);content:"";border-radius:50%;width:13px;height:13px;position:absolute;bottom:-7px}.vehicle-icon span:before{left:6px}.vehicle-icon span:after{right:6px}.vehicle-panel h2{color:var(--text-strong);margin-top:3px;font-size:1.35rem;line-height:1.15}.vehicle-panel p:last-child{color:var(--muted);margin-top:4px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quick-action{background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:8px;min-height:92px;padding:15px;text-decoration:none}.quick-action strong,.quick-action span{display:block}.quick-action strong{color:var(--text-strong);font-weight:850}.quick-action span{color:var(--muted);margin-top:4px;font-size:.88rem;line-height:1.25}.call-action{background:var(--surface-strong);border-color:var(--surface-strong)}.call-action strong,.call-action span{color:#fff}.urgent-action{background:var(--danger-soft);border-color:#b423183d}.urgent-action strong{color:var(--danger)}.call-status{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #0f766e2e}.action-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:18px;display:grid}.action-panel h2{color:var(--text-strong);margin-top:4px;font-size:1.45rem;line-height:1.15}.action-panel p{color:var(--muted);margin-top:6px}.urgent-panel{background:#fff8f7;border-color:#b4231847}.urgent-eyebrow{color:var(--danger)}.field span{color:var(--text-strong);margin-bottom:8px;font-size:.95rem;font-weight:800;display:block}.field em{color:var(--muted);font-style:normal;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);color:var(--text-strong);background:#fff;border-radius:8px;outline:none;width:100%;padding:13px 14px;display:block}.field textarea{resize:vertical;min-height:116px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0f766e24}.primary-action,.danger-action{color:#fff;border:0;border-radius:8px;width:100%;min-height:54px;padding:14px 18px;font-weight:850}.primary-action{background:var(--accent)}.primary-action:hover:not(:disabled){background:var(--accent-strong)}.danger-action{background:var(--danger)}.danger-action:hover:not(:disabled){background:#8f1d14}.success-panel{background:var(--success-soft);box-shadow:var(--shadow);border:1px solid #13733338;border-radius:8px;gap:8px;padding:18px;display:grid}.success-panel h2{color:var(--success);font-size:1.55rem;line-height:1.15}.success-panel p{color:#245b34}.urgent-success-panel{background:var(--danger-soft);border-color:#b4231847}.urgent-success-panel h2{color:var(--danger)}.urgent-success-panel p{color:#7a241c}.compact-action{justify-self:start;min-height:44px;margin-top:8px;padding:10px 14px}.quick-action:focus-visible,.primary-action:focus-visible,.danger-action:focus-visible,.secondary-action:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px #0f766e24}.privacy-note{background:var(--warning-soft);color:#6f3b05;border:1px solid #b453092e;border-radius:8px;padding:12px 14px}.secondary-action{background:var(--surface-strong);color:#fff;border:0;border-radius:8px;min-height:52px;margin-top:22px;padding:14px 18px;font-weight:800}.form-alert{border-radius:8px;padding:13px 14px;font-weight:700}.form-alert.success{background:var(--success-soft);color:var(--success)}.form-alert.error{background:var(--danger-soft);color:var(--danger)}.state-panel{margin-top:max(20px,12svh);padding:26px}.owner-page{background:var(--bg);min-height:100svh;padding:18px}.owner-card,.owner-dashboard{width:min(100%,760px);margin:0 auto}.owner-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:22px;display:grid}.owner-card h1,.owner-card h2,.dashboard-header h1{color:var(--text-strong);line-height:1.1}.owner-card h1,.dashboard-header h1{font-size:clamp(2rem,8vw,3.2rem)}.owner-copy,.owner-link{color:var(--muted)}.owner-link a,.vehicle-list a{color:var(--accent-strong);font-weight:800}.owner-form,.owner-dashboard{gap:16px;display:grid}.dashboard-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.vehicle-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.vehicle-list li{border:1px solid var(--border);background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.vehicle-summary{align-items:center;gap:14px;display:flex}.sticker-preview{aspect-ratio:3/4;border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:6px;flex:none;place-items:center;height:104px;padding:4px;display:grid;box-shadow:0 8px 18px #0c1e2814}.placeholder-preview{color:var(--accent-strong);font-size:.7rem;font-weight:850}.vehicle-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.vehicle-list strong,.vehicle-list span{display:block}.vehicle-list span{color:var(--muted);font-size:.92rem}.text-action{color:var(--accent-strong);background:0 0;border:0;padding:0;font-weight:800}.message-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.message-list li{border:1px solid var(--border);background:#f8fafc;border-radius:8px;gap:10px;padding:14px;display:grid}.message-list li.urgent-message{background:var(--danger-soft);border-color:#b4231847}.message-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.message-header strong{color:var(--text-strong)}.urgent-pill{background:var(--danger);color:#fff;border-radius:999px;padding:4px 9px;font-size:.76rem;font-weight:850}.message-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.message-meta dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.message-meta dd{color:var(--text-strong);overflow-wrap:anywhere;margin:2px 0 0}.loader{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=760px){.public-page{padding:34px 24px}.page-header{padding-top:34px}.action-panel{padding:22px}}@media (width<=520px){.public-page{padding:12px}.qr-shell{gap:14px}.page-header{padding-top:14px}.page-header h1,.state-panel h1{max-width:100%;font-size:2.15rem}.vehicle-panel{grid-template-columns:auto 1fr;gap:13px;padding:14px}.vehicle-icon{width:58px}.vehicle-icon span{width:40px;height:20px}.quick-actions{grid-template-columns:1fr}.quick-action{min-height:76px}.action-panel,.success-panel{padding:16px}.owner-page{padding:12px}.owner-card{padding:16px}.dashboard-header,.vehicle-list li{flex-direction:column;align-items:stretch}.vehicle-summary{align-items:flex-start}.sticker-preview{height:96px}.vehicle-actions{justify-content:flex-start}.message-header{flex-direction:column;align-items:flex-start}.message-meta{grid-template-columns:1fr}}