:root{color:#f8fafc;font-synthesis:none;--bg:#081322;--surface:#13233a;--surface-2:#1a2d47;--line:#314762;--muted:#a9bad0;--blue:#2093ff;--blue-2:#0d6eff;--green:#23d58a;--yellow:#ffc400;--red:#ff5a63;--purple:#a78bfa;background:#081322;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 65% 0%, #102a48 0, transparent 34%), var(--bg);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:28px 28px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo-mark{color:#fff;justify-content:center;align-items:center;width:48px;height:42px;display:inline-flex;position:relative}.logo-wrench{color:var(--blue);position:absolute;bottom:-1px;right:-2px;transform:rotate(-18deg)}.wordmark{letter-spacing:-1px;font-size:26px;font-weight:800}.wordmark span{color:var(--blue)}.tagline{color:var(--muted);font-size:12px}.top-actions{align-items:center;gap:12px;display:flex}.icon-button,.avatar-button{border:1px solid var(--line);color:#e5efff;cursor:pointer;background:#152842;border-radius:14px;place-items:center;min-width:42px;height:42px;display:inline-grid;position:relative}.avatar-button{color:#b9cbe0;border-radius:50%}.icon-button i{background:#ff5265;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.page-content{max-width:1100px;margin:0 auto;padding:0 28px 110px}.hero{background:linear-gradient(102deg,#0b1e35fa 0%,#0b1e35e0 48%,#0b1e3526 100%),radial-gradient(at 76% 72%,#477ca4 0,#132843 20%,#0000 52%);border-radius:24px;min-height:265px;padding:30px;position:relative;overflow:hidden}.hero:after,.hero-mini:after,.vehicle-hero:after{content:"";opacity:.8;background:linear-gradient(160deg,#9fc9e9,#203c57 35%,#07101e 62%);border-radius:55% 55% 12% 12%;height:180px;position:absolute;inset:auto -5% -20% 48%;transform:perspective(420px)rotateX(9deg);box-shadow:0 -13px 22px #8fd5ff26}.hero:before,.hero-mini:before,.vehicle-hero:before{content:"";opacity:.65;z-index:1;border:3px solid #bfe9ff;border-top:0;border-radius:0 0 50% 50%;width:150px;height:50px;position:absolute;bottom:62px;right:7%}.hero>div:first-child,.hero-mini>div:first-child,.vehicle-hero>div:first-child{z-index:2;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;color:#65b8ff;margin:0 0 12px;font-size:11px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.5px;margin-bottom:5px;font-size:clamp(30px,5vw,44px)}h2{margin-bottom:15px;font-size:24px}h3{margin-bottom:5px}.hero-subtitle,.muted{color:var(--muted)}.hero-actions,.quick-actions{z-index:3;gap:12px;margin-top:26px;display:flex;position:relative}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-weight:700;display:inline-flex}.button.primary{background:linear-gradient(135deg,#219cff,#0e6df1);box-shadow:0 8px 24px #147dff3b}.button.secondary{background:#162a43b8;border-color:#7c98b8}.button.wide{width:100%;margin:25px 0 18px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 32px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(135deg,#1b314df0,#0e1c30f0);border-radius:16px;align-items:center;gap:14px;min-height:90px;padding:18px;display:flex}.metric-card strong{font-size:23px;display:block}.metric-card span{color:var(--muted);margin-top:2px;font-size:13px;display:block}.tone-blue{color:#50b4ff}.tone-green{color:var(--green)}.tone-yellow{color:var(--yellow)}.tone-red{color:var(--red)}.tone-purple{color:var(--purple)}.section-block{margin:30px 0}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2,.section-title{margin:0 0 14px}.section-heading a,.settings-link{color:#48aaff;align-items:center;gap:5px;font-weight:700;display:inline-flex}.list-card,.customer-card,.profile-card,.vehicle-card,.reminder-card,.settings-row,.automation-card,.settings-callout,.summary-strip,.job-card{border:1px solid var(--line);background:linear-gradient(135deg,#1a2f4ae0,#0f1e33e6);border-radius:16px}.mot-row{border-bottom:1px solid #7e9dbf3b;grid-template-columns:105px 1fr auto 24px;align-items:center;gap:12px;min-height:76px;padding:12px 15px;display:grid}.mot-row:last-child{border-bottom:0}.plate{background:var(--yellow);color:#0b0f17;letter-spacing:.5px;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;padding:7px 12px;font-weight:900;display:inline-flex}.plate.white{background:#f5f6f8}.plate.small{padding:5px 9px;font-size:12px}.plate.large{padding:9px 18px;font-size:27px}.mot-owner strong,.mot-owner small,.mot-date small{display:block}.mot-owner small,.mot-date small{color:var(--muted);margin-top:4px}.mot-date{text-align:right}.status-badge{color:#bcdcff;background:#2382ff40;border-radius:999px;align-items:center;gap:5px;padding:6px 11px;font-size:12px;font-weight:800;display:inline-flex}.status-badge.yellow{color:#ffd74b;background:#ffc20038}.status-badge.green{color:#54e7a5;background:#16c47838}.status-badge.red{color:#ff8d96;background:#ff465340}.chevron{color:#dceaff;font-size:29px;font-weight:300}.activity-list>div{border-bottom:1px solid #7e9dbf3b;align-items:center;gap:14px;padding:15px;display:flex}.activity-list>div:last-child{border:0}.activity-list svg{background:#135a8e66;border-radius:50%;width:34px;height:34px;padding:8px}.activity-list span{flex:1}.activity-list strong,.activity-list small{display:block}.activity-list small,time{color:var(--muted)}.page-title,.hero-mini,.vehicle-hero{background:linear-gradient(100deg,#0b1d32fa,#0e2036c2);border-radius:22px;min-height:170px;margin-bottom:18px;padding:26px 26px 25px;position:relative;overflow:hidden}.hero-mini:after,.vehicle-hero:after{height:140px;bottom:-12px}.hero-mini:before,.vehicle-hero:before{bottom:45px}.toolbar{align-items:center;gap:12px;display:flex}.search-field{color:#b7c9df;background:#13263ee6;border:1px solid #91a9c4;border-radius:14px;flex:1;align-items:center;gap:10px;min-height:50px;padding:0 15px;display:flex}.search-field.full{margin-bottom:18px}.search-field input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.filter-row,.tab-row{gap:10px;padding:14px 0 18px;display:flex;overflow-x:auto}.pill,.tab{color:#d8e5f4;white-space:nowrap;background:#192b43cc;border:1px solid #7f96b2;border-radius:999px;padding:10px 18px}.pill.active,.tab.active{background:#1074f6;border-color:#39a4ff}.tab{border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.customer-list{gap:14px;display:grid}.customer-card{grid-template-columns:66px 1fr auto 20px;align-items:center;gap:14px;padding:18px;display:grid}.initial-avatar{color:#d9efff;background:linear-gradient(135deg,#3275a6,#152d4a);border-radius:50%;place-items:center;width:58px;height:58px;font-size:19px;font-weight:800;display:grid}.initial-avatar.large{width:74px;height:74px;font-size:25px}.customer-main p{color:var(--muted);align-items:center;gap:7px;margin:3px 0;font-size:13px;display:flex}.plate-row{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.customer-stats{border-left:1px solid var(--line);color:var(--muted);gap:10px;min-width:120px;padding-left:20px;display:grid}.customer-stats strong{color:#f8fafc}.empty-state{text-align:center;color:var(--muted);padding:45px 20px}.back-link{color:#69bcff;align-items:center;gap:7px;margin:7px 0 18px;font-weight:700;display:inline-flex}.profile-card{padding:22px}.profile-heading{align-items:center;gap:15px;display:flex}.profile-heading h1{font-size:30px}.profile-contact{border-top:1px solid var(--line);margin-top:20px;padding-top:5px}.profile-contact p{color:#dfeaf7;border-bottom:1px solid #7e9dbf3b;align-items:center;gap:10px;margin:0;padding:14px 0;display:flex}.profile-contact svg{color:#50b4ff}.compact{grid-template-columns:repeat(3,1fr)}.vehicle-list,.reminder-list,.settings-list{gap:12px;display:grid}.vehicle-card{align-items:center;gap:15px;padding:17px;display:flex}.vehicle-card h3{margin:0}.vehicle-card p{color:var(--muted);margin:7px 0 0}.vehicle-card .chevron{margin-left:auto}.vehicle-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.vehicle-card.stacked{display:block}.vehicle-card-top{justify-content:space-between;align-items:center;display:flex}.vehicle-card-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:16px;padding-top:13px;font-size:12px;display:flex}.vehicle-hero{min-height:205px}.vehicle-hero h1{margin:12px 0 4px;font-size:31px}.vehicle-hero p{color:var(--muted);align-items:center;gap:7px;display:flex}.vehicle-status-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.status-panel{border:1px solid var(--line);background:var(--surface);border-radius:15px;align-items:center;gap:12px;padding:16px;display:flex}.status-panel.success{border-color:#1e9f70}.status-panel span{color:var(--muted)}.status-panel strong{color:#fff;margin-top:4px;display:block}.summary-strip{grid-template-columns:1fr 1fr;margin:18px 0;padding:16px;display:grid}.summary-strip span{color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}.summary-strip span+span{border-left:1px solid var(--line)}.summary-strip strong{color:#fff;font-size:22px}.timeline{gap:12px;display:grid}.job-card{grid-template-columns:155px 1fr auto;align-items:center;gap:15px;padding:18px;display:grid}.job-date{border-right:1px solid var(--line);gap:9px;display:grid}.job-date span{color:var(--muted);align-items:center;gap:5px;display:flex}.job-copy p{color:var(--muted);margin:0}.job-price{white-space:nowrap;background:#203b5e;border:1px solid #49698e;border-radius:10px;padding:10px 14px}.job-form{gap:19px;display:grid}.job-form label>span{align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.job-form label>span svg{color:#59baff;width:19px}.job-form em{color:#ff6671;font-style:normal}.job-form small{color:var(--muted);font-weight:400}.job-form input,.job-form select,.job-form textarea{color:#f8fafc;background:#162b46;border:1px solid #87a1be;border-radius:13px;outline:none;width:100%;padding:14px 16px}.job-form textarea{resize:vertical}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.money-input{background:#162b46;border:1px solid #87a1be;border-radius:13px;display:flex;overflow:hidden}.money-input b{white-space:nowrap;background:#213955;place-items:center;padding:0 15px;display:grid}.money-input input{border:0;border-radius:0}.save-button{min-height:58px;margin-top:10px;font-size:18px}.modal-backdrop{z-index:20;background:#010812c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#10233b;border:1px solid #426486;border-radius:20px;width:min(100%,520px);padding:24px;box-shadow:0 24px 80px #00000073}.modal-card>.icon-button{float:right}.message-preview{color:#dbeafe;background:#172f4c;border-radius:14px;margin:18px 0;padding:16px;line-height:1.6}.automation-card,.settings-callout{grid-template-columns:1fr auto;gap:14px;margin-bottom:25px;padding:20px;display:grid}.automation-card>div:first-child,.settings-callout{align-items:center;gap:14px;display:flex}.automation-card h2,.settings-callout h2{margin:0 0 4px;font-size:18px}.automation-card p,.settings-callout p{color:var(--muted);margin:0}.switch input{display:none}.switch span{background:#21bb77;border-radius:99px;width:52px;height:30px;display:block;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:3px;right:3px}.automation-options{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.automation-options span{border:1px solid var(--line);color:#d8e6f5;border-radius:10px;padding:12px}.reminder-card{grid-template-columns:105px 1fr auto;align-items:center;gap:15px;padding:16px;display:grid}.reminder-card p,.reminder-card small{color:var(--muted);margin:4px 0 0}.reminder-status{justify-items:end;gap:8px;display:grid}.reminder-status span{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.settings-callout{border-color:#128cff;grid-template-columns:auto 1fr auto;box-shadow:0 0 20px #2193ff21}.connected{color:#54e7a5;white-space:nowrap;font-size:12px}.connected span{background:#20da91;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.settings-row{align-items:center;gap:14px;padding:18px;display:flex}.settings-row>svg{color:#60baff;background:#143c65;border-radius:12px;width:42px;height:42px;padding:10px}.settings-row span{flex:1}.settings-row strong,.settings-row small{display:block}.settings-row small{color:var(--muted);margin-top:3px}.settings-row b{font-size:28px;font-weight:300}.garage-chip{z-index:3;background:#162c47d9;border:1px solid #7993b4;border-radius:13px;align-items:center;gap:9px;padding:10px 14px;display:flex;position:absolute;top:22px;right:22px}.garage-chip span,.garage-chip small{display:block}.garage-chip small{color:var(--muted);margin-top:2px}.bottom-nav{z-index:10;width:min(100% - 22px,1080px);padding:10px 8px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#0a1c30f2;border:1px solid #47637f;border-radius:22px 22px 0 0;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#b9c8da;border-radius:13px;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;font-size:11px;display:flex}.nav-item.active{color:#4caaff;background:#0f71f054}.auth-loading{background:var(--bg);min-height:100vh;color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.sign-in-page{background:radial-gradient(circle at 50% 0%, #17395f 0, transparent 42%), var(--bg);place-items:center;gap:24px;min-height:100vh;padding:32px 18px;display:grid}.sign-in-brand{align-items:center;gap:12px;display:flex}.sign-in-brand p{color:var(--muted);margin:2px 0 0;font-size:12px}.clerk-user-button{place-items:center;display:grid}.form-error{margin-top:6px;display:block;color:#ff8d96!important}.jobs-toolbar{align-items:end;gap:12px;margin-bottom:18px;display:flex}.job-filter{gap:7px;min-width:190px;display:grid}.job-filter span{color:var(--muted);font-size:12px;font-weight:700}.job-filter select{color:#f8fafc;background:#13263ee6;border:1px solid #91a9c4;border-radius:14px;min-height:50px;padding:0 14px}.searchable-select input{color:#f8fafc;background:#162b46;border:1px solid #87a1be;border-radius:13px;outline:none;width:100%;min-height:54px;padding:14px 16px}.searchable-select input:focus{border-color:#4caaff;box-shadow:0 0 0 3px #219cff24}.jobs-list{gap:12px;display:grid}.job-directory-card{border:1px solid var(--line);background:linear-gradient(135deg,#1a2f4ae0,#0f1e33e6);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.job-directory-heading{align-items:center;gap:14px;display:flex}.job-directory-heading h2{margin:0 0 4px;font-size:18px}.job-directory-heading p{color:var(--muted);margin:0}.job-directory-meta{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:13px;font-size:13px;display:flex}.job-directory-meta span{align-items:center;gap:6px;display:inline-flex}.job-directory-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=680px){.jobs-toolbar{flex-direction:column;align-items:stretch}.job-filter{min-width:0}.job-directory-card{flex-direction:column;align-items:stretch;gap:14px}.job-directory-actions{justify-content:flex-end}.job-directory-heading h2{font-size:16px}.job-directory-meta{gap:10px;font-size:12px}.topbar{padding:20px 17px 15px}.page-content{padding:0 14px 105px}.wordmark{font-size:21px}.tagline{font-size:10px}.hero{min-height:300px;padding:24px 20px}.hero:after{inset:auto -12% -16% 38%}.hero-actions{flex-direction:column;max-width:210px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{gap:9px;min-height:78px;padding:13px 11px}.metric-card strong{font-size:20px}.metric-card span{font-size:11px}.mot-row{grid-template-columns:88px 1fr 22px;gap:8px;padding:11px 9px}.mot-date{text-align:left;grid-area:2/2}.mot-date .status-badge{margin-top:-18px;position:absolute;right:37px}.mot-owner{grid-column:2}.toolbar{flex-direction:column;align-items:stretch}.customer-card{grid-template-columns:48px 1fr 18px;gap:10px;padding:14px 12px}.initial-avatar{width:44px;height:44px;font-size:15px}.customer-stats{display:none}.customer-main h3{font-size:16px}.customer-main p{font-size:11px}.page-title,.hero-mini,.vehicle-hero{min-height:155px;padding:20px}.garage-chip{width:fit-content;margin-top:15px;position:relative;top:auto;right:auto}.quick-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.quick-actions .button{padding:0 9px;font-size:12px}.compact{gap:8px}.compact .metric-card{display:block}.compact .metric-card svg{margin-bottom:5px}.vehicle-grid{grid-template-columns:1fr}.vehicle-status-row{grid-template-columns:1fr 1fr}.status-panel{padding:12px 9px;font-size:12px}.status-panel strong{font-size:12px}.job-card{grid-template-columns:1fr auto;gap:10px}.job-date{border-right:0;border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;padding-bottom:9px;display:flex}.job-copy h3{font-size:15px}.job-copy p{font-size:12px}.job-price{padding:8px;font-size:13px}.form-grid{grid-template-columns:1fr}.automation-card{grid-template-columns:1fr auto}.automation-card h2{font-size:16px}.automation-options{grid-template-columns:1fr}.reminder-card{grid-template-columns:90px 1fr;gap:10px}.reminder-status{grid-column:2;justify-content:space-between;place-items:center start;display:flex}.settings-callout{grid-template-columns:auto 1fr}.connected{grid-column:2}.settings-row{padding:14px}.settings-row small{font-size:11px}}.settings-export{border:1px solid var(--line);background:#13263eb3;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:18px;display:flex}.settings-export h2{margin:0 0 4px;font-size:18px}.settings-export p{color:var(--muted);margin:0}@media (width<=680px){.settings-export{flex-direction:column;align-items:stretch}}.button.secondary{color:#e8f2ff;background:#162a43eb;border-color:#86a6c7}.dashboard-hero{background-image:linear-gradient(90deg,#081322f7 0%,#081322db 42%,#08132233 100%),url(/images/garage-hero.png);background-position:100%;background-size:cover}.dashboard-hero:before,.dashboard-hero:after,.hero-mini:before,.hero-mini:after,.vehicle-hero:before,.vehicle-hero:after{display:none}.hero-car{display:none!important}.button.secondary:hover{background:#1d4a76;border-color:#a9c8e8}.reminder-status{gap:10px;min-width:230px}.reminder-meta{justify-items:end;gap:6px;display:grid}.reminder-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.reminder-actions .button{min-height:40px;padding:0 14px;font-size:13px}.settings-hero{background-image:linear-gradient(90deg,#081322fa 0%,#081322e6 42%,#08132240 100%),url(/images/garage-hero.png);background-position:50%;background-size:cover}.garage-chip{max-width:min(360px,48%)}.garage-chip span{min-width:0}.garage-chip strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.garage-name-input{color:#fff;background:#162b46;border:1px solid #86a6c7;border-radius:8px;width:190px;max-width:100%;padding:7px 9px}.settings-name-error{z-index:3;position:absolute;bottom:14px;right:24px}.customer-actions{align-items:center;gap:8px;display:flex}.customer-main{min-width:0}.checkbox-field{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.checkbox-field span,.checkbox-field small{grid-column:1/-1}.checkbox-field input{width:20px;height:20px;accent-color:var(--blue)}@media (width<=680px){.reminder-status{align-items:stretch;min-width:0;display:grid}.reminder-meta{justify-items:start}.reminder-actions{justify-content:flex-start}.garage-chip{max-width:100%}.settings-name-error{margin-top:12px;position:static}.customer-card{grid-template-columns:48px minmax(0,1fr) auto}.customer-actions{grid-column:2/-1;justify-content:flex-end;align-self:start;margin-top:2px}.customer-edit-button{min-height:36px;padding:0 10px;font-size:12px}}