:root{--bg:#f7f6f3;--surface:#fff;--surface-2:#f1efea;--text:#1c2321;--muted:#5d6764;--border:#e3e0d8;--accent:#0f766e;--accent-hover:#0b5f59;--accent-contrast:#fff;--focus:#0f766e;--expired-fg:#b42318;--expired-bg:#fef3f2;--soon-fg:#b54708;--soon-bg:#fffaeb;--valid-fg:#067647;--valid-bg:#ecfdf3;--info-bg:#eff8ff;--info-fg:#175cd3;--radius:10px;--shadow:0 1px 2px #1c23210f, 0 1px 3px #1c23210a;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#121615;--surface:#1a1f1e;--surface-2:#232928;--text:#eef1ef;--muted:#a3adaa;--border:#2f3735;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-contrast:#062f2b;--focus:#5eead4;--expired-fg:#fda29b;--expired-bg:#3a1b18;--soon-fg:#fec84b;--soon-bg:#3a2a0c;--valid-fg:#75e0a7;--valid-bg:#0f2e20;--info-bg:#11283f;--info-fg:#84caff;--shadow:0 1px 2px #0006}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--font);margin:0}body.modal-open{overflow:hidden}h1,h2,h3{margin:0;line-height:1.25}h1{letter-spacing:-.01em;font-size:1.75rem}h2{font-size:1.125rem}p{margin:0 0 .75rem}a{color:var(--accent)}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--accent);color:var(--accent-contrast);z-index:100;border-radius:8px;padding:8px 14px;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}.muted{color:var(--muted)}.small{font-size:.875rem}.topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:20px;max-width:920px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.nav{flex:1;gap:4px;display:flex;overflow-x:auto}.nav a{color:var(--muted);border-radius:8px;padding:6px 12px;font-weight:500;text-decoration:none}.nav a:hover,.nav a.active{background:var(--surface-2);color:var(--text)}.account{align-items:center;gap:10px;display:flex}.account-link{color:var(--muted);border-radius:8px;padding:5px 10px;font-size:.875rem;font-weight:500;text-decoration:none}.account-link:hover,.account-link.active{background:var(--surface-2);color:var(--text)}.page{max-width:920px;margin:0 auto;padding:24px 16px 64px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-head p{margin:4px 0 0}.breadcrumb{margin-bottom:8px}.breadcrumb a{text-decoration:none}.group{margin-top:32px}.group>h2{align-items:center;gap:8px;margin-bottom:10px;display:flex}.count{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 9px;font-size:.8125rem;font-weight:600}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-contrast)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--expired-fg);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92);color:#fff}.btn-danger-text,.btn-danger-text:hover:not(:disabled){color:var(--expired-fg)}.btn-sm{padding:5px 11px;font-size:.875rem}.btn-block{width:100%}.field{margin-bottom:16px}.field label{margin-bottom:5px;font-size:.9375rem;font-weight:600;display:block}input,select,textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 12px}input:hover,select:hover,textarea:hover{border-color:var(--muted)}.field-invalid input,.field-invalid select,.field-invalid textarea{border-color:var(--expired-fg)}.hint{color:var(--muted);margin:5px 0 0;font-size:.8125rem}.field-error{color:var(--expired-fg);margin:5px 0 0;font-size:.875rem;font-weight:500}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.actions-start{justify-content:flex-start}.reminders{margin:4px 0 16px}.calendar{padding:14px}.calendar-placeholder{text-align:center;color:var(--muted);background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius);margin:0;padding:18px}.calendar-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendar-head h3{font-size:1rem}.calendar-jump{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.calendar-row{grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:3px;display:grid}.calendar-weekday{text-align:center;color:var(--muted);padding:2px 0;font-size:.75rem}.calendar-pad{display:block}.calendar-row [role=gridcell]{min-width:0;display:block}.day{width:100%;min-height:46px;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:3px 0 2px;display:flex}.day-number{font-weight:600;line-height:1.1}.day-marker{min-height:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:.5625rem;line-height:1}.day-allowed{background:var(--valid-bg)}.day-allowed:hover{border-color:var(--accent)}.day-blocked{color:var(--muted);opacity:.55}.day-blocked:hover{opacity:.8;border-color:var(--border)}.day-today{border-color:var(--text)}.day-issued{border-color:var(--info-fg);opacity:1}.day-issued .day-marker{color:var(--info-fg)}.day-expiry{border:2px solid var(--expired-fg);opacity:1;background:var(--expired-bg)}.day-expiry .day-marker{color:var(--expired-fg);font-weight:700}.day-selected{background:var(--accent);color:var(--accent-contrast);opacity:1;border-color:var(--accent)}.day-selected .day-marker{color:var(--accent-contrast);font-size:.75rem}.day-selected.day-expiry{border:2px solid var(--expired-fg)}.calendar-legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin:12px 0 0;padding:0;font-size:.8125rem;list-style:none;display:flex}.swatch{vertical-align:-1px;border:1px solid var(--border);border-radius:3px;width:12px;height:12px;display:inline-block}.swatch-selected{background:var(--accent)}.swatch-expiry{background:var(--expired-bg);border:2px solid var(--expired-fg)}.swatch-issued{border:2px solid var(--info-fg)}.swatch-allowed{background:var(--valid-bg)}.calendar-note{min-height:2.6em;color:var(--muted);margin:10px 0;font-size:.9375rem}.calendar-note-error{color:var(--expired-fg);font-weight:600}.reminder-summary{border-top:1px solid var(--border);padding-top:10px}.chips{flex-wrap:wrap;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 10px;font-size:.875rem;display:inline-flex}.chip-past{color:var(--muted);text-decoration:line-through}.chip button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;width:22px;height:22px;line-height:1}.chip button:hover{background:var(--border)}@media (width<=640px){.calendar{padding:10px 6px}.day{min-height:44px}.day-marker{letter-spacing:0;font-size:.5rem}}.head-actions{align-items:center;gap:10px;display:flex}.head-actions select{width:auto}.stat .muted{margin-top:2px;display:block}.chart{align-items:stretch;gap:6px;height:220px;padding:16px 12px 12px;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.chart-bar{background:var(--accent);border-radius:4px 4px 0 0;width:100%;max-width:34px;min-height:0;display:block}.chart-value,.chart-label{color:var(--muted);font-size:.6875rem;line-height:1.2}.chart-value{height:14px}.two-col{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.breakdown{flex-direction:column;gap:14px;margin:0;list-style:none;display:flex}.breakdown-row{justify-content:space-between;gap:12px;display:flex}.share{background:var(--surface-2);border-radius:999px;height:6px;margin:6px 0 4px;overflow:hidden}.share span{background:var(--accent);height:100%;display:block}@media (width<=640px){.two-col{grid-template-columns:1fr}.head-actions{width:100%}.head-actions .btn{flex:1}.chart{gap:3px;padding-inline:6px}}fieldset{border:0;margin:0 0 16px;padding:0}legend{margin-bottom:8px;padding:0;font-weight:600}.choice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.choice:hover{border-color:var(--muted)}.choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.choice input{width:auto;accent-color:var(--accent);margin-top:4px}.choice strong{display:block}.section+.section{margin-top:24px}.notice{border-radius:var(--radius);margin-bottom:16px;padding:12px 14px}.notice p{margin:0}.notice p+p,.notice p+.btn{margin-top:6px}.notice-error{background:var(--expired-bg);color:var(--expired-fg)}.notice-success{background:var(--valid-bg);color:var(--valid-fg)}.notice-info{background:var(--info-bg);color:var(--info-fg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.lead{margin-bottom:16px;font-size:1.125rem}.facts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 24px;margin:0 0 20px;display:grid}.facts dt{color:var(--muted);font-size:.8125rem}.facts dd{overflow-wrap:anywhere;margin:2px 0 0;font-weight:500}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);border-left-width:4px;padding:14px 16px;text-decoration:none;display:block}.stat:hover{color:var(--text);background:var(--surface-2)}.stat-expired{border-left-color:var(--expired-fg)}.stat-expiring_soon{border-left-color:var(--soon-fg)}.stat-valid{border-left-color:var(--valid-fg)}.stat-number{font-size:2rem;font-weight:700;line-height:1.1;display:block}.stat-label{color:var(--muted);font-size:.9375rem}.doc-list,.vehicle-list,.history{margin:0;padding:0;list-style:none}.doc-list{flex-direction:column;gap:8px;display:flex}.doc-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;display:flex}.doc-row:hover{border-color:var(--accent);color:var(--text)}.doc-main,.doc-side{flex-direction:column;gap:4px;min-width:0;display:flex}.doc-side{text-align:right;align-items:flex-end}.doc-title{overflow-wrap:anywhere;margin:0;font-weight:600}.vehicle-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.vehicle{flex-direction:column;justify-content:space-between;gap:16px;display:flex}.vehicle p{margin:0}.plate{letter-spacing:.05em;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;display:inline-block;margin:6px 0!important}.history-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.history li{border-bottom:1px solid var(--border);padding:12px 0}.history li:last-child{border-bottom:0}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filters select{width:auto;min-width:150px}.empty{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);margin-top:24px;padding:48px 16px}.empty h2{margin-bottom:6px}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.badge-expired{background:var(--expired-bg);color:var(--expired-fg)}.badge-expiring_soon{background:var(--soon-bg);color:var(--soon-fg)}.badge-valid{background:var(--valid-bg);color:var(--valid-fg)}.modal-backdrop{z-index:50;background:#0a0f0e8c;justify-content:center;align-items:flex-start;padding:5vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:600px;padding:22px;box-shadow:0 20px 50px #0000004d}.modal:focus{outline:none}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:14px;padding:28px}.auth-card h1{margin-bottom:6px;font-size:1.5rem}.auth-card form{margin-top:20px}.auth-brand{align-items:center;gap:10px;margin-bottom:20px;font-size:1.125rem;font-weight:700;display:flex}.auth-links{flex-direction:column;gap:6px;margin:20px 0 0;font-size:.9375rem;display:flex}.spinner-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner-inline{justify-content:center;padding:32px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}.btn{transition:none}}@media (width<=640px){h1{font-size:1.5rem}.topbar-inner{gap:8px 12px}.nav{flex:none;order:3;width:100%}.nav a{text-align:center;flex:1}.account{margin-left:auto}.account-name{display:none}.form-grid,.stat-grid{grid-template-columns:1fr}.stat{justify-content:space-between;align-items:center;display:flex}.stat-number{font-size:1.5rem}.doc-row{flex-direction:column;align-items:flex-start}.doc-side{text-align:left;align-items:flex-start}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:14px 14px 0 0;max-width:none}.page-head .btn{width:100%}}.value-props{color:var(--muted);margin:14px 0 0;padding:0;font-size:.9375rem;list-style:none}.value-props li{margin-bottom:4px;padding-left:22px;position:relative}.value-props li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.welcome-steps{flex-direction:column;gap:14px;margin:16px 0 8px;padding:0;list-style:none;display:flex}.welcome-steps li{align-items:flex-start;gap:12px;display:flex}.welcome-steps strong{display:block}.welcome-number{background:var(--accent);width:28px;height:28px;color:var(--accent-contrast);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.quick-add{margin:14px 0 4px}.quick-add-heading{margin-bottom:8px;font-weight:600}.chip-links{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip-link{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 14px;font-weight:500;text-decoration:none;display:inline-block}.chip-link:hover{border-color:var(--accent);color:var(--text);background:var(--valid-bg)}.getting-started{margin-bottom:20px}.getting-started-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.getting-started-head p{margin:2px 0 0}.getting-started-actions{gap:8px;display:flex}.progress{background:var(--surface-2);border-radius:999px;height:8px;margin:14px 0 6px;overflow:hidden}.progress span{background:var(--accent);border-radius:999px;height:100%;transition:width .3s;display:block}.progress-label{margin:0 0 8px}.checklist{margin:0;padding:0;list-style:none}.checklist li{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.check-mark{border:2px solid var(--border);width:24px;height:24px;color:var(--accent-contrast);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:inline-flex}.check-done .check-mark{background:var(--accent);border-color:var(--accent)}.check-done .check-text strong{color:var(--muted);font-weight:500}.check-next .check-mark{border-color:var(--accent)}.check-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.check-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--soon-fg);background:var(--soon-bg);border-radius:999px;align-self:flex-start;padding:1px 8px;font-size:.6875rem}.flash{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-gap{margin-top:20px}.tour{z-index:90;position:fixed;inset:0}.tour-backdrop{position:fixed;inset:0}.tour-spot{outline:2px solid var(--accent);pointer-events:none;border-radius:10px;position:fixed;box-shadow:0 0 0 9999px #0a0f0e9e}.tour-spot-glide{transition:top .2s,left .2s,width .2s,height .2s}.tour-card{background:var(--surface);color:var(--text);border-radius:12px;padding:16px 18px;position:fixed;box-shadow:0 12px 40px #00000059}.tour-card h2{margin-bottom:6px}.tour-card p{margin:0 0 12px}.tour-card .tour-progress{margin-bottom:4px}.tour-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.tour-nav{gap:8px;display:flex}.tour-card-sheet{width:auto;bottom:12px;left:12px;right:12px}@media (prefers-reduced-motion:reduce){.tour-spot-glide,.progress span{transition:none}}