:root{color:#1c292b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f4ed;font-family:Avenir Next,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}:root{--ink:#1c292b;--muted:#647173;--line:#d7d8d0;--paper:#f5f4ed;--card:#fffefa;--accent:#0f766e;--accent-dark:#075c55;--danger:#a13a30}.auth-page{background:var(--paper);grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);min-height:100svh;display:grid}.auth-intro{color:#f6fbf9;background:#174c4b;min-height:100svh;padding:clamp(36px,7vw,96px);position:relative;overflow:hidden}.auth-intro:before{content:"";opacity:.22;background-image:linear-gradient(90deg,#0000 94%,#c7e0d8 94%),linear-gradient(#c7e0d8 6%,#0000 6%);background-size:44px 44px;position:absolute;inset:0}.brand-mark{grid-template-columns:repeat(2,12px);gap:4px;display:inline-grid}.brand-mark span{background:#c5dc4d;height:12px}.brand-mark span:last-child{background:#f7b955}.auth-intro>*{position:relative}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.auth-intro .eyebrow{color:#c7e0d8;margin-top:76px}h1,h2,p{margin-top:0}.auth-intro h1{letter-spacing:0;margin:14px 0 20px;font-size:clamp(54px,7vw,96px);font-weight:600;line-height:.94}.intro-copy{color:#d0dfdc;max-width:320px;font-size:17px;line-height:1.55}.intro-grid{grid-template-columns:repeat(4,12px);gap:8px;display:grid;position:absolute;bottom:11%;right:10%}.intro-grid span{aspect-ratio:1;border:1px solid #76a7a1}.intro-grid span:nth-child(2),.intro-grid span:nth-child(3){background:#c5dc4d;border-color:#c5dc4d}.auth-panel{width:min(100%,480px);margin:auto;padding:44px}.auth-heading{margin-bottom:38px}.auth-heading h2{letter-spacing:0;margin:8px 0 0;font-size:34px;line-height:1.1}.auth-form{gap:20px;display:grid}label{color:var(--ink);gap:8px;font-size:14px;font-weight:700;display:grid}input{width:100%;min-height:48px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:4px;outline:none;padding:12px 13px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e24}.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:4px;min-height:48px;padding:12px 20px;font-weight:700;transition:background .15s}.primary-button:hover{background:var(--accent-dark)}.text-button,.delete-button{background:0 0;border:0;padding:0;font-weight:700}.text-button{color:var(--accent);text-underline-offset:4px;margin-top:24px;text-decoration:underline}.delete-button{color:var(--danger);text-underline-offset:4px;text-decoration:underline}.form-error{color:#7b251d;border-left:3px solid var(--danger);background:#fbe8e4;margin:0;padding:10px 12px;font-size:14px}.app-page{background:var(--paper);min-height:100svh}.app-header{border-bottom:1px solid var(--line);background:#fffefae0;justify-content:space-between;align-items:center;min-height:76px;padding:0 clamp(22px,6vw,88px);display:flex}.app-brand,.account-actions{align-items:center;gap:12px;display:flex}.app-brand{font-weight:700}.account-actions{color:var(--muted);font-size:14px}.account-actions .text-button{margin:0}.workspace{width:min(100% - 44px,1040px);margin:0 auto;padding:clamp(42px,7vw,82px) 0}.workspace-heading{justify-content:space-between;align-items:end;gap:24px;padding-bottom:30px;display:flex}.workspace-heading h1{letter-spacing:0;margin:7px 0 0;font-size:clamp(32px,4vw,50px);line-height:1}.record-count{color:#345750;white-space:nowrap;background:#dcebe4;border-radius:3px;padding:7px 10px;font-size:13px;font-weight:700}.vehicle-form{border:1px solid var(--line);background:#e7e8df;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) auto;align-items:end;gap:16px;padding:22px;display:grid}.vehicle-form .primary-button{min-width:164px}.vehicle-table{border-top:2px solid var(--ink);margin-top:32px}.table-head,.table-row{grid-template-columns:minmax(0,1.2fr) minmax(120px,.8fr) 84px;align-items:center;gap:18px;display:grid}.table-head{color:var(--muted);border-bottom:1px solid var(--line);letter-spacing:0;text-transform:uppercase;padding:13px 16px;font-size:12px;font-weight:700}.table-row{background:var(--card);border-bottom:1px solid var(--line);min-height:70px;padding:14px 16px}.plate{color:#243d3c;letter-spacing:0;background:#ecf0eb;border:1px solid #cad2cc;border-radius:3px;width:fit-content;padding:5px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:700}.table-state{color:var(--muted);text-align:center;background:var(--card);border-bottom:1px solid var(--line);margin:0;padding:44px 16px}@media (width<=720px){.auth-page{grid-template-columns:1fr}.auth-intro{min-height:290px;padding:34px 28px}.auth-intro .eyebrow{margin-top:42px}.auth-intro h1{font-size:54px}.intro-grid{bottom:26px;right:28px}.auth-panel{padding:40px 28px 56px}.app-header{align-items:flex-start;gap:14px;min-height:auto;padding:18px 22px}.account-actions{flex-direction:column;align-items:flex-end;gap:3px}.vehicle-form{grid-template-columns:1fr}.vehicle-form .primary-button{width:100%}.table-head,.table-row{grid-template-columns:minmax(0,1fr) 92px;gap:10px}.table-head span:last-child,.table-row .delete-button{grid-column:2}.table-row .delete-button{justify-self:start}}
