:root{font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;color:#0f172a;background:#f5f7fb;min-height:100%;--primary: #f97316;--primary-dark: #c2410c;--ink: #0f172a;--muted: #556070;--card: #ffffff;--border: rgba(15, 23, 42, .08);--panel: #f9fbff}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 14% 22%,rgba(249,115,22,.08),transparent 26%),radial-gradient(circle at 82% 8%,rgba(15,23,42,.06),transparent 26%),#f5f7fb;color:var(--ink)}#app{min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100dvh;position:relative;isolation:isolate}.topbar{display:none;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background:#ffffffeb;border-bottom:1px solid rgba(15,23,42,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:12}@media(max-width:1080px){.topbar{display:flex}}.topbar__left{display:flex;align-items:center;gap:.75rem}.brand{display:flex;gap:.65rem;align-items:center;color:var(--ink)}.brand-mark{width:46px;height:46px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-mark__accent{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:12px;transform:rotate(6deg);transition:transform .3s ease}.brand-mark__core{position:relative;width:70%;height:70%;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #0f172a1f}.brand-mark__icon{width:60%;height:60%;color:var(--primary)}.brand:hover .brand-mark__accent,.login-header:hover .brand-mark__accent{transform:rotate(12deg)}.brand__title{font-weight:800;letter-spacing:.02em}.brand__highlight{color:var(--primary)}.brand__subtitle{color:#0f172aa6;font-size:.9rem}.topbar__status{display:flex;align-items:center;gap:.75rem;color:var(--ink)}.subscription-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:#fff7ed;border-bottom:1px solid #fed7aa;color:#9a3412}.subscription-banner__content{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.inline-indicators{display:flex;align-items:center;gap:.5rem}.badge{padding:.25rem .65rem;border-radius:999px;font-weight:700;font-size:.85rem;border:1px solid rgba(15,23,42,.08);background:#fff;display:inline-flex;align-items:center;gap:.35rem}.badge-ok{background:#10b98126;color:#065f46}.badge-warn{background:#f8717126;color:#7f1d1d}.badge-busy{background:#f973161f;color:var(--primary-dark)}.loader-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1s ease-in-out infinite}.user-info{display:flex;align-items:center;gap:.65rem}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#ea580c 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;text-transform:uppercase;box-shadow:0 2px 4px #f9731640}.user-details{display:flex;flex-direction:column;gap:.1rem;line-height:1.2}.user-name{font-weight:600;font-size:.85rem;color:var(--ink)}.user-role{font-size:.7rem;color:var(--muted);text-transform:capitalize;font-weight:500}.user-role--admin{color:var(--primary);font-weight:600}.layout{display:grid;grid-template-columns:260px 1fr;gap:1rem;padding:clamp(.75rem,1vw + .5rem,1.25rem);border-top:1px solid rgba(15,23,42,.06);flex:1;min-height:0;transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1)}.layout.auth-layout{grid-template-columns:1fr;justify-items:center;padding:2.5rem 1.25rem}.layout.collapsed{grid-template-columns:96px 1fr}.nav{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:16px;padding:.75rem;box-shadow:0 16px 36px #0f172a1a;height:auto;position:relative;top:auto;z-index:18;isolation:isolate;align-self:stretch;min-height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);overflow:visible}.nav.collapsed{width:96px}.nav-label{opacity:1;transform:translate(0);transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav.collapsed .nav-label{opacity:0;transform:translate(-8px);pointer-events:none;position:absolute}.nav-icon{transition:margin .3s cubic-bezier(.4,0,.2,1)}.nav.collapsed .nav-icon{margin-inline:auto}.nav__brand{display:flex;align-items:center;gap:.65rem;padding:.5rem .5rem 1rem;margin-bottom:.5rem;border-bottom:1px solid rgba(15,23,42,.06);cursor:pointer;transition:opacity .2s ease,justify-content .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1)}.nav__brand:hover{opacity:.8}.nav__brand-mark{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1)}.nav__brand-accent{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:10px;transform:rotate(6deg);transition:transform .3s ease}.nav__brand-core{position:relative;width:70%;height:70%;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0f172a1f}.nav__brand-icon{width:60%;height:60%;color:var(--primary)}.nav__brand:hover .nav__brand-accent{transform:rotate(12deg)}.nav__brand-text{display:flex;flex-direction:column;gap:.1rem;overflow:hidden;opacity:1;transform:translate(0);transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.nav__brand-title{font-weight:800;font-size:.95rem;letter-spacing:.02em;color:var(--ink);white-space:nowrap}.nav__brand-highlight{color:var(--primary)}.nav__brand-subtitle{color:#0f172a8c;font-size:.75rem;font-weight:500;white-space:nowrap}.nav.collapsed .nav__brand{justify-content:center;padding:.5rem .25rem .75rem}.nav.collapsed .nav__brand-text{opacity:0;transform:translate(-8px);pointer-events:none;position:absolute;width:0}.nav.collapsed .nav__brand-mark{width:36px;height:36px}.nav__collapse{position:absolute;bottom:.75rem;right:.75rem;width:36px;height:36px;padding:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .2s ease;z-index:10}.nav__collapse:hover{color:var(--primary-dark);transform:scale(1.1)}.nav__collapse:active{transform:scale(.95)}.nav__collapse-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.nav__collapse-icon svg{width:100%;height:100%;stroke-linecap:round;stroke-linejoin:round}.nav__collapse-icon.rotated{transform:rotate(180deg)}.nav.collapsed .nav__collapse{right:50%;transform:translate(50%)}.nav.collapsed .nav__collapse:hover{transform:translate(50%) scale(1.08)}.nav.collapsed .nav__collapse:active{transform:translate(50%) scale(.95)}.nav__section{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.nav__link{border:none;text-align:left;padding:.65rem .75rem;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s ease,border .2s ease,justify-content .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden}.nav__link.disabled,.nav__link:disabled{opacity:.5;cursor:not-allowed}.nav__link:hover{background:#0f172a0a}.nav__link.active{background:transparent;border-color:transparent;color:var(--primary)}.nav__link.active .nav-icon{color:var(--primary)}.nav__link.active .nav-label{color:var(--primary);font-weight:700}.nav__link.danger{color:#b91c1c}.nav-icon{width:20px;height:20px;display:grid;place-items:center;color:#0f172a}.nav-icon svg{width:100%;height:100%;stroke-linecap:round;stroke-linejoin:round}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;font-size:13px;font-weight:700;margin-left:auto}.nav-badge--warning{background:#fef2f2;color:#dc2626}.content{background:#fff;border-radius:20px;padding:clamp(1rem,1vw + .5rem,1.5rem);box-shadow:0 18px 48px #0f172a1f;min-height:80vh}.content.auth-mode{display:flex;justify-content:center;align-items:center;width:min(960px,100%);margin:0 auto;padding:0;background:transparent;box-shadow:none}.auth-card{max-width:520px;width:100%;background:#fff;border-radius:16px;border:1px solid var(--border);padding:1.5rem;box-shadow:0 16px 36px #0f172a1a}.auth-card .form-field input:disabled{background:#f8fafc;color:var(--muted)}.auth-card .form-field input.is-error{border-color:#f97316;box-shadow:0 0 0 3px #f973162e}.login-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn__spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .9s linear infinite}.login-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.login-logo{width:64px;height:64px;object-fit:contain}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.1rem;box-shadow:0 12px 28px #0f172a14}.card.inset{background:var(--panel);border-style:dashed}.card__header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.8rem}.between{justify-content:space-between;flex-direction:row;align-items:center}.stack{display:flex;flex-direction:column;gap:1rem}.grid{display:grid;gap:.9rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.form-grid{display:grid;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.35rem;color:var(--ink);font-weight:600}.form-field>span{text-transform:uppercase;letter-spacing:.04em}.auth-card .form-field>span{text-transform:none;letter-spacing:.02em;font-size:.85rem;font-weight:700;color:var(--muted)}.form-field input,.form-field select,.form-field textarea{padding:.7rem .85rem;border-radius:12px;border:1px solid #cbd5e1;background:#fff;font-size:1rem;color:var(--ink);text-transform:uppercase;transition:border .2s ease,box-shadow .2s ease}.auth-card .form-field input,.auth-card .form-field select,.auth-card .form-field textarea{text-transform:none}.form-field input::placeholder,.form-field textarea::placeholder{text-transform:uppercase}.no-transform{text-transform:none!important}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f9731629}.form-field textarea{resize:vertical}.form-field.checkbox{flex-direction:row;align-items:center;font-weight:500}.form-field.checkbox.center{justify-content:center}.btn{border:none;border-radius:14px;padding:.75rem 1.25rem;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .2s ease}.btn.btn-sm{padding:.4rem .8rem;font-size:.85rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 8px 20px #f973164d}.btn-secondary{background:#e8edf5;color:var(--ink)}.btn-ghost{background:#f8fafc;color:var(--ink)}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.actions.center{justify-content:center}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;color:var(--muted);margin:0}h1,h2,h3{margin:0;color:var(--ink)}.muted{color:var(--muted);margin:0}.small-text{font-size:.9rem}.status{padding:.65rem .75rem;border-radius:12px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.status--error{display:flex;align-items:center;gap:.5rem}.status__icon{width:1.3rem;height:1.3rem;border-radius:999px;background:#fdba74;color:#7c2d12;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-card{padding:1rem;background:linear-gradient(135deg,#f9731626,#fbbf2426);color:#0f172a;border-radius:16px;border:1px solid rgba(249,115,22,.25)}.stat-card .label{color:#92400e}.booking-list{display:grid;gap:.75rem}.booking-list--compact{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.booking-list--grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.booking-card{border:1px solid var(--border);border-radius:14px;padding:1rem;background:#fff;display:flex;flex-direction:column;gap:.5rem}.booking-card--compact{box-shadow:0 10px 24px #0f172a14}.booking-card__header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.booking-card__meta{display:flex;flex-wrap:wrap;gap:.75rem;font-weight:600;color:#1f2937}.booking-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.pill{padding:.35rem .75rem;border-radius:999px;font-weight:700;font-size:.9rem;color:#fff;text-transform:capitalize}.pill.booked_in{background:#f97316}.pill.in_progress{background:#ea580c}.pill.ready_for_collection{background:#16a34a}.pill.collected{background:#059669}.pill.cancelled{background:#b91c1c}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.55rem}.media-grid--tight{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.media-tile{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;box-shadow:inset 0 1px #fff9}.media-thumb{background:#0f172a;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-thumb.fixed{aspect-ratio:unset;height:140px;width:100%}.media-thumb.small{aspect-ratio:1 / 1;max-height:90px}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}.media-thumb.video{background:#0b172a}.media-meta{padding:.65rem;display:flex;flex-direction:column;gap:.3rem}.media-title{font-weight:700}.terms{background:#f7fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:1rem;max-height:240px;overflow:auto;white-space:pre-line;transition:border-color .2s ease,background .2s ease}.terms.unread{border-color:#f9731666;background:#fff9f3}.chip-row{display:flex;gap:.35rem;flex-wrap:wrap}.chip-row--progress{justify-content:flex-end}.chip{padding:.5rem .9rem;border-radius:999px;background:#e2e8f0;color:var(--ink);border:1px solid transparent;cursor:pointer}.chip.active{background:#f9731626;border-color:#f9731666}.chip.danger{background:#f8717126;color:#b91c1c}.table{width:100%;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #fff9}.filter-row{display:flex;justify-content:flex-end;margin-bottom:.5rem}.header-actions{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap}.filter-compact{width:240px}.table__row{display:grid;grid-template-columns:repeat(6,1fr);padding:.85rem;align-items:center;row-gap:.35rem}.table__row:nth-child(2n){background:#f8fafc}.table__head{background:#f8fafc;color:#0f172a;font-weight:700}.users-head,.users-row{grid-template-columns:1.7fr 2fr 1fr 1fr 1fr 2fr}.garages-head,.garages-row{grid-template-columns:2fr 3fr 1fr 1fr}.customers-head,.customers-row{grid-template-columns:1.6fr 1.8fr 1.4fr 1.4fr 1fr}.actions-tight{display:flex;gap:.25rem;flex-wrap:wrap}.col-name{min-width:160px}.col-address{min-width:240px;padding-right:1rem}.burger{display:none;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:12px;font-size:1.25rem;color:#0f172a;padding:.45rem .6rem}.modal-backdrop{position:fixed;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:20;padding:1rem}.modal{background:#fff;border-radius:16px;padding:1.25rem;width:min(520px,100%);box-shadow:0 18px 40px #0f172a33;border:1px solid var(--border)}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.booking-wizard{gap:1.5rem}.booking-wizard>.card{border:none;box-shadow:none;background:transparent;padding:0}.wizard-step{display:flex;justify-content:center;align-items:center;min-height:60vh}.wizard-step--registration{min-height:clamp(360px,70vh,720px)}.wizard-panel{width:100%;max-width:960px;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.wizard-panel--narrow{max-width:520px}.wizard-section{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0f172a0a;transition:box-shadow .2s ease}.wizard-section:hover{box-shadow:0 4px 12px #0f172a14}.wizard-section-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(15,23,42,.06)}.wizard-section-title{margin:0 0 .35rem;font-size:1.15rem;font-weight:700;color:var(--ink)}.wizard-section-subtitle{margin:0;font-size:.9rem;color:var(--muted);font-weight:500}.wizard-section-content{display:flex;flex-direction:column;gap:1rem}.wizard-actions{display:flex;gap:1rem;justify-content:center;padding-top:.5rem}.wizard-actions .btn{display:inline-flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.media-upload-area{background:linear-gradient(135deg,#f9731605,#fbbf2405);border:2px dashed rgba(249,115,22,.2);border-radius:12px;padding:1.25rem}.media-upload-field{margin:0}.media-upload-field input[type=file]{padding:.9rem;border:1px solid rgba(15,23,42,.12);background:#fff;cursor:pointer;transition:all .2s ease}.media-upload-field input[type=file]:hover{border-color:var(--primary);background:#f9731605}.media-upload-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--ink)}.media-upload-label svg{color:var(--primary)}.media-preview{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(15,23,42,.08)}.media-preview-header{margin-bottom:1rem}.media-count{font-size:.9rem;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;gap:.35rem}.media-grid--refined{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.media-tile--refined{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;overflow:hidden;transition:all .2s ease}.media-tile--refined:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0f172a1f}.media-thumb--refined{position:relative;background:#f8fafc;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-thumb--refined img,.media-thumb--refined video{width:100%;height:100%;object-fit:cover}.media-thumb--refined.video{background:linear-gradient(135deg,#0f172a,#1e293b)}.media-remove{position:absolute;top:.5rem;right:.5rem;background:#dc2626f2;color:#fff;border:none;border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-tile--refined:hover .media-remove{opacity:1}.media-remove:hover{background:#b91c1c;transform:scale(1.1)}.media-info{padding:.75rem;display:flex;flex-direction:column;gap:.35rem;background:#fafbfc}.media-name{font-size:.85rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-type-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--primary);letter-spacing:.05em}.wizard-slab{background:linear-gradient(145deg,#0f172a05,#0f172a0f);border:1px solid rgba(15,23,42,.06);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:inset 0 1px #fff6}.wizard-media{display:flex;flex-direction:column;gap:.75rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.contact-row{gap:.35rem}.contact-options{display:flex;gap:.85rem;flex-wrap:wrap}.checkbox.inline{display:inline-flex;align-items:center;gap:.35rem}.signature-wrap{align-items:stretch}.overview-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.work-panel,.collection-panels{align-items:start}.search{position:relative}.search__input{padding:.35rem .75rem;border-radius:10px;border:1px solid rgba(15,23,42,.15);min-width:220px;outline:none;transition:border .2s ease,box-shadow .2s ease}.search__input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14}.processing-overlay{position:fixed;inset:0;background:#0f172a47;display:grid;place-items:center;z-index:30;padding:1rem}.processing-card{background:#fff;border-radius:14px;padding:1.2rem 1.5rem;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 38px #0f172a33;display:grid;gap:.65rem;min-width:260px;justify-items:center}.loader{width:38px;height:38px;border-radius:50%;border:4px solid rgba(249,115,22,.18);border-top-color:var(--primary);animation:spin 1s linear infinite}.processing-text{margin:0;font-weight:700;color:var(--primary-dark);text-align:center}@media(max-width:1080px){.layout{grid-template-columns:1fr}.nav{position:fixed;left:0;width:min(320px,90%);transform:translate(-110%);min-height:auto;transition:transform .4s cubic-bezier(.32,.72,0,1),box-shadow .4s cubic-bezier(.32,.72,0,1)}.nav.open{transform:translate(0);box-shadow:0 18px 42px #0f172a38}.burger{display:block}.content{min-height:auto}}@media(max-width:900px){.table__row{grid-template-columns:1fr;padding:.75rem 1rem}.table__head{display:none}.table__row span{display:flex;justify-content:space-between;width:100%;font-weight:600;gap:1rem}.table__row span:before{content:attr(data-label);color:var(--muted);font-weight:500}.nav__collapse{display:none}}@media(max-width:640px){.topbar{padding:.65rem 1rem}.brand__title{font-size:1rem}.card{padding:.95rem}.chip-row--progress{justify-content:flex-start}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.preference-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.preference-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border:2px solid rgba(15,23,42,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.preference-option:hover{border-color:#f973164d;background:#f9731605}.preference-option input[type=checkbox]{width:20px;height:20px;cursor:pointer}.preference-option input[type=checkbox]:checked~.preference-content{color:var(--primary-dark)}.preference-content{display:flex;align-items:center;gap:.5rem;flex:1}.preference-content svg{color:var(--primary);flex-shrink:0}.preference-label{font-weight:700;font-size:1rem}.overview-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.summary-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease;box-shadow:0 2px 8px #0f172a0a}.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1f}.summary-card-header{display:flex;align-items:center;gap:.65rem;padding-bottom:1rem;border-bottom:1px solid rgba(15,23,42,.06)}.summary-card-header svg{color:var(--primary);flex-shrink:0}.summary-card-header h4{margin:0;font-size:1.05rem;font-weight:700;color:var(--ink)}.summary-details{display:flex;flex-direction:column;gap:.85rem}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.summary-value{font-size:.95rem;font-weight:600;color:var(--ink);line-height:1.4}.terms-container{position:relative;background:#f8fafc;border:2px solid rgba(15,23,42,.08);border-radius:12px;overflow:hidden}.terms-scroll{padding:1.25rem;max-height:320px;overflow-y:auto;white-space:pre-line;line-height:1.6;color:var(--ink);transition:border-color .2s ease}.terms-scroll.unread{border:2px dashed rgba(249,115,22,.4);background:#f9731605}.terms-indicator{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(249,115,22,.15),transparent);padding:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--primary-dark);font-weight:700;font-size:.9rem;pointer-events:none}.terms-indicator svg{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.terms-acceptance{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#10b9810d,#34d3990d);border:1px solid rgba(16,185,129,.15);border-radius:12px;margin-top:1rem;cursor:pointer}.terms-acceptance input[type=checkbox]{width:20px;height:20px;margin-top:.15rem;cursor:pointer}.terms-acceptance input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.acceptance-content{display:flex;flex-direction:column;gap:.35rem;flex:1}.acceptance-label{font-weight:700;font-size:1rem;color:var(--ink)}.acceptance-note{font-size:.85rem;color:var(--muted);font-weight:500}.signatures-grid-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}@media(max-width:768px){.overview-summary-grid,.preference-options,.signatures-grid-overview{grid-template-columns:1fr}}html,body,#app,.app-shell{overflow-x:hidden;max-width:100vw}.content{overflow-x:hidden;max-width:100%}@media(max-width:1024px){:root{font-size:clamp(13px,1.6vw,16px)}.topbar{padding:.5rem .75rem;gap:.5rem}.brand-mark{width:36px;height:36px}.brand__title{font-size:.9rem}.brand__subtitle{font-size:.75rem}.badge{padding:.2rem .5rem;font-size:.75rem}.user-info{gap:.5rem;padding:.3rem .55rem .3rem .3rem}.user-avatar{width:28px;height:28px;font-size:.75rem}.user-name{font-size:.8rem}.user-role{font-size:.65rem}.content{padding:.75rem}.card{padding:.85rem}.btn{padding:.6rem 1rem;font-size:.85rem}.form-field input,.form-field select,.form-field textarea{padding:.55rem .7rem;font-size:.9rem}.grid.two{grid-template-columns:1fr}.search__input{min-width:unset;width:100%}.stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:.75rem}.booking-list--compact,.booking-list--grid{grid-template-columns:1fr}.booking-card{padding:.85rem}.media-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.processing-card{min-width:200px;padding:1rem}.modal{width:calc(100vw - 2rem);max-width:480px;padding:1rem}}@media(max-width:768px){:root{font-size:clamp(12px,2vw,15px)}.topbar{padding:.45rem .6rem;gap:.4rem}.topbar__left{gap:.5rem}.topbar__status,.brand{gap:.4rem}.brand-mark{width:32px;height:32px}.brand__title{font-size:.85rem}.brand__subtitle{display:none}.badge{padding:.15rem .4rem;font-size:.7rem}.user-info{gap:.4rem;padding:.25rem .5rem .25rem .25rem}.user-avatar{width:26px;height:26px;font-size:.7rem}.user-name{font-size:.75rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.6rem}.inline-indicators{gap:.3rem}.layout{padding:.5rem;gap:.5rem}.content{padding:.6rem;border-radius:12px}.card{padding:.7rem;border-radius:12px}.card__header{margin-bottom:.6rem}h1{font-size:1.4rem}h2{font-size:1.2rem}h3{font-size:1rem}.eyebrow{font-size:.7rem}.muted{font-size:.85rem}.btn{padding:.5rem .85rem;font-size:.8rem;border-radius:10px}.actions{gap:.5rem}.form-field{gap:.25rem}.form-field>span{font-size:.7rem}.form-field input,.form-field select,.form-field textarea{padding:.5rem .6rem;font-size:.85rem;border-radius:10px}.chip{padding:.35rem .65rem;font-size:.75rem}.chip-row{gap:.25rem}.pill{padding:.25rem .6rem;font-size:.75rem}.stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.6rem;border-radius:12px}.stat-card .label{font-size:.7rem}.booking-card{padding:.7rem;gap:.4rem;border-radius:10px}.booking-card__header{gap:.5rem}.booking-card__meta{gap:.5rem;font-size:.85rem}.booking-card__actions{gap:.35rem}.media-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.media-tile{border-radius:8px}.media-meta{padding:.5rem}.media-title{font-size:.8rem}.terms{padding:.75rem;max-height:180px;font-size:.85rem}.wizard-step{min-height:auto}.wizard-step--registration{min-height:clamp(320px,70vh,640px)}.wizard-panel{gap:1rem}.wizard-section{padding:1rem}.wizard-section-title{font-size:1rem}.wizard-section-subtitle{font-size:.8rem}.wizard-actions{gap:.5rem;flex-wrap:wrap}.wizard-actions .btn{min-width:auto;flex:1}.overview-grid{grid-template-columns:1fr;gap:.5rem}.modal-backdrop{padding:.5rem}.modal{width:calc(100vw - 1rem);max-width:none;padding:.85rem;border-radius:12px}.modal__header{margin-bottom:.75rem}.modal__header h3{font-size:1rem}.processing-card{min-width:180px;padding:.85rem 1rem;border-radius:10px}.loader{width:30px;height:30px}.processing-text{font-size:.85rem}.summary-card{padding:1rem}.summary-card-header h4{font-size:.95rem}.summary-label{font-size:.7rem}.summary-value{font-size:.85rem}.preference-option{padding:.75rem;gap:.5rem}.preference-label{font-size:.9rem}.terms-scroll{padding:1rem;max-height:240px;font-size:.85rem}.terms-acceptance{padding:1rem;gap:.5rem}.acceptance-label{font-size:.9rem}.acceptance-note{font-size:.8rem}}@media(max-width:767px){.card,.stat-card,.booking-card,.auth-card,.summary-card,.processing-card,.tile-card,.page-header--card,.wizard-section,.details-section,.form-section,.media-upload-card,.jobs-parts-panel,.file-card{border-radius:0!important}:root{--tile-radius: 0}}@media(max-width:480px){:root{font-size:clamp(11px,3vw,14px)}.topbar{padding:.4rem .5rem}.brand-mark{width:28px;height:28px}.brand__title{font-size:.8rem}.badge{padding:.1rem .3rem;font-size:.65rem}.user-info{gap:.35rem;padding:.2rem .4rem .2rem .2rem}.user-avatar{width:24px;height:24px;font-size:.65rem}.user-name{font-size:.7rem;max-width:60px}.user-role{font-size:.55rem}.badge-ok,.badge-warn{display:none}.layout,.content{padding:0}.card{padding:.6rem}h1{font-size:1.2rem}h2{font-size:1.05rem}h3{font-size:.95rem}.eyebrow{font-size:.65rem}.btn{padding:.45rem .7rem;font-size:.75rem}.form-field input,.form-field select,.form-field textarea{padding:.45rem .5rem;font-size:.8rem}.chip{padding:.3rem .5rem;font-size:.7rem}.pill{padding:.2rem .5rem;font-size:.7rem}.stats{grid-template-columns:1fr 1fr;gap:.35rem}.stat-card{padding:.5rem}.booking-card{padding:.6rem}.media-grid{grid-template-columns:repeat(2,1fr);gap:.3rem}.wizard-section{padding:.75rem}.modal{padding:.7rem}}.booking-list,.booking-list--compact,.booking-list--grid,.users-grid,.garages-grid,.customers-grid,.bookings-grid,.overview-summary-grid,.media-grid,.stats{max-width:100%;overflow-x:hidden}.form-grid,.grid{max-width:100%}.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.search__input,.search-input{min-width:0!important;max-width:100%}.nav-backdrop[data-v-82da400f]{display:none;position:fixed;inset:0;background:#00000080;z-index:17;opacity:0;animation:fadeIn-82da400f .35s cubic-bezier(.4,0,.2,1) forwards}.nav__close[data-v-82da400f]{display:none}@keyframes fadeIn-82da400f{0%{opacity:0}to{opacity:1}}.layout[data-v-82da400f]{max-width:100vw;overflow-x:hidden}.content[data-v-82da400f]{max-width:100%;overflow-x:hidden;--page-header-gap: 1.25rem}@media(max-width:767px){.layout[data-v-82da400f]{display:block;padding:0;grid-template-columns:1fr;max-width:100vw;overflow-x:hidden}.layout.menu-open .content[data-v-82da400f]{pointer-events:none}.content[data-v-82da400f]{margin:0!important;padding:.5rem .5rem 0;border-radius:0;max-width:100%;overflow-x:hidden}.nav-backdrop[data-v-82da400f]{display:block}.burger[data-v-82da400f]{display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:none;cursor:pointer;color:inherit}.burger svg[data-v-82da400f]{width:22px;height:22px}.nav[data-v-82da400f]{position:fixed;inset:0;width:100%;height:100%;transform:translate(-100%);transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .35s ease;z-index:18;background:var(--nav-bg, white);box-shadow:none;border-radius:0!important;display:flex;flex-direction:column;padding:1rem!important;overflow-y:auto}.nav.open[data-v-82da400f]{transform:translate(0);box-shadow:none}.nav__close[data-v-82da400f]{display:flex!important;position:absolute;top:1rem;right:1rem;background:transparent;border:none;border-radius:50%;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:#f97316;transition:color .2s,transform .2s;z-index:10}.nav__close[data-v-82da400f]:hover,.nav__close[data-v-82da400f]:active{background:transparent;color:#ea580c;transform:scale(1.1)}.nav__brand[data-v-82da400f]{margin-bottom:1.5rem;padding:.5rem 0}.nav.collapsed .nav-label[data-v-82da400f],.nav .nav-label[data-v-82da400f]{display:inline!important}.nav.collapsed .nav-icon[data-v-82da400f],.nav .nav-icon[data-v-82da400f]{margin:0!important;margin-right:.75rem!important}.nav.collapsed .nav__link[data-v-82da400f],.nav .nav__link[data-v-82da400f]{justify-content:flex-start!important;padding:1rem 1.25rem!important;font-size:1.1rem;border-radius:12px}.nav__section[data-v-82da400f]{gap:.5rem!important;margin-bottom:1rem}.nav__collapse[data-v-82da400f]{display:none!important}.layout.collapsed .content[data-v-82da400f]{margin-left:0!important}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.nav-backdrop[data-v-82da400f],.burger[data-v-82da400f]{display:none!important}.layout[data-v-82da400f],.layout.collapsed[data-v-82da400f]{display:flex!important;flex-direction:row!important;gap:.5rem!important;padding:.5rem!important;max-width:100vw;overflow-x:hidden;box-sizing:border-box;grid-template-columns:unset!important;align-items:flex-start!important}.nav[data-v-82da400f],.nav.collapsed[data-v-82da400f]{width:56px!important;min-width:56px!important;position:sticky!important;top:.5rem!important;height:auto!important;min-height:auto!important;border-radius:12px!important;box-shadow:1px 0 4px #0f172a14!important;background:#fff;padding:.5rem .35rem!important;transform:none!important;z-index:5;overflow-y:visible!important;flex-shrink:0!important}.nav__collapse[data-v-82da400f],.nav-label[data-v-82da400f]{display:none!important}.nav-icon[data-v-82da400f]{margin:0 auto!important}.nav__link[data-v-82da400f]{padding:.45rem!important;justify-content:center!important;border-radius:8px}.nav__section[data-v-82da400f]{gap:.2rem;margin-bottom:.4rem}.content[data-v-82da400f]{margin:0!important;border-radius:12px;box-shadow:0 8px 24px #0f172a14;padding:.75rem;min-height:calc(100vh - 1rem);flex:1!important;max-width:100%;overflow-x:hidden;box-sizing:border-box}.topbar[data-v-82da400f]{padding:.5rem .75rem;border-radius:0;margin:0;width:100vw;top:0;position:sticky;left:0;right:0;box-sizing:border-box;z-index:12}}@media(min-width:768px)and (max-width:1024px)and (orientation:landscape){.nav-backdrop[data-v-82da400f]{display:none!important}.burger[data-v-82da400f]{display:none}.layout[data-v-82da400f]{display:grid;grid-template-columns:200px 1fr;gap:.75rem;padding:.75rem;max-width:100vw;overflow-x:hidden}.layout.collapsed[data-v-82da400f]{grid-template-columns:70px 1fr}.content[data-v-82da400f]{margin:0;max-width:100%;overflow-x:hidden;border-radius:12px;padding:.75rem}.nav[data-v-82da400f]{position:relative;top:auto;left:auto;bottom:auto;transform:none!important;width:auto;height:100%;min-height:100%;box-shadow:0 12px 28px #0f172a1a;border-radius:12px}.nav.collapsed[data-v-82da400f]{width:70px}.nav.collapsed .nav-label[data-v-82da400f]{display:none}.nav.collapsed .nav-icon[data-v-82da400f]{margin:0 auto}.nav.collapsed .nav__link[data-v-82da400f]{justify-content:center;padding:.65rem .5rem}.topbar[data-v-82da400f]{padding:.5rem .75rem}}@media(min-width:1025px){.nav-backdrop[data-v-82da400f]{display:none!important}.burger[data-v-82da400f]{display:none}.layout[data-v-82da400f]{display:grid;grid-template-columns:240px 1fr;gap:1rem;padding:1rem;max-width:100vw;overflow-x:hidden}.layout.collapsed[data-v-82da400f]{grid-template-columns:80px 1fr}.content[data-v-82da400f]{margin:0;max-width:100%;overflow-x:hidden}.nav[data-v-82da400f]{position:relative;top:auto;left:auto;bottom:auto;transform:none!important;width:auto;height:100%;min-height:100%;box-shadow:0 16px 36px #0f172a1a}.nav.collapsed[data-v-82da400f]{width:80px}.nav.collapsed .nav-label[data-v-82da400f]{display:none}.nav.collapsed .nav-icon[data-v-82da400f]{margin:0 auto}.nav.collapsed .nav__link[data-v-82da400f]{justify-content:center;padding:.65rem .5rem}}.app-shell--auth[data-v-82da400f]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#fff,#f973160d)}.layout.auth-layout[data-v-82da400f]{display:flex!important;align-items:center;justify-content:center;min-height:100vh;padding:1rem!important}.layout.auth-layout .content.auth-mode[data-v-82da400f]{width:auto!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;min-height:auto!important;max-width:none!important;overflow:visible!important}