@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";.au-field{position:relative;display:block;min-width:0}.au-trigger{display:flex;align-items:center;justify-content:space-between;gap:.55rem;width:100%;min-height:2.85rem;border:1px solid rgba(140,175,225,.22);border-radius:.8rem;background:linear-gradient(160deg,#1e2e4a8c,#0b122099);color:var(--text, #f5f8ff);font:inherit;font-weight:600;text-align:left;padding:.5rem .85rem;cursor:pointer;transition:border-color .18s ease,box-shadow .22s ease,background .2s ease}.au-trigger:hover:not(:disabled){border-color:#7fb4ff6b;box-shadow:0 0 0 1px #7fb4ff1f,0 8px 22px #00000047}.au-trigger:focus-visible{outline:none;border-color:#7fb4ff99;box-shadow:0 0 0 3px #2f8cff38}.au-trigger:disabled{opacity:.55;cursor:not-allowed}.au-trigger-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.au-trigger-value.placeholder{color:var(--muted, #9caabd);font-weight:500}.au-trigger-caret{flex:none;width:1rem;height:1rem;color:var(--muted, #9caabd);transition:transform .22s cubic-bezier(.3,1.2,.4,1)}.au-field.is-open .au-trigger-caret{transform:rotate(180deg)}.au-panel{position:absolute;z-index:60;top:calc(100% + .4rem);left:0;right:0;min-width:100%;border:1px solid rgba(140,175,225,.24);border-radius:.95rem;background:linear-gradient(170deg,#18253ceb,#090f1bf0);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 22px 48px #0000008c,inset 0 1px #bed7fa17;padding:.35rem;transform-origin:top center;animation:au-panel-in .18s cubic-bezier(.22,1,.36,1) both}.au-panel.drop-up{top:auto;bottom:calc(100% + .4rem);transform-origin:bottom center}@keyframes au-panel-in{0%{opacity:0;transform:translateY(-.3rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.au-panel.drop-up{animation-name:au-panel-in-up}@keyframes au-panel-in-up{0%{opacity:0;transform:translateY(.3rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.au-list{max-height:15.5rem;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:2px;margin:0;padding:0;list-style:none}.au-option{display:flex;align-items:center;gap:.55rem;width:100%;min-height:2.55rem;border:none;border-radius:.65rem;background:transparent;color:#dbe5f2;font:inherit;font-weight:600;font-size:.92rem;text-align:left;padding:.45rem .7rem;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .18s ease}.au-option:hover,.au-option.is-focused{background:#7fb4ff1f;color:#fff;box-shadow:0 0 12px #2f8cff24}.au-option.is-selected{background:#5b8cff2e;color:#fff}.au-option-check{flex:none;width:1rem;height:1rem;color:#8ab8ff;opacity:0}.au-option.is-selected .au-option-check{opacity:1}.au-empty{color:var(--muted, #9caabd);font-size:.86rem;text-align:center;padding:.85rem .6rem}.au-panel-search{display:flex;align-items:center;gap:.45rem;margin:.1rem .1rem .35rem;border:1px solid rgba(140,175,225,.18);border-radius:.65rem;background:#060b148c;padding:.4rem .6rem}.au-panel-search svg{flex:none;width:.95rem;height:.95rem;color:var(--muted, #9caabd)}.au-panel-search input{flex:1;min-width:0;border:none;background:transparent;color:var(--text, #f5f8ff);font:inherit;font-size:.9rem;outline:none;padding:0}.au-check{display:inline-flex;align-items:flex-start;gap:.6rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.au-check input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.au-check-box{flex:none;display:grid;place-items:center;width:1.35rem;height:1.35rem;margin-top:.08rem;border:1px solid rgba(140,175,225,.35);border-radius:.45rem;background:#080e1899;transition:background .16s ease,border-color .16s ease,box-shadow .2s ease}.au-check-box svg{width:.85rem;height:.85rem;color:#fff;opacity:0;transform:scale(.6);transition:opacity .14s ease,transform .18s cubic-bezier(.3,1.4,.5,1)}.au-check input:checked+.au-check-box{border-color:#2f8cffd9;background:linear-gradient(150deg,var(--blue, #2f8cff),var(--blue-strong, #1672e6));box-shadow:0 4px 14px #2f8cff59}.au-check input:checked+.au-check-box svg{opacity:1;transform:scale(1)}.au-check input:focus-visible+.au-check-box{box-shadow:0 0 0 3px #2f8cff40}.au-check input:disabled~*{opacity:.55;cursor:not-allowed}.au-check-label{font-size:.92rem;line-height:1.4}.au-dialog-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#03070d99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.25rem;animation:au-fade-in .16s ease both}@keyframes au-fade-in{0%{opacity:0}}.au-dialog{width:min(24rem,100%);border:1px solid rgba(140,175,225,.24);border-radius:1.15rem;background:linear-gradient(170deg,#1a2840f5,#0a111ef7);box-shadow:0 28px 64px #0009,inset 0 1px #bed7fa1a;padding:1.25rem;animation:au-dialog-in .22s cubic-bezier(.22,1.1,.36,1) both}@keyframes au-dialog-in{0%{opacity:0;transform:translateY(.6rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.au-dialog h2{margin:0 0 .45rem;font-size:1.08rem;font-weight:800;letter-spacing:-.01em;color:var(--text, #f5f8ff)}.au-dialog p{margin:0 0 1.1rem;color:var(--muted, #9caabd);font-size:.92rem;line-height:1.5}.au-dialog-actions{display:flex;gap:.6rem;justify-content:flex-end}.au-dialog-actions button{min-height:2.7rem;border-radius:.75rem;font:inherit;font-weight:700;font-size:.92rem;padding:0 1.1rem;cursor:pointer;transition:transform .14s ease,box-shadow .2s ease,filter .2s ease}.au-dialog-actions button:active{transform:scale(.97)}.au-dialog-cancel{border:1px solid rgba(140,175,225,.24);background:#d6e2f012;color:var(--text, #f5f8ff)}.au-dialog-cancel:hover{background:#d6e2f01f}.au-dialog-confirm{border:none;background:linear-gradient(135deg,var(--blue, #2f8cff),var(--blue-strong, #1672e6));color:#f4f9ff;box-shadow:0 10px 24px #2f8cff52}.au-dialog-confirm:hover{filter:brightness(1.07)}.au-dialog-confirm.danger{background:linear-gradient(135deg,#ff5a6a,#d63849);box-shadow:0 10px 24px #ff5a6a4d}.au-cal{min-width:17.5rem;padding:.65rem}.au-cal-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.5rem}.au-cal-title{font-weight:800;font-size:.94rem;color:var(--text, #f5f8ff);text-transform:capitalize}.au-cal-nav{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(140,175,225,.2);border-radius:.6rem;background:#d6e2f00f;color:var(--text, #f5f8ff);cursor:pointer;transition:background .15s ease,border-color .15s ease}.au-cal-nav:hover:not(:disabled){background:#7fb4ff24;border-color:#7fb4ff66}.au-cal-nav:disabled{opacity:.35;cursor:not-allowed}.au-cal-nav svg{width:1rem;height:1rem}.au-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.au-cal-dow{display:grid;place-items:center;height:1.7rem;color:var(--subtle, #6f7f92);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.au-cal-day{display:grid;place-items:center;aspect-ratio:1;border:none;border-radius:.55rem;background:transparent;color:#dbe5f2;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .13s ease,color .13s ease,box-shadow .16s ease}.au-cal-day:hover:not(:disabled),.au-cal-day.is-focused{background:#7fb4ff24;box-shadow:0 0 10px #2f8cff26}.au-cal-day.is-outside{color:var(--subtle, #6f7f92);opacity:.55}.au-cal-day.is-today{box-shadow:inset 0 0 0 1px #7fb4ff80}.au-cal-day.is-selected{background:linear-gradient(150deg,var(--blue, #2f8cff),var(--blue-strong, #1672e6));color:#fff;box-shadow:0 6px 16px #2f8cff59}.au-cal-day:disabled{opacity:.25;cursor:not-allowed}.au-datetime{display:grid;grid-template-columns:auto 6.4rem;gap:.5rem}.au-datetime .au-list{max-height:17rem}@media(max-width:419px){.au-datetime{grid-template-columns:1fr}.au-datetime .au-list{max-height:9rem}}.au-spinner{position:relative;width:2.25rem;height:2.25rem}.au-spinner:before,.au-spinner:after{content:"";position:absolute;inset:0;border-radius:999px;border:3px solid transparent}.au-spinner:before{border-color:#8cafe124}.au-spinner:after{border-top-color:var(--blue, #2f8cff);border-right-color:#2f8cff66;animation:au-spin .8s cubic-bezier(.45,.15,.55,.85) infinite;filter:drop-shadow(0 0 6px rgba(47,140,255,.45))}.au-spinner.small{width:1.35rem;height:1.35rem}.au-spinner.small:before,.au-spinner.small:after{border-width:2px}.au-spinner.inline{display:inline-block;vertical-align:-.25em}@keyframes au-spin{to{transform:rotate(360deg)}}.au-skeleton{display:grid;gap:.6rem;border:1px solid rgba(140,175,225,.14);border-radius:1rem;background:linear-gradient(170deg,#18253c80,#090f1b8c);padding:1rem}.au-skeleton-bar{height:.9rem;border-radius:.5rem;background:linear-gradient(90deg,#8cafe11a 25%,#bed7fa38,#8cafe11a 75%);background-size:200% 100%;animation:au-shimmer 1.4s ease-in-out infinite}.au-skeleton-bar.lg{height:1.5rem;width:55%}.au-skeleton-bar.md{width:80%}.au-skeleton-bar.sm{height:.7rem;width:40%}.au-skeleton-bar.block{height:4.5rem;width:100%;border-radius:.8rem}@keyframes au-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media(prefers-reduced-motion:reduce){.au-panel,.au-dialog,.au-dialog-backdrop,.au-check-box svg,.au-trigger-caret,.au-skeleton-bar{animation:none!important;transition:none!important}.au-spinner:after{animation-duration:1.6s}}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08111c;color:#f5f8ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #08111c;--bg-strong: #050a11;--surface: #111b29;--surface-2: #172437;--surface-3: #1f3047;--text: #f5f8ff;--muted: #9caabd;--subtle: #6f7f92;--border: rgba(255, 255, 255, .11);--blue: #2f8cff;--blue-strong: #1672e6;--green: #2ad681;--orange: #f59e35;--danger: #ff5a6a;--shadow: 0 18px 60px rgba(0, 0, 0, .32);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--bottom-nav-height: 4.4rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--client-screen-padding: 1.25rem;--type-display: clamp(2rem, 9vw, 2.4rem);--type-title: 1.375rem;--type-body: 1rem;--type-caption: .8125rem;--weight-hero: 800;--weight-body: 600;--weight-caption: 500;--elev-hero: 0 24px 70px rgba(0, 0, 0, .45);--elev-flat: none;--fill-hero: rgba(23, 36, 55, .55);--fill-recessed: rgba(8, 17, 28, .4);--wash-calm: rgba(42, 214, 129, .16);--wash-calm-edge: rgba(42, 214, 129, .32);--wash-calm-accent: #2ad681;--wash-confirmed: rgba(47, 140, 255, .18);--wash-confirmed-edge: rgba(47, 140, 255, .36);--wash-confirmed-accent: #2f8cff;--wash-working: rgba(245, 158, 53, .18);--wash-working-edge: rgba(245, 158, 53, .36);--wash-working-accent: #f59e35;--wash-ready: rgba(245, 197, 24, .2);--wash-ready-edge: rgba(245, 197, 24, .42);--wash-ready-accent: #f5c518}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;overflow-x:hidden}html,body{height:auto;overflow-y:auto}body{margin:0;background:radial-gradient(circle at top right,rgba(47,140,255,.18),transparent 30rem),linear-gradient(180deg,#08111c,#0c1522,#070b12);color:var(--text);overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}.login-page{display:grid;min-height:100dvh;padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1rem + var(--safe-left))}.login-panel{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:29rem;margin:0 auto;padding:1rem 0 3rem}.brand-lockup{display:flex;align-items:center;gap:.75rem}.brand-mark{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgba(47,140,255,.42);border-radius:.85rem;background:linear-gradient(145deg,#2f8cff42,#2ad68114);color:var(--text);font-weight:900}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:1.05rem}.brand-lockup span{color:var(--muted);font-size:.82rem;font-weight:600}.login-copy{margin-top:clamp(2.25rem,8vh,4rem)}.login-copy svg{width:2rem;height:2rem;color:var(--green)}.login-copy h1,.page-header h1{margin:1rem 0 0;font-size:clamp(2rem,9vw,3.5rem);line-height:1;letter-spacing:0}.login-copy p,.page-header p,.empty-panel p,.settings-list p{color:var(--muted);font-weight:400;line-height:1.65}.login-form{display:grid;gap:1rem;margin-top:2rem}.login-form label{display:grid;gap:.45rem;color:#dce7f5;font-size:.9rem;font-weight:700}.login-form input{min-height:3.15rem;width:100%;border:1px solid var(--border);border-radius:.9rem;background:#111b29e0;color:var(--text);outline:none;padding:0 1rem}.login-form input:focus{border-color:#2f8cffe6;box-shadow:0 0 0 4px #2f8cff29}.signup-intro-card,.signup-pricing-card{display:grid;gap:.85rem;min-width:0;border:1px solid rgba(214,226,240,.12);border-radius:.9rem;background:#08111c85;padding:1rem}.signup-intro-card span,.signup-pricing-card span{color:var(--green);font-size:.78rem;font-weight:900;text-transform:uppercase}.signup-intro-card h2{margin:.25rem 0 0;font-size:1.25rem;line-height:1.15}.signup-intro-card p,.signup-pricing-card p,.signup-pricing-card small{margin:0;color:var(--muted);line-height:1.45}.signup-intro-card ul{display:grid;gap:.45rem;margin:0;padding-left:1.15rem;color:#dce7f5;font-weight:800}.signup-pricing-card strong{display:block;margin-top:.25rem;font-size:1.35rem}.signup-pricing-card dl{display:grid;gap:.4rem;margin:0}.signup-pricing-card dl div{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-top:1px solid rgba(214,226,240,.09);padding-top:.45rem}.signup-pricing-card dt,.signup-pricing-card dd{margin:0;font-size:.86rem;font-weight:850}.form-error{margin:0;border:1px solid rgba(255,90,106,.3);border-radius:.75rem;background:#ff5a6a1c;color:#ffb7c0;padding:.85rem 1rem;font-size:.92rem;font-weight:700}.legal-checkbox{align-items:flex-start;display:flex;gap:.7rem;line-height:1.45}.legal-checkbox input{margin-top:.2rem;min-height:auto;width:auto}.legal-checkbox a,.legal-link-row a,.legal-tabs a{color:#8dbdff}.legal-link-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.legal-page{min-height:100dvh;padding:max(1.25rem,env(safe-area-inset-top)) 1rem max(2rem,env(safe-area-inset-bottom))}.legal-shell{margin:0 auto;max-width:52rem}.legal-header{display:grid;gap:1rem;padding:1rem 0 1.25rem}.legal-brand{color:inherit;text-decoration:none}.legal-header h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.05;margin:0}.legal-header p{color:var(--muted);margin:0}.legal-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1.25rem}.legal-tabs a{border:1px solid rgba(214,226,240,.12);border-radius:8px;padding:.65rem .8rem;text-decoration:none}.legal-content{display:grid;gap:1rem}.legal-content article{background:#111b29d1;border:1px solid rgba(214,226,240,.1);border-radius:8px;padding:1rem}.legal-content h2{font-size:1.1rem;margin:0 0 .75rem}.legal-content p{color:#c5d0df;line-height:1.65;margin:.65rem 0 0}.booking-error{margin:0}.primary-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:0}.primary-button{min-height:3.15rem;border-radius:.95rem;background:linear-gradient(135deg,var(--blue),var(--blue-strong));color:#fff;font-size:.98rem;font-weight:800;box-shadow:0 2px 16px #3b82f647,0 1px 4px #0000004d}.primary-button svg,.ghost-button svg,.icon-button svg{width:1.15rem;height:1.15rem}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-aside{display:none}.status-strip{display:inline-flex;align-items:center;gap:.55rem;color:#dce7f5;font-weight:600}.status-dot{width:.6rem;height:.6rem;border-radius:999px}.status-dot.success{background:var(--green);box-shadow:0 0 0 6px #2ad68124}.service-shell{min-height:100svh;min-height:100dvh;height:auto;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 1rem)}.desktop-sidebar{display:none}.service-main{min-height:auto;padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(var(--bottom-nav-height) + var(--safe-bottom) + 1.5rem) calc(1rem + var(--safe-left))}.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.mobile-header strong,.mobile-header span{display:block}.mobile-header span{color:var(--muted);font-size:.85rem}.icon-button{width:2.75rem;height:2.75rem;border:1px solid var(--border);border-radius:.85rem;background:#111b29db;color:var(--text)}.page-section{display:grid;gap:1rem}.page-header{padding:.5rem 0 .75rem}.page-header h1{font-size:clamp(1.9rem,8.5vw,3.35rem)}.page-header p{max-width:42rem;margin:1rem 0 0}.metric-grid{display:grid;gap:.8rem}.metric-card,.empty-panel,.settings-list article,.calendar-column{border:1px solid var(--border);border-radius:.75rem;background:#111b29c7;box-shadow:var(--shadow)}.metric-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;min-height:4.25rem;padding:.85rem}.metric-card-button{width:100%;color:var(--text);text-align:left;cursor:pointer}.metric-card-button.selected,.metric-card-button:hover{border-color:#2f8cff80;background:#2f8cff24}.metric-card svg{color:var(--subtle)}.metric-card.warning svg{color:var(--orange)}.metric-card span{color:var(--muted);font-weight:600}.metric-card strong{font-size:1.35rem;font-weight:900}.metric-drilldown-panel{display:grid;gap:.8rem;border:1px solid var(--border);border-radius:.75rem;background:#111b29b8;box-shadow:var(--shadow);padding:.9rem}.metric-drilldown-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.metric-drilldown-panel header span,.metric-drilldown-panel header small{color:var(--muted);font-size:.78rem;font-weight:600}.metric-drilldown-panel h2{margin:.2rem 0 0;font-size:1.05rem}.metric-drilldown-list{display:grid;gap:.55rem}.metric-drilldown-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.metric-drilldown-actions .settings-empty{margin:0}.metric-search-input{min-width:min(100%,17rem);flex:1 1 16rem;border:1px solid rgba(214,226,240,.14);border-radius:.55rem;background:#08111c9e;color:var(--text);padding:.65rem .75rem}.metric-drilldown-row{display:grid;gap:.15rem;min-width:0;border:1px solid rgba(214,226,240,.1);border-radius:.65rem;background:#08111c6b;padding:.65rem}.metric-drilldown-row strong,.metric-drilldown-row span,.metric-drilldown-row small{min-width:0;overflow-wrap:anywhere}.metric-drilldown-row span,.metric-drilldown-row small{color:var(--muted)}.service-notification-inbox{display:grid;gap:.7rem;border:1px solid rgba(42,214,129,.2);border-radius:.75rem;background:#111b29b8;box-shadow:var(--shadow);padding:.85rem}.service-notification-inbox header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.service-notification-inbox header span{color:var(--muted);font-size:.74rem;font-weight:700;text-transform:uppercase}.service-notification-inbox h2{margin:.18rem 0 0;font-size:1.02rem}.service-notification-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.service-notification-actions button{min-height:2.1rem;border:1px solid rgba(214,226,240,.12);border-radius:.55rem;background:#d6e2f012;color:var(--text);font-size:.78rem;font-weight:850;padding:0 .6rem}.service-notification-list{display:grid;gap:.45rem}.service-notification-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;border:1px solid rgba(214,226,240,.1);border-radius:.65rem;background:#08111c6b;padding:.62rem}.service-notification-row.unread{border-color:#2ad68166;background:#2ad68114}.service-notification-row svg{width:1rem;height:1rem;color:var(--green)}.service-notification-row div,.service-notification-row strong,.service-notification-row span,.service-notification-row small{min-width:0;overflow-wrap:anywhere}.service-notification-row span,.service-notification-row small{color:var(--muted);font-size:.8rem;font-weight:600}.empty-panel{padding:1.15rem}.empty-panel h2,.settings-list h2{margin:0;font-size:1.05rem}.empty-panel p,.settings-list p{margin:.45rem 0 0}.action-panel{display:grid;gap:.4rem;min-height:12rem;align-content:center}.action-panel svg{width:2rem;height:2rem;color:var(--subtle)}.booking-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.booking-progress button{min-height:2.5rem;border:1px solid var(--border);border-radius:.65rem;background:#111b29b8;color:var(--muted);font-weight:900}.booking-progress button.active{border-color:#2f8cff8c;background:#2f8cff2e;color:var(--text)}.booking-progress-labelled button{display:grid;align-content:center;gap:.08rem;padding:.25rem .35rem}.booking-progress-labelled button strong,.booking-progress-labelled button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-progress-labelled button strong{font-size:.86rem}.booking-progress-labelled button span{color:var(--muted);font-size:.64rem;font-weight:600}.booking-progress-labelled button.active span{color:#d8e9ff}.booking-panel{display:grid;gap:1rem;border:1px solid var(--border);border-radius:.75rem;background:linear-gradient(145deg,#172437eb,#111b29d1);box-shadow:var(--shadow);padding:.9rem}.booking-panel-title{display:flex;gap:.75rem;align-items:flex-start}.booking-panel-title svg{flex:0 0 auto;color:var(--subtle)}.booking-panel-title h2{margin:0;font-size:1.15rem}.booking-panel-title p{margin:.35rem 0 0;color:var(--muted);font-weight:400;line-height:1.55}.booking-grid{display:grid;gap:.85rem}.booking-row-pair{display:grid;gap:.6rem}.booking-grid label,.booking-row-pair label{display:grid;gap:.45rem;min-width:0;color:#dce7f5;font-size:.88rem;font-weight:700}.booking-grid input,.booking-grid select,.booking-grid textarea,.booking-row-pair input,.booking-row-pair select{display:block;min-height:2.95rem;max-width:100%;min-width:0;width:100%;border:1px solid var(--border);border-radius:.75rem;background:#08111cc2;color:var(--text);outline:none;padding:0 .85rem;line-height:normal;-webkit-appearance:none;appearance:none}.booking-grid input[type=date],.booking-grid input[type=time],.booking-row-pair input[type=date],.booking-row-pair input[type=time],.client-booking-form input[type=date],.client-booking-form input[type=time]{height:3.15rem;min-height:3.15rem;padding-block:.72rem}.booking-grid textarea{min-height:4.6rem;padding:.8rem .85rem;resize:vertical}.booking-optional{border:1px solid rgba(214,226,240,.1);border-radius:.75rem;background:#08111c5c;padding:.75rem}.booking-optional summary{cursor:pointer;color:#d8e9ff;font-size:.88rem;font-weight:700}.booking-optional .booking-grid{margin-top:.75rem}.booking-grid input:focus,.booking-grid select:focus,.booking-grid textarea:focus{border-color:#2f8cffe6;box-shadow:0 0 0 3px #2f8cff24}.booking-date-control{display:grid;gap:.8rem;min-width:0;width:100%;overflow:visible}.booking-date-control input{display:block;max-width:100%;min-width:0;width:100%;margin:0}.booking-date-control strong{display:grid;min-height:2.6rem;max-width:100%;min-width:0;align-items:center;border:1px solid rgba(47,140,255,.22);border-radius:.7rem;background:#2f8cff1a;color:#d8e9ff;padding:0 .8rem;line-height:1.35;overflow-wrap:anywhere;text-transform:capitalize;margin:0}.booking-next{width:100%}.booking-actions-row{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:.6rem}.ghost-step-button{min-height:3.05rem;border:1px solid var(--border);border-radius:.95rem;background:#d6e2f00f;color:var(--text);font-weight:850}.slot-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.75rem),1fr));min-width:0}.slot-groups{display:grid;gap:1rem;min-width:0}.slot-group{display:grid;gap:.65rem;min-width:0}.slot-group h3{margin:0;color:#dce7f5;font-size:.92rem}.slot-button{display:grid;align-content:center;gap:.38rem;min-height:4.15rem;width:100%;min-width:0;border:1px solid rgba(214,226,240,.12);border-radius:.75rem;background:#08111c9e;color:var(--text);padding:.75rem;text-align:left;overflow:visible}.slot-button strong{min-width:0;font-size:.9rem;line-height:1.25;overflow-wrap:anywhere}.slot-button span{color:var(--muted);font-size:.8rem;font-weight:600;line-height:1.25}.slot-button.selected{border-color:#2ad6818c;background:#2ad68124}.booking-summary{display:grid;grid-template-columns:minmax(5.5rem,.4fr) minmax(0,1fr);gap:.7rem .85rem;border:1px solid rgba(214,226,240,.1);border-radius:.75rem;background:#08111c80;padding:1rem}.booking-summary span{color:var(--muted);font-size:.84rem;font-weight:800}.booking-summary strong{min-width:0;overflow-wrap:anywhere}.booking-success{display:flex;align-items:center;gap:.55rem;border:1px solid rgba(42,214,129,.28);border-radius:.75rem;background:#2ad6811f;color:#c9f9dd;padding:.85rem 1rem;font-weight:850}.booking-success svg{color:var(--green)}.calendar-placeholder,.settings-list{display:grid;gap:.8rem}.calendar-toolbar{display:grid;gap:.7rem}.calendar-mode,.calendar-range-controls{display:grid;gap:.45rem}.calendar-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-mode button,.calendar-range-controls button,.calendar-range-controls input{min-height:2.9rem;border:1px solid var(--border);border-radius:.75rem;background:#111b29c7;color:var(--text);font:inherit;font-weight:850}.calendar-mode button.active{border-color:#2f8cff8c;background:#2f8cff2e}.calendar-today-button{min-height:2.9rem;border:1px solid rgba(42,214,129,.28);border-radius:.75rem;background:#2ad6811a;color:#c9f9dd;font-weight:900}.calendar-range-controls{grid-template-columns:2.9rem minmax(0,1fr) 2.9rem}.calendar-range-controls button{display:grid;place-items:center}.calendar-range-controls svg{width:1.15rem;height:1.15rem}.calendar-range-controls input{width:100%;padding:0 .85rem}.calendar-summary-strip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.15rem .75rem;align-items:center;border:1px solid var(--border);border-radius:.75rem;background:#111b29c7;padding:.75rem .85rem}.calendar-summary-strip strong{grid-row:span 2;display:grid;min-width:2.45rem;height:2.45rem;place-items:center;border-radius:.65rem;background:#2f8cff2e;color:#d8e9ff;font-size:1.1rem}.calendar-summary-strip span{color:#dce7f5;font-weight:900}.calendar-summary-strip small{color:var(--muted);font-weight:800;overflow-wrap:anywhere}.calendar-day-list{display:grid;gap:.8rem}.calendar-day-card{display:grid;gap:.75rem;border:1px solid var(--border);border-radius:.75rem;background:#111b29c7;box-shadow:var(--shadow);padding:1rem}.calendar-day-card.today{border-color:#2ad6814d;background:linear-gradient(145deg,#2ad6811a,#111b29c7)}.calendar-day-card header div{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.calendar-day-card header span{color:#dce7f5;font-weight:700;text-transform:capitalize}.calendar-day-card header strong{display:grid;width:2rem;height:2rem;place-items:center;border-radius:999px;background:#2f8cff29;color:#b8d7ff;font-size:.86rem}.calendar-empty-day{margin:0;border:1px dashed rgba(214,226,240,.15);border-radius:.65rem;color:var(--muted);padding:.85rem}.calendar-appointment-list{display:grid;gap:.6rem}.calendar-appointment-card{display:grid;gap:.75rem;border:1px solid rgba(214,226,240,.1);border-radius:.7rem;background:#08111c75;padding:.85rem}.calendar-appointment-time{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.86rem;font-weight:600}.calendar-appointment-time svg{width:1rem;height:1rem;color:var(--muted)}.calendar-appointment-time strong{color:var(--text);font-size:1rem}.calendar-appointment-main{min-width:0}.calendar-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.calendar-inline-action{display:inline-flex;min-height:2.35rem;align-items:center;justify-content:center;gap:.4rem;border:1px solid rgba(45,140,255,.45);border-radius:.65rem;background:#2d8cff24;color:var(--text);font-weight:800;line-height:1.1;padding:.55rem .75rem}.calendar-inline-action svg{width:1rem;height:1rem;flex:0 0 auto}.calendar-inline-action:disabled{cursor:wait;opacity:.68}.calendar-action-message{margin:0;border:1px solid rgba(45,140,255,.28);border-radius:.75rem;background:#2d8cff1f;color:var(--text);font-size:.9rem;font-weight:800;line-height:1.4;padding:.85rem 1rem}.calendar-column{display:grid;gap:1rem;min-height:8rem;padding:1rem}.calendar-column span{color:var(--muted);font-weight:800}.calendar-column div{display:flex;align-items:center;gap:.55rem;color:var(--subtle)}.settings-list article{display:flex;gap:.9rem;padding:1rem}.settings-list svg{flex:0 0 auto;color:var(--muted)}.settings-stack{display:grid;gap:1rem}.settings-section{display:grid;gap:1rem;min-width:0;border:1px solid var(--border);border-radius:.75rem;background:linear-gradient(145deg,#172437eb,#111b29d1);box-shadow:var(--shadow);padding:1rem}.settings-section header{display:flex;align-items:flex-start;gap:.75rem;min-width:0}.settings-section header>div{min-width:0}.settings-section header svg,.settings-row svg{flex:0 0 auto;color:var(--muted)}.settings-section h2{margin:0;font-size:1.08rem}.settings-section p{margin:.35rem 0 0;color:var(--muted);font-weight:400;line-height:1.55}.setup-center{border-color:#2ad6813d;background:linear-gradient(145deg,#2ad6811a,#111b29d6)}.setup-progress-bar{height:.55rem;overflow:hidden;border-radius:999px;background:#08111cb8}.setup-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--blue))}.setup-checklist{display:grid;gap:.55rem}.setup-checklist div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;border:1px solid rgba(214,226,240,.1);border-radius:.65rem;background:#08111c6b;padding:.65rem}.setup-checklist svg{width:1rem;height:1rem;color:var(--muted)}.setup-checklist div.done svg,.setup-checklist div.done span{color:var(--green)}.setup-checklist strong{min-width:0;color:#dce7f5}.setup-checklist span{color:var(--muted);font-size:.78rem;font-weight:850}.settings-form-grid,.settings-mini-form{display:grid;gap:.75rem}.settings-form-grid label{display:grid;gap:.45rem;color:#dce7f5;font-size:.88rem;font-weight:700}.settings-form-grid input,.settings-mini-form input,.settings-mini-form select,.working-hour-row input{min-width:0;min-height:3rem;width:100%;border:1px solid var(--border);border-radius:.7rem;background:#08111cb8;color:var(--text);outline:none;padding:0 .8rem}.settings-form-grid input:focus,.settings-mini-form input:focus,.settings-mini-form select:focus,.working-hour-row input:focus{border-color:#2f8cffe6;box-shadow:0 0 0 4px #2f8cff29}.settings-action-button{width:100%}.working-hours-grid,.settings-row-list{display:grid;gap:.6rem}.working-hour-row{display:grid;grid-template-columns:2.6rem minmax(4.6rem,.7fr) repeat(2,minmax(0,1fr));align-items:center;gap:.5rem}.working-hour-row strong{color:#dce7f5}.working-hour-row label{display:flex;align-items:center;justify-content:space-between;gap:.35rem;color:var(--muted);font-size:.8rem;font-weight:850}.working-hour-row input[type=checkbox]{width:1rem;height:1rem;min-height:1rem;padding:0}.settings-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;border:1px solid rgba(214,226,240,.1);border-radius:.7rem;background:#08111c75;padding:.85rem}.settings-row div{min-width:0}.settings-row strong,.qr-panel strong{display:block;overflow-wrap:anywhere}.settings-row span,.qr-panel span,.settings-empty{color:var(--muted);font-size:.86rem;font-weight:800}.billing-summary-card,.trial-status-banner{display:grid;gap:.5rem;border:1px solid rgba(45,140,255,.22);border-radius:.8rem;background:#2d8cff1a;color:var(--text);padding:.9rem}.billing-summary-card div{display:grid;gap:.2rem}.billing-summary-card span{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.billing-summary-card strong{font-size:1.15rem}.billing-summary-card small,.billing-summary-card p,.trial-status-banner span{margin:0;color:var(--subtle);line-height:1.45;font-weight:800}.billing-summary-card.active,.trial-status-banner.active,.billing-summary-card.trial,.trial-status-banner.trial{border-color:#2ad68142;background:#2ad6811a}.billing-summary-card.warning,.trial-status-banner.warning{border-color:#f59e0b52;background:#f59e0b1a}.billing-summary-card.locked,.trial-status-banner.locked{border-color:#ff5a6a52;background:#ff5a6a1a}.trial-status-banner{grid-template-columns:minmax(0,.38fr) minmax(0,1fr);align-items:center}.trial-status-banner strong{overflow-wrap:anywhere}.settings-mini-form.compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-row-list.compact .settings-row{padding:.7rem}.technical-details{border:1px solid rgba(214,226,240,.1);border-radius:.65rem;background:#08111c5c;padding:.7rem}.technical-details summary{cursor:pointer;color:var(--muted);font-size:.82rem;font-weight:850}.technical-details dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.65rem 0 0}.technical-details div{min-width:0}.technical-details dt,.technical-details dd{margin:0}.technical-details dt{color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.technical-details dd{margin-top:.18rem;color:var(--text);font-size:.82rem;font-weight:850;overflow-wrap:anywhere}.settings-row span{display:block;line-height:1.45;overflow-wrap:anywhere}.settings-row button{grid-column:span 2;min-height:2.45rem;border:1px solid rgba(214,226,240,.12);border-radius:.6rem;background:#d6e2f012;color:var(--text);font-weight:850}.settings-row button:hover:not(:disabled){border-color:#2f8cff7a;background:#2f8cff29}.settings-empty{margin:0;border:1px dashed rgba(214,226,240,.15);border-radius:.65rem;padding:.85rem}.billing-alert{border-color:#f59e0b59;background:#f59e0b14}.billing-alert.locked{border-color:#ef444466;background:#ef444417}.billing-alert header svg{color:#f59e0b}.billing-alert.locked header svg{color:#ef4444}.qr-panel{display:grid;gap:1rem;border:1px solid var(--border);border-radius:.75rem;background:#111b29c7;padding:1rem}.qr-panel a{color:#b8d7ff;overflow-wrap:anywhere;font-weight:800}.qr-print-card{display:grid;justify-items:center;gap:.45rem;border:1px solid rgba(214,226,240,.14);border-radius:.75rem;background:#fff;color:#08111c;padding:1rem;text-align:center}.qr-print-card .brand-mark{width:2.5rem;height:2.5rem;color:#fff}.qr-print-card span{color:#2f8cff;font-size:.8rem;font-weight:900;text-transform:uppercase}.qr-print-card strong{color:#08111c;font-size:1.05rem}.qr-print-card img{width:min(14rem,80vw);max-width:100%;aspect-ratio:1}.qr-print-card p{margin:0;color:#182536;font-weight:900}.qr-print-card small{max-width:100%;color:#3b4a5f;font-size:.72rem;font-weight:800;overflow-wrap:anywhere}.qr-actions{display:grid;gap:.7rem}.qr-actions button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(214,226,240,.14);border-radius:.65rem;background:#d6e2f014;color:var(--text);font-weight:900}.qr-actions svg{width:1rem;height:1rem}@media print{@page{size:A4;margin:12mm}body{background:#fff}body *{visibility:hidden}.qr-print-card,.qr-print-card *{visibility:visible}.qr-print-card{position:fixed;top:12mm;left:12mm;width:186mm;min-height:273mm;align-content:center;box-shadow:none}}.bottom-nav{position:fixed;right:calc(.75rem + var(--safe-right));bottom:calc(.75rem + var(--safe-bottom));left:calc(.75rem + var(--safe-left));z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;border:1px solid var(--border);border-radius:1.1rem;background:#08111ceb;padding:.28rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.bottom-nav a{display:grid;min-width:0;min-height:2.95rem;place-items:center;gap:.2rem;border-radius:.85rem;color:var(--muted);font-size:.72rem;font-weight:800}.bottom-nav svg{width:1.25rem;height:1.25rem}.bottom-nav a.active{background:#2f8cff38;color:#e0edff}.loading-screen{display:grid;min-height:100vh;place-items:center;align-content:center;gap:1rem;color:var(--muted)}.loading-mark{width:2.25rem;height:2.25rem;border:3px solid rgba(255,255,255,.12);border-top-color:var(--blue);border-radius:999px;animation:spin .9s linear infinite}.loading-mark.small{width:1.8rem;height:1.8rem}.state-panel{display:grid;gap:.55rem}.state-panel svg{width:1.6rem;height:1.6rem;color:var(--green)}.error-state{border-color:#ff5a6a4d}.error-state svg{color:var(--danger)}.appointment-list{display:grid;gap:.85rem}.today-workflow{display:grid;gap:.75rem}.today-focus-strip{display:grid;gap:.2rem;border:1px solid rgba(214,226,240,.12);border-radius:.75rem;background:#08111c80;padding:.75rem .85rem}.today-focus-strip strong{color:#dce7f5;font-size:.9rem}.today-focus-strip span{color:var(--muted);font-size:.84rem;font-weight:800}.today-focus-strip.pickup-focus{border-color:#2ad68147;background:#2ad6811a}.today-focus-strip.active-focus{border-color:#f59e3547;background:#f59e351a}.compact-list{gap:.65rem}.appointment-card{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;border:1px solid var(--border);border-radius:.75rem;background:linear-gradient(145deg,#172437f0,#111b29d6);box-shadow:var(--shadow);padding:.9rem}.compact-appointment{position:relative;gap:.6rem;padding:.75rem}.compact-appointment:before{position:absolute;inset:.75rem auto .75rem 0;width:3px;border-radius:999px;background:#2f8cff80;content:""}.compact-appointment.in_progress:before{background:var(--orange)}.compact-appointment.ready_for_pickup:before{background:var(--green)}.compact-appointment.is-overdue{border-color:#f59e3557}.appointment-time{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.appointment-time strong{font-size:1.15rem}.appointment-time span,.appointment-meta,.eta-line,.appointment-timeline{color:var(--muted);font-size:.86rem;line-height:1.45}.appointment-main{min-width:0}.appointment-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.appointment-title-row h2{min-width:0;margin:0;font-size:1.05rem;line-height:1.2}.vehicle-plate{display:inline-flex;margin:.5rem 0 0;border:1px solid rgba(47,140,255,.3);border-radius:.45rem;background:#2f8cff1c;color:#d8e9ff;padding:.2rem .45rem;font-size:.82rem;font-weight:900}.compact-appointment .vehicle-plate{margin-top:.35rem}.appointment-meta{margin:.65rem 0 0}.compact-appointment .appointment-meta{margin-top:.45rem}.appointment-alert{display:inline-flex;align-items:center;gap:.35rem;margin:.45rem 0 0;color:#ffd19b;font-size:.82rem;font-weight:850}.appointment-alert svg{width:.95rem;height:.95rem;color:var(--orange)}.eta-line{display:inline-flex;align-items:center;gap:.35rem;margin:.55rem 0 0;color:#ffd19b}.eta-line svg{width:1rem;height:1rem;color:var(--orange)}.appointment-timeline{display:flex;flex-wrap:wrap;gap:.4rem;margin:.65rem 0 0}.appointment-timeline span{border:1px solid rgba(214,226,240,.1);border-radius:.5rem;background:#080e1652;padding:.24rem .45rem}.appointment-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.85rem}.compact-appointment .appointment-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.7rem}.status-action{min-height:2.25rem;border:1px solid rgba(214,226,240,.12);border-radius:.55rem;background:#d6e2f012;color:var(--text);font-size:.82rem;font-weight:850}.status-action.next-action{grid-column:1 / -1;min-height:2.55rem;border-color:#2f8cff5c;background:#2f8cff29;color:#d8e9ff;font-size:.88rem}.status-action:hover:not(:disabled){border-color:#2f8cff7a;background:#2f8cff29}.status-action.checked_in,.status-action.in_progress{color:#d8e9ff}.status-action.ready_for_pickup,.status-action.completed{color:#baf7d4}.status-action.cancelled{color:#ffb7c0}.status-action svg{width:1rem;height:1rem}.work-record-action{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-color:#2f8cff47;color:#d8e9ff}.note-action{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-color:#f5a5244d;color:#ffdca6}.appointment-operational-note,.appointment-operational-delay{display:grid;grid-template-columns:auto 1fr;gap:.55rem;margin-top:.65rem;border:1px solid rgba(245,165,36,.22);border-radius:.65rem;background:#f5a52414;padding:.65rem}.appointment-operational-note svg,.appointment-operational-delay svg{width:1.05rem;height:1.05rem;color:var(--orange)}.appointment-operational-note div,.appointment-operational-delay div{display:grid;gap:.18rem;min-width:0}.appointment-operational-note strong,.appointment-operational-delay strong{font-size:.78rem;text-transform:uppercase}.appointment-operational-note span,.appointment-operational-note small,.appointment-operational-delay span,.appointment-operational-delay small{min-width:0;overflow-wrap:anywhere}.appointment-operational-note small,.appointment-operational-delay small{color:var(--muted)}.appointment-operational-delay{border-color:#ef44443d;background:#ef444414}.appointment-operational-delay svg{color:#fca5a5}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;align-items:end;background:#050a11b8;padding:1rem}.work-record-modal{display:grid;gap:1rem;width:100%;max-height:calc(100vh - 2rem);overflow:auto;border:1px solid var(--border);border-radius:.9rem;background:linear-gradient(145deg,#172437fa,#08111cfa);box-shadow:var(--shadow);padding:1rem}.work-record-modal header,.work-record-items-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.work-record-modal header span{color:var(--muted);font-size:.82rem;font-weight:850}.work-record-modal header h2{margin:.25rem 0 0;font-size:1.2rem}.client-plus-modal{display:grid;gap:1rem;width:100%;max-height:calc(100vh - 2rem);overflow:auto;border:1px solid var(--border);border-radius:.9rem;background:linear-gradient(145deg,#172437fa,#08111cfa);box-shadow:var(--shadow);padding:1rem}.client-plus-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.client-plus-modal header span{color:var(--muted);font-size:.82rem;font-weight:850}.client-plus-modal header h2{margin:.25rem 0 0;font-size:1.25rem}.client-plus-modal p{margin:0;color:var(--subtle);line-height:1.5}.client-plus-price{display:inline-flex;width:fit-content;border:1px solid rgba(45,140,255,.28);border-radius:.75rem;background:#2d8cff1f;color:var(--text);font-size:1rem;padding:.65rem .8rem}.client-plus-modal-actions{display:grid;gap:.65rem}.secondary-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:.75rem;background:#0b1420b8;color:var(--text);font-weight:850;padding:.75rem .95rem}.work-record-form{display:grid;gap:.85rem}.work-record-form label{display:grid;gap:.45rem;color:#dce7f5;font-size:.88rem;font-weight:800}.work-record-form textarea,.work-record-item-row input,.work-record-item-row select{width:100%;border:1px solid var(--border);border-radius:.7rem;background:#08111cb8;color:var(--text);outline:none;padding:.8rem}.work-record-form textarea{min-height:5rem;resize:vertical}.work-record-item-row input,.work-record-item-row select{min-height:2.8rem}.work-record-form textarea:focus,.work-record-item-row input:focus,.work-record-item-row select:focus{border-color:#2f8cffe6;box-shadow:0 0 0 4px #2f8cff29}.work-record-items{display:grid;gap:.65rem}.work-record-items-header strong{font-size:1rem}.work-record-items-header button{min-width:6.5rem}.work-record-item-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(7rem,.65fr) 4.6rem auto;gap:.45rem}.work-record-item-row input:nth-of-type(2){grid-column:1 / -2}.work-record-item-row button{display:grid;width:2.8rem;min-height:2.8rem;place-items:center}.status-badge{flex:0 0 auto;border-radius:999px;padding:.25rem .5rem;font-size:.72rem;font-weight:900}.status-badge.scheduled{background:#2f8cff29;color:#b8d7ff}.status-badge.confirmed,.status-badge.checked_in,.status-badge.ready_for_pickup,.status-badge.completed{background:#2ad68129;color:#aef4ce}.status-badge.in_progress{background:#f59e3529;color:#ffd19b}.status-badge.cancelled,.status-badge.no_show{background:#ff5a6a24;color:#ffb7c0}.toast-message{position:fixed;right:1rem;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 1rem);z-index:30;max-width:min(22rem,calc(100vw - 2rem));border:1px solid rgba(42,214,129,.3);border-radius:.75rem;background:#0c1919f5;box-shadow:var(--shadow);color:#c9f9dd;padding:.85rem 1rem;font-size:.9rem;font-weight:850}.public-booking-page{display:grid;min-height:100svh;min-height:100dvh;height:auto;padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1rem + var(--safe-left))}.public-booking-card{display:grid;align-content:start;gap:1rem;min-width:0;width:100%;max-width:42rem;overflow:visible;margin:auto;border:1px solid var(--border);border-radius:.9rem;background:linear-gradient(145deg,#172437f0,#08111ce6);box-shadow:var(--shadow);padding:.9rem}.public-booking-header{display:flex;align-items:center;gap:.8rem}.public-booking-header span{display:block;color:var(--muted);font-size:.82rem;font-weight:850}.public-booking-header h1{margin:.2rem 0 0;font-size:clamp(1.65rem,8vw,3rem);line-height:1;letter-spacing:0}.public-location{display:flex;gap:.7rem;min-width:0;border:1px solid rgba(214,226,240,.1);border-radius:.75rem;background:#08111c85;padding:.85rem}.public-location svg{flex:0 0 auto;color:var(--green)}.public-location strong,.public-location span{display:block}.public-location span{margin-top:.2rem;color:var(--muted);line-height:1.45}.public-progress{margin-top:.25rem}.public-step{display:grid;gap:1rem;min-width:0}.public-slot-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.75rem),1fr))}.public-booking-card .legal-checkbox{position:relative;align-items:flex-start;min-height:3rem;border:1px solid rgba(141,189,255,.18);border-radius:.75rem;background:#08111c66;padding:.8rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.public-booking-card .legal-checkbox input[type=checkbox]{position:absolute;width:1px!important;min-width:1px;height:1px!important;min-height:1px!important;margin:0;opacity:0;pointer-events:none}.public-booking-card .legal-checkbox .checkbox-control{display:grid;flex:0 0 auto;place-items:center;width:1.55rem;height:1.55rem;margin-top:.05rem;border:2px solid rgba(141,189,255,.72);border-radius:.45rem;background:#ffffff0f;color:#08111c}.public-booking-card .legal-checkbox input[type=checkbox]:checked+.checkbox-control{border-color:var(--green);background:var(--green)}.public-booking-card .legal-checkbox input[type=checkbox]:checked+.checkbox-control:after{content:"";width:.42rem;height:.78rem;border-right:3px solid #08111c;border-bottom:3px solid #08111c;transform:rotate(40deg) translateY(-.08rem)}.public-booking-card .legal-checkbox input[type=checkbox]:focus-visible+.checkbox-control{box-shadow:0 0 0 4px #2f8cff3d}.success-screen{justify-items:start;border:1px solid rgba(42,214,129,.25);border-radius:.85rem;background:#2ad6811a;padding:1.2rem}.success-screen svg{width:2.4rem;height:2.4rem;color:var(--green)}.success-screen h2{margin:0;font-size:1.45rem}.success-screen p{margin:0;color:#c9f9dd;line-height:1.65}.client-page{display:grid;min-height:100svh;min-height:100dvh;height:auto;padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1rem + var(--safe-left))}.client-auth-panel,.client-dashboard{min-width:0;width:100%;max-width:45rem;margin:auto}.client-auth-panel{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 2rem - var(--safe-top) - var(--safe-bottom))}.client-auth-copy{margin-top:clamp(2.25rem,8vh,4rem)}.client-auth-copy svg{width:2rem;height:2rem;color:var(--green)}.client-auth-copy h1{margin:1rem 0 0;font-size:clamp(2rem,9vw,3.35rem);line-height:1;letter-spacing:0}.client-auth-copy p{color:var(--muted);line-height:1.65}.client-dev-link{display:grid;min-height:3rem;place-items:center;border:1px solid rgba(42,214,129,.28);border-radius:.75rem;background:#2ad6811a;color:#c9f9dd;font-weight:850}.client-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;border:1px solid var(--border);border-radius:.8rem;background:#08111c8c;padding:.3rem}.client-auth-tabs button,.link-button{min-height:2.6rem;border:0;border-radius:.6rem;background:transparent;color:var(--muted);font-weight:850}.client-auth-tabs button.active{background:#2f8cff2e;color:var(--text)}.link-button{width:100%;color:#8dbdff}.client-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.legal-checkbox{display:flex!important;align-items:flex-start;gap:.55rem!important;color:var(--muted);line-height:1.5}.legal-checkbox input{width:1.1rem!important;min-width:1.1rem;height:1.1rem!important;min-height:1.1rem!important;margin-top:.2rem;padding:0!important}.legal-checkbox a{color:#8dbdff;font-weight:850}.client-dashboard{display:grid;align-content:start;gap:1rem;min-width:0;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 1.5rem)}.client-dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-top:.5rem}.client-dashboard-header span{color:var(--muted);font-size:.86rem;font-weight:850}.client-dashboard-header h1{margin:.25rem 0;font-size:clamp(1.75rem,8vw,3rem);line-height:1;letter-spacing:0}.client-dashboard-header p{margin:0;color:var(--muted)}.client-profile-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;border:1px solid rgba(214,226,240,.1);border-radius:.75rem;background:#08111c7a;padding:.75rem}.client-profile-strip span,.client-profile-strip strong{display:block;min-width:0;overflow-wrap:anywhere}.client-profile-strip span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.client-profile-strip strong{margin-top:.2rem;color:var(--text);font-size:.9rem}.client-metric-grid{display:grid;gap:.8rem}.client-qr-entry{display:grid;gap:.7rem;border:1px solid rgba(47,140,255,.28);border-radius:.75rem;background:#2f8cff1a;padding:.85rem}.client-qr-entry.compact{margin-top:.25rem;border-color:#d6e2f024;background:#08111c7a}.client-qr-entry-copy{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:start}.client-qr-entry-copy svg{width:1.35rem;height:1.35rem;color:var(--blue)}.client-qr-entry-copy div,.client-qr-entry-copy span{min-width:0}.client-qr-entry-copy strong{display:block;margin-bottom:.2rem}.client-qr-entry-copy span{display:block;color:var(--muted);line-height:1.45}.client-qr-entry-options{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.client-qr-entry-options button,.secondary-action{min-height:2.55rem;border:1px solid rgba(47,140,255,.38);border-radius:.65rem;background:#2f8cff29;color:var(--text);font-weight:900;padding:0 .85rem}.client-qr-entry-options .inline-link{width:auto;min-height:2.55rem;padding:0 .2rem;color:#8dbdff}.client-qr-entry-hint,.qr-scanner-hint{color:var(--muted);font-size:.9rem;line-height:1.45}.client-qr-entry-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.client-qr-entry-form input{min-width:0;min-height:2.65rem;border:1px solid rgba(214,226,240,.14);border-radius:.65rem;background:#08111cb8;color:var(--text);padding:0 .85rem}.client-qr-entry-form button{min-height:2.65rem;border:0;border-radius:.65rem;background:var(--blue);color:#fff;font-weight:900;padding:0 .9rem}.qr-scanner-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#02060cc2;padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1rem + var(--safe-left))}.qr-scanner-modal{width:min(100%,28rem);max-height:calc(100vh - 2rem - var(--safe-top) - var(--safe-bottom));display:grid;gap:.85rem;overflow:auto;border:1px solid var(--border);border-radius:.95rem;background:#08111cfa;padding:1rem;box-shadow:0 1.5rem 4rem #0000006b}.qr-scanner-modal header{display:flex;gap:.8rem;align-items:start;justify-content:space-between}.qr-scanner-modal header span{color:var(--muted);font-size:.75rem;font-weight:900;text-transform:uppercase}.qr-scanner-modal header h2{margin:.1rem 0 0;font-size:1.35rem}.qr-scanner-preview{position:relative;overflow:hidden;border:1px solid rgba(214,226,240,.16);border-radius:.85rem;background:#02060c;aspect-ratio:4 / 5}.qr-scanner-preview video{width:100%;height:100%;display:block;object-fit:cover}.qr-scanner-state{position:absolute;inset:0;display:grid;gap:.55rem;place-items:center;align-content:center;background:#08111c9e;color:var(--text);font-weight:900}.qr-scanner-state svg{width:1.7rem;height:1.7rem;animation:spin .9s linear infinite}.client-bottom-nav{position:fixed;right:calc(.75rem + var(--safe-right));bottom:calc(.75rem + var(--safe-bottom));left:calc(.75rem + var(--safe-left));z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;border:1px solid var(--border);border-radius:1.1rem;background:#08111ceb;padding:.35rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.client-bottom-nav a{display:grid;min-width:0;min-height:3.25rem;place-items:center;gap:.2rem;border-radius:.85rem;color:var(--muted);font-size:.7rem;font-weight:850}.client-bottom-nav a.active{background:#2f8cff29;color:var(--text)}.client-section{display:grid;gap:.75rem;min-width:0;overflow:visible;border:1px solid var(--border);border-radius:.75rem;background:#111b29c7;box-shadow:var(--shadow);padding:.9rem}.client-section header{display:flex;align-items:center;gap:.65rem;min-width:0}.client-section header svg{color:var(--blue)}.client-section h2{flex:1;margin:0;font-size:1.08rem}.client-primary-card{display:grid;gap:.8rem;border:1px solid rgba(47,140,255,.36);border-radius:.8rem;background:linear-gradient(180deg,#2f8cff29,#08111c94);padding:.9rem}.client-primary-card.empty{border-color:#2ad6813d;background:#2ad68117}.client-primary-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.client-primary-heading span,.client-next-appointment span{color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase}.client-primary-heading h3{margin:.22rem 0 0;font-size:clamp(1.55rem,8vw,2.3rem);line-height:1;letter-spacing:0}.client-primary-heading p,.client-next-appointment small{margin:.25rem 0 0;color:var(--muted);line-height:1.45}.client-primary-heading .status-badge{flex:0 0 auto}.client-status-copy{margin:-.2rem 0 0;color:#eaf3ff;font-size:.98rem;font-weight:850;line-height:1.45}.client-status-copy.delayed,.client-delay-copy{color:#fecaca;font-weight:850}.client-next-appointment{display:grid;gap:var(--space-1);border:1px solid var(--border);border-radius:.85rem;background:var(--fill-recessed);box-shadow:var(--elev-flat);padding:var(--space-4)}.client-next-appointment span{color:var(--muted);font-size:var(--type-caption);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.client-next-appointment strong{color:var(--text);line-height:1.3}.client-next-appointment small{margin-top:var(--space-1);color:var(--muted)}.client-section header button,.client-card button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.35rem;border:1px solid rgba(214,226,240,.12);border-radius:.6rem;background:#d6e2f012;color:var(--text);font-size:.82rem;font-weight:850;padding:0 .75rem}.client-notifications-header{align-items:flex-start;flex-wrap:wrap}.client-notification-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;min-width:0}.client-notification-actions button{white-space:nowrap}.client-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.4rem}.client-greeting span{display:block;color:var(--muted);font-size:.86rem;font-weight:850}.client-greeting strong{display:block;margin-top:.1rem;font-size:clamp(1.4rem,6.5vw,2rem);line-height:1.05}.client-avatar{display:grid;flex:0 0 auto;width:2.85rem;height:2.85rem;place-items:center;border:1px solid rgba(47,140,255,.4);border-radius:999px;background:#2f8cff2e;color:var(--text);font-size:.95rem;font-weight:900}.client-section-header-slim{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.client-section-header-slim h2{flex:1;margin:0;font-size:1.08rem}.client-text-action{flex:0 0 auto;border:none;background:none;color:var(--blue);font-size:.85rem;font-weight:850;padding:.25rem .2rem}.client-hero-card{--hero-wash: var(--wash-confirmed);--hero-edge: var(--wash-confirmed-edge);--hero-accent: var(--wash-confirmed-accent);display:grid;gap:var(--space-4);border:1px solid var(--hero-edge);border-radius:1.5rem;background:radial-gradient(130% 90% at 50% -10%,var(--hero-wash),transparent 68%),var(--fill-hero);box-shadow:var(--elev-hero);padding:var(--space-6);transition:background .32s ease,border-color .32s ease}.client-hero-card.wash-ok{--hero-wash: var(--wash-calm);--hero-edge: var(--wash-calm-edge);--hero-accent: var(--wash-calm-accent)}.client-hero-card.wash-confirmed{--hero-wash: var(--wash-confirmed);--hero-edge: var(--wash-confirmed-edge);--hero-accent: var(--wash-confirmed-accent)}.client-hero-card.wash-active{--hero-wash: var(--wash-working);--hero-edge: var(--wash-working-edge);--hero-accent: var(--wash-working-accent)}.client-hero-card.wash-ready{--hero-wash: var(--wash-ready);--hero-edge: var(--wash-ready-edge);--hero-accent: var(--wash-ready-accent)}.client-hero-card.empty{--hero-edge: var(--wash-calm-edge);border-color:var(--hero-edge);background:radial-gradient(130% 90% at 50% -10%,var(--wash-calm),transparent 68%),var(--fill-hero)}.client-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.client-hero-id{min-width:0}.client-hero-id h3{margin:0 0 var(--space-2);font-size:var(--type-display);font-weight:var(--weight-hero);line-height:1.02;letter-spacing:-.02em;overflow-wrap:anywhere}.client-hero-stage{display:grid;place-items:center;padding:var(--space-1) 0 0}.client-hero-car{width:min(76%,16.5rem);height:auto;color:var(--hero-accent);transition:color .32s ease}.client-hero-car-body{fill:currentColor;fill-opacity:.92}.client-hero-car-glass{fill:var(--bg-strong);fill-opacity:.6}.client-hero-car-tyre{fill:var(--bg-strong)}.client-hero-car-hub{fill:currentColor;fill-opacity:.85}.client-hero-car-shadow{fill:#00000052}.client-plate-chip{display:inline-block;border:1px solid rgba(214,226,240,.22);border-radius:.45rem;background:#08111c8c;color:var(--text);font-size:.85rem;font-weight:900;letter-spacing:.06em;padding:.18rem .5rem}.client-plate-chip.small{font-size:.72rem;padding:.12rem .4rem}.client-status-band{display:inline-flex;align-items:center;align-self:flex-start;gap:.6rem;border:1px solid var(--hero-edge);border-radius:999px;background:#050a1180;padding:.55rem 1.05rem .55rem .85rem}.client-status-band strong{font-size:var(--type-title);font-weight:var(--weight-hero);letter-spacing:-.01em;color:var(--text)}.client-status-band .client-status-dot{width:.7rem;height:.7rem}.client-status-band.ready .client-status-dot{animation:client-dot-pulse 2.4s ease-in-out infinite}@keyframes client-dot-pulse{0%,to{box-shadow:0 0 #f5c5188c}50%{box-shadow:0 0 0 .5rem #f5c51800}}.client-hero-context{margin:0;color:#eaf3ff;font-size:var(--type-body);font-weight:var(--weight-body);line-height:1.5}.client-hero-context.delayed{color:#fecaca}.client-next-appointment.empty strong{color:var(--muted)}.client-next-when{font-size:var(--type-title);font-weight:var(--weight-hero);letter-spacing:-.01em}.client-hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.5rem;border:none;border-radius:.95rem;background:linear-gradient(135deg,var(--blue),var(--blue-strong));color:#f4f9ff;font-size:1.05rem;font-weight:var(--weight-hero);box-shadow:0 14px 32px #2f8cff52;transition:transform .13s ease}.client-hero-cta:active{transform:scale(.98)}.client-hero-cta svg{width:1.25rem;height:1.25rem}.client-route-cars .client-section{border:none;background:none;box-shadow:none;padding:0;gap:var(--space-6)}.client-vehicle-menu{position:relative;flex:0 0 auto}.client-icon-button{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid rgba(214,226,240,.14);border-radius:.6rem;background:#08111c73;color:var(--text)}.client-action-menu{position:absolute;right:0;top:calc(100% + .35rem);z-index:25;display:grid;gap:.15rem;min-width:12.5rem;border:1px solid var(--border);border-radius:.7rem;background:#0e1826fa;box-shadow:var(--shadow);padding:.35rem}.client-action-menu button{display:flex;align-items:center;gap:.55rem;min-height:2.6rem;border:none;border-radius:.5rem;background:none;color:var(--text);font-size:.88rem;font-weight:800;text-align:left;padding:0 .6rem}.client-action-menu button svg{width:1.05rem;height:1.05rem;color:var(--muted)}.client-action-menu button.danger{color:#ffb7c0}.client-action-menu button.danger svg{color:#ffb7c0}.client-menu-backdrop{position:fixed;inset:0;z-index:24;border:none;background:transparent}.client-latest-update{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid rgba(214,226,240,.1);border-radius:.75rem;background:#08111c7a;padding:.85rem}.client-latest-update span{display:block;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase}.client-latest-update strong{display:block;margin:.18rem 0;color:var(--text);line-height:1.35}.client-latest-update small{color:var(--muted);font-size:.78rem}.client-latest-update svg{flex:0 0 auto;width:1.25rem;height:1.25rem;color:var(--blue)}.client-other-vehicles{display:grid;gap:.6rem}.client-other-vehicles-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2.85rem;border:1px solid rgba(214,226,240,.1);border-radius:.7rem;background:#08111c66;color:var(--text);font-size:.9rem;font-weight:850;padding:0 .85rem}.client-chevron{width:1.15rem;height:1.15rem;color:var(--muted);transition:transform .15s ease}.client-chevron.open{transform:rotate(180deg)}.client-other-vehicles-list{display:grid;gap:.5rem}.client-mini-vehicle{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid rgba(214,226,240,.08);border-radius:.7rem;background:#08111c59;padding:.7rem .8rem}.client-mini-vehicle-info{display:flex;align-items:center;gap:.65rem;min-width:0}.client-mini-vehicle-info strong{display:block;overflow-wrap:anywhere}.client-mini-vehicle-info>div{display:grid;gap:.25rem;min-width:0}.client-mini-vehicle-meta{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}.client-mini-status{color:var(--muted);font-size:.74rem;font-weight:850}.client-status-dot{flex:0 0 auto;width:.7rem;height:.7rem;border-radius:999px;background:var(--muted)}.client-status-dot.ok{background:#2ad681}.client-status-dot.confirmed{background:#2f8cff}.client-status-dot.active{background:#f59e35}.client-status-dot.ready{background:#f5c518}.client-push-card{display:flex;align-items:center;justify-content:space-between;gap:.85rem;border:1px solid rgba(47,140,255,.3);border-radius:.8rem;background:#2f8cff1f;padding:.9rem}.client-push-card strong{display:block;margin-bottom:.2rem}.client-push-card span{color:var(--muted);font-size:.85rem;line-height:1.4}.client-push-card button{flex:0 0 auto}.client-notification-feed,.client-history-feed{display:grid;gap:1rem}.client-notification-group h3,.client-history-group h3{margin:0 0 .5rem;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.client-history-card{align-items:center}.push-diagnostics-actions{display:flex;flex-wrap:wrap;gap:.45rem}.push-diagnostics-actions button{min-height:2.35rem;border:1px solid rgba(214,226,240,.12);border-radius:.55rem;background:#d6e2f012;color:var(--text);font-size:.8rem;font-weight:850;padding:0 .7rem}.client-profile-sheet{display:grid;gap:1rem;width:100%;max-width:26rem;margin:auto auto 0;border:1px solid var(--border);border-radius:1rem 1rem 0 0;background:linear-gradient(180deg,#172437fa,#08111cfa);box-shadow:var(--shadow);padding:1.1rem}.client-profile-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.client-profile-sheet-id{display:flex;align-items:center;gap:.7rem;min-width:0}.client-profile-sheet-id strong{display:block;overflow-wrap:anywhere}.client-profile-sheet-id span{display:block;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}.client-profile-details{display:grid;gap:.6rem;margin:0}.client-profile-details div{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;border-bottom:1px solid rgba(214,226,240,.08);padding-bottom:.6rem}.client-profile-details dt{color:var(--muted);font-size:.8rem;font-weight:850}.client-profile-details dd{margin:0;color:var(--text);font-weight:800;text-align:right;overflow-wrap:anywhere}.client-profile-logout{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.booking-success-state .booking-success-detail{color:var(--text);font-weight:850}.push-diagnostics{display:grid;gap:.55rem;border:1px solid rgba(214,226,240,.1);border-radius:.7rem;background:#08111c80;padding:.75rem}.push-diagnostics strong{color:var(--text);font-size:.9rem}.push-diagnostics dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0}.push-diagnostics dl div{min-width:0;border-radius:.55rem;background:#d6e2f00f;padding:.5rem}.push-diagnostics dt,.push-diagnostics dd{margin:0}.push-diagnostics dt{color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.push-diagnostics dd{margin-top:.22rem;color:#f4f8ff;font-size:.82rem;font-weight:850;overflow-wrap:anywhere}.client-section header button svg,.client-card button svg{width:1rem;height:1rem}.client-vehicle-form{display:grid;gap:.75rem;border:1px solid rgba(214,226,240,.1);border-radius:.75rem;background:#08111c80;padding:.85rem}.client-vehicle-form-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.client-vehicle-form-header strong{font-size:1rem}.client-vehicle-form label{display:grid;gap:.45rem;color:#dce7f5;font-size:.86rem;font-weight:800}.client-vehicle-form input,.client-vehicle-form select,.client-vehicle-form textarea{min-height:2.9rem;width:100%;border:1px solid var(--border);border-radius:.7rem;background:#08111cb8;color:var(--text);outline:none;padding:0 .8rem}.client-vehicle-form textarea{min-height:5rem;resize:vertical;padding:.75rem .8rem}.client-vehicle-form input:focus,.client-vehicle-form select:focus,.client-vehicle-form textarea:focus{border-color:#2f8cffe6;box-shadow:0 0 0 4px #2f8cff29}.client-card-list{display:grid;gap:.6rem}.client-home-notifications{display:grid;gap:.55rem}.client-home-notifications>div{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.client-home-notifications a{color:var(--blue);font-size:.82rem;font-weight:850}.client-card{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:.75rem;border:1px solid rgba(214,226,240,.1);border-radius:.7rem;background:#08111c75;padding:.85rem}.client-card.unread{border-color:#2f8cff59;background:#2f8cff1c}.notification-card{border-left:4px solid rgba(214,226,240,.22)}.notification-card.tone-booking{border-left-color:#2f8cff}.notification-card.tone-checkin{border-left-color:#7c8cff}.notification-card.tone-work{border-left-color:#f5a524}.notification-card.tone-delay{border-left-color:#ef4444}.notification-card.tone-ready{border-left-color:#2ad681}.notification-card.tone-done{border-left-color:#8fa3b8}.notification-card.tone-billing{border-left-color:#8b5cf6}.client-card div{min-width:0}.client-card strong,.client-card span,.client-card small{display:block}.client-card strong{overflow-wrap:anywhere}.client-card span{margin-top:.2rem;color:var(--muted);font-size:.86rem;line-height:1.4}.client-card small{margin-top:.35rem;color:var(--subtle);font-size:.78rem;font-weight:800}.client-card>svg{color:var(--green)}.client-booking-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;border:1px solid rgba(47,140,255,.34);border-radius:.75rem;background:#2f8cff21;color:#d8e9ff;font-weight:850}.client-booking-link svg{width:1.1rem;height:1.1rem}.client-booking-context,.push-state{display:flex;gap:.7rem;border:1px solid rgba(214,226,240,.1);border-radius:.75rem;background:#08111c7a;padding:.85rem}.client-booking-context svg{flex:0 0 auto;color:var(--green)}.client-booking-context strong,.client-booking-context span,.push-state strong,.push-state span{display:block}.client-booking-context span,.push-state span{margin-top:.2rem;color:var(--muted);font-size:.84rem;line-height:1.45}.client-booking-form{display:grid;gap:.9rem;min-width:0;border:1px solid rgba(214,226,240,.1);border-radius:.75rem;background:#08111c80;padding:.85rem}.client-booking-flow{display:grid;gap:.8rem;min-width:0}.client-booking-form label{display:grid;gap:.65rem;min-width:0;color:#dce7f5;font-size:.86rem;font-weight:800}.client-booking-form input,.client-booking-form select,.client-booking-form textarea{display:block;min-height:2.9rem;max-width:100%;min-width:0;width:100%;border:1px solid var(--border);border-radius:.7rem;background:#08111cb8;color:var(--text);outline:none;padding:0 .8rem;line-height:normal;-webkit-appearance:none;appearance:none}.client-booking-form textarea{min-height:5rem;padding:.75rem .8rem;resize:vertical}.client-booking-form input:focus,.client-booking-form select:focus,.client-booking-form textarea:focus{border-color:#2f8cffe6;box-shadow:0 0 0 3px #2f8cff24}.push-state.active{border-color:#2ad6813d;background:#2ad6811a}.client-state-banner,.client-install-hint{border:1px solid rgba(245,158,11,.24);border-radius:.7rem;background:#f59e0b1a;color:#ffe3ad;font-size:.84rem;font-weight:800;line-height:1.45;padding:.7rem .8rem}.client-install-hint{margin:0}.client-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch;gap:.4rem}.client-card-actions .status-badge{grid-column:1 / -1;justify-self:start}.client-status-timeline{display:grid;gap:.8rem;margin-top:1rem;position:relative}.client-status-timeline:before{content:"";position:absolute;left:.44rem;top:.55rem;bottom:.55rem;width:1px;background:#d6e2f01f;pointer-events:none}.client-status-timeline span{display:grid;grid-template-columns:1rem minmax(0,1fr);align-items:center;gap:.6rem;color:var(--muted);font-size:.8rem;font-weight:600;position:relative}.client-status-timeline i{width:.9rem;height:.9rem;border:2px solid rgba(214,226,240,.22);border-radius:999px;background:var(--surface);position:relative;z-index:1}.client-status-timeline span.done{color:#c9f9dd;font-weight:700}.client-status-timeline span.done i{border-color:#2ad681d9;background:#2ad68173;box-shadow:0 0 0 3px #2ad6811f}.client-card-status{display:grid;gap:.25rem;justify-items:start}.public-success-time{display:inline-flex;color:var(--text)}@media(orientation:landscape)and (max-height:520px){.login-copy,.client-auth-copy{margin-top:1.25rem}.login-panel,.client-auth-panel{justify-content:start}.bottom-nav a,.client-bottom-nav a{min-height:2.85rem}.mobile-header{margin-bottom:.8rem}.page-section,.client-dashboard{gap:.75rem}}@media(max-width:559px){.service-notification-inbox header{display:grid;gap:.65rem}.service-notification-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.service-notification-actions button,.settings-mini-form.compact-actions button{min-width:0;padding:0 .5rem;font-size:.76rem}.settings-mini-form.compact-actions,.technical-details dl,.client-auth-grid,.client-profile-strip{grid-template-columns:minmax(0,1fr)}.client-notifications-header{display:grid;grid-template-columns:auto minmax(0,1fr)}.client-notifications-header h2{min-width:0}.client-notification-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%}.client-notification-actions button{min-width:0;padding:0 .5rem;font-size:.76rem;white-space:normal}.push-diagnostics dl,.client-qr-entry-form{grid-template-columns:minmax(0,1fr)}.page-header{padding:.25rem 0 .35rem}.page-header h1{font-size:clamp(1.65rem,7.2vw,2.35rem)}.page-header p{margin-top:.55rem;line-height:1.42}.booking-panel{gap:.65rem;padding:.65rem}.booking-panel-title{gap:.55rem}.booking-panel-title p{margin-top:.2rem;line-height:1.45}.booking-grid{gap:.75rem}.booking-row-pair{grid-template-columns:minmax(0,1fr)}.booking-grid input,.booking-grid select,.booking-row-pair input,.booking-row-pair select{min-height:3.2rem}.booking-grid input[type=date],.booking-grid input[type=time],.booking-row-pair input[type=date],.booking-row-pair input[type=time],.client-booking-form input[type=date],.client-booking-form input[type=time]{height:3.3rem;min-height:3.3rem;padding-top:.78rem;padding-bottom:.78rem}.booking-next{min-height:3rem}.public-step,.client-booking-flow,.client-booking-form{gap:.95rem}.booking-date-control{gap:.9rem}.booking-actions-row{gap:.75rem}.slot-groups{gap:1.05rem}.slot-grid{gap:.9rem}}@media(min-width:560px){.appointment-card{grid-template-columns:4.6rem minmax(0,1fr);gap:.95rem}.appointment-time{display:grid;align-content:start;justify-content:stretch;gap:.2rem}.appointment-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.public-slot-grid,.client-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-vehicle-form,.client-booking-form{grid-template-columns:repeat(2,minmax(0,1fr))}.client-booking-notes,.client-booking-form .primary-button,.client-vehicle-form-header,.client-vehicle-form .primary-button{grid-column:span 2}.client-card{grid-template-columns:minmax(0,1fr) auto}.client-card-actions{grid-template-columns:auto;justify-items:end}.client-card-actions .status-badge{grid-column:auto}}@media(min-width:760px){.login-page{grid-template-columns:minmax(22rem,30rem) minmax(18rem,1fr);align-items:center;gap:clamp(1.25rem,3vw,2rem);padding:calc(1.5rem + var(--safe-top)) calc(1.5rem + var(--safe-right)) calc(1.5rem + var(--safe-bottom)) calc(1.5rem + var(--safe-left))}.login-panel{justify-self:end;max-width:30rem;padding:1.5rem 0}.login-aside{display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--border);border-radius:1.25rem;background:linear-gradient(145deg,#2f8cff33,#2ad68114),#111b29b8;min-width:0;min-height:min(36rem,calc(100dvh - 3rem));padding:clamp(1.35rem,3vw,2rem)}.login-aside h2{max-width:14ch;margin:1.25rem 0 0;font-size:clamp(2.15rem,4.4vw,4.2rem);line-height:1;letter-spacing:0}.login-aside p{max-width:28rem;color:var(--muted);line-height:1.7}.service-shell{display:grid;grid-template-columns:16.5rem minmax(0,1fr);padding-bottom:0}.desktop-sidebar{position:sticky;top:0;display:flex;flex-direction:column;min-height:100vh;border-right:1px solid var(--border);background:#050a11b8;padding:1.25rem}.sidebar-brand{margin-bottom:2rem}.sidebar-nav{display:grid;gap:.35rem}.sidebar-nav a,.ghost-button{display:flex;align-items:center;gap:.65rem;min-height:2.9rem;border-radius:.8rem;color:var(--muted);font-weight:800;padding:0 .8rem}.sidebar-nav a.active{background:#2f8cff29;color:var(--text)}.sidebar-nav svg{width:1.15rem;height:1.15rem}.ghost-button{width:100%;margin-top:auto;border:1px solid var(--border);background:transparent}.service-main{padding:calc(2rem + var(--safe-top)) calc(2rem + var(--safe-right)) calc(2rem + var(--safe-bottom)) 2rem}.mobile-header,.bottom-nav{display:none}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.booking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-placeholder{grid-template-columns:repeat(5,minmax(0,1fr))}.calendar-toolbar{grid-template-columns:minmax(16rem,.7fr) minmax(18rem,1fr) auto;align-items:center}.calendar-day-list{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.settings-list,.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-field{grid-column:span 2}.settings-action-button{width:fit-content;min-width:12rem}.settings-mini-form{grid-template-columns:minmax(14rem,1fr) minmax(10rem,.55fr) auto;align-items:end}.settings-mini-form.service-form{grid-template-columns:minmax(13rem,1fr) minmax(13rem,1fr) minmax(6rem,.35fr) auto}.settings-row{grid-template-columns:auto minmax(18rem,1fr) auto auto;align-items:center}.settings-row button{grid-column:auto;padding:0 .8rem}.public-booking-page{padding:calc(2rem + var(--safe-top)) calc(2rem + var(--safe-right)) calc(2rem + var(--safe-bottom)) calc(2rem + var(--safe-left))}.public-booking-card{padding:1.35rem}.client-page{padding:calc(2rem + var(--safe-top)) calc(2rem + var(--safe-right)) calc(2rem + var(--safe-bottom)) calc(2rem + var(--safe-left))}.client-dashboard{padding-bottom:0}.client-bottom-nav{position:static;grid-template-columns:repeat(4,minmax(0,1fr))}.client-bottom-nav a{min-height:3rem;grid-template-columns:auto auto;place-items:center;justify-content:center;font-size:.82rem}.modal-backdrop{align-items:center}.work-record-modal,.client-plus-modal{max-width:48rem;margin:0 auto}.work-record-item-row input:nth-of-type(2){grid-column:auto}}@media(min-width:1320px){.settings-stack{grid-template-columns:repeat(2,minmax(28rem,1fr));align-items:start}.settings-section:first-child,.settings-section:nth-child(2){grid-column:1 / -1}}@media(min-width:760px)and (max-width:959px){.service-shell{display:block;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 1rem)}.desktop-sidebar{display:none}.service-main{padding:calc(1.5rem + var(--safe-top)) calc(1.5rem + var(--safe-right)) calc(var(--bottom-nav-height) + var(--safe-bottom) + 1.5rem) calc(1.5rem + var(--safe-left))}.mobile-header{display:flex}.bottom-nav{display:grid}}:root{--bg: #07080a;--bg-strong: #030405;--surface: rgba(18, 20, 24, .82);--surface-2: rgba(27, 30, 36, .76);--surface-3: rgba(38, 42, 50, .72);--text: #f7f8fb;--muted: #a2a9b8;--subtle: #6f7786;--border: rgba(247, 248, 251, .08);--blue: #3b82f6;--blue-strong: #2563eb;--teal: #14b8a6;--green: #22c55e;--amber: #f59e0b;--orange: #f59e0b;--danger: #ef4444;--violet: #8b5cf6;--shadow: 0 24px 70px rgba(0, 0, 0, .28);--hairline: rgba(247, 248, 251, .065);--radius-card: 8px;--radius-control: 8px}body{background:radial-gradient(ellipse at 60% -5%,rgba(59,130,246,.07) 0%,transparent 55%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 16rem),linear-gradient(180deg,#0b0c0f,#07080a 48%,#050608)}.service-main,.client-page{background:transparent}.page-section,.client-dashboard,.settings-stack{gap:clamp(1rem,2.2vw,1.55rem)}.page-header,.client-dashboard-header,.login-copy,.client-auth-copy{padding-top:.25rem}.page-header h1,.client-dashboard-header h1,.login-copy h1,.client-auth-copy h1,.login-aside h2{margin-top:.6rem;color:var(--text);font-size:clamp(2.25rem,6vw,4.5rem);font-weight:850;line-height:.94;letter-spacing:0}.page-header p,.client-dashboard-header p,.login-copy p,.client-auth-copy p,.booking-panel-title p,.settings-section p,.client-section p{color:var(--muted);font-size:.98rem;line-height:1.55}.brand-mark{border:0;border-radius:var(--radius-control);background:linear-gradient(145deg,#fff,#dfe7f2);color:#0b0c0f;box-shadow:0 12px 30px #0000003d}.desktop-sidebar{border-right:1px solid var(--hairline);background:#050608b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-nav a,.ghost-button,.bottom-nav a,.client-bottom-nav a{border-radius:var(--radius-control);transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar-nav a.active,.bottom-nav a.active,.client-bottom-nav a.active,.client-auth-tabs button.active,.calendar-mode button.active,.booking-progress button.active{background:#ffffff1a;color:var(--text)}.sidebar-nav a:hover,.bottom-nav a:hover,.client-bottom-nav a:hover{background:#ffffff12}.mobile-header,.client-dashboard-header{margin-bottom:.35rem}.mobile-header span,.client-dashboard-header span,.brand-lockup span{color:var(--subtle)}.primary-button,.secondary-button,.ghost-step-button,.status-action,.calendar-inline-action,.client-qr-entry-options button,.client-qr-entry-form button,.settings-row button,.service-notification-actions button,.client-notification-actions button,.calendar-today-button,.calendar-mode button,.calendar-range-controls button{border-radius:var(--radius-control);min-height:2.85rem;font-size:.9rem;font-weight:780}.primary-button{background:#f7f8fb;color:#07080a;box-shadow:0 14px 32px #f7f8fb24}.primary-button:hover:not(:disabled){background:#fff}.secondary-button,.ghost-step-button,.status-action,.calendar-inline-action,.client-qr-entry-options button,.service-notification-actions button,.client-notification-actions button,.settings-row button{border:1px solid var(--hairline);background:#ffffff0e;color:var(--text);box-shadow:none}.link-button,.client-qr-entry-options .inline-link{color:#d8e4f8}.icon-button{border:1px solid var(--hairline);border-radius:var(--radius-control);background:#ffffff0e;box-shadow:none}.login-panel,.client-auth-panel{max-width:32rem}.login-aside{border:1px solid var(--hairline);border-radius:var(--radius-card);background:linear-gradient(180deg,#ffffff14,#ffffff06),#121418bd;box-shadow:var(--shadow)}.login-form input,.login-form select,.booking-grid input,.booking-grid select,.booking-grid textarea,.booking-row-pair input,.booking-row-pair select,.client-booking-form input,.client-booking-form select,.client-booking-form textarea,.client-vehicle-form input,.client-vehicle-form select,.client-vehicle-form textarea,.settings-form-grid input,.settings-form-grid textarea,.settings-mini-form input,.settings-mini-form select,.work-record-form input,.work-record-form textarea,.metric-search-input,.client-qr-entry-form input{border-color:var(--hairline);border-radius:var(--radius-control);background:#ffffff0e;color:var(--text);box-shadow:none}.login-form input:focus,.booking-grid input:focus,.booking-grid select:focus,.booking-grid textarea:focus,.booking-row-pair input:focus,.booking-row-pair select:focus,.client-booking-form input:focus,.client-booking-form select:focus,.client-booking-form textarea:focus,.client-vehicle-form input:focus,.client-vehicle-form select:focus,.client-vehicle-form textarea:focus,.settings-form-grid input:focus,.settings-form-grid textarea:focus,.settings-mini-form input:focus,.settings-mini-form select:focus,.metric-search-input:focus,.client-qr-entry-form input:focus{border-color:#f7f8fb57;box-shadow:0 0 0 4px #f7f8fb14}.metric-card,.metric-drilldown-panel,.service-notification-inbox,.empty-panel,.booking-panel,.booking-summary,.calendar-day-card,.calendar-appointment-card,.settings-section,.settings-list article,.client-section,.client-primary-card,.client-card,.client-qr-entry,.client-profile-strip,.push-state,.push-diagnostics,.billing-summary-card,.trial-status-banner,.appointment-card,.today-focus-strip,.work-record-modal,.client-plus-modal,.qr-scanner-modal,.signup-intro-card,.signup-pricing-card{border:1px solid var(--hairline);border-radius:var(--radius-card);background:linear-gradient(180deg,#ffffff0d,#ffffff07),#121418b8;box-shadow:none}.metric-card{min-height:3.6rem;padding:.72rem .78rem;grid-template-columns:auto minmax(0,1fr) auto}.metric-card strong{font-size:1.28rem;font-weight:850}.metric-card span{color:var(--subtle);font-size:.8rem}.metric-card svg{width:1rem;height:1rem;color:var(--blue)}.metric-card.success svg{color:var(--green)}.metric-card.warning svg{color:var(--amber)}.metric-card-button.selected,.metric-card-button:hover{border-color:#f7f8fb2e;background:#ffffff13}.service-notification-row,.metric-drilldown-row,.settings-row,.working-hour-row,.work-record-item-row{border:0;border-bottom:1px solid var(--hairline);border-radius:0;background:transparent;padding:.72rem 0}.service-notification-row:last-child,.metric-drilldown-row:last-child,.settings-row:last-child,.working-hour-row:last-child{border-bottom:0}.service-notification-row.unread{border-color:#22c55e52;border-radius:var(--radius-card);background:#22c55e0e;padding:.72rem}.service-notification-row span,.service-notification-row small,.metric-drilldown-row span,.metric-drilldown-row small,.settings-row span,.settings-empty{color:var(--muted)}.appointment-list,.client-card-list,.calendar-appointment-list,.service-notification-list,.metric-drilldown-list{gap:.35rem}.appointment-card,.calendar-appointment-card,.client-card{padding:.9rem}.appointment-card.compact-appointment{grid-template-columns:minmax(3.65rem,auto) minmax(0,1fr)}.appointment-time{border-radius:var(--radius-card);background:#ffffff0e;padding:.65rem}.appointment-time strong{font-size:1.1rem}.appointment-title-row h2,.calendar-day-card header strong,.client-section h2,.settings-section h2{font-weight:850;letter-spacing:0}.vehicle-plate{color:var(--text);font-weight:800}.appointment-meta,.client-card p,.calendar-appointment-main p{color:var(--muted)}.appointment-actions{gap:.45rem}.status-action{min-height:2.45rem;padding:0 .65rem}.status-badge{border:0;border-radius:999px;padding:.32rem .58rem;font-size:.74rem;font-weight:850}.status-badge.scheduled,.status-badge.confirmed,.appointment-card.scheduled,.appointment-card.confirmed,.calendar-appointment-card.scheduled,.calendar-appointment-card.confirmed{--status-color: var(--blue)}.status-badge.checked_in,.appointment-card.checked_in,.calendar-appointment-card.checked_in{--status-color: var(--teal)}.status-badge.in_progress,.appointment-card.in_progress,.calendar-appointment-card.in_progress{--status-color: var(--blue)}.appointment-card.is-overdue,.client-status-copy.delayed,.client-delay-copy{--status-color: var(--amber)}.status-badge.ready_for_pickup,.status-badge.completed,.appointment-card.ready_for_pickup,.appointment-card.completed,.calendar-appointment-card.ready_for_pickup,.calendar-appointment-card.completed{--status-color: var(--green)}.status-badge.cancelled,.status-badge.no_show{--status-color: var(--danger)}.status-badge{background:color-mix(in srgb,var(--status-color, var(--blue)) 16%,transparent);color:color-mix(in srgb,var(--status-color, var(--blue)) 82%,white)}.appointment-card,.calendar-appointment-card,.client-card{border-left:3px solid color-mix(in srgb,var(--status-color, var(--blue)) 72%,transparent)}.appointment-card.is-overdue{border-left-color:var(--amber)}.appointment-card.in_progress{box-shadow:0 0 0 1px #3b82f62e,0 4px 20px #3b82f614}.appointment-card.ready_for_pickup{box-shadow:0 0 0 1px #22c55e2e,0 4px 20px #22c55e17}.appointment-card.is-overdue{box-shadow:0 0 0 1px #f59e0b2e,0 4px 16px #f59e0b14}.client-primary-card{padding:clamp(1rem,3vw,1.4rem);background:linear-gradient(145deg,#22c55e24,#3b82f60f),#121418c7}.client-primary-heading{gap:.65rem}.client-primary-heading h3,.client-primary-heading h2,.client-primary-card h2{margin:0;font-size:clamp(1.55rem,5vw,2.55rem);font-weight:850;line-height:1}.client-next-appointment,.client-status-timeline,.appointment-timeline{border-color:var(--hairline);background:#ffffff0a}.client-status-timeline span.done,.appointment-timeline span.done{background:color-mix(in srgb,var(--status-color, var(--blue)) 80%,white)}.client-home-notifications .notification-card,.notification-card{padding:.78rem .85rem}.notification-card p,.notification-card span,.notification-card small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.notification-card p,.notification-card span{-webkit-line-clamp:1}.notification-card small{-webkit-line-clamp:1;color:var(--subtle)}.tone-appointment,.tone-created,.tone-confirmed{--tone-color: var(--blue)}.tone-progress,.tone-checked_in{--tone-color: var(--teal)}.tone-work,.tone-in_progress{--tone-color: var(--amber)}.tone-delay,.tone-error{--tone-color: var(--danger)}.tone-ready,.tone-success,.tone-completed{--tone-color: var(--green)}.tone-billing{--tone-color: var(--violet)}.notification-card{border-left:3px solid var(--tone-color, var(--hairline))}.calendar-toolbar,.calendar-summary-strip,.booking-progress,.client-auth-tabs{border:1px solid var(--hairline);border-radius:var(--radius-card);background:#ffffff09;box-shadow:none}.calendar-day-list{gap:.75rem}.calendar-day-card{padding:1rem}.calendar-day-card.today{border-color:#22c55e52;background:linear-gradient(180deg,#22c55e14,#ffffff05),#121418b8;box-shadow:0 0 0 1px #22c55e24,0 4px 20px #22c55e14}.booking-panel,.client-booking-flow{gap:1rem}.booking-panel-title{align-items:start}.booking-progress{padding:.28rem}.booking-progress-labelled button,.booking-progress button{border-radius:6px}.slot-button{border-radius:var(--radius-control);border-color:var(--hairline);background:#ffffff0b;color:var(--text)}.slot-button.selected{border-color:#f7f8fb61;background:#f7f8fb1f}.settings-stack{align-items:start}.settings-section{padding:clamp(1rem,2vw,1.25rem)}.settings-section header{padding-bottom:.2rem}.settings-section header svg,.settings-row svg{color:var(--muted)}.setup-center{background:linear-gradient(145deg,#3b82f61f,#22c55e0e),#121418bd}.billing-summary-card,.trial-status-banner{background:linear-gradient(145deg,color-mix(in srgb,var(--green) 11%,transparent),#ffffff06),#121418c7}.trial-status-banner.warning,.billing-summary-card.warning{background:linear-gradient(145deg,#f59e0b24,#ffffff06),#121418c7}.trial-status-banner.locked,.billing-summary-card.locked{background:linear-gradient(145deg,#ef444426,#ffffff06),#121418c7}.bottom-nav,.client-bottom-nav{border:1px solid var(--hairline);border-radius:18px;background:#08090bdb;box-shadow:0 22px 54px #00000057;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:.34rem}.bottom-nav a,.client-bottom-nav a{min-height:3rem;color:var(--muted)}.bottom-nav svg,.client-bottom-nav svg{width:1.12rem;height:1.12rem}.modal-backdrop{background:#030405c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media(max-width:559px){.service-main,.client-page{padding-right:calc(.9rem + var(--safe-right));padding-left:calc(.9rem + var(--safe-left))}.page-header h1,.client-dashboard-header h1,.login-copy h1,.client-auth-copy h1{font-size:clamp(2rem,12vw,3.3rem)}.metric-grid{gap:.45rem}.metric-card{min-height:3.25rem;padding:.64rem .7rem}.metric-card strong{font-size:1.12rem}.client-section,.settings-section,.booking-panel,.appointment-card,.calendar-day-card{padding:.85rem}.appointment-card.compact-appointment{grid-template-columns:minmax(0,1fr)}.appointment-time{display:flex;align-items:center;justify-content:space-between}.appointment-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.client-notification-actions,.service-notification-actions{gap:.35rem}.client-notification-actions button,.service-notification-actions button{min-height:2.35rem}.bottom-nav,.client-bottom-nav{right:calc(.55rem + var(--safe-right));bottom:calc(.55rem + var(--safe-bottom));left:calc(.55rem + var(--safe-left))}}@media(min-width:760px){.service-shell{grid-template-columns:15.25rem minmax(0,1fr)}.service-main{padding:calc(2.25rem + var(--safe-top)) calc(2.4rem + var(--safe-right)) calc(2.25rem + var(--safe-bottom)) 2.4rem}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.client-dashboard,.client-auth-panel{max-width:52rem}.client-section{padding:1.1rem}.client-bottom-nav{justify-self:center;width:min(100%,34rem)}}@media(min-width:1320px){.page-section{max-width:76rem}.settings-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.page-header p,.client-dashboard-header p,.booking-panel-title p,.settings-section header p,.client-section header p,.settings-empty{max-width:38rem}.command-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.command-metric-grid .metric-card{min-height:clamp(5.2rem,9vw,7rem);align-content:end;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon value" "label label";padding:clamp(.85rem,2vw,1.15rem)}.command-metric-grid .metric-card svg{grid-area:icon;width:1.1rem;height:1.1rem}.command-metric-grid .metric-card strong{grid-area:value;justify-self:end;font-size:clamp(2rem,4.4vw,3.2rem);line-height:.9}.command-metric-grid .metric-card span{grid-area:label;align-self:end;color:var(--text);font-size:clamp(.78rem,1.6vw,.92rem)}.metric-card.danger svg{color:var(--danger)}.secondary-disclosure{border:0;border-radius:var(--radius-card);background:transparent}.secondary-disclosure>summary{display:flex;align-items:center;justify-content:space-between;min-height:2.75rem;border:1px solid var(--hairline);border-radius:var(--radius-card);background:#ffffff0a;color:var(--muted);cursor:pointer;font-weight:850;padding:0 .85rem}.secondary-disclosure[open]>summary{margin-bottom:.75rem}.secondary-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.compact-notification-panel .service-notification-row{grid-template-columns:auto minmax(0,1fr) auto;min-height:3.3rem}.compact-notification-panel .service-notification-row strong,.notification-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-notification-panel .service-notification-row span,.compact-notification-panel .service-notification-row small,.notification-card span,.notification-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-focus-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.2rem}.appointment-card.compact-appointment{border-top:0;border-right:0;border-bottom:1px solid var(--hairline);border-radius:0;background:transparent}.appointment-card.compact-appointment:last-child{border-bottom:0}.appointment-timeline{display:flex;flex-wrap:wrap;gap:.35rem;border:0;background:transparent;padding:0}.appointment-timeline span{border-radius:999px;background:#ffffff0e;padding:.32rem .55rem}.booking-progress-labelled{grid-template-columns:repeat(4,minmax(0,1fr))}.booking-panel{max-width:46rem}.booking-panel-title p:empty{display:none}.booking-grid{align-items:end}.booking-optional{margin-top:.1rem}.booking-summary{grid-template-columns:minmax(7rem,.32fr) minmax(0,1fr)}.settings-tabs{position:sticky;top:calc(.6rem + var(--safe-top));z-index:10;display:flex;gap:.35rem;overflow-x:auto;border:1px solid var(--hairline);border-radius:999px;background:#08090bd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:.32rem}.settings-tabs button{flex:0 0 auto;min-height:2.35rem;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:850;padding:0 .9rem}.settings-tabs button.active{background:#f7f8fb;color:#07080a}.settings-tab-pane{display:none}.settings-active-general .settings-tab-general,.settings-active-program .settings-tab-program,.settings-active-services .settings-tab-services,.settings-active-resources .settings-tab-resources,.settings-active-qr .settings-tab-qr,.settings-active-billing .settings-tab-billing{display:grid}.settings-stack{grid-template-columns:minmax(0,1fr)}.settings-section header p,.settings-row span,.settings-empty{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.setup-checklist{grid-template-columns:repeat(5,minmax(0,1fr))}.setup-checklist div{min-height:4.2rem;align-content:start}.client-profile-strip{border:0;background:transparent;padding:0}.client-section{border-color:transparent;background:transparent;padding:0}.client-primary-card{min-height:15rem;align-content:space-between}.client-primary-heading h3{font-size:clamp(2.6rem,10vw,5rem)}.client-primary-card.empty{min-height:11rem}.client-next-appointment{border:0;background:#ffffff0e}.client-card.secondary{border-top:0;border-right:0;border-bottom:1px solid var(--hairline);border-radius:0;background:transparent}.vehicle-details{margin-top:.45rem}.vehicle-details summary{width:fit-content;color:#d8e4f8;cursor:pointer;font-weight:850}.vehicle-details small{display:block;margin-top:.35rem;color:var(--muted)}.push-diagnostics{max-height:2.8rem;overflow:hidden}.push-diagnostics:hover,.push-diagnostics:focus-within{max-height:none}@media(max-width:559px){.command-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-metric-grid .metric-card{min-height:5rem}.secondary-metric-grid{grid-template-columns:minmax(0,1fr)}.booking-progress-labelled button span{font-size:.68rem}.settings-tabs{margin-right:calc(-.9rem - var(--safe-right));margin-left:calc(-.9rem - var(--safe-left));border-right:0;border-left:0;border-radius:0;padding-left:calc(.9rem + var(--safe-left))}.setup-checklist{grid-template-columns:minmax(0,1fr)}.client-primary-card{min-height:13rem}.client-card.secondary{grid-template-columns:minmax(0,1fr)}}@media(min-width:760px){.booking-panel{margin-right:auto;margin-left:auto}.settings-tabs{width:fit-content}}:root{--bg: #0b0d12;--bg-strong: #080a0f;--surface: #11151c;--surface-2: #151a22;--surface-3: #1a202a;--text: #f7f8fb;--muted: #a5adba;--subtle: #717987;--border: rgba(255, 255, 255, .08);--blue: #4f7cff;--blue-strong: #4169df;--teal: #1fb7aa;--green: #2ecc71;--amber: #f59e0b;--orange: #f59e0b;--danger: #ef4444;--violet: #7c6cff;--hairline: rgba(255, 255, 255, .08);--shadow: 0 12px 30px rgba(0, 0, 0, .18);--radius-card: 16px;--radius-control: 12px}body{background:#0b0d12}.page-section,.client-dashboard,.client-auth-panel,.login-panel{width:100%;max-width:min(100%,1440px)}.page-section{margin:0 auto}.service-main{padding-top:calc(1.65rem + var(--safe-top))}.page-header{padding-bottom:.25rem}.page-header h1,.client-dashboard-header h1,.login-copy h1,.client-auth-copy h1,.login-aside h2{font-size:clamp(1.75rem,3.4vw,2.85rem);font-weight:760;line-height:1.04}.page-header p,.client-dashboard-header p,.login-copy p,.client-auth-copy p,.booking-panel-title p,.settings-section p,.client-section p{font-size:.92rem;line-height:1.48}.desktop-sidebar{background:#0b0d12;border-right:1px solid var(--border);padding:1rem}.sidebar-brand{margin-bottom:1.2rem}.sidebar-nav{gap:.18rem}.sidebar-nav a,.ghost-button{min-height:2.55rem;border-radius:12px;font-size:.9rem}.sidebar-nav a.active{background:#4f7cff24;color:#fff}.brand-mark{border-radius:12px;box-shadow:none}.metric-card,.metric-drilldown-panel,.service-notification-inbox,.empty-panel,.booking-panel,.booking-summary,.calendar-day-card,.calendar-appointment-card,.settings-section,.settings-list article,.client-section,.client-primary-card,.client-card,.client-qr-entry,.client-profile-strip,.push-state,.push-diagnostics,.billing-summary-card,.trial-status-banner,.appointment-card,.today-focus-strip,.work-record-modal,.client-plus-modal,.qr-scanner-modal,.signup-intro-card,.signup-pricing-card,.login-aside{border:1px solid var(--border);border-radius:16px;background:#151a22;box-shadow:var(--shadow)}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.75rem}.metric-card{min-height:4.6rem;padding:.9rem}.metric-card strong{font-size:1.6rem;line-height:1}.metric-card span{font-size:.78rem}.booking-progress-labelled{grid-template-columns:repeat(3,minmax(0,1fr))}.booking-panel{max-width:56rem}.booking-grid,.settings-form-grid,.client-vehicle-form,.client-booking-form{gap:.9rem}.login-form input,.login-form select,.booking-grid input,.booking-grid select,.booking-grid textarea,.booking-row-pair input,.booking-row-pair select,.client-booking-form input,.client-booking-form select,.client-booking-form textarea,.client-vehicle-form input,.client-vehicle-form select,.client-vehicle-form textarea,.settings-form-grid input,.settings-form-grid textarea,.settings-mini-form input,.settings-mini-form select,.work-record-form input,.work-record-form textarea,.metric-search-input,.client-qr-entry-form input{min-height:3rem;background:#11151c;border-color:var(--border)}.primary-button{background:#4f7cff;color:#fff;box-shadow:none}.primary-button:hover:not(:disabled){background:#638cff}.secondary-button,.ghost-step-button,.status-action,.calendar-inline-action,.client-qr-entry-options button,.service-notification-actions button,.client-notification-actions button,.settings-row button{background:#11151c;border-color:var(--border)}.status-badge{background:color-mix(in srgb,var(--status-color, var(--blue)) 16%,#151a22);color:color-mix(in srgb,var(--status-color, var(--blue)) 82%,#ffffff)}.calendar-toolbar,.calendar-summary-strip,.booking-progress,.client-auth-tabs{background:#11151c;border-color:var(--border)}.bottom-nav,.client-bottom-nav{background:#11151cf5;border-color:var(--border);box-shadow:0 10px 28px #00000038}.bottom-nav a.active,.client-bottom-nav a.active{background:#4f7cff29;color:#fff}.client-primary-card{background:#151a22}.client-primary-heading h3,.client-primary-heading h2,.client-primary-card h2{font-size:clamp(1.9rem,5.4vw,3.4rem)}.notification-card p,.notification-card span,.notification-card small,.service-notification-row span,.service-notification-row small{line-height:1.35}.push-diagnostics{max-height:none;overflow:visible}.settings-section header p,.settings-row span,.settings-empty{display:block;overflow:visible;-webkit-line-clamp:unset}@media(min-width:1120px){.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:559px){.page-header h1,.client-dashboard-header h1,.login-copy h1,.client-auth-copy h1{font-size:clamp(1.75rem,8vw,2.35rem)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-progress-labelled{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px}.metric-card span,.appointment-time span,.appointment-meta,.mobile-header span,.brand-lockup span,.page-header p,.client-dashboard-header p,.settings-section p,.booking-panel-title p,.settings-empty,.slot-group h3,.service-notification-inbox header span,.metric-drilldown-panel header span,.metric-drilldown-panel header small,.work-record-modal header span,.client-plus-modal header span,.qr-scanner-modal header span,.booking-progress-labelled button span,.client-primary-heading span,.client-next-appointment span,.technical-details dt,.push-diagnostics dt,.calendar-appointment-time,.client-section p,.client-status-copy{font-weight:500}.sidebar-nav a,.ghost-button,.bottom-nav a,.client-bottom-nav a,.primary-button,.secondary-button,.ghost-step-button,.status-action,.calendar-inline-action,.calendar-mode button,.calendar-today-button,.calendar-range-controls button,.booking-progress button,.settings-tabs button,.settings-row button,.service-notification-actions button,.client-notification-actions button,.client-section header button,.client-card button,.qr-actions button,.slot-button strong,.booking-grid label,.booking-row-pair label,.settings-form-grid label,.client-vehicle-form label,.client-booking-form label,.client-booking-link,.secondary-disclosure>summary,.booking-optional summary{font-weight:600}.metric-card strong,.appointment-title-row h2,.appointment-time strong,.calendar-day-card header span,.service-notification-row strong,.metric-drilldown-row strong,.settings-row strong,.settings-section h2,.client-section h2,.work-record-modal header h2,.client-plus-modal header h2,.mobile-header strong,.brand-lockup strong,.booking-summary strong,.vehicle-plate,.booking-progress-labelled button strong,.client-primary-heading h3,.client-primary-heading h2,.client-primary-card h2{font-weight:700}.page-header h1,.client-dashboard-header h1,.login-copy h1,.client-auth-copy h1,.login-aside h2{font-weight:600}.page-header h1,.client-dashboard-header h1{font-size:clamp(1.2rem,1.85vw,1.45rem);line-height:1.25;letter-spacing:-.015em}.page-header p,.client-dashboard-header p{margin-top:.3rem;font-size:.84rem;line-height:1.5}.login-copy h1,.client-auth-copy h1{font-size:clamp(2rem,7vw,3.25rem);line-height:1;letter-spacing:-.02em}.login-aside h2{font-size:clamp(2.15rem,4vw,3.6rem);line-height:1;letter-spacing:-.02em}@media(max-width:559px){.page-header h1,.client-dashboard-header h1{font-size:clamp(1.15rem,5vw,1.3rem)}}.metric-card strong,.appointment-time strong,.calendar-day-card header strong,.calendar-appointment-time strong,.calendar-summary-strip strong,.booking-summary strong,.technical-details dd,.push-diagnostics dd,.slot-button strong{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.primary-button,.secondary-button,.ghost-step-button,.icon-button,.status-action,.calendar-today-button,.calendar-mode button,.calendar-range-controls button,.metric-card-button,.slot-button,.settings-row button,.service-notification-actions button,.client-notification-actions button,.client-section header button,.client-card button,.qr-actions button,.client-booking-link,.booking-progress button,.settings-tabs button,.client-auth-tabs button,.client-dev-link,.secondary-disclosure>summary{transition:background-color .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease,box-shadow .14s ease}input,select,textarea{transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}@media(prefers-reduced-motion:reduce){.work-record-modal,.client-plus-modal{animation:none!important}.primary-button,.secondary-button,.ghost-step-button,.icon-button,.status-action,.calendar-today-button,.calendar-mode button,.calendar-range-controls button,.metric-card-button,.slot-button,.settings-row button,.service-notification-actions button,.client-notification-actions button,.client-section header button,.client-card button,.qr-actions button,.client-booking-link,.booking-progress button,.settings-tabs button,.client-auth-tabs button,.sidebar-nav a,.ghost-button,.bottom-nav a,.client-bottom-nav a,input,select,textarea{transition:none!important}}.service-notification-inbox header span,.metric-drilldown-panel header span,.work-record-modal header span,.client-plus-modal header span,.qr-scanner-modal header span,.technical-details dt,.push-diagnostics dt,.client-primary-heading span,.client-next-appointment span,.client-profile-strip span,.signup-intro-card span,.billing-summary-card span{letter-spacing:.06em}.status-badge{letter-spacing:.03em}.brand-lockup strong{font-size:.9rem;font-weight:700;letter-spacing:-.01em}.brand-lockup span{font-size:.74rem;font-weight:500;color:var(--subtle)}.sidebar-nav a{font-size:.875rem;letter-spacing:0}.sidebar-nav a.active{background:#4f7cff24;color:#e8eeff;box-shadow:inset 0 0 0 1px #4f7cff38}.sidebar-nav a:hover:not(.active){background:#ffffff0d;color:var(--text)}.bottom-nav a.active,.client-bottom-nav a.active{background:#3b82f633;color:#e8f0ff;box-shadow:inset 0 0 0 1px #3b82f652,0 0 12px #3b82f61a}.bottom-nav a:active,.client-bottom-nav a:active{opacity:.72}@keyframes sheet-enter{0%{transform:translateY(.75rem);opacity:0}to{transform:translateY(0);opacity:1}}.work-record-modal,.client-plus-modal{animation:sheet-enter .22s cubic-bezier(.32,.72,0,1)}@media(min-width:760px){.desktop-sidebar{padding:1.25rem .9rem}.sidebar-brand{padding:0 .35rem;margin-bottom:1.5rem}.sidebar-nav{gap:.15rem}.sidebar-nav a{padding:0 .75rem;gap:.6rem}.service-main{padding-left:2rem;padding-right:2rem}.page-header{padding-bottom:.1rem}}@media(min-width:760px){.service-shell{grid-template-columns:64px 1fr;display:grid;height:100dvh;overflow:hidden}.desktop-sidebar{width:64px;min-width:64px;max-width:64px;padding:1rem 0;display:flex;flex-direction:column;align-items:center;gap:0;border-right:1px solid var(--border);background:var(--surface);overflow:hidden}.sidebar-mark{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:1.5rem}.brand-lockup.sidebar-brand{display:none}.sidebar-nav{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0 .5rem}.sidebar-nav a{width:44px;height:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:0}.sidebar-nav a svg{width:20px;height:20px}.sidebar-nav a.active{background:#4f7cff2e;color:#e8eeff;box-shadow:inset 0 0 0 1px #4f7cff47}.sidebar-logout-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:none;background:none;color:var(--subtle);cursor:pointer;transition:background-color .14s ease,color .14s ease}.sidebar-logout-icon:hover{background:#ffffff0f;color:var(--text)}.sidebar-logout-icon svg{width:18px;height:18px}.ghost-button.sidebar-logout{display:none}.service-main-wrapper{display:flex;flex-direction:column;min-width:0;height:100dvh;overflow:hidden}.desktop-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:48px;min-height:48px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.topbar-service-name{font-size:.8rem;font-weight:600;letter-spacing:.01em;color:var(--text)}.topbar-date{font-size:.75rem;font-weight:500;color:var(--subtle);text-transform:capitalize}.service-main{flex:1;overflow-y:auto;padding-bottom:calc(2.5rem + var(--safe-bottom))}}@media(max-width:759px){.desktop-topbar,.sidebar-logout-icon,.sidebar-mark{display:none}}.today-status-bar{display:flex;align-items:center;gap:1.25rem;padding:.5rem 1.5rem;border-bottom:1px solid transparent;background:var(--surface);font-size:.75rem;font-weight:500;flex-wrap:wrap;position:sticky;top:0;z-index:10;color:var(--subtle);transition:background-color .2s ease,border-color .2s ease}.tsb-chip{background:none;border:1px solid transparent;border-radius:20px;padding:.2rem .65rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease;line-height:1.4;white-space:nowrap}.tsb-chip:hover{background:#ffffff0f;border-color:var(--border)}.tsb-active,.tsb-pickup{color:var(--muted)}.tsb-upcoming{color:var(--subtle)}.tsb-delayed{color:#ef4444;font-weight:700}.tsb-time{margin-left:auto;color:var(--subtle);font-size:.72rem;font-variant-numeric:tabular-nums}.tsb-chip.tsb-active-filter{border-color:currentColor;background:#ffffff1a;opacity:1}.tsb-delayed.tsb-active-filter{background:#ef444426;border-color:#ef444480}.tsb-active.tsb-active-filter{background:#4ade801f;border-color:#4ade8066}.tsb-pickup.tsb-active-filter{background:#60a5fa1f;border-color:#60a5fa66}.tsb-upcoming.tsb-active-filter{background:#ffffff14;border-color:var(--border)}.today-status-bar.has-delays{border-bottom-color:#f59e0b47;background:#f59e0b0a}.today-status-bar.has-delays .tsb-delayed{color:#f59e0b;font-weight:700}.today-queue{margin:1.5rem 1.5rem 0}.queue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.queue-header-left{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.queue-header-left>span:first-child{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle)}.queue-filter-indicator{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text);background:#ffffff14;border:1px solid var(--border);border-radius:4px;padding:.15rem .45rem}.queue-filter-clear{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;color:var(--subtle);background:none;border:1px solid var(--border);border-radius:4px;padding:.15rem .45rem;cursor:pointer;transition:color .12s ease,background-color .12s ease}.queue-filter-clear:hover{color:var(--text);background:#ffffff0f}.queue-filter-clear svg{width:11px;height:11px}.queue-refresh-btn{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:500;color:var(--subtle);background:none;border:none;cursor:pointer;padding:.3rem .5rem;border-radius:6px;transition:color .14s ease,background-color .14s ease}.queue-refresh-btn:hover{color:var(--text);background:#ffffff0d}.queue-refresh-btn:disabled{opacity:.45;cursor:default}.queue-refresh-btn svg{width:14px;height:14px}.queue-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.queue-col-head{display:grid;grid-template-columns:56px 1fr 96px 1fr 118px 110px;padding:.5rem 1rem;background:#ffffff06;border-bottom:1px solid var(--border);font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--subtle);gap:.75rem}.queue-group,.queue-group-details{border-bottom:1px solid var(--border)}.queue-group:last-child,.queue-group-details:last-child{border-bottom:none}.queue-group-header{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04);border-left:3px solid transparent;-webkit-user-select:none;user-select:none}details.queue-group-details>summary.queue-group-header{cursor:pointer;list-style:none;transition:background-color .12s ease}details.queue-group-details>summary.queue-group-header::-webkit-details-marker{display:none}details.queue-group-details>summary.queue-group-header::marker{display:none}details.queue-group-details>summary.queue-group-header:hover{background:#ffffff0a}details.queue-group-details>summary.queue-group-header:after{content:"▶";margin-left:auto;font-size:.6rem;color:var(--subtle);transition:transform .16s ease}details.queue-group-details[open]>summary.queue-group-header:after{transform:rotate(90deg)}.queue-group-icon{width:.9rem;height:.9rem;flex:0 0 auto}.queue-group-label{flex:1}.queue-group-count{font-size:.65rem;font-weight:700;padding:.1rem .45rem;border-radius:10px;background:#ffffff14;color:var(--muted);font-variant-numeric:tabular-nums}.queue-group-header-delayed{border-left-color:#f59e0b;color:#f59e0b}.queue-group-header-inProgress{border-left-color:#4ade80;color:#4ade80}.queue-group-header-readyForPickup{border-left-color:#60a5fa;color:#60a5fa}.queue-group-header-checkedIn{border-left-color:var(--muted);color:var(--muted)}.queue-group-header-upcoming{border-left-color:#ffffff26;color:var(--subtle)}.queue-group-header-completed,.queue-group-header-terminal{border-left-color:#ffffff14;color:var(--subtle)}.queue-group-header-delayed .queue-group-count{background:#f59e0b2e;color:#f59e0b}.queue-group-header-inProgress .queue-group-count{background:#4ade8026;color:#4ade80}.queue-group-header-readyForPickup .queue-group-count{background:#60a5fa26;color:#60a5fa}.queue-row-wrapper{border-bottom:1px solid rgba(255,255,255,.04)}.queue-row-wrapper:last-child{border-bottom:none}.queue-row-wrapper.checked_in .queue-row{box-shadow:inset 2px 0 #14b8a666}.queue-row-wrapper.in_progress .queue-row{background:#3b82f60d;box-shadow:inset 2px 0 #3b82f699}.queue-row-wrapper.ready_for_pickup .queue-row{background:#22c55e0d;box-shadow:inset 2px 0 #22c55e99}.queue-row-wrapper.is-overdue .queue-row{background:#f59e0b0d;box-shadow:inset 2px 0 #f59e0b8c;animation:spotlight-pulse-amber 3s ease-in-out infinite}@keyframes spotlight-pulse-amber{0%,to{box-shadow:inset 2px 0 #f59e0b80}50%{box-shadow:inset 2px 0 #f59e0bbf,0 0 12px #f59e0b12}}@media(prefers-reduced-motion:reduce){.queue-row-wrapper.is-overdue .queue-row{animation:none}}.queue-row{display:grid;grid-template-columns:56px 1fr 96px 1fr 118px 110px;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;text-align:left;background:none;border:none;width:100%;color:var(--text);transition:background-color .12s ease}.queue-row:hover{background:#ffffff0a}.queue-row.expanded{background:#4f7cff0f}.queue-time{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.queue-client{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.queue-plate{font-size:.82rem;font-weight:700;font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.03em;color:var(--text)}.queue-service{font-size:.73rem;font-weight:500;color:var(--subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-next-action{display:inline-flex;align-items:center;justify-content:center;padding:.32rem .75rem;border-radius:6px;font-size:.78rem;font-weight:700;cursor:pointer;background:var(--blue);color:#fff;border:none;transition:background-color .14s ease,opacity .14s ease;white-space:nowrap;letter-spacing:.01em}.queue-next-action:hover{background:#6b91ff}.queue-next-action.completed{background:#16a34a}.queue-next-action.ready_for_pickup{background:#d97706}.queue-action-empty{display:block}.queue-row-detail{padding:1rem 1rem 1rem 2.5rem;border-top:1px solid var(--border);background:#ffffff05;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.queue-detail-meta{display:flex;flex-direction:column;gap:.5rem}.queue-detail-vehicle{font-size:.8rem;font-weight:500;color:var(--subtle)}.queue-detail-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.today-kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);margin:1.25rem 1.5rem 0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.kpi-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.9rem .5rem;cursor:pointer;background:none;border:none;border-right:1px solid var(--border);color:var(--text);transition:background-color .14s ease;gap:.2rem}.kpi-number:last-child{border-right:none}.kpi-number:hover{background:#ffffff0a}.kpi-number.selected{background:#4f7cff1a}.kpi-number strong{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:var(--text)}.kpi-number span{font-size:.68rem;font-weight:500;color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;text-align:center}.notifications-drawer{margin:1.25rem 1.5rem 1.5rem;border:1px solid var(--border);border-radius:12px;overflow:hidden}.notifications-drawer>summary{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--subtle);list-style:none;-webkit-user-select:none;user-select:none;transition:background-color .14s ease}.notifications-drawer>summary:hover{background:#ffffff0a}.notifications-drawer>summary::marker,.notifications-drawer>summary::-webkit-details-marker{display:none}.notifications-drawer>summary:before{content:"›";display:inline-block;font-size:1rem;transition:transform .2s ease;color:var(--subtle)}.notifications-drawer[open]>summary:before{transform:rotate(90deg)}.notif-count{background:#4f7cff2e;color:#8faaff;border-radius:10px;padding:.1rem .5rem;font-size:.72rem;font-weight:700}.notifications-drawer-body{border-top:1px solid var(--border);padding:1rem}.calendar-week-grid{display:grid;grid-template-columns:repeat(var(--week-cols, 6),minmax(0,1fr));gap:0;margin:1rem 1.5rem 1.5rem;border:1px solid var(--border);border-radius:12px;overflow:hidden}.calendar-week-col{border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;min-height:200px}.calendar-week-col:last-child{border-right:none}.calendar-week-col.today{background:#4f7cff14}.calendar-week-col.today .calendar-week-col-header{background:#4f7cff1a}.calendar-week-col-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.04);background:transparent;gap:.5rem}.calendar-week-col-header span{font-size:.82rem;font-weight:700;color:var(--text);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-week-col-header strong{font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--subtle);flex-shrink:0}.calendar-week-col.today .calendar-week-col-header strong{color:#8faaff}.calendar-week-col-body{flex:1;padding:.5rem;display:flex;flex-direction:column;gap:.4rem}.calendar-week-empty{font-size:.75rem;color:var(--subtle);padding:.5rem .25rem}.calendar-week-card{background:#ffffff06;border:none;border-left:2px solid transparent;border-radius:0 6px 6px 0;padding:.55rem .65rem;display:flex;flex-direction:column;gap:.25rem;transition:background-color .14s ease;cursor:default}.calendar-week-card:hover{background:#ffffff0e}.calendar-week-card.in_progress,.calendar-week-card.checked_in{border-left-color:var(--blue)}.calendar-week-card.ready_for_pickup{border-left-color:var(--amber)}.calendar-week-card.completed{opacity:.5}.calendar-week-card.cancelled{opacity:.35}.cwc-time{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.cwc-time svg{width:11px;height:11px;color:var(--subtle)}.cwc-time span{font-weight:500;color:var(--subtle);font-size:.7rem}.cwc-plate{font-size:.78rem;font-weight:700;font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.02em;color:var(--text);margin:0}.cwc-service{font-size:.72rem;font-weight:500;color:var(--subtle);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-week-card .status-badge{font-size:.66rem;padding:.15rem .5rem}.calendar-week-card .calendar-inline-action{margin-top:.25rem;font-size:.72rem;padding:.25rem .5rem}.booking-split-page .page-section{padding:0}.booking-step-line{display:flex;align-items:center;gap:0;padding:1.25rem 1.5rem 0}.bsl-item{display:flex;align-items:center;gap:0}.bsl-step{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.3rem 0;color:var(--subtle);font-size:.8rem;font-weight:500;transition:color .14s ease;white-space:nowrap}.bsl-step.active{color:var(--text);font-weight:600}.bsl-step.done{color:#4ade80}.bsl-step:disabled{cursor:default;opacity:.45}.bsl-dot{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.72rem;font-weight:700;border:1.5px solid currentColor;flex-shrink:0;transition:background-color .14s ease}.bsl-step.active .bsl-dot{background:#4f7cff33;border-color:#4f7cff;color:#8faaff}.bsl-step.done .bsl-dot{background:#4ade8026;border-color:#4ade80}.bsl-line{width:2.5rem;height:1.5px;background:var(--border);margin:0 .5rem;flex-shrink:0;transition:background-color .2s ease}.bsl-line.done{background:#4ade8080}.booking-split{display:grid;grid-template-columns:1fr;gap:0;margin-top:1rem}.booking-split-form{min-width:0}.booking-split-summary{display:none}@media(min-width:900px){.booking-split{grid-template-columns:1fr 320px;gap:1.5rem;padding:0 1.5rem 1.5rem;align-items:start}.booking-split-form .booking-panel{margin:0}.booking-split-summary{display:block;position:sticky;top:1rem;border:1px solid var(--border);border-radius:12px;padding:1.25rem;background:var(--surface)}}.booking-live-summary .bls-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);margin-bottom:.75rem}.bls-rows{display:flex;flex-direction:column;gap:0}.bls-row{display:flex;align-items:baseline;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border);gap:.5rem}.bls-row:last-child{border-bottom:none}.bls-row dt{font-size:.75rem;font-weight:500;color:var(--subtle);flex-shrink:0}.bls-row dd{font-size:.8rem;font-weight:600;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;margin:0;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:759px){.today-queue{margin:1rem 1rem 0}.today-kpi-strip{margin:1rem 1rem 0;grid-template-columns:repeat(3,1fr)}.today-kpi-strip .kpi-number:nth-child(n+4){border-top:1px solid var(--border)}.notifications-drawer{margin:1rem}.queue-col-head{display:none}.queue-row{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.2rem .75rem;padding:.75rem .875rem}.queue-time{grid-column:1;grid-row:1;font-size:.82rem}.queue-client{grid-column:2;grid-row:1;font-size:.82rem;font-weight:600}.queue-plate{grid-column:1;grid-row:2;font-size:.75rem}.queue-service{grid-column:2;grid-row:2;font-size:.75rem}.queue-status-col{display:none}.queue-row .status-badge{grid-column:3;grid-row:1;align-self:start;font-size:.65rem}.queue-next-action{grid-column:3;grid-row:2;font-size:.72rem;padding:.2rem .5rem}.queue-action-empty{display:none}.queue-row-detail{grid-template-columns:1fr;padding:.75rem .875rem}.queue-detail-actions{justify-content:flex-start}.calendar-week-grid{margin:1rem;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:auto}.booking-step-line{padding:1rem 1rem 0}.bsl-line{width:1.5rem}.today-status-bar{padding:.55rem 1rem;gap:.875rem;font-size:.75rem}}.today-command.page-section{padding:0}.today-command .metric-drilldown-panel{margin:1.25rem 1.5rem 0}@media(max-width:759px){.today-command .metric-drilldown-panel{margin:1rem 1rem 0}}:root{--surface-raised: rgba(255, 255, 255, .035)}.booking-panel input,.booking-panel select,.booking-panel textarea{min-height:48px}.booking-panel textarea{min-height:80px}.today-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44vh;padding:3rem 2rem;text-align:center;gap:0}.today-empty-date{display:block;font-size:clamp(1.4rem,4.5vw,2.25rem);font-weight:700;color:var(--text);letter-spacing:-.025em;line-height:1.1;text-transform:capitalize}.today-empty-copy{margin:.6rem 0 0;font-size:.9rem;font-weight:500;color:var(--muted)}.today-empty-service{display:block;margin-top:2rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--subtle)}@media(max-width:759px){.client-dashboard{gap:1.5rem}.client-profile-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}@media(max-width:399px){.client-profile-strip{grid-template-columns:1fr}}@media(max-width:759px){.today-command.page-section{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 1.25rem)}}@media(max-width:759px){.queue-client,.queue-service{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}}@media(max-width:759px){.queue-row{grid-template-rows:auto auto auto}.queue-next-action{grid-column:1 / -1;grid-row:3;width:100%;min-height:40px;border-radius:8px;font-size:.84rem;font-weight:700;padding:.5rem 1rem;justify-content:center;margin-top:.35rem;background:var(--blue);color:#fff;border:none}.queue-next-action.completed{background:#16a34a}.queue-next-action.ready_for_pickup{background:#d97706}.queue-next-action:hover{opacity:.88}}@media(max-width:759px){.calendar-week-grid{display:none!important}.calendar-mobile-agenda{display:flex;flex-direction:column;margin:.5rem 0 0}.cma-day{border-bottom:1px solid var(--border)}.cma-day:last-child{border-bottom:none}.cma-day-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem 1rem;background:var(--surface-2);position:sticky;top:0;z-index:2}.cma-day.today .cma-day-header{background:#4f7cff14;border-left:3px solid var(--blue)}.cma-day-header span{font-size:.78rem;font-weight:700;color:var(--text);text-transform:capitalize}.cma-day.today .cma-day-header span{color:#8faaff}.cma-day-header strong{font-size:.72rem;font-weight:600;color:var(--subtle);font-variant-numeric:tabular-nums;flex-shrink:0}.cma-empty{margin:0;padding:.4rem 1rem .65rem;font-size:.75rem;color:var(--subtle)}.cma-rows{display:flex;flex-direction:column}.cma-row{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;gap:.1rem .65rem;padding:.6rem 1rem;border-top:1px solid var(--border);border-left:2px solid transparent}.cma-row.in_progress,.cma-row.checked_in{border-left-color:var(--blue)}.cma-row.ready_for_pickup{border-left-color:var(--amber)}.cma-row.completed{opacity:.55}.cma-row.cancelled{opacity:.4}.cma-time{grid-column:1;grid-row:1 / 3;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.cma-time svg{width:10px;height:10px;color:var(--subtle);display:none}.cma-time-dur{font-size:.68rem;font-weight:500;color:var(--subtle)}.cma-plate{grid-column:2;grid-row:1;margin:0;font-size:.82rem;font-weight:700;font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.02em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cma-service{grid-column:2;grid-row:2;margin:0;font-size:.73rem;font-weight:500;color:var(--subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cma-row .status-badge{grid-column:3;grid-row:1;align-self:start;font-size:.63rem;padding:.15rem .45rem;white-space:nowrap}.cma-action{grid-column:1 / -1;grid-row:3;justify-self:start;margin-top:.4rem;font-size:.72rem;padding:.22rem .6rem}}@media(min-width:760px){.calendar-mobile-agenda{display:none}}@media(prefers-reduced-motion:reduce){.queue-row,.queue-refresh-btn,.sidebar-logout-icon,.kpi-number,.notifications-drawer>summary,.calendar-week-card,.bsl-dot,.bsl-line,.bsl-step{transition:none!important}.notifications-drawer>summary:before{transition:none!important}}:root{--glass-card: rgba(13, 15, 21, .68);--glass-blur: blur(22px);--shadow-card: 0 1px 1px rgba(0,0,0,.22), 0 4px 16px rgba(0,0,0,.24), 0 12px 40px rgba(0,0,0,.14);--transition-lift: transform .22s cubic-bezier(.34, 1.56, .64, 1), box-shadow .22s ease;--blue: #4f7cff;--green: #28d96e;--amber: #f5a623}body{background:radial-gradient(ellipse 110% 55% at 70% -14%,rgba(79,124,255,.16) 0%,transparent 58%),radial-gradient(ellipse 70% 42% at 8% 68%,rgba(40,217,110,.058) 0%,transparent 55%),radial-gradient(ellipse 58% 38% at 92% 88%,rgba(136,112,255,.046) 0%,transparent 52%),linear-gradient(180deg,#0c0e15,#090b11 55%,#07090f)}.metric-card,.metric-drilldown-panel,.service-notification-inbox,.empty-panel,.booking-panel,.booking-summary,.calendar-day-card,.calendar-appointment-card,.settings-section,.settings-list article,.client-section,.client-primary-card,.client-card,.client-qr-entry,.push-state,.push-diagnostics,.billing-summary-card,.trial-status-banner,.appointment-card,.today-focus-strip,.work-record-modal,.client-plus-modal,.qr-scanner-modal,.signup-intro-card,.signup-pricing-card,.login-aside,.public-booking-card,.queue-table,.today-kpi-strip,.notifications-drawer,.booking-split-summary{border:1px solid rgba(255,255,255,.072);background:var(--glass-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card)}.metric-card,.appointment-card,.calendar-day-card,.settings-section,.client-primary-card,.public-booking-card,.queue-table,.today-kpi-strip{background:linear-gradient(180deg,#ffffff0c,#ffffff04),var(--glass-card)}.desktop-sidebar{background:#07090dd1;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-right:1px solid rgba(255,255,255,.06)}.desktop-topbar{background:#090b10c2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:#ffffff0e}.sidebar-nav a.active{background:#4f7cff3d;color:#c8d8ff;box-shadow:inset 0 0 0 1px #4f7cff61,0 0 18px #4f7cff24}.bottom-nav,.client-bottom-nav{background:#07080ce0;border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 0 0 1px #ffffff06 inset,0 8px 32px #0000006b,0 24px 56px #00000038}.bottom-nav a.active,.client-bottom-nav a.active{background:#4f7cff42;color:#c8d8ff;box-shadow:0 0 0 1px #4f7cff61,0 2px 18px #4f7cff33}.primary-button{background:#4f7cff;color:#fff;box-shadow:0 2px 12px #4f7cff52,0 1px 2px #0003;transition:var(--transition-lift),background-color .16s ease;position:relative;overflow:hidden}.primary-button:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.14) 0%,transparent 55%);border-radius:inherit;pointer-events:none}.primary-button:hover:not(:disabled){background:#638fff;transform:translateY(-1px);box-shadow:0 8px 28px #4f7cff75,0 2px 8px #00000047}.primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #4f7cff42}.kpi-number strong{background:linear-gradient(145deg,#f4f6fc,#f4f6fcc7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 6px rgba(255,255,255,.08))}.kpi-number.selected{background:#4f7cff2e;box-shadow:inset 0 0 0 1px #4f7cff47}.kpi-number:hover{background:#ffffff0b}.today-status-bar{background:#090b10c2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:#ffffff0c}.today-status-bar.has-delays{border-bottom-color:#f5a62357;background:#f5a62311}.queue-col-head{background:#ffffff06;border-bottom-color:#ffffff0f}.queue-group-header-delayed{background:#f5a62312;border-left-color:#f5a623;color:#f5a623}.queue-group-header-inProgress{background:#28d96e0b;border-left-color:#4ade80;color:#4ade80}.queue-group-header-readyForPickup{background:#4f7cff0b;border-left-color:#8faaff;color:#8faaff}.queue-row-wrapper.in_progress .queue-row{background:#4f7cff11;box-shadow:inset 3px 0 #4f7cffc2}.queue-row-wrapper.ready_for_pickup .queue-row{background:#28d96e0f;box-shadow:inset 3px 0 #28d96eb8}.queue-row-wrapper.checked_in .queue-row{box-shadow:inset 3px 0 #1abcad94}@keyframes spotlight-pulse-amber{0%,to{background:#f5a6230d;box-shadow:inset 3px 0 #f5a623a8}50%{background:#f5a62315;box-shadow:inset 3px 0 #f5a623eb,0 0 22px #f5a62317}}.queue-row-wrapper.is-overdue .queue-row{animation:spotlight-pulse-amber 2.6s ease-in-out infinite}.queue-next-action{box-shadow:0 2px 10px #4f7cff47;transition:background-color .14s ease,box-shadow .14s ease,transform .14s ease}.queue-next-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 18px #4f7cff66}.appointment-card{transition:var(--transition-lift)}.appointment-card:not(.compact-appointment):hover{transform:translateY(-1px);box-shadow:var(--shadow-card),0 8px 36px #00000029}.appointment-card.in_progress:not(.compact-appointment){box-shadow:inset 3px 0 #4f7cff,0 0 0 1px #4f7cff38,0 6px 32px #4f7cff21;background:linear-gradient(135deg,#4f7cff14,#ffffff04),var(--glass-card)}.appointment-card.ready_for_pickup:not(.compact-appointment){box-shadow:inset 3px 0 #28d96e,0 0 0 1px #28d96e38,0 6px 32px #28d96e21;background:linear-gradient(135deg,#28d96e14,#ffffff04),var(--glass-card)}@keyframes card-overdue-pulse{0%,to{box-shadow:inset 3px 0 #f5a623,0 0 0 1px #f5a6233d,0 6px 28px #f5a6231c}50%{box-shadow:inset 3px 0 #f5a623,0 0 0 1px #f5a6236b,0 8px 40px #f5a6233d}}.appointment-card.is-overdue:not(.compact-appointment){animation:card-overdue-pulse 2.8s ease-in-out infinite;background:linear-gradient(135deg,#f5a62314,#ffffff04),var(--glass-card)}.calendar-week-card{background:#ffffff07;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .16s ease,box-shadow .16s ease}.calendar-week-card:hover{background:#ffffff0d;box-shadow:0 2px 12px #00000038}.calendar-week-card.in_progress{border-left-color:#4f7cff;box-shadow:inset 2px 0 #4f7cffa3,0 2px 12px #4f7cff17}.calendar-week-card.ready_for_pickup{border-left-color:#f5a623;box-shadow:inset 2px 0 #f5a62394,0 2px 10px #f5a62312}.calendar-week-col.today{background:#4f7cff10}.calendar-week-col.today .calendar-week-col-header{background:#4f7cff1c;border-bottom-color:#4f7cff33}.calendar-day-card.today{border-color:#28d96e47;background:linear-gradient(145deg,#28d96e17,#ffffff04),var(--glass-card);box-shadow:0 0 0 1px #28d96e2e,0 8px 36px #28d96e1a}.status-badge{background:color-mix(in srgb,var(--status-color, var(--blue)) 13%,rgba(13,15,21,.72));color:color-mix(in srgb,var(--status-color, var(--blue)) 90%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--status-color, var(--blue)) 28%,transparent)}.vehicle-plate{letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;background:#4f7cff1a;border-color:#4f7cff4d;box-shadow:0 0 0 1px #4f7cff38}.metric-card-button{transition:var(--transition-lift)}.metric-card-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-card),0 4px 22px #00000024}.service-notification-inbox{border-color:#28d96e2e;box-shadow:0 0 0 1px #28d96e14 inset,var(--shadow-card)}.today-focus-strip.pickup-focus{box-shadow:0 0 0 1px #28d96e3d,0 4px 22px #28d96e17}.today-focus-strip.active-focus{box-shadow:0 0 0 1px #f5a6233d,0 4px 22px #f5a62317}.client-primary-card{border-color:#4f7cff38;background:linear-gradient(145deg,#4f7cff1a,#28d96e0a),var(--glass-card);box-shadow:0 0 0 1px #4f7cff29,0 8px 36px #4f7cff14}.billing-summary-card.active,.trial-status-banner.active,.billing-summary-card.trial,.trial-status-banner.trial{box-shadow:0 0 0 1px #28d96e38,0 8px 28px #28d96e14}.work-record-modal,.client-plus-modal{border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#ffffff10,#ffffff05),#080a0ff2;box-shadow:0 24px 80px #00000085,0 0 0 1px #ffffff14}.modal-backdrop{background:#040508d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.toast-message{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:#06080cf0;border-color:#28d96e4d;box-shadow:0 0 0 1px #28d96e29,0 16px 52px #00000070}.loading-mark{border-color:#ffffff14;border-top-color:#4f7cff;box-shadow:0 0 18px #4f7cff33}.brand-mark{background:linear-gradient(145deg,#fff,#e4eaf6);box-shadow:0 0 0 1px #ffffff29,0 6px 22px #0000004d}.settings-tabs{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:#07080cdb;border-color:#ffffff12}.login-aside{background:radial-gradient(ellipse 80% 52% at 50% 0%,rgba(79,124,255,.18) 0%,transparent 68%),linear-gradient(180deg,#ffffff12,#ffffff05),#0a0c12d6}.public-booking-card{background:linear-gradient(145deg,#ffffff0f,#ffffff05),#090b10e6;box-shadow:0 32px 80px #0000006b,0 0 0 1px #ffffff14}.calendar-toolbar,.calendar-summary-strip,.booking-progress,.client-auth-tabs{background:#ffffff07;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.slot-button{transition:var(--transition-lift);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.slot-button:hover:not(.selected){background:#ffffff10}.slot-button.selected{border-color:#28d96e80;background:#28d96e1f;box-shadow:0 0 0 1px #28d96e4d,0 4px 18px #28d96e1a}.queue-row-detail{background:#ffffff04}.login-form input:focus,.booking-grid input:focus,.booking-grid select:focus,.booking-grid textarea:focus,.booking-row-pair input:focus,.booking-row-pair select:focus,.client-booking-form input:focus,.client-booking-form select:focus,.client-booking-form textarea:focus,.client-vehicle-form input:focus,.client-vehicle-form select:focus,.client-vehicle-form textarea:focus,.settings-form-grid input:focus,.settings-form-grid textarea:focus,.settings-mini-form input:focus,.settings-mini-form select:focus,.metric-search-input:focus,.client-qr-entry-form input:focus,.work-record-form textarea:focus,.work-record-item-row input:focus,.work-record-item-row select:focus{border-color:#4f7cff99;box-shadow:0 0 0 3px #4f7cff1f,0 0 0 1px #4f7cff61}@keyframes page-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.today-kpi-strip{animation:page-fade-up .32s cubic-bezier(.16,1,.3,1) both 30ms}.today-queue{animation:page-fade-up .32s cubic-bezier(.16,1,.3,1) both 70ms}.notifications-drawer{animation:page-fade-up .32s cubic-bezier(.16,1,.3,1) both .11s}@media(prefers-reduced-motion:reduce){.appointment-card.is-overdue:not(.compact-appointment){animation:none}.appointment-card,.metric-card-button,.slot-button{transition:none}.primary-button,.queue-next-action{transition:background-color .14s ease}.today-kpi-strip,.today-queue,.notifications-drawer{animation:none}.primary-button:hover:not(:disabled),.metric-card-button:hover,.slot-button:hover,.appointment-card:not(.compact-appointment):hover{transform:none}}:root{--accent: #5b8cff;--accent-2: #8a72ff;--accent-cyan: #38d9ff;--signature: linear-gradient(135deg, #5b8cff 0%, #8a72ff 100%);--signature-soft: linear-gradient(135deg, rgba(91,140,255,.16), rgba(138,114,255,.1));--st-active: #5b8cff;--st-ready: #2ee68f;--st-delay: #ffab40;--st-check: #2bd4c4;--bg: #070810;--text: #f4f6fc;--muted: #a4adc4;--subtle: #6b7390;--glass: rgba(18, 21, 33, .62);--glass-2: rgba(22, 26, 40, .55);--hairline: rgba(255, 255, 255, .08);--hairline-bright: rgba(255, 255, 255, .14);--elev-1: 0 1px 0 rgba(255,255,255,.04) inset, 0 2px 8px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.22);--elev-2: 0 1px 0 rgba(255,255,255,.05) inset, 0 8px 24px rgba(0,0,0,.38), 0 24px 60px rgba(0,0,0,.28);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif}body{background:#070810;position:relative}body:before{content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;background:radial-gradient(38% 30% at 18% 12%,rgba(91,140,255,.2),transparent 60%),radial-gradient(34% 28% at 84% 16%,rgba(138,114,255,.16),transparent 62%),radial-gradient(40% 34% at 72% 88%,rgba(56,217,255,.09),transparent 60%),radial-gradient(30% 26% at 8% 82%,rgba(46,230,143,.06),transparent 58%);filter:blur(20px);animation:cabin-drift 28s ease-in-out infinite alternate}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,transparent 55%,rgba(7,8,16,.5) 100%),linear-gradient(180deg,transparent 60%,rgba(5,6,12,.6) 100%)}@keyframes cabin-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-1.5%,0) scale(1.06)}to{transform:translate3d(-1.5%,2%,0) scale(1.02)}}.page-header h1,.client-dashboard-header h1,.login-copy h1,.client-auth-copy h1,.login-aside h2,.client-primary-heading h3,.client-primary-heading h2,.client-primary-card h2,.kpi-number strong,.metric-card strong,.queue-time,.queue-plate,.cwc-time,.cwc-plate,.cma-time,.cma-plate,.appointment-time strong,.today-empty-date,.calendar-day-card header strong,.calendar-summary-strip strong,.booking-summary strong,.brand-lockup strong,.work-record-modal header h2,.client-plus-modal header h2,.vehicle-plate{font-family:var(--font-display);letter-spacing:-.01em}.page-header h1,.client-dashboard-header h1{font-weight:600;letter-spacing:-.02em}@media(min-width:760px){.desktop-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),#090b14b8;backdrop-filter:blur(30px) saturate(1.2);-webkit-backdrop-filter:blur(30px) saturate(1.2);border-right:1px solid var(--hairline);box-shadow:1px 0 #ffffff05,24px 0 60px #0000004d}.sidebar-mark .brand-mark{background:var(--signature);color:#fff;box-shadow:0 0 0 1px #ffffff29,0 6px 22px #5b8cff6b;font-family:var(--font-display);font-weight:700}.sidebar-nav a{position:relative;color:var(--subtle);transition:color .18s ease,background-color .18s ease}.sidebar-nav a:hover:not(.active){color:var(--text);background:#ffffff0d}.sidebar-nav a.active{background:var(--signature-soft);color:#cdd9ff;box-shadow:inset 0 0 0 1px #5b8cff57,0 0 22px #5b8cff29}.sidebar-nav a.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--signature);box-shadow:0 0 12px #5b8cffcc}}.desktop-topbar{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#090b14a8;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border-bottom:1px solid var(--hairline);box-shadow:0 1px #5b8cff0f}.topbar-service-name{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.bottom-nav,.client-bottom-nav{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#090b12d1;border:1px solid var(--hairline-bright);backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(30px) saturate(1.3);box-shadow:0 0 0 1px #ffffff08 inset,0 10px 40px #00000080,0 28px 64px #0000004d}.bottom-nav a,.client-bottom-nav a{position:relative;transition:color .18s ease,background-color .18s ease,transform .18s var(--ease-spring)}.bottom-nav a.active,.client-bottom-nav a.active{background:var(--signature-soft);color:#cdd9ff;box-shadow:inset 0 0 0 1px #5b8cff57,0 0 20px #5b8cff2e}.bottom-nav a.active svg,.client-bottom-nav a.active svg{filter:drop-shadow(0 0 6px rgba(91,140,255,.6))}.metric-card,.metric-drilldown-panel,.service-notification-inbox,.empty-panel,.booking-panel,.booking-summary,.calendar-day-card,.calendar-appointment-card,.settings-section,.settings-list article,.client-section,.client-card,.client-qr-entry,.push-state,.push-diagnostics,.billing-summary-card,.trial-status-banner,.appointment-card,.today-focus-strip,.signup-intro-card,.signup-pricing-card,.queue-table,.today-kpi-strip,.notifications-drawer,.booking-split-summary,.metric-search-input{border:1px solid var(--hairline);background:linear-gradient(180deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.012) 38%,transparent 100%),var(--glass);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);box-shadow:var(--elev-1)}.today-kpi-strip{border-radius:16px;background:linear-gradient(180deg,#ffffff0d,#ffffff03),#0d101bb3;box-shadow:var(--elev-2)}.kpi-number{position:relative;border-right:1px solid var(--hairline);transition:background-color .2s ease}.kpi-number:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;transform:translate(-50%);background:var(--signature);border-radius:2px 2px 0 0;box-shadow:0 0 12px #5b8cffb3;transition:width .24s var(--ease-out)}.kpi-number:hover{background:#ffffff09}.kpi-number:hover:after{width:40%}.kpi-number.selected{background:var(--signature-soft)}.kpi-number.selected:after{width:64%}.kpi-number strong{font-weight:600;font-size:1.7rem;background:linear-gradient(180deg,#fff,#aebbe0 130%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.kpi-number.selected strong{background:var(--signature);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.kpi-number span{color:var(--subtle);letter-spacing:.08em}.today-status-bar{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#090b14a8;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--hairline)}.tsb-chip{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.tsb-active{color:#8fb0ff}.tsb-pickup{color:#7fe6c0}.tsb-delayed{color:#ffab40}.tsb-chip.tsb-active-filter{box-shadow:0 0 16px #5b8cff29}.tsb-delayed.tsb-active-filter{background:#ffab4029;border-color:#ffab408c;box-shadow:0 0 16px #ffab402e}.tsb-active.tsb-active-filter{background:#5b8cff29;border-color:#5b8cff80}.tsb-pickup.tsb-active-filter{background:#2ee68f24;border-color:#2ee68f73}.today-status-bar.has-delays{border-bottom-color:#ffab4066;background:linear-gradient(180deg,rgba(255,171,64,.07),transparent),#140e0899}.queue-table{border-radius:16px;box-shadow:var(--elev-2)}.queue-col-head{background:#ffffff06;border-bottom:1px solid var(--hairline);letter-spacing:.09em}.queue-header-left>span:first-child{letter-spacing:.1em}.queue-group-header{letter-spacing:.08em}.queue-group-header-delayed{background:linear-gradient(90deg,rgba(255,171,64,.1),transparent 70%);border-left-color:#ffab40;color:#ffab40}.queue-group-header-inProgress{background:linear-gradient(90deg,rgba(91,140,255,.09),transparent 70%);border-left-color:#5b8cff;color:#8fb0ff}.queue-group-header-readyForPickup{background:linear-gradient(90deg,rgba(46,230,143,.09),transparent 70%);border-left-color:#2ee68f;color:#7fe6c0}.queue-group-header-checkedIn{border-left-color:#2bd4c4;color:#74d8d0}.queue-group-header-delayed .queue-group-count{background:#ffab4033;color:#ffab40}.queue-group-header-inProgress .queue-group-count{background:#5b8cff33;color:#8fb0ff}.queue-group-header-readyForPickup .queue-group-count{background:#2ee68f2e;color:#7fe6c0}.queue-row{transition:background-color .16s ease,transform .2s var(--ease-out),box-shadow .2s ease}.queue-row:hover{background:#ffffff0b;transform:translate(3px)}.queue-row.expanded{background:var(--signature-soft)}.queue-row-wrapper.in_progress .queue-row{background:linear-gradient(90deg,rgba(91,140,255,.09),transparent 55%);box-shadow:inset 3px 0 0 var(--st-active),inset 0 0 30px #5b8cff0a}.queue-row-wrapper.ready_for_pickup .queue-row{background:linear-gradient(90deg,rgba(46,230,143,.08),transparent 55%);box-shadow:inset 3px 0 0 var(--st-ready),inset 0 0 30px #2ee68f0a}.queue-row-wrapper.checked_in .queue-row{box-shadow:inset 3px 0 0 var(--st-check)}@keyframes rail-pulse-amber{0%,to{box-shadow:inset 3px 0 #ffab40b3,inset 0 0 30px #ffab4008}50%{box-shadow:inset 3px 0 #ffab40,inset 0 0 40px #ffab4017,0 0 22px #ffab401a}}.queue-row-wrapper.is-overdue .queue-row{background:linear-gradient(90deg,rgba(255,171,64,.08),transparent 55%);animation:rail-pulse-amber 2.6s ease-in-out infinite}.queue-time{color:var(--text)}.queue-plate{color:#cdd9ff}.queue-next-action{background:var(--signature);box-shadow:0 2px 12px #5b8cff57;transition:transform .16s var(--ease-spring),box-shadow .16s ease,filter .16s ease}.queue-next-action:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 6px 22px #5b8cff80}.queue-next-action.completed{background:linear-gradient(135deg,#1fb866,#18a35a);box-shadow:0 2px 12px #1fb86657}.queue-next-action.ready_for_pickup{background:linear-gradient(135deg,#ff9d2e,#f5851a);box-shadow:0 2px 12px #ff9d2e57}.queue-row-detail{background:#5b8cff06;border-top:1px solid var(--hairline)}.status-badge{background:color-mix(in srgb,var(--status-color, var(--accent)) 15%,rgba(13,16,27,.7));color:color-mix(in srgb,var(--status-color, var(--accent)) 92%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--status-color, var(--accent)) 32%,transparent),0 0 14px color-mix(in srgb,var(--status-color, var(--accent)) 18%,transparent);letter-spacing:.04em}.status-badge.scheduled,.status-badge.confirmed,.appointment-card.scheduled,.appointment-card.confirmed,.calendar-appointment-card.scheduled,.calendar-appointment-card.confirmed{--status-color: var(--st-active)}.status-badge.checked_in,.appointment-card.checked_in,.calendar-appointment-card.checked_in{--status-color: var(--st-check)}.status-badge.in_progress,.appointment-card.in_progress,.calendar-appointment-card.in_progress{--status-color: var(--st-active)}.status-badge.ready_for_pickup,.status-badge.completed,.appointment-card.ready_for_pickup,.appointment-card.completed{--status-color: var(--st-ready)}.status-badge.cancelled,.status-badge.no_show{--status-color: var(--st-delay)}.vehicle-plate{background:linear-gradient(180deg,#5b8cff29,#5b8cff0f);border-color:#5b8cff5c;color:#d6e1ff;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 0 1px #5b8cff29,inset 0 1px #ffffff14}.primary-button{background:var(--signature);color:#fff;border:0;box-shadow:0 2px 14px #5b8cff66,inset 0 1px #ffffff38;transition:transform .18s var(--ease-spring),box-shadow .2s ease,filter .2s ease;position:relative;overflow:hidden}.primary-button:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.22) 0%,transparent 48%);pointer-events:none}.primary-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 10px 34px #5b8cff85,inset 0 1px #ffffff47}.primary-button:active:not(:disabled){transform:translateY(0)}.metric-card-button{transition:transform .22s var(--ease-spring),box-shadow .22s ease,border-color .2s ease}.metric-card-button:hover{transform:translateY(-3px);border-color:#5b8cff4d;box-shadow:var(--elev-2),0 0 28px #5b8cff1a}.metric-card.success svg{color:var(--st-ready)}.metric-card.warning svg{color:var(--st-delay)}.metric-card svg{color:var(--accent)}.appointment-card{transition:transform .24s var(--ease-spring),box-shadow .24s ease}.appointment-card:not(.compact-appointment):hover{transform:translateY(-3px);box-shadow:var(--elev-2),0 0 30px #0003}.appointment-card.in_progress:not(.compact-appointment){border-left:3px solid var(--st-active);box-shadow:inset 0 0 0 1px #5b8cff33,0 8px 36px #5b8cff24,var(--elev-1);background:linear-gradient(135deg,rgba(91,140,255,.1),transparent 60%),var(--glass)}.appointment-card.ready_for_pickup:not(.compact-appointment){border-left:3px solid var(--st-ready);box-shadow:inset 0 0 0 1px #2ee68f33,0 8px 36px #2ee68f21,var(--elev-1);background:linear-gradient(135deg,rgba(46,230,143,.09),transparent 60%),var(--glass)}@keyframes card-pulse-amber{0%,to{box-shadow:inset 0 0 0 1px #ffab4038,0 6px 30px #ffab401a,var(--elev-1)}50%{box-shadow:inset 0 0 0 1px #ffab406b,0 10px 44px #ffab403d,var(--elev-1)}}.appointment-card.is-overdue:not(.compact-appointment){border-left:3px solid var(--st-delay);animation:card-pulse-amber 2.8s ease-in-out infinite;background:linear-gradient(135deg,rgba(255,171,64,.09),transparent 60%),var(--glass)}.calendar-week-grid{border-radius:16px;box-shadow:var(--elev-2);overflow:hidden}.calendar-week-col.today{background:linear-gradient(180deg,#5b8cff1a,#5b8cff05)}.calendar-week-col.today .calendar-week-col-header{background:#5b8cff24;border-bottom-color:#5b8cff3d}.calendar-week-col.today .calendar-week-col-header strong{color:#8fb0ff}.calendar-week-col-header span{font-family:var(--font-display)}.calendar-week-card{background:#ffffff07;transition:background-color .16s ease,transform .2s var(--ease-out),box-shadow .2s ease}.calendar-week-card:hover{background:#ffffff0f;transform:translateY(-1px);box-shadow:0 4px 16px #00000047}.calendar-week-card.in_progress{border-left-color:var(--st-active);box-shadow:inset 2px 0 0 var(--st-active),0 2px 12px #5b8cff1a}.calendar-week-card.checked_in{border-left-color:var(--st-check)}.calendar-week-card.ready_for_pickup{border-left-color:var(--st-ready);box-shadow:inset 2px 0 0 var(--st-ready),0 2px 12px #2ee68f1a}.calendar-day-card.today{border-color:#2ee68f4d;background:linear-gradient(145deg,rgba(46,230,143,.1),transparent 60%),var(--glass);box-shadow:0 0 0 1px #2ee68f2e,0 10px 40px #2ee68f1a}.cma-row.in_progress{border-left-color:var(--st-active)}.cma-row.checked_in{border-left-color:var(--st-check)}.cma-row.ready_for_pickup{border-left-color:var(--st-ready)}.cma-day.today .cma-day-header{background:#5b8cff1a;border-left-color:var(--accent)}.cma-day.today .cma-day-header span{color:#8fb0ff}.bsl-step.done{color:#7fe6c0}.bsl-step.active .bsl-dot{background:var(--signature-soft);border-color:var(--accent);color:#b8c8ff;box-shadow:0 0 14px #5b8cff66}.bsl-step.done .bsl-dot{background:#2ee68f29;border-color:var(--st-ready)}.bsl-line.done{background:linear-gradient(90deg,var(--st-ready),rgba(46,230,143,.3))}.booking-split-summary{box-shadow:var(--elev-1)}.slot-button{transition:transform .2s var(--ease-spring),background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.slot-button:hover:not(.selected){background:#ffffff0f;transform:translateY(-2px)}.slot-button.selected{border-color:#2ee68f80;background:#2ee68f1f;box-shadow:0 0 0 1px #2ee68f57,0 6px 22px #2ee68f24}.today-empty-date{font-family:var(--font-display);background:linear-gradient(180deg,#fff,#8a93b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(1.7rem,5vw,2.6rem)}.today-empty-service{color:var(--subtle);letter-spacing:.14em}.metric-drilldown-panel{box-shadow:var(--elev-1)}.metric-drilldown-panel header h2{font-family:var(--font-display)}.service-notification-inbox{border-color:#2ee68f33}.service-notification-row.unread{border-color:#2ee68f66;background:#2ee68f0f;box-shadow:inset 2px 0 0 var(--st-ready)}.notif-count{background:var(--signature-soft);color:#b8c8ff;box-shadow:0 0 0 1px #5b8cff3d}.modal-backdrop{background:#04050ccc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.work-record-modal,.client-plus-modal,.qr-scanner-modal{border:1px solid var(--hairline-bright);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 40%,transparent),#0b0d18f0;backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);box-shadow:0 32px 90px #0009,0 0 0 1px #ffffff0f}.toast-message{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),#0b0d18f0;border-color:#2ee68f57;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 0 0 1px #2ee68f2e,0 18px 56px #00000080}.settings-tabs{background:#090b14cc;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:var(--hairline)}.settings-tabs button.active{background:var(--signature);color:#fff;box-shadow:0 2px 12px #5b8cff5c}.calendar-toolbar,.calendar-summary-strip,.booking-progress,.client-auth-tabs{background:#ffffff07;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--hairline)}.calendar-mode button.active,.booking-progress button.active,.client-auth-tabs button.active{background:var(--signature-soft);color:#cdd9ff;box-shadow:inset 0 0 0 1px #5b8cff4d}.calendar-today-button{border-color:#2ee68f57;background:#2ee68f1a;color:#9ff0c8}.client-primary-card{border-color:#5b8cff42;background:radial-gradient(80% 60% at 80% 0%,rgba(91,140,255,.16),transparent 60%),linear-gradient(145deg,rgba(138,114,255,.08),transparent 50%),var(--glass);box-shadow:0 0 0 1px #5b8cff29,0 12px 44px #5b8cff1a,var(--elev-1)}.client-primary-card.empty{border-color:#2ee68f42;background:radial-gradient(80% 60% at 80% 0%,rgba(46,230,143,.12),transparent 60%),var(--glass)}.client-booking-link{border-color:#5b8cff5c;background:var(--signature-soft);color:#cdd9ff;transition:transform .18s var(--ease-spring),box-shadow .18s ease}.client-booking-link:hover{transform:translateY(-1px);box-shadow:0 6px 22px #5b8cff38}.login-aside{border:1px solid var(--hairline);background:radial-gradient(80% 55% at 50% 0%,rgba(91,140,255,.22),transparent 65%),radial-gradient(60% 50% at 90% 100%,rgba(138,114,255,.14),transparent 60%),#0b0d18db;box-shadow:var(--elev-2)}.brand-mark{background:var(--signature);color:#fff;box-shadow:0 0 0 1px #ffffff29,0 8px 26px #5b8cff66}.public-booking-card{border:1px solid var(--hairline);background:radial-gradient(70% 40% at 50% 0%,rgba(91,140,255,.12),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 40%),#0b0d18e6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--elev-2)}.loading-mark{border-color:#ffffff14;border-top-color:var(--accent);box-shadow:0 0 22px #5b8cff47}.login-form input:focus,.booking-grid input:focus,.booking-grid select:focus,.booking-grid textarea:focus,.booking-row-pair input:focus,.booking-row-pair select:focus,.client-booking-form input:focus,.client-booking-form select:focus,.client-booking-form textarea:focus,.client-vehicle-form input:focus,.client-vehicle-form select:focus,.client-vehicle-form textarea:focus,.settings-form-grid input:focus,.settings-form-grid textarea:focus,.settings-mini-form input:focus,.settings-mini-form select:focus,.metric-search-input:focus,.client-qr-entry-form input:focus,.work-record-form textarea:focus,.work-record-item-row input:focus,.work-record-item-row select:focus{border-color:#5b8cff99;box-shadow:0 0 0 3px #5b8cff24,0 0 18px #5b8cff1f}@keyframes os-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.today-status-bar{animation:os-rise .36s var(--ease-out) both}.today-kpi-strip{animation:os-rise .42s var(--ease-out) both 60ms}.today-queue{animation:os-rise .42s var(--ease-out) both .12s}.metric-drilldown-panel{animation:os-rise .42s var(--ease-out) both .18s}.notifications-drawer{animation:os-rise .42s var(--ease-out) both .24s}.calendar-week-grid,.calendar-mobile-agenda,.booking-panel{animation:os-rise .42s var(--ease-out) both 80ms}.settings-section{animation:os-rise .4s var(--ease-out) both}@media(prefers-reduced-motion:reduce){body:before{animation:none}.queue-row-wrapper.is-overdue .queue-row,.appointment-card.is-overdue:not(.compact-appointment){animation:none}.today-status-bar,.today-kpi-strip,.today-queue,.metric-drilldown-panel,.notifications-drawer,.calendar-week-grid,.calendar-mobile-agenda,.booking-panel,.settings-section{animation:none}.queue-row:hover,.primary-button:hover:not(:disabled),.metric-card-button:hover,.slot-button:hover:not(.selected),.appointment-card:not(.compact-appointment):hover,.calendar-week-card:hover,.queue-next-action:hover:not(:disabled),.client-booking-link:hover{transform:none}}.settings-mini-form button:not([class]){appearance:none;-webkit-appearance:none;min-height:2.85rem;border:1px solid var(--hairline);border-radius:var(--radius-control);background:#ffffff0e;color:var(--text);font-size:.9rem;font-weight:780}.settings-mini-form button:not([class]):hover:not(:disabled){border-color:#ffffff2e;background:#ffffff17}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.ghost-step-button:disabled,.status-action:disabled,.calendar-inline-action:disabled,.settings-row button:disabled,.settings-mini-form button:disabled,.service-notification-actions button:disabled,.client-notification-actions button:disabled{opacity:1;cursor:not-allowed}.secondary-button:disabled,.ghost-button:disabled,.ghost-step-button:disabled,.status-action:disabled,.calendar-inline-action:disabled,.settings-row button:disabled,.settings-mini-form button:disabled,.service-notification-actions button:disabled,.client-notification-actions button:disabled{border-color:var(--hairline);background:#ffffff09;color:var(--muted);box-shadow:none}.primary-button:disabled{background:#c7ccd6;color:#20242c;box-shadow:none}:root{--accent: #6c8dff;--accent-2: #9d7bff;--accent-3: #3ee0ff;--blue: #5f86ff;--signature: linear-gradient(120deg, #5b8cff 0%, #8a72ff 52%, #a86bff 100%);--signature-soft: linear-gradient(120deg, rgba(91, 140, 255, .18), rgba(138, 114, 255, .12));--ink: linear-gradient(180deg, #ffffff 10%, #b6c2e8 115%);--glow-accent: 0 0 24px rgba(108, 141, 255, .28);--elev-1: inset 0 1px 0 rgba(255, 255, 255, .05), 0 2px 10px rgba(0, 0, 0, .34), 0 12px 34px rgba(0, 0, 0, .26);--elev-2: inset 0 1px 0 rgba(255, 255, 255, .06), 0 10px 30px rgba(0, 0, 0, .42), 0 30px 70px rgba(0, 0, 0, .32)}body{background:#05060d}body:before{background:radial-gradient(42% 34% at 16% 8%,rgba(91,140,255,.27),transparent 62%),radial-gradient(36% 30% at 86% 12%,rgba(146,108,255,.22),transparent 64%),radial-gradient(44% 38% at 74% 92%,rgba(62,224,255,.11),transparent 60%),radial-gradient(32% 28% at 6% 84%,rgba(46,230,143,.08),transparent 58%),radial-gradient(26% 22% at 50% 50%,rgba(138,114,255,.07),transparent 70%);filter:blur(26px) saturate(1.15);animation:cabin-drift 24s ease-in-out infinite alternate}html:before{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6c8dff47,#8a72ff33);border:3px solid #05060d;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6c8dff80,#8a72ff66)}::selection{background:#6c8dff5c;color:#fff}:focus-visible{outline:2px solid rgba(108,141,255,.7);outline-offset:2px;border-radius:4px}.page-header{position:relative}.page-header:before{content:"";display:block;width:30px;height:3px;margin-bottom:.55rem;border-radius:3px;background:var(--signature);box-shadow:0 0 14px #6c8dff8c}.page-header h1,.client-dashboard-header h1{background:var(--ink);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes ink-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-copy h1,.client-auth-copy h1{background:linear-gradient(110deg,#fff 25%,#aebdf2 45%,#c9b8ff 60%,#fff 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ink-shift 7s ease-in-out infinite}.loading-screen{position:relative;gap:1.6rem}.loading-screen:before{content:"";position:absolute;top:50%;left:50%;width:18rem;height:18rem;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle,rgba(108,141,255,.16),transparent 65%);animation:halo-breathe 2.6s ease-in-out infinite;pointer-events:none}.loading-screen:after{content:"SERVIQ";font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.55em;text-indent:.55em;color:var(--subtle);animation:boot-breathe 2.2s ease-in-out infinite}@keyframes halo-breathe{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}@keyframes boot-breathe{0%,to{opacity:.45}50%{opacity:1}}.loading-mark{position:relative;width:3.1rem;height:3.1rem;border-width:2px;border-color:#6c8dff24;border-top-color:var(--accent);box-shadow:0 0 30px #6c8dff57,inset 0 0 16px #6c8dff1a;animation:spin .9s cubic-bezier(.45,.15,.4,.85) infinite}.loading-mark:before{content:"";position:absolute;inset:-9px;border:1px solid transparent;border-bottom-color:#9d7bff80;border-radius:999px;animation:spin 1.7s linear infinite reverse}.loading-mark:after{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:999px;background:var(--signature);box-shadow:0 0 12px #8a72ffe6;animation:boot-breathe 1.4s ease-in-out infinite}.loading-mark.small{width:1.9rem;height:1.9rem}.loading-mark.small:before{inset:-6px}.loading-mark.small:after{width:5px;height:5px}.empty-panel.state-panel{position:relative;overflow:hidden;display:grid;justify-items:center;text-align:center;padding:2rem 1.25rem}.empty-panel.state-panel:before{content:"";position:absolute;top:-40%;left:50%;width:70%;aspect-ratio:1;transform:translate(-50%);border-radius:999px;background:radial-gradient(circle,rgba(108,141,255,.12),transparent 68%);pointer-events:none}.empty-panel.state-panel.error-state:before{background:radial-gradient(circle,rgba(255,90,106,.12),transparent 68%)}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.state-panel svg,.action-panel svg{color:var(--accent);filter:drop-shadow(0 0 14px rgba(108,141,255,.45));animation:float-soft 3.4s ease-in-out infinite}.error-state svg{color:var(--danger);filter:drop-shadow(0 0 14px rgba(255,90,106,.4))}.today-empty-state{position:relative;overflow:hidden}.today-empty-state:before{content:"";position:absolute;top:-55%;left:50%;width:90%;aspect-ratio:1.4;transform:translate(-50%);background:radial-gradient(closest-side,rgba(108,141,255,.16),transparent 70%),conic-gradient(from 180deg,transparent,rgba(138,114,255,.08),transparent 30%);filter:blur(8px);animation:halo-breathe 5s ease-in-out infinite;pointer-events:none}.today-empty-date{position:relative;animation:os-rise .6s var(--ease-out) both}.today-empty-copy{animation:os-rise .6s var(--ease-out) both .12s}.today-empty-service{animation:os-rise .6s var(--ease-out) both .22s}.settings-empty,.calendar-empty-day,.queue-action-empty{border-color:#6c8dff29;background:radial-gradient(120% 100% at 50% 0%,rgba(108,141,255,.05),transparent 70%)}.primary-button:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.28) 50%,transparent 62%);transform:translate(-130%);transition:transform .6s var(--ease-out);pointer-events:none}.primary-button:hover:not(:disabled):before{transform:translate(130%)}.primary-button:active:not(:disabled),.queue-next-action:active:not(:disabled),.secondary-button:active:not(:disabled),.ghost-step-button:active:not(:disabled),.status-action:active:not(:disabled),.slot-button:active,.tsb-chip:active,.kpi-number:active,.calendar-inline-action:active:not(:disabled){transform:scale(.975);transition-duration:60ms}.secondary-button:hover:not(:disabled),.ghost-step-button:hover:not(:disabled),.status-action:hover:not(:disabled),.settings-row button:hover:not(:disabled),.service-notification-actions button:hover:not(:disabled),.client-notification-actions button:hover:not(:disabled),.qr-actions button:hover:not(:disabled){border-color:#6c8dff73;background:#6c8dff1f;box-shadow:0 0 0 1px #6c8dff24,0 4px 18px #6c8dff1a;color:#dbe5ff}.icon-button{transition:transform .18s var(--ease-spring),border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.icon-button:hover{border-color:#6c8dff66;background:#6c8dff1f;box-shadow:var(--glow-accent);transform:translateY(-1px)}.today-kpi-strip{position:relative}.today-kpi-strip:before{content:"";position:absolute;top:0;left:0;width:38%;height:1px;background:linear-gradient(90deg,transparent,rgba(108,141,255,.65),transparent);animation:scan-line 5.5s ease-in-out infinite;pointer-events:none}@keyframes scan-line{0%,to{transform:translate(-30%);opacity:.4}50%{transform:translate(220%);opacity:1}}.kpi-number strong{transition:transform .22s var(--ease-spring)}.kpi-number:hover strong{transform:scale(1.07)}.queue-row-wrapper{animation:os-rise .36s var(--ease-out) both}.queue-row-wrapper:nth-child(1){animation-delay:40ms}.queue-row-wrapper:nth-child(2){animation-delay:80ms}.queue-row-wrapper:nth-child(3){animation-delay:.12s}.queue-row-wrapper:nth-child(4){animation-delay:.16s}.queue-row-wrapper:nth-child(5){animation-delay:.2s}.queue-row-wrapper:nth-child(6){animation-delay:.24s}.queue-row-wrapper:nth-child(n+7){animation-delay:.28s}.queue-next-action{position:relative;overflow:hidden}.queue-next-action:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.3) 50%,transparent 62%);transform:translate(-130%);transition:transform .5s var(--ease-out);pointer-events:none}.queue-next-action:hover:not(:disabled):before{transform:translate(130%)}.status-badge.in_progress:before,.tsb-active:before{content:"";display:inline-block;width:6px;height:6px;margin-right:.35rem;border-radius:999px;background:currentColor;box-shadow:0 0 8px currentColor;animation:boot-breathe 1.8s ease-in-out infinite;vertical-align:1px}.bottom-nav a,.client-bottom-nav a{position:relative}.bottom-nav a svg,.client-bottom-nav a svg{transition:transform .24s var(--ease-spring)}.bottom-nav a:hover svg,.client-bottom-nav a:hover svg{transform:translateY(-2px)}.bottom-nav a.active svg,.client-bottom-nav a.active svg{transform:translateY(-1px) scale(1.12)}.bottom-nav a.active:after,.client-bottom-nav a.active:after{content:"";position:absolute;bottom:4px;left:50%;width:4px;height:4px;transform:translate(-50%);border-radius:999px;background:var(--signature);box-shadow:0 0 10px #6c8dffe6}@media(min-width:760px){.sidebar-nav a svg{transition:transform .24s var(--ease-spring)}.sidebar-nav a:hover svg{transform:scale(1.12)}.sidebar-nav a.active svg{filter:drop-shadow(0 0 7px rgba(108,141,255,.6))}.desktop-topbar{position:relative}.desktop-topbar:after{content:"";position:absolute;bottom:-1px;left:0;width:26%;height:1px;background:linear-gradient(90deg,rgba(108,141,255,.55),transparent);pointer-events:none}.topbar-date:before{content:"";display:inline-block;width:6px;height:6px;margin-right:.5rem;border-radius:999px;background:var(--st-ready);box-shadow:0 0 8px #2ee68fcc;animation:boot-breathe 2.4s ease-in-out infinite;vertical-align:1px}}.metric-card,.settings-section,.client-section,.calendar-day-card,.booking-panel{position:relative;transition:border-color .24s ease,box-shadow .24s ease}.settings-section:hover,.client-section:hover,.calendar-day-card:hover{border-color:var(--hairline-bright);box-shadow:var(--elev-1),0 0 26px #6c8dff0d}.tsb-chip,.calendar-mode button,.booking-progress button,.settings-tabs button,.client-auth-tabs button{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .2s ease,transform .2s var(--ease-spring)}.calendar-mode button:hover:not(.active),.settings-tabs button:hover:not(.active),.client-auth-tabs button:hover:not(.active){transform:translateY(-1px)}.login-form input,.booking-grid input,.booking-grid select,.booking-grid textarea,.booking-row-pair input,.booking-row-pair select,.client-booking-form input,.client-booking-form select,.client-booking-form textarea,.client-vehicle-form input,.client-vehicle-form select,.client-vehicle-form textarea,.settings-form-grid input,.settings-form-grid textarea,.settings-mini-form input,.settings-mini-form select,.metric-search-input,.client-qr-entry-form input,.work-record-form textarea,.work-record-item-row input,.work-record-item-row select{background:#05070eb8;box-shadow:inset 0 2px 6px #00000059,inset 0 0 0 1px #ffffff04}.login-form input:hover:not(:focus),.booking-grid input:hover:not(:focus),.settings-form-grid input:hover:not(:focus){border-color:var(--hairline-bright)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-message{animation:toast-in .28s var(--ease-spring) both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal-backdrop{animation:backdrop-in .2s ease both}.setup-progress-bar span{position:relative;overflow:hidden;background:var(--signature);box-shadow:0 0 14px #6c8dff66}.setup-progress-bar span:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);animation:scan-line 2.8s ease-in-out infinite}.status-dot.success{animation:boot-breathe 2.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){html:before{display:none}body:before{animation:none}.loading-screen:before,.loading-screen:after,.loading-mark:before,.loading-mark:after,.state-panel svg,.action-panel svg,.today-empty-state:before,.today-empty-date,.today-empty-copy,.today-empty-service,.today-kpi-strip:before,.queue-row-wrapper,.status-badge.in_progress:before,.tsb-active:before,.topbar-date:before,.setup-progress-bar span:after,.status-dot.success,.login-copy h1,.client-auth-copy h1,.toast-message,.modal-backdrop{animation:none}.primary-button:before,.queue-next-action:before{display:none}.bottom-nav a svg,.client-bottom-nav a svg,.sidebar-nav a svg,.kpi-number strong,.icon-button{transition:none}.primary-button:active:not(:disabled),.queue-next-action:active:not(:disabled),.secondary-button:active:not(:disabled),.ghost-step-button:active:not(:disabled),.status-action:active:not(:disabled),.slot-button:active,.tsb-chip:active,.kpi-number:active,.calendar-inline-action:active:not(:disabled),.icon-button:hover{transform:none}}:root{--tier-card: linear-gradient(180deg, rgba(255, 255, 255, .055) 0%, rgba(255, 255, 255, .014) 42%, transparent 100%), rgba(16, 19, 31, .6);--tier-raised: linear-gradient(180deg, rgba(255, 255, 255, .075) 0%, rgba(255, 255, 255, .02) 46%, transparent 100%), rgba(20, 24, 38, .66);--tier-well: rgba(4, 6, 12, .55);--ring-state: 0 0 0 1px;--shadow-soft: inset 0 1px 0 rgba(255, 255, 255, .06), 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .28), 0 20px 50px rgba(0, 0, 0, .24);--shadow-float: inset 0 1px 0 rgba(255, 255, 255, .07), 0 2px 6px rgba(0, 0, 0, .34), 0 14px 38px rgba(0, 0, 0, .42), 0 40px 90px rgba(0, 0, 0, .34)}.metric-card,.metric-drilldown-panel,.service-notification-inbox,.empty-panel,.booking-panel,.calendar-day-card,.settings-section,.settings-list article,.client-section,.queue-table,.notifications-drawer,.booking-split-summary{background:var(--tier-card);box-shadow:var(--shadow-soft)}.today-kpi-strip{background:var(--tier-raised)}.settings-row,.metric-drilldown-row,.service-notification-row,.setup-checklist div,.booking-summary,.booking-optional,.technical-details,.appointment-timeline span,.client-next-appointment,.push-diagnostics dl div,.today-focus-strip{background:var(--tier-well);border-color:#ffffff0e;box-shadow:inset 0 1px 4px #00000047,inset 0 0 0 1px #ffffff03}.settings-section,.client-section,.calendar-day-card,.settings-list article,.metric-card{transition:border-color .26s ease,box-shadow .3s ease,transform .26s var(--ease-out)}.settings-section:hover,.client-section:hover,.calendar-day-card:hover,.settings-list article:hover{border-color:#ffffff21;box-shadow:var(--shadow-soft),0 0 32px #6c8dff0f;transform:translateY(-1px)}.queue-row-wrapper.in_progress .queue-row{background:radial-gradient(140% 160% at 0% 50%,rgba(91,140,255,.14),transparent 52%),linear-gradient(90deg,rgba(91,140,255,.05),transparent 60%);box-shadow:inset 3px 0 0 var(--st-active),inset 0 0 40px #5b8cff0a}.queue-row-wrapper.ready_for_pickup .queue-row{background:radial-gradient(140% 160% at 0% 50%,rgba(46,230,143,.12),transparent 52%),linear-gradient(90deg,rgba(46,230,143,.04),transparent 60%);box-shadow:inset 3px 0 0 var(--st-ready),inset 0 0 40px #2ee68f09}.queue-row-wrapper.is-overdue .queue-row{background:radial-gradient(140% 160% at 0% 50%,rgba(255,171,64,.13),transparent 52%),linear-gradient(90deg,rgba(255,171,64,.04),transparent 60%)}.billing-summary-card.active,.trial-status-banner.active,.billing-summary-card.trial,.trial-status-banner.trial{background:radial-gradient(120% 130% at 8% 0%,rgba(46,230,143,.13),transparent 55%),var(--tier-card);border-color:#2ee68f47;box-shadow:var(--ring-state) #2ee68f29,0 10px 36px #2ee68f12,var(--shadow-soft)}.billing-summary-card.warning,.trial-status-banner.warning,.billing-alert{background:radial-gradient(120% 130% at 8% 0%,rgba(255,171,64,.13),transparent 55%),var(--tier-card);border-color:#ffab404d;box-shadow:var(--ring-state) #ffab4029,0 10px 36px #ffab4012,var(--shadow-soft)}.billing-summary-card.locked,.trial-status-banner.locked,.billing-alert.locked{background:radial-gradient(120% 130% at 8% 0%,rgba(255,90,106,.12),transparent 55%),var(--tier-card);border-color:#ff5a6a52;box-shadow:var(--ring-state) #ff5a6a29,var(--shadow-soft)}.setup-center{background:radial-gradient(130% 120% at 90% 0%,rgba(46,230,143,.1),transparent 55%),var(--tier-card);border-color:#2ee68f38}.today-kpi-strip{border-radius:18px;box-shadow:var(--shadow-float)}.kpi-number{padding:1.25rem .5rem 1.1rem;gap:.35rem}.kpi-number strong{font-size:clamp(1.85rem,2.6vw,2.35rem);letter-spacing:-.03em}.kpi-number span{font-size:.66rem;letter-spacing:.12em}.kpi-number:after{height:2.5px}.kpi-number:hover{background:radial-gradient(80% 90% at 50% 100%,rgba(108,141,255,.1),transparent 60%)}.kpi-number.selected{background:radial-gradient(80% 100% at 50% 100%,rgba(108,141,255,.18),transparent 65%),var(--signature-soft)}@media(max-width:759px){.kpi-number{padding:1rem .4rem .9rem}.kpi-number strong{font-size:1.6rem}}@media(min-width:760px){.service-shell{grid-template-columns:86px 1fr}.desktop-sidebar{width:66px;min-width:66px;max-width:66px;margin:12px 0 12px 12px;height:calc(100dvh - 24px);border:1px solid var(--hairline);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 30%),#0b0d18bd;backdrop-filter:blur(32px) saturate(1.25);-webkit-backdrop-filter:blur(32px) saturate(1.25);box-shadow:var(--shadow-float);overflow:visible;padding:.9rem 0}.sidebar-nav a{border-radius:13px;color:var(--subtle)}.sidebar-nav a.active{background:radial-gradient(120% 120% at 50% 0%,rgba(108,141,255,.26),transparent 70%),var(--signature-soft);color:#dce6ff;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #6c8dff5c,0 4px 18px #6c8dff42}.sidebar-nav a.active:before{left:-13px;width:3.5px;height:26px}.sidebar-logout-icon{border-radius:13px}.desktop-topbar{margin:12px 12px 0;border:1px solid var(--hairline);border-radius:16px;height:52px;min-height:52px;box-shadow:var(--shadow-soft)}.desktop-topbar:after{left:16px;bottom:0;border-radius:1px}.topbar-service-name{font-size:.86rem;background:var(--ink);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.bsl-dot{width:26px;height:26px;border-width:1.5px;transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s var(--ease-spring)}.bsl-step.active .bsl-dot{background:var(--signature);border-color:transparent;color:#fff;transform:scale(1.12);box-shadow:0 0 0 4px #6c8dff29,0 2px 14px #6c8dff80}.bsl-step.done .bsl-dot{background:linear-gradient(135deg,#2ee68f47,#2ee68f1f);border-color:#2ee68f99;color:#8df0bd;box-shadow:0 0 12px #2ee68f33}.bsl-step.active{color:#e8eeff}.bsl-line{height:2px;border-radius:2px;background:#ffffff17;position:relative;overflow:hidden}.bsl-line.done{background:linear-gradient(90deg,#2ee68fd9,#2ee68f59);box-shadow:0 0 10px #2ee68f40}.bsl-line:not(.done):after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(108,141,255,.7),transparent);transform:translate(-100%);animation:scan-line 2.4s ease-in-out infinite}.booking-progress button.active,.booking-progress-labelled button.active{background:var(--signature-soft);border-color:#6c8dff73;color:#e8eeff;box-shadow:inset 0 1px #ffffff1a,0 0 18px #6c8dff24}.slot-button{background:var(--tier-well);border-color:#ffffff14}.slot-button.selected{border-color:transparent;background:radial-gradient(120% 140% at 50% 0%,rgba(46,230,143,.2),transparent 70%),#2ee68f14;box-shadow:0 0 0 1.5px #2ee68fa6,0 0 0 5px #2ee68f1a,0 8px 26px #2ee68f29;transform:translateY(-1px)}.slot-button.selected strong{color:#b9f7d8}.booking-split-summary{border-radius:16px}.booking-live-summary .bls-label:before{content:"";display:inline-block;width:16px;height:2px;margin-right:.5rem;border-radius:2px;background:var(--signature);vertical-align:3px}.bls-row{border-bottom-color:#ffffff0d}.bls-row dd{color:#e8eeff}.calendar-week-grid{border-radius:18px;box-shadow:var(--shadow-float);background:var(--tier-card)}.calendar-week-col-header{background:#ffffff05;border-bottom:1px solid var(--hairline)}.calendar-week-card{border:1px solid rgba(255,255,255,.06);border-left:3px solid transparent;border-radius:10px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),#0a0d178c;box-shadow:inset 0 1px #ffffff0a,0 2px 8px #0000004d;padding:.6rem .7rem}.calendar-week-card:hover{transform:translateY(-2px);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f,0 8px 22px #0006}.calendar-week-card.in_progress{border-left-color:var(--st-active);background:radial-gradient(130% 130% at 0% 0%,rgba(91,140,255,.15),transparent 60%),#0a0d178c;box-shadow:inset 0 1px #ffffff0d,0 2px 10px #5b8cff21}.calendar-week-card.checked_in{border-left-color:var(--st-check);background:radial-gradient(130% 130% at 0% 0%,rgba(43,212,196,.1),transparent 60%),#0a0d178c}.calendar-week-card.ready_for_pickup{border-left-color:var(--st-ready);background:radial-gradient(130% 130% at 0% 0%,rgba(46,230,143,.13),transparent 60%),#0a0d178c;box-shadow:inset 0 1px #ffffff0d,0 2px 10px #2ee68f1f}.cwc-plate{color:#dce6ff}.calendar-week-col.today{background:linear-gradient(180deg,#5b8cff1f,#5b8cff05 70%);box-shadow:inset 0 2px 0 var(--accent)}.calendar-week-col.today .calendar-week-col-header{background:#5b8cff24;border-bottom-color:#5b8cff42}@media(max-width:759px){.cma-row{border-left-width:3px}.cma-row.in_progress{background:radial-gradient(120% 140% at 0% 50%,rgba(91,140,255,.12),transparent 55%)}.cma-row.ready_for_pickup{background:radial-gradient(120% 140% at 0% 50%,rgba(46,230,143,.1),transparent 55%)}.cma-day.today .cma-day-header{background:linear-gradient(90deg,#5b8cff29,#5b8cff0a)}}.calendar-day-card.today{box-shadow:var(--ring-state) #2ee68f33,0 12px 44px #2ee68f1a,var(--shadow-soft)}.modal-backdrop{background:#03040ab8;backdrop-filter:blur(18px) saturate(.85);-webkit-backdrop-filter:blur(18px) saturate(.85)}.work-record-modal,.client-plus-modal,.qr-scanner-modal{border-radius:20px;background:radial-gradient(110% 70% at 50% 0%,rgba(108,141,255,.08),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015) 38%,transparent),#0c0e1af5;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ffffff12,0 40px 120px #000000a6,0 0 80px #6c8dff0f}@keyframes sheet-enter-spring{0%{transform:translateY(18px) scale(.975);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.work-record-modal,.client-plus-modal{animation:sheet-enter-spring .32s var(--ease-spring)}.work-record-modal header h2,.client-plus-modal header h2{background:var(--ink);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.notifications-drawer>summary{transition:background-color .18s ease,color .18s ease}.notifications-drawer>summary:hover{color:var(--text)}.notifications-drawer[open]{border-color:var(--hairline-bright);box-shadow:var(--shadow-soft),0 0 30px #6c8dff0d}.service-notification-row{transition:border-color .18s ease,background-color .18s ease,transform .2s var(--ease-out)}.service-notification-row:hover{border-color:#ffffff1f;transform:translate(2px)}.service-notification-row.unread{background:radial-gradient(110% 140% at 0% 50%,rgba(46,230,143,.1),transparent 55%),var(--tier-well)}.settings-tabs{border-radius:999px;padding:.3rem;box-shadow:inset 0 1px 4px #0000004d,0 8px 28px #0000004d}.settings-tabs button{border-radius:999px}.settings-tabs button.active{box-shadow:inset 0 1px #ffffff3d,0 2px 14px #6c8dff73}.settings-section header svg{color:var(--accent);filter:drop-shadow(0 0 8px rgba(108,141,255,.3))}.setup-progress-bar{height:.45rem}.brand-mark{position:relative;border:0;background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.28),transparent 50%),var(--signature);box-shadow:inset 0 1px #ffffff59,0 0 0 1px #ffffff24,0 8px 28px #6c8dff73}.mobile-header strong{font-family:var(--font-display);background:var(--ink);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.toast-message{border-radius:14px}@media(prefers-reduced-motion:reduce){.bsl-line:not(.done):after{display:none}.work-record-modal,.client-plus-modal{animation:none}.bsl-step.active .bsl-dot{transform:none}.settings-section:hover,.client-section:hover,.calendar-day-card:hover,.settings-list article:hover,.calendar-week-card:hover,.slot-button.selected,.service-notification-row:hover{transform:none}}.notifications-drawer>summary{gap:.7rem;font-size:inherit;letter-spacing:0;text-transform:none}.notif-summary-lead{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0}.notif-summary-icon{flex:none;width:1.2rem;height:1.2rem;color:var(--accent, #6c8dff)}.notif-summary-text{display:grid;gap:.06rem}.notif-summary-text strong{font-family:var(--font-display, inherit);font-size:1rem;font-weight:750;letter-spacing:0;text-transform:none;color:var(--text, #f4f6fc)}.notif-summary-text small{font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted, #a4adc4)}.notif-count{flex:none;background:var(--signature-soft, rgba(91, 140, 255, .16));color:#c6d6ff;border:1px solid rgba(108,141,255,.32);border-radius:999px;padding:.16rem .6rem;font-size:.72rem;font-weight:800}.service-notification-list{display:grid;gap:0}.service-notification-list>.service-notification-row+.service-notification-row{border-top:1px solid var(--sq-hairline, rgba(255, 255, 255, .08))}.service-notification-row{--n-color: var(--accent, #6c8dff);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.85rem;margin:0;padding:.85rem .6rem .85rem .9rem;border:1px solid transparent;border-radius:12px;background:transparent;box-shadow:none;transition:background-color .18s var(--sq-ease, ease)}.service-notification-row:hover{background:#ffffff09;border-color:transparent;transform:none}.service-notification-row.unread{border-color:transparent;box-shadow:none;background:linear-gradient(90deg,color-mix(in srgb,var(--n-color) 9%,transparent),transparent 42%)}.service-notification-row.unread:before{content:"";position:absolute;left:0;top:.7rem;bottom:.7rem;width:3px;border-radius:999px;background:var(--n-color);box-shadow:0 0 10px color-mix(in srgb,var(--n-color) 60%,transparent)}.service-notification-row .notif-icon{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;border-radius:11px;color:var(--n-color);background:color-mix(in srgb,var(--n-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--n-color) 30%,transparent)}.service-notification-row .notif-icon svg{width:1.1rem;height:1.1rem}.service-notification-row.is-read .notif-icon{opacity:.62}.notif-main{display:grid;gap:.32rem;min-width:0}.notif-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.notif-title{font-size:.95rem;font-weight:700;line-height:1.25;color:var(--text, #f4f6fc)}.notif-time{flex:none;font-size:.74rem;font-weight:600;color:var(--subtle, #6b7390);font-variant-numeric:tabular-nums}.notif-message{margin:0;font-size:.86rem;line-height:1.45;color:var(--muted, #a4adc4)}.notif-detail{margin:0;font-size:.8rem;line-height:1.4;color:var(--subtle, #6b7390)}.notif-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin-top:.15rem}.notif-type-tag{padding:.14rem .55rem;border-radius:999px;font-size:.72rem;font-weight:750;color:var(--n-color);background:color-mix(in srgb,var(--n-color) 14%,transparent);border:1px solid color-mix(in srgb,var(--n-color) 26%,transparent)}.notif-client{font-size:.8rem;font-weight:600;color:#c8d3ea}.notif-plate{padding:.1rem .45rem;border-radius:6px;font-size:.75rem;font-weight:800;letter-spacing:.04em;color:#e6edfa;background:#ffffff0f;border:1px solid var(--sq-hairline, rgba(255, 255, 255, .08));font-variant-numeric:tabular-nums}.notif-read{flex:none;align-self:center;display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .55rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.notif-read.is-unread{color:#eaf1ff;background:#6c8dff2e;border:1px solid rgba(108,141,255,.4)}.notif-read.is-unread:before{content:"";width:.4rem;height:.4rem;border-radius:999px;background:var(--accent, #6c8dff);box-shadow:0 0 0 3px #6c8dff2e}.notif-read.is-read{color:var(--subtle, #6b7390);background:transparent;border:1px solid var(--sq-hairline, rgba(255, 255, 255, .08))}.service-notification-row.is-new{--n-color: #9d7bff}.service-notification-row.is-progress{--n-color: #5b8cff}.service-notification-row.is-ready{--n-color: #2ee68f}.service-notification-row.is-completed{--n-color: #2bd4c4}.service-notification-row.is-delayed{--n-color: #ffab40}.service-notification-row.is-update{--n-color: #8b95ad}@media(max-width:559px){.service-notification-row{gap:.7rem;padding-left:.8rem}.notif-read.is-read{display:none}}:root{--sq-radius-card: 18px;--sq-radius-control: 12px;--sq-radius-pill: 999px;--sq-space-1: .5rem;--sq-space-2: .85rem;--sq-space-3: 1.15rem;--sq-space-4: 1.5rem;--sq-surface-fill: var(--glass, rgba(18, 21, 33, .62));--sq-surface-blur: var(--glass-blur, blur(20px));--sq-hairline: var(--hairline, rgba(255, 255, 255, .1));--sq-hairline-bright: var(--hairline-bright, rgba(255, 255, 255, .16));--sq-elev-1: var(--elev-1, 0 2px 8px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.22));--sq-elev-2: var(--elev-2, 0 8px 24px rgba(0,0,0,.38), 0 24px 60px rgba(0,0,0,.28));--sq-glow: var(--glow-accent, 0 0 24px rgba(108, 141, 255, .28));--sq-accent: var(--accent, #6c8dff);--sq-accent-2: var(--accent-2, #9d7bff);--sq-signature: var(--signature, linear-gradient(120deg, #5b8cff, #8a72ff 52%, #a86bff));--sq-signature-soft: var(--signature-soft, linear-gradient(120deg, rgba(91,140,255,.18), rgba(138,114,255,.12)));--sq-spring: var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1));--sq-ease: var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.sq-surface{position:relative;border:1px solid var(--sq-hairline);border-radius:var(--sq-radius-card);background:var(--sq-surface-fill);backdrop-filter:var(--sq-surface-blur);-webkit-backdrop-filter:var(--sq-surface-blur);box-shadow:var(--sq-elev-1)}.sq-surface--raised{box-shadow:var(--sq-elev-2)}.sq-badge{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.3rem .7rem;border-radius:var(--sq-radius-pill);border:1px solid var(--sq-hairline-bright);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.sq-badge--trial{color:#d9ffe9;border-color:#2ee68f66;background:linear-gradient(135deg,#2ee68f33,#2ee68f0f);box-shadow:0 0 18px #2ee68f29}.sq-badge--trial:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:var(--green, #2ad681);box-shadow:0 0 0 4px #2ee68f2e}.sq-divider{display:flex;align-items:center;gap:.9rem;margin:1.5rem 0 1.1rem;color:var(--subtle, #6b7390);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sq-divider:before,.sq-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--sq-hairline),transparent)}.sq-divider span{white-space:nowrap}.sq-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.sq-chip{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:var(--sq-radius-pill);border:1px solid var(--sq-hairline);background:#ffffff09;color:#dce7f5;font-size:.82rem;font-weight:650}.sq-step-title{margin:.25rem 0 0;font-family:var(--font-display, inherit);font-size:.95rem;font-weight:750;letter-spacing:.01em;color:var(--text, #f4f6fc)}.sq-disclosure{border-top:1px solid var(--sq-hairline);padding-top:.85rem}.sq-disclosure>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#cdd7ea;font-size:.86rem;font-weight:700}.sq-disclosure>summary::-webkit-details-marker{display:none}.sq-disclosure>summary:after{content:"⌄";font-size:1rem;line-height:1;color:var(--sq-accent);transition:transform .2s var(--sq-ease)}.sq-disclosure[open]>summary:after{transform:rotate(180deg)}.sq-disclosure__body{margin-top:.75rem;animation:sq-fade-in .22s var(--sq-ease)}@keyframes sq-fade-in{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.sq-cta-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem 1rem;width:100%;text-align:left;padding:1.05rem 1.15rem;border-radius:var(--sq-radius-card);border:1px solid rgba(108,141,255,.35);background:var(--sq-signature-soft),var(--sq-surface-fill);backdrop-filter:var(--sq-surface-blur);-webkit-backdrop-filter:var(--sq-surface-blur);box-shadow:var(--sq-elev-1);color:var(--text, #f4f6fc);transition:border-color .2s var(--sq-ease),box-shadow .22s var(--sq-ease),transform .22s var(--sq-spring)}.sq-cta-card .sq-badge{grid-column:1 / -1}.sq-cta-card__body{display:grid;gap:.2rem;min-width:0}.sq-cta-card__title{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-display, inherit);font-size:1.05rem;font-weight:800}.sq-cta-card__title svg{width:1.05rem;height:1.05rem;color:var(--sq-accent)}.sq-cta-card__sub{color:var(--muted, #a4adc4);font-size:.85rem;line-height:1.4;font-weight:500}.sq-cta-card__arrow{width:1.35rem;height:1.35rem;color:var(--sq-accent);transition:transform .22s var(--sq-spring)}.sq-cta-card:hover{border-color:#6c8dff99;box-shadow:var(--sq-elev-2),var(--sq-glow)}.sq-cta-card:hover .sq-cta-card__arrow{transform:translate(.25rem)}.sq-cta-card:active{transform:translateY(1px)}.sq-action-bar{position:sticky;bottom:0;display:grid;gap:.6rem;margin-top:.5rem;padding:.85rem 0 calc(.85rem + var(--safe-bottom));background:linear-gradient(180deg,transparent,var(--bg, #05060d) 32%)}.auth-inline-row{display:flex;justify-content:flex-end;margin-top:-.35rem}.auth-inline-link{padding:0;font-size:.84rem;font-weight:650;color:var(--sq-accent)}.sq-trial-header{display:grid;gap:.7rem;margin-top:1.5rem;padding:1.2rem;border:1px solid var(--sq-hairline);border-radius:var(--sq-radius-card);background:radial-gradient(120% 90% at 100% 0%,rgba(138,114,255,.14),transparent 60%),var(--sq-surface-fill);backdrop-filter:var(--sq-surface-blur);-webkit-backdrop-filter:var(--sq-surface-blur);box-shadow:var(--sq-elev-1)}.sq-trial-header__title{margin:.15rem 0 0;font-family:var(--font-display, inherit);font-size:1.35rem;line-height:1.12;font-weight:800}.sq-trial-header__sub{margin:0;color:var(--muted, #a4adc4);font-size:.9rem;line-height:1.5}.price-disclosure dl{display:grid;gap:.4rem;margin:.6rem 0 0}.price-disclosure dl div{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-top:1px solid var(--sq-hairline);padding-top:.45rem}.price-disclosure dt,.price-disclosure dd{margin:0;font-size:.86rem;font-weight:750}.price-disclosure dd{color:var(--text, #f4f6fc)}.signup-form{margin-top:1.25rem}.signup-form .compact-progress{margin-bottom:.35rem}@media(prefers-reduced-motion:reduce){.sq-cta-card,.sq-cta-card__arrow,.sq-disclosure__body{transition:none;animation:none}.sq-cta-card:hover,.sq-cta-card:hover .sq-cta-card__arrow{transform:none}}.sq-stepper{display:grid;gap:.7rem;margin:.25rem 0 .35rem}.sq-stepper__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.sq-stepper__count{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--sq-accent)}.sq-stepper__active{font-family:var(--font-display, inherit);font-size:.95rem;font-weight:750;color:var(--text, #f4f6fc)}.sq-stepper__track{position:relative;height:.4rem;border-radius:var(--sq-radius-pill);background:#ffffff12;overflow:hidden}.sq-stepper__fill{display:block;height:100%;border-radius:inherit;background:var(--sq-signature);box-shadow:0 0 14px #6c8dff73;transition:width .46s var(--sq-spring)}.sq-stepper__segments{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.1rem 0 0;padding:0;list-style:none}.sq-stepper__seg{display:flex;align-items:center;gap:.5rem;min-width:0;color:var(--subtle, #6b7390);font-size:.8rem;font-weight:650;transition:color .24s var(--sq-ease)}.sq-stepper__dot{display:grid;place-items:center;flex:none;width:1.45rem;height:1.45rem;border-radius:999px;border:1px solid var(--sq-hairline-bright);background:#ffffff0a;font-size:.76rem;font-weight:800;color:var(--muted, #a4adc4);transition:all .28s var(--sq-spring)}.sq-stepper__dot svg{width:.85rem;height:.85rem}.sq-stepper__seg-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sq-stepper__seg.is-active{color:var(--text, #f4f6fc)}.sq-stepper__seg.is-active .sq-stepper__dot{border-color:transparent;background:var(--sq-signature);color:#fff;box-shadow:var(--sq-glow);transform:scale(1.06)}.sq-stepper__seg.is-done{color:#c8d3ea}.sq-stepper__seg.is-done .sq-stepper__dot{border-color:#2ee68f80;background:linear-gradient(135deg,#2ee68f47,#2ee68f14);color:#d9ffe9;box-shadow:0 0 12px #2ee68f38}.signup-step-fields{display:grid;gap:1rem;animation:sq-step-enter .38s var(--sq-ease)}@keyframes sq-step-enter{0%{opacity:0;transform:translate(.6rem)}to{opacity:1;transform:translate(0)}}.sq-trial-header--slim{gap:.7rem;margin-top:1.1rem;padding:.85rem 1rem}.sq-trial-header__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem .6rem}.sq-trial-header__hint{color:var(--muted, #a4adc4);font-size:.78rem;font-weight:600;text-align:right}.sq-trial-header--slim .sq-disclosure{border-top:0;padding-top:0}.login-panel.signup-mode .login-copy{margin-top:clamp(1.1rem,4vh,2rem)}.login-panel.signup-mode .login-copy svg{width:1.5rem;height:1.5rem}.login-panel.signup-mode .login-copy h1{margin-top:.6rem;font-size:clamp(1.55rem,4.5vw,2.1rem);line-height:1.08}.login-panel.signup-mode .signup-form{margin-top:1.1rem}.signup-aside .signup-aside__list{display:grid;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}.signup-aside .signup-aside__list li{display:flex;align-items:flex-start;gap:.85rem}.signup-aside__icon{display:grid;place-items:center;flex:none;width:2.4rem;height:2.4rem;border-radius:var(--sq-radius-control);border:1px solid var(--sq-hairline-bright);background:var(--sq-signature-soft);color:var(--text, #f4f6fc)}.signup-aside__icon svg{width:1.2rem;height:1.2rem}.signup-aside__list li>span:last-child{display:grid;gap:.1rem;color:var(--muted, #a4adc4);font-size:.88rem;line-height:1.4}.signup-aside__list li strong{color:var(--text, #f4f6fc);font-size:.95rem;font-weight:700}.signup-aside .legal-link-row{margin-top:auto;padding-top:1.5rem}@media(prefers-reduced-motion:reduce){.sq-stepper__fill,.sq-stepper__dot,.signup-step-fields{transition:none;animation:none}.sq-stepper__seg.is-active .sq-stepper__dot{transform:none}}.setup-rail{justify-content:flex-start;gap:1.5rem}.setup-rail__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.setup-rail__pct{font-family:var(--font-display, inherit);font-size:1.05rem;font-weight:800;color:var(--sq-accent)}.setup-rail__steps{display:grid;margin:0;padding:0;list-style:none}.setup-rail__step{position:relative;display:grid;grid-template-columns:1.65rem 1fr;gap:0 .9rem;padding-bottom:1.4rem}.setup-rail__step:last-child{padding-bottom:0}.setup-rail__step:not(:last-child):before{content:"";position:absolute;left:calc(.825rem - .5px);top:1.7rem;bottom:.25rem;width:1px;background:var(--sq-hairline)}.setup-rail__step.is-done:not(:last-child):before{background:linear-gradient(180deg,rgba(46,230,143,.5),var(--sq-hairline))}.setup-rail__dot{position:relative;z-index:1;display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:999px;border:1px solid var(--sq-hairline-bright);background:var(--bg, #05060d);font-size:.8rem;font-weight:800;color:var(--muted, #a4adc4);transition:all .28s var(--sq-spring)}.setup-rail__dot svg{width:.95rem;height:.95rem}.setup-rail__body{display:grid;gap:.15rem;padding-top:.02rem}.setup-rail__body strong{font-size:.98rem;font-weight:700;color:var(--text, #f4f6fc)}.setup-rail__desc{font-size:.85rem;line-height:1.4;color:var(--muted, #a4adc4)}.setup-rail__summary{margin-top:.2rem;font-size:.82rem;font-weight:650;color:#c8d3ea}.setup-rail__step.is-done .setup-rail__desc,.setup-rail__step.is-todo .setup-rail__desc{display:none}.setup-rail__step.is-todo{opacity:.6}.setup-rail__step.is-active .setup-rail__dot{border-color:transparent;background:var(--sq-signature);color:#fff;box-shadow:var(--sq-glow)}.setup-rail__step.is-done .setup-rail__dot{border-color:#2ee68f80;background:linear-gradient(135deg,#2ee68f4d,#2ee68f14);color:#d9ffe9}.setup-preview{display:grid;gap:.55rem;margin-top:auto}.setup-preview__label{font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--subtle, #6b7390)}.setup-preview__card{display:flex;align-items:center;gap:.8rem;padding:.85rem;border:1px solid var(--sq-hairline);border-radius:var(--sq-radius-card);background:var(--sq-surface-fill);backdrop-filter:var(--sq-surface-blur);-webkit-backdrop-filter:var(--sq-surface-blur);box-shadow:var(--sq-elev-1)}.setup-preview__mark{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--sq-signature);color:#fff;font-family:var(--font-display, inherit);font-size:1.1rem;font-weight:800}.setup-preview__info{display:grid;gap:.1rem;min-width:0;flex:1}.setup-preview__info strong{font-size:.95rem;color:var(--text, #f4f6fc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-preview__info span{font-size:.8rem;color:var(--muted, #a4adc4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-preview__card .sq-badge{flex:none}@media(min-width:760px){.login-panel.signup-mode .sq-stepper__segments{display:none}}@media(prefers-reduced-motion:reduce){.setup-rail__dot{transition:none}}.today-status-bar .tsb-label{display:inline-flex;align-items:center;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle, #6b7390);padding-right:.15rem}.today-status-bar .tsb-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.26rem .7rem;font-weight:650}.today-status-bar .tsb-delayed:before,.today-status-bar .tsb-pickup:before,.today-status-bar .tsb-upcoming:before{content:"";display:inline-block;flex:none;width:6px;height:6px;margin-right:.4rem;border-radius:999px;background:currentColor}.today-status-bar .tsb-delayed:before{box-shadow:0 0 8px currentColor;animation:boot-breathe 1.8s ease-in-out infinite}.today-status-bar .tsb-upcoming:before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}.today-status-bar .tsb-time{margin-left:auto;opacity:.65;font-size:.7rem;font-weight:600}@media(prefers-reduced-motion:reduce){.today-status-bar .tsb-delayed:before{animation:none}}.client-page{position:relative;isolation:isolate;align-items:start;min-height:100dvh;padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(var(--bottom-nav-height) + var(--safe-bottom) + 1.35rem) calc(1rem + var(--safe-left));background:radial-gradient(34rem 26rem at 92% -8%,rgba(108,141,255,.24),transparent 68%),radial-gradient(28rem 22rem at -12% 18%,rgba(157,123,255,.17),transparent 70%),linear-gradient(180deg,#070b12,#09111d 48%,#05070d)}.client-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 72%)}.client-auth-panel,.client-dashboard{width:min(100%,47rem);max-width:47rem;margin-inline:auto}.client-dashboard{gap:1.15rem;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 1.25rem)}.client-dashboard-header{position:relative;align-items:center;padding:.25rem .15rem .1rem}.client-dashboard-header span,.client-dashboard-header small{color:#8794aa;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.client-dashboard-header h1,.client-auth-copy h1{font-family:var(--font-display, inherit);font-size:clamp(1.85rem,7.8vw,3.15rem);font-weight:800;line-height:.98}.client-dashboard-header p,.client-auth-copy p{max-width:34rem;color:#aab6c8;font-size:.95rem;line-height:1.55}.client-dashboard-header .icon-button{flex:none;border-color:#ffffff1f;background:#ffffff0e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--elev-1, var(--shadow))}.client-profile-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;border-color:#ffffff13;border-radius:16px;background:#ffffff07;box-shadow:none;padding:.55rem}.client-profile-strip div{min-width:0;border-radius:12px;background:#04080f47;padding:.62rem}.client-profile-strip span{color:#778399;font-size:.64rem}.client-profile-strip strong{color:#d8e2f2;font-size:.78rem;font-weight:700}.client-bottom-nav{right:calc(.9rem + var(--safe-right));bottom:calc(.85rem + var(--safe-bottom));left:calc(.9rem + var(--safe-left));grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;border-color:#ffffff24;border-radius:22px;background:linear-gradient(180deg,#161c2bdb,#080b12eb),#080c14e0;padding:.42rem;box-shadow:inset 0 1px #ffffff14,0 16px 48px #0000007a,0 0 28px #5b8cff1a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.client-bottom-nav a{min-height:3.35rem;border:1px solid transparent;border-radius:17px;color:#8f9aae;font-size:.68rem;font-weight:800;transition:background-color .18s var(--ease-out, ease),color .18s var(--ease-out, ease),transform .18s var(--ease-out, ease)}.client-bottom-nav a.active{border-color:#6c8dff52;background:radial-gradient(100% 100% at 50% 0%,rgba(255,255,255,.12),transparent 55%),var(--signature-soft, rgba(91, 140, 255, .16));color:#f7fbff;box-shadow:inset 0 1px #ffffff1f,0 0 18px #6c8dff33}.client-bottom-nav a.active svg{color:#b9c8ff}.client-section,.client-primary-card,.client-card,.client-qr-entry,.client-vehicle-form,.client-booking-flow,.client-booking-form,.client-booking-context,.push-state,.push-diagnostics,.client-plus-modal{border-color:#ffffff1b;border-radius:20px;background:linear-gradient(145deg,#ffffff0d,#ffffff05),var(--glass, rgba(18, 21, 33, .62));box-shadow:var(--elev-1, var(--shadow));backdrop-filter:var(--glass-blur, blur(22px));-webkit-backdrop-filter:var(--glass-blur, blur(22px))}.client-section{gap:1rem;overflow:hidden;padding:1rem}.client-route-cars .client-section{padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.client-section>header{gap:.75rem;padding:.1rem .1rem 0}.client-route-cars .client-section>header{padding:0 .1rem}.client-section>header>svg{width:1.2rem;height:1.2rem;color:var(--accent, #6c8dff);filter:drop-shadow(0 0 10px rgba(108,141,255,.28))}.client-section h2{font-family:var(--font-display, inherit);font-size:1.12rem;font-weight:800}.client-section header button,.client-card button,.client-notification-actions button,.client-qr-entry-options button,.secondary-action,.secondary-button,.ghost-step-button{min-height:2.55rem;border-color:#ffffff1f;border-radius:13px;background:#ffffff0e;color:#dce7f6;font-size:.8rem;font-weight:800}.client-section header button:hover,.client-card button:hover,.client-notification-actions button:hover:not(:disabled),.ghost-step-button:hover:not(:disabled){border-color:#6c8dff52;background:#6c8dff1f}.primary-button,.client-booking-link,.client-qr-entry-form button{border:1px solid rgba(255,255,255,.14);border-radius:15px;background:radial-gradient(100% 100% at 50% 0%,rgba(255,255,255,.18),transparent 58%),var(--signature, linear-gradient(120deg, #5b8cff, #8a72ff 52%, #a86bff));color:#fff;box-shadow:inset 0 1px #ffffff29,0 10px 30px #5b8cff42,0 0 24px #8a72ff29}.primary-button:disabled,.client-notification-actions button:disabled,.ghost-step-button:disabled,.client-card button:disabled,.client-section header button:disabled{color:#a9b4c5;background:#ffffff0b;border-color:#ffffff17;box-shadow:none;opacity:1}.client-primary-card{position:relative;gap:1.15rem;overflow:hidden;min-height:18rem;padding:1.25rem;border-color:#6c8dff47;background:radial-gradient(17rem 12rem at 88% 0%,rgba(108,141,255,.32),transparent 72%),radial-gradient(20rem 14rem at 4% 100%,rgba(46,230,143,.11),transparent 72%),linear-gradient(145deg,#131927e6,#080b12c7);box-shadow:inset 0 1px #ffffff14,0 18px 58px #00000061,0 0 42px #5b8cff1f}.client-primary-card:before{content:"";position:absolute;right:-3rem;top:2.4rem;width:13rem;height:5.6rem;border:1px solid rgba(255,255,255,.08);border-radius:55% 45% 34% 36%;background:radial-gradient(circle at 22% 72%,rgba(5,8,14,.88) 0 .78rem,transparent .82rem),radial-gradient(circle at 78% 72%,rgba(5,8,14,.88) 0 .78rem,transparent .82rem),linear-gradient(135deg,#ffffff1c,#ffffff04);opacity:.42;transform:rotate(-4deg)}.client-primary-card.empty{min-height:12rem;border-color:#2ee68f42;background:radial-gradient(80% 80% at 90% 0%,rgba(46,230,143,.15),transparent 65%),#1215219e}.client-primary-heading{position:relative;z-index:1;align-items:flex-start}.client-primary-heading span,.client-next-appointment span,.client-plus-modal header span{color:#7f8aa0;font-size:.68rem;letter-spacing:.08em}.client-primary-heading h3,.client-primary-heading h2,.client-primary-card h2{margin-top:.34rem;font-family:var(--font-display, inherit);font-size:clamp(2.2rem,14vw,4.2rem);font-weight:800;letter-spacing:0}.client-primary-heading p{color:#bcc8d8;font-size:1rem;font-weight:650}.status-badge{border:1px solid rgba(255,255,255,.13);border-radius:999px;background:color-mix(in srgb,var(--status-color, var(--accent, #6c8dff)) 16%,rgba(11,15,24,.72)),#ffffff0a;color:color-mix(in srgb,var(--status-color, var(--accent, #6c8dff)) 86%,white);box-shadow:inset 0 1px #ffffff14,0 0 18px color-mix(in srgb,var(--status-color, var(--accent, #6c8dff)) 20%,transparent);padding:.38rem .68rem;font-size:.72rem;font-weight:850}.status-badge.scheduled,.status-badge.confirmed{--status-color: #6c8dff}.status-badge.checked_in,.status-badge.in_progress{--status-color: #ffab40}.status-badge.ready_for_pickup,.status-badge.completed,.status-badge.final{--status-color: #2ee68f}.status-badge.cancelled,.status-badge.no_show{--status-color: #ff5a6a}.client-status-copy{position:relative;z-index:1;margin:0;color:#edf5ff;font-size:1.02rem;font-weight:800}.client-status-copy.delayed,.client-delay-copy{color:#ffd49a}.client-next-appointment{position:relative;z-index:1;gap:.34rem;border-color:#ffffff1c;border-radius:16px;background:linear-gradient(135deg,#5b8cff1f,#ffffff07),#04080f66;padding:.92rem}.client-next-appointment strong{font-size:1rem;font-weight:800}.client-booking-link{position:relative;z-index:1;width:100%;min-height:3.2rem;font-weight:900}.client-status-timeline{position:relative;z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin-top:.8rem}.client-status-timeline:before{left:8%;right:8%;top:.53rem;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,#6c8dff47,#2ee68f29)}.client-status-timeline span{grid-template-columns:1fr;justify-items:center;gap:.42rem;color:#7f8ba0;font-size:.68rem;font-weight:750;line-height:1.18;text-align:center}.client-status-timeline i{width:1.05rem;height:1.05rem;border-color:#fff3;background:#0b101a;box-shadow:0 0 0 4px #080b12c7}.client-status-timeline span.done{color:#d9ffe9}.client-status-timeline span.done i{border-color:#2ee68fe0;background:linear-gradient(135deg,#2ee68ff2,#2ee68f52);box-shadow:0 0 0 4px #2ee68f17,0 0 18px #2ee68f57}.client-card-list{gap:.75rem}.client-card{gap:.85rem;border-radius:18px;padding:.95rem}.client-card.secondary{grid-template-columns:minmax(0,1fr)}.client-card strong{color:#f3f7ff;font-weight:800}.client-card span{color:#aeb9ca}.client-card small{color:#7f8aa0;font-weight:700}.client-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.client-card-actions .client-status-timeline{grid-column:1 / -1;width:100%}.client-home-notifications{gap:.65rem;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:#ffffff07;padding:.8rem}.client-home-notifications>div strong{font-family:var(--font-display, inherit)}.client-home-notifications a{color:#9fb3ff}.notification-card{position:relative;grid-template-columns:minmax(0,1fr) auto;border-left:0;padding-left:1.05rem}.notification-card:before{content:"";position:absolute;left:.72rem;top:1rem;bottom:1rem;width:3px;border-radius:999px;background:var(--n-color, rgba(214, 226, 240, .22));box-shadow:0 0 14px color-mix(in srgb,var(--n-color, #6c8dff) 40%,transparent)}.notification-card.tone-booking{--n-color: #5b8cff}.notification-card.tone-checkin{--n-color: #8a72ff}.notification-card.tone-work{--n-color: #ffab40}.notification-card.tone-delay{--n-color: #ff6b6b}.notification-card.tone-ready{--n-color: #2ee68f}.notification-card.tone-done{--n-color: #8fa3b8}.notification-card.tone-billing{--n-color: #a86bff}.notification-card.unread{border-color:color-mix(in srgb,var(--n-color, #6c8dff) 34%,rgba(255,255,255,.08));background:linear-gradient(135deg,color-mix(in srgb,var(--n-color, #6c8dff) 13%,transparent),transparent 55%),#121521a8}.client-booking-context,.push-state{align-items:flex-start}.client-booking-context svg{color:#2ee68f;filter:drop-shadow(0 0 10px rgba(46,230,143,.24))}.client-booking-flow{gap:1rem;padding:.85rem}.booking-progress.booking-progress-labelled{gap:.5rem}.booking-progress button{border-radius:14px;background:#ffffff0a}.booking-progress button.active{border-color:#6c8dff6b;background:var(--signature-soft, rgba(91, 140, 255, .16));box-shadow:0 0 18px #6c8dff24}.client-booking-form,.client-vehicle-form{gap:.9rem;padding:.9rem}.client-booking-form input,.client-booking-form select,.client-booking-form textarea,.client-vehicle-form input,.client-vehicle-form select,.client-vehicle-form textarea,.client-qr-entry-form input{min-height:3.05rem;border-color:#ffffff1c;border-radius:14px;background:#04080f94;color:#f5f8ff}.client-booking-form input:focus,.client-booking-form select:focus,.client-booking-form textarea:focus,.client-vehicle-form input:focus,.client-vehicle-form select:focus,.client-vehicle-form textarea:focus,.client-qr-entry-form input:focus{border-color:#6c8dffc7;box-shadow:0 0 0 4px #6c8dff29}.slot-button{border-radius:16px}.slot-button.selected{border-color:#2ee68f8a;background:linear-gradient(135deg,#2ee68f29,#ffffff08);box-shadow:0 0 20px #2ee68f21}.booking-summary{border-color:#ffffff1a;border-radius:16px;background:#04080f75}.client-notifications-header{align-items:center;gap:.75rem}.client-notification-actions{width:100%;justify-content:stretch}.client-notification-actions button{flex:1 1 8rem}.push-diagnostics{padding:0}.push-diagnostics>summary{cursor:pointer;list-style:none;padding:.8rem .9rem;color:#8794aa;font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.push-diagnostics>summary::-webkit-details-marker{display:none}.push-diagnostics>summary:after{content:"Deschide";float:right;color:#9fb3ff;font-size:.72rem;letter-spacing:0;text-transform:none}.push-diagnostics[open]>summary:after{content:"Inchide"}.push-diagnostics dl{padding:0 .8rem .85rem}.push-diagnostics dl div{background:#ffffff0b}.push-state.active{border-color:#2ee68f42;background:radial-gradient(80% 90% at 0% 0%,rgba(46,230,143,.14),transparent 65%),#1215219e}.client-qr-entry{border-color:#6c8dff38;background:radial-gradient(90% 110% at 100% 0%,rgba(108,141,255,.17),transparent 62%),#1215219e}.client-qr-entry.compact{margin-top:.1rem}.client-qr-entry-copy svg{color:#9fb3ff}.client-state-banner,.client-install-hint{border-color:#ffab4042;border-radius:16px;background:linear-gradient(135deg,#ffab401f,#ffffff06),#1215219e;color:#ffd89a}.settings-empty{color:#8e9aae;line-height:1.55}.form-error{border-radius:15px}.booking-success{border-radius:15px;background:linear-gradient(135deg,#2ee68f24,#2ee68f0b)}.client-plus-modal{width:min(100%,30rem);padding:1.1rem}.client-plus-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.client-auth-panel{justify-content:center;min-height:calc(100dvh - 2rem - var(--safe-top) - var(--safe-bottom));border:1px solid rgba(255,255,255,.095);border-radius:24px;background:radial-gradient(28rem 22rem at 100% 0%,rgba(108,141,255,.2),transparent 70%),#12152194;box-shadow:var(--elev-2, var(--shadow));padding:clamp(1rem,4vw,1.4rem)}.client-auth-copy{margin-top:clamp(1.4rem,5vh,2.8rem)}.client-auth-copy svg{color:#2ee68f;filter:drop-shadow(0 0 12px rgba(46,230,143,.28))}.client-auth-tabs{border-color:#ffffff1a;border-radius:16px;background:#04080f75;padding:.35rem}.client-auth-tabs button{border-radius:12px}.client-auth-tabs button.active{background:var(--signature-soft, rgba(91, 140, 255, .16));color:#f5f8ff;box-shadow:0 0 16px #6c8dff24}.client-dev-link{border-radius:15px}@media(min-width:760px){.client-page{padding-top:calc(1.5rem + var(--safe-top))}.client-dashboard{width:min(100%,58rem);max-width:58rem}.client-route-cars{grid-template-columns:minmax(0,1fr) 18rem;align-items:start}.client-route-cars .client-dashboard-header,.client-route-cars .client-profile-strip,.client-route-cars .client-bottom-nav,.client-route-cars .client-state-banner,.client-route-cars .client-section{grid-column:1 / -1}.client-route-cars .client-section{display:grid;grid-template-columns:minmax(0,1fr) 18rem;align-items:start}.client-route-cars .client-section>header,.client-route-cars .client-primary-card,.client-route-cars .client-home-notifications,.client-route-cars .client-vehicle-form,.client-route-cars .booking-success,.client-route-cars .form-error,.client-route-cars>.client-state-banner{grid-column:1}.client-route-cars .client-section>.settings-empty{grid-column:2;align-self:start;margin:2.5rem 0 0;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff07;padding:.85rem}.client-route-cars .client-section>.client-card-list{grid-column:2;grid-row:2 / span 5}.client-route-cars .client-card.secondary{padding:.85rem}.client-route-cars .client-card-actions{grid-template-columns:1fr}}@media(max-width:559px){.client-page{padding-inline:calc(.85rem + var(--safe-left)) calc(.85rem + var(--safe-right))}.client-dashboard{gap:.95rem}.client-dashboard-header{gap:.75rem}.client-dashboard-header h1,.client-auth-copy h1{font-size:clamp(1.85rem,11vw,2.65rem)}.client-profile-strip{grid-template-columns:1fr;gap:.42rem;padding:.45rem}.client-profile-strip div{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:baseline;gap:.65rem;padding:.5rem .6rem}.client-profile-strip strong{margin-top:0;text-align:right}.client-section{padding:.9rem}.client-route-cars .client-section{padding:0}.client-section>header{flex-wrap:wrap}.client-section>header button{width:100%}.client-primary-card{min-height:17rem;padding:1rem}.client-primary-card:before{right:-5.8rem;top:3.7rem}.client-primary-heading{display:grid}.client-primary-heading .status-badge{justify-self:start}.client-status-timeline{grid-template-columns:1fr;gap:.65rem}.client-status-timeline:before{left:.52rem;right:auto;top:.55rem;bottom:.55rem;width:1px;height:auto}.client-status-timeline span{grid-template-columns:1.05rem minmax(0,1fr);justify-items:start;text-align:left;font-size:.78rem}.client-card-actions{grid-template-columns:1fr}.client-notification-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.client-notification-actions button{min-width:0;padding-inline:.55rem}.notification-card{grid-template-columns:minmax(0,1fr)}.client-bottom-nav{position:sticky;order:99;right:auto;bottom:calc(.7rem + var(--safe-bottom));left:auto;width:100%;margin-top:.35rem}.client-bottom-nav a{min-height:3.15rem;font-size:.64rem}.client-plus-modal-actions{grid-template-columns:1fr}}@media(max-width:380px){.client-bottom-nav span{font-size:.6rem}.client-bottom-nav svg{width:1.05rem;height:1.05rem}}.client-status-timeline span,.client-status-timeline span.done{background:transparent!important;box-shadow:none}@media(max-width:559px){.client-dashboard-header{padding-top:0}.client-dashboard-header h1{font-size:clamp(2.35rem,10vw,2.85rem);line-height:1}.client-dashboard-header p{font-size:.9rem;line-height:1.35}.client-dashboard-header small{display:block;margin-top:.18rem}.client-profile-strip{display:none}.client-route-cars .client-section>header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.55rem}.client-route-cars .client-section>header button{grid-column:1 / -1;min-height:2.55rem}.client-primary-card{gap:.72rem;min-height:0;padding:.95rem}.client-primary-heading h3,.client-primary-heading h2,.client-primary-card h2{font-size:clamp(2.6rem,13vw,3.2rem)}.client-primary-heading p{font-size:.94rem}.client-status-copy{font-size:.92rem;line-height:1.35}.client-next-appointment{padding:.72rem}.client-next-appointment strong{font-size:.92rem}.client-next-appointment small{font-size:.78rem;line-height:1.35}.client-status-timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:.22rem;margin-top:.3rem}.client-status-timeline:before{left:8%;right:8%;top:.49rem;bottom:auto;width:auto;height:1px}.client-status-timeline span{grid-template-columns:1fr;justify-items:center;gap:.3rem;min-width:0;color:#7f8ba0;font-size:.58rem;line-height:1.08;text-align:center;overflow-wrap:anywhere}.client-status-timeline i{width:.92rem;height:.92rem}.client-booking-link{min-height:2.85rem}.client-card.secondary .client-status-timeline span{font-size:.56rem}.client-route-notifications .client-section,.client-route-booking .client-section,.client-route-history .client-section{margin-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + .75rem)}}.app-error-boundary{min-height:100vh;display:grid;place-items:center;padding:24px;color:#eef4ff;background:radial-gradient(circle at top left,rgba(93,95,239,.28),transparent 32rem),radial-gradient(circle at bottom right,rgba(14,165,233,.2),transparent 28rem),#08111f}.app-error-boundary__panel{width:min(100%,460px);padding:28px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:#0f172ad1;box-shadow:0 24px 80px #0000005c}.app-error-boundary__eyebrow{margin:0 0 10px;color:#93c5fd;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-error-boundary h1{margin:0 0 12px;font-size:1.5rem;line-height:1.2}.app-error-boundary p{margin:0;color:#cbd5e1;line-height:1.6}.app-error-boundary__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.app-error-boundary__actions button{min-height:44px;padding:0 18px;border:1px solid rgba(148,163,184,.24);border-radius:999px;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);font:inherit;font-weight:700;cursor:pointer}.app-error-boundary__actions button+button{color:#dbeafe;background:#0f172ac7}.service-main{background:transparent}.service-main .page-section{gap:1rem}.service-main .page-header,.service-main .mobile-header{margin-bottom:1.4rem}.service-main .page-header h1{margin:0;font-size:clamp(1.65rem,5vw,2.4rem);font-weight:800;line-height:1.05}.service-main .page-header p{margin:.45rem 0 0;max-width:42rem;color:var(--muted);font-size:.95rem;line-height:1.55}.desktop-sidebar{border-right:1px solid var(--border);background:#0b1119f5}.desktop-sidebar .brand-mark{border:1px solid rgba(47,140,255,.28);border-radius:.85rem;background:#2f8cff24;color:#d8e9ff}.desktop-sidebar .sidebar-nav a,.desktop-sidebar .sidebar-logout{border-radius:.75rem;transition:background .14s ease,color .14s ease}.bottom-nav{border:1px solid var(--border);border-radius:1rem;background:#0b1119f5;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:.28rem}.bottom-nav a{min-height:2.95rem;border-radius:.85rem;color:var(--muted);font-size:.72rem;font-weight:700;transition:background .14s ease,color .14s ease}.bottom-nav a.active{background:#2f8cff29;color:var(--text);box-shadow:none}.bottom-nav a.active:after{display:none}.bottom-nav svg{width:1.25rem;height:1.25rem;filter:none!important;transform:none!important}.service-main .booking-panel,.service-main .calendar-day-card,.service-main .calendar-appointment-card,.service-main .settings-section,.service-main .trial-status-banner,.service-main .billing-summary-card,.service-main .metric-card,.service-main .metric-drilldown-panel,.service-main .notifications-drawer,.service-main .queue-table,.service-main .today-kpi-strip{border:1px solid var(--border);border-radius:.75rem;background:#111b29c7;box-shadow:var(--shadow);backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}.service-main .booking-panel,.service-main .settings-section,.service-main .calendar-day-card{padding:1rem}.service-main .booking-panel-title p,.service-main .settings-section p,.service-main .settings-section header p{max-width:none;font-size:.9rem;font-weight:400;line-height:1.55}.service-main .settings-section h2,.service-main .calendar-day-card header span,.service-main .booking-panel-title h2{font-weight:800}.service-main .settings-section header svg,.service-main .booking-panel-title svg,.service-main .calendar-appointment-time svg{color:var(--blue);filter:none}.service-main .calendar-toolbar,.service-main .calendar-summary-strip,.service-main .booking-progress{border:1px solid var(--border);border-radius:.75rem;background:#111b29c7;box-shadow:none}.service-main .calendar-day-card.today{border-color:#2ad6814d;background:linear-gradient(145deg,#2ad6811a,#111b29c7)}.service-main .trial-status-banner,.service-main .billing-summary-card{background:linear-gradient(145deg,#2ad6811a,#111b29d6)}.service-main .trial-status-banner.warning,.service-main .billing-summary-card.warning{background:linear-gradient(145deg,#f59e0b24,#111b29d6)}.service-main .trial-status-banner.locked,.service-main .billing-summary-card.locked{background:linear-gradient(145deg,#ef444426,#111b29d6)}@media(max-width:559px){.service-main{padding-right:calc(1rem + var(--safe-right));padding-left:calc(1rem + var(--safe-left))}.service-main .page-header h1{font-size:clamp(1.45rem,8vw,2rem)}}.client-page{min-height:100dvh;padding:calc(var(--safe-top) + 1.15rem) calc(var(--safe-right) + 1rem) calc(var(--bottom-nav-height) + var(--safe-bottom) + 1.15rem) calc(var(--safe-left) + 1rem);background:radial-gradient(circle at 18% -8%,rgba(64,123,255,.26),transparent 33rem),radial-gradient(circle at 95% 10%,rgba(42,214,129,.11),transparent 26rem),linear-gradient(180deg,#08111f,#0b1320 42%,#070b12)}.client-page:before{opacity:.34}.client-dashboard{width:min(100%,27.5rem);gap:1rem;margin:0 auto}.client-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3.25rem;padding:0}.client-greeting{min-width:0}.client-greeting span{display:block;color:#d8e2f0a3;font-size:.78rem;font-weight:850;letter-spacing:0}.client-greeting strong{display:block;overflow:hidden;margin-top:.12rem;color:#f8fbff;font-size:clamp(1.16rem,5vw,1.48rem);font-weight:900;line-height:1.05;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.client-avatar,.client-alert-button{display:grid;width:2.85rem;height:2.85rem;place-items:center;border:1px solid rgba(197,218,255,.18);border-radius:1rem;background:#ffffff13;color:#f8fbff;box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.client-avatar{font-size:.86rem;font-weight:950}.client-alert-button{position:relative}.client-alert-button svg{width:1.18rem;height:1.18rem}.client-alert-button span{position:absolute;top:.58rem;right:.62rem;width:.5rem;height:.5rem;border:2px solid #101827;border-radius:999px;background:#2ad681}.client-route-cars .client-section{gap:.88rem}.client-dashboard.client-route-cars>.client-section>.client-section-header-slim,.client-route-cars .client-section-header-slim{display:none!important}.client-hero-card{position:relative;overflow:hidden;gap:.95rem;border:1px solid rgba(127,184,255,.26);border-radius:1.75rem;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 20%),radial-gradient(circle at 42% 3%,rgba(66,153,255,.33),transparent 18rem),radial-gradient(circle at 95% 98%,rgba(42,214,129,.13),transparent 18rem),linear-gradient(145deg,#101f34f5,#080f1afa);box-shadow:0 1.4rem 3.2rem #0000006b,inset 0 1px #ffffff14;padding:1rem}.client-hero-card:after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 38%);opacity:.42}.client-hero-card>*{position:relative;z-index:1}.client-hero-top{align-items:flex-start;gap:.75rem}.client-hero-id h3{max-width:8.8ch;margin:0 0 .52rem;color:#fbfdff;font-size:clamp(1.9rem,9.2vw,2.72rem);font-weight:950;line-height:.96;letter-spacing:0;overflow-wrap:break-word}.client-plate-chip{border-color:#dfebff3d;border-radius:.68rem;background:#080e1894;color:#f8fbfff0;font-size:.78rem;letter-spacing:.08em;padding:.32rem .58rem}.client-icon-button{width:2.65rem;height:2.65rem;border-color:#dfebff29;border-radius:.95rem;background:#fff1;color:#f8fbff}.client-hero-stage{min-height:7.85rem;margin:-.1rem -.35rem 0;border-radius:1.35rem;background:linear-gradient(180deg,transparent 0 58%,rgba(4,10,18,.38) 58%),radial-gradient(ellipse at 50% 78%,rgba(64,123,255,.26),transparent 14rem)}.client-hero-car{width:min(96%,20.75rem);filter:drop-shadow(0 1rem 1.3rem rgba(0,0,0,.42))}.client-hero-car-body{fill:url(#client-car-paint);fill-opacity:1}.client-hero-car-glass{fill:url(#client-car-glass)}.client-hero-car-light{fill:#e2f0ffe6}.client-hero-car-light.rear{fill:#ff6f6fdb}.client-hero-car-tyre{fill:#05080e}.client-hero-car-hub{fill:#3e96ff}.client-hero-car-shadow{fill:#0000006b}.client-status-band{width:100%;justify-content:flex-start;gap:.55rem;border-color:#2ad68157;border-radius:1.05rem;background:#2ad6811a;padding:.78rem .9rem}.client-status-band strong{font-size:1rem;font-weight:900;letter-spacing:0}.client-status-band .client-status-dot{width:.66rem;height:.66rem}.client-hero-context{color:#e2ecf8bd;font-size:.92rem;line-height:1.45}.client-next-appointment{display:grid;gap:.2rem;border:1px solid rgba(223,235,255,.11);border-radius:1.05rem;background:#02081047;padding:.78rem .86rem}.client-next-appointment span{color:#d8e2f08f;font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.client-next-when{color:#fbfdff;font-size:1.08rem;font-weight:950;letter-spacing:0}.client-next-appointment small{color:#d8e2f0b3;font-size:.86rem}.client-hero-cta{min-height:3.35rem;border-radius:1.08rem;background:linear-gradient(135deg,#65a1ff,#386dff 55%,#244fd6);color:#fff;font-size:1rem;font-weight:950;box-shadow:0 1rem 2rem #2967ff52}.client-latest-update,.client-other-vehicles-toggle,.client-mini-vehicle{border-color:#dfebff1f;border-radius:1.1rem;background:#ffffff0e;box-shadow:inset 0 1px #ffffff0d}.client-latest-update{min-height:4.75rem;padding:.9rem .95rem}.client-latest-update span{color:#d8e2f094;font-size:.68rem;letter-spacing:.06em}.client-latest-update strong{color:#fbfdff;font-size:1rem}.client-latest-update small{color:#d8e2f0a8}.client-latest-update svg{color:#70a7ff}.client-other-vehicles-toggle{min-height:3.35rem;color:#f8fbff;padding:0 1rem}.client-bottom-nav{right:calc(var(--safe-right) + 1rem);bottom:calc(var(--safe-bottom) + .75rem);left:calc(var(--safe-left) + 1rem);max-width:27.5rem;margin:0 auto;border:1px solid rgba(223,235,255,.14);border-radius:1.35rem;background:#0c121ee0;box-shadow:0 1rem 2.5rem #00000061;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:.35rem}.client-bottom-nav a{min-height:3.2rem;border-radius:1.05rem;color:#d8e2f0ad;font-size:.73rem;font-weight:850}.client-bottom-nav a.active{background:#ffffff1a;color:#fff;box-shadow:inset 0 1px #ffffff14}.client-bottom-nav a.active:after{display:none}.client-bottom-nav svg{width:1.2rem;height:1.2rem}@media(max-width:389px){.client-page{padding-right:calc(var(--safe-right) + .78rem);padding-left:calc(var(--safe-left) + .78rem)}.client-hero-card{border-radius:1.45rem;padding:.85rem}.client-hero-id h3{font-size:clamp(1.82rem,9.4vw,2.45rem)}.client-hero-stage{min-height:7.7rem}.client-bottom-nav{right:calc(var(--safe-right) + .78rem);left:calc(var(--safe-left) + .78rem)}}:root{--au-brand: #3b86ff;--au-brand-2: #1f6bff;--au-cyan: #38bdf8;--au-violet: #7c5cff;--au-glass: linear-gradient(160deg, rgba(30, 46, 74, .6), rgba(11, 18, 32, .55));--au-glass-row: linear-gradient(160deg, rgba(20, 30, 50, .5), rgba(10, 16, 28, .45));--au-stroke: rgba(120, 160, 230, .18);--au-stroke-strong: rgba(124, 180, 255, .4);--au-info: #7fb4ff;--au-amber: #ef9f27;--au-amber-t: #fac775;--au-green: #34d399;--au-green-t: #6ee7b7;--au-text: #f4f8ff;--au-muted: #8a97ae;--au-faint: #6f7e96;--au-glow-brand: rgba(46, 123, 255, .45)}.client-page{position:relative;background:radial-gradient(420px 420px at 100% -40px,rgba(46,123,255,.16),transparent 70%),radial-gradient(460px 460px at -60px 360px,rgba(120,90,255,.13),transparent 72%),radial-gradient(420px 420px at 110% 760px,rgba(56,189,248,.1),transparent 72%),linear-gradient(165deg,#070c16,#0a1322 55%,#06090f);background-attachment:fixed}.client-page .client-dashboard{width:100%;max-width:460px;margin-inline:auto;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 2.5rem)}.client-page .client-dashboard-header{align-items:center}.client-page .client-dashboard-header h1,.client-page .client-dashboard-header strong{color:var(--au-text)}.client-page .client-profile-strip{background:var(--au-glass-row);border:1px solid var(--au-stroke);border-radius:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.client-page .client-profile-strip strong{color:var(--au-text)}.client-page .client-primary-card{position:relative;background:var(--au-glass);border:1px solid var(--au-stroke);border-radius:28px;padding:22px;box-shadow:0 0 0 1px #7cb4ff0a,0 24px 60px #04081073;overflow:hidden}.client-page .client-primary-card:before{content:"";position:absolute;top:0;left:26px;right:26px;height:1px;background:linear-gradient(90deg,transparent,rgba(124,180,255,.7),transparent)}.client-page .client-primary-heading h3{font-size:1.9rem;font-weight:500;letter-spacing:-.01em;color:var(--au-text);font-family:var(--font-mono, ui-monospace, monospace)}.client-page .client-primary-heading span{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;color:var(--au-faint)}.client-page .client-primary-heading p{color:var(--au-muted)}.client-page .status-badge{border-radius:999px;padding:6px 13px;font-weight:500;border:1px solid transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.client-page .status-badge.scheduled,.client-page .status-badge.confirmed{background:#3b86ff24;color:var(--au-info);border-color:#3b86ff4d}.client-page .status-badge.checked_in,.client-page .status-badge.in_progress{background:#ef9f2724;color:var(--au-amber-t);border-color:#ef9f2752}.client-page .status-badge.ready_for_pickup,.client-page .status-badge.completed{background:#34d39924;color:var(--au-green-t);border-color:#34d39952}.client-page .status-badge.cancelled,.client-page .status-badge.no_show{background:#ff5a6a1f;color:#ff9aa4;border-color:#ff5a6a47}.client-page .client-next-appointment{background:#7cb4ff0f;border:1px solid rgba(124,180,255,.14);border-radius:16px;padding:14px 16px}.client-page .client-next-appointment span{letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;color:var(--au-faint)}.client-page .client-next-appointment strong{color:var(--au-text);font-variant-numeric:tabular-nums}.client-page .client-status-timeline{display:flex;gap:4px;margin-top:4px}.client-page .client-status-timeline span{flex:1;font-size:.68rem;color:var(--au-faint);gap:7px}.client-page .client-status-timeline span i{width:20px;height:20px;border-radius:50%;background:#7ca0dc29;border:1.5px solid transparent}.client-page .client-status-timeline span.done{color:var(--au-info)}.client-page .client-status-timeline span.done i{background:var(--au-brand);box-shadow:0 0 10px #3b86ff99}.client-page .client-booking-link,.client-page .primary-button{position:relative;background:linear-gradient(135deg,var(--au-brand),var(--au-brand-2));border:none;border-radius:16px;color:#fff;font-weight:500;box-shadow:0 10px 30px var(--au-glow-brand);overflow:hidden}.client-page .client-booking-link:after,.client-page .primary-button:after{content:"";position:absolute;inset:0 0 50%;background:linear-gradient(180deg,#ffffff2e,#fff0);pointer-events:none}.client-page .client-booking-link:active,.client-page .primary-button:active{transform:scale(.985)}.client-page .client-home-notifications .client-card,.client-page .client-card.notification-card{background:var(--au-glass-row);border:1px solid var(--au-stroke);border-radius:18px;position:relative;overflow:hidden}.client-page .client-card.notification-card strong{color:var(--au-text)}.client-page .client-card.notification-card.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--au-cyan);box-shadow:0 0 12px #38bdf8b3}.client-page .client-section>header h2{font-weight:500;color:var(--au-text)}.client-page .client-bottom-nav{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 12px);transform:translate(-50%);width:min(440px,calc(100% - 28px));display:flex;gap:4px;padding:8px;border-radius:26px;background:linear-gradient(160deg,#1a263ed1,#0a101ccc);border:1px solid rgba(124,160,220,.2);box-shadow:0 12px 34px #0408108c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40}.client-page .client-bottom-nav a{flex:1;flex-direction:column;gap:3px;height:auto;padding:9px 4px;border-radius:18px;color:var(--au-muted);font-size:.72rem}.client-page .client-bottom-nav a.active{background:linear-gradient(135deg,var(--au-brand),var(--au-brand-2));color:#fff;box-shadow:0 6px 18px var(--au-glow-brand)}.client-page .client-auth-panel{background:var(--au-glass);border:1px solid var(--au-stroke);border-radius:26px;box-shadow:0 24px 60px #04081080}.client-page .brand-mark{background:linear-gradient(150deg,var(--au-brand),var(--au-cyan));box-shadow:0 0 14px var(--au-glow-brand)}.client-page .empty-panel,.client-page .client-primary-card.empty{background:var(--au-glass);border:1px solid var(--au-stroke);border-radius:22px}@media(max-width:359px){.client-page .client-primary-card{padding:18px;border-radius:22px}}@media(min-width:768px){.client-page .client-dashboard{max-width:560px}}@media(min-width:1024px){.client-page{display:flex;justify-content:center}.client-page .client-dashboard{max-width:620px}}@media(prefers-reduced-motion:reduce){.client-page *{animation:none!important;transition:none!important}}.client-page .client-hero-ring{position:relative;width:188px;height:188px;margin:16px auto 8px;display:grid;place-items:center}.client-page .client-hero-ring>svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 10px rgba(56,140,255,.5))}.client-page .client-ring-track{fill:none;stroke:#7ca0dc24;stroke-width:6}.client-page .client-ring-arc{fill:none;stroke:var(--au-info, #7fb4ff);stroke-width:6;stroke-linecap:round;stroke-dasharray:527;stroke-dashoffset:250}.client-page .client-hero-ring.tone-confirmed .client-ring-arc{stroke:var(--au-info, #7fb4ff);stroke-dashoffset:360}.client-page .client-hero-ring.tone-active .client-ring-arc{stroke:var(--au-amber, #ef9f27);stroke-dashoffset:200}.client-page .client-hero-ring.tone-ready .client-ring-arc,.client-page .client-hero-ring.tone-ok .client-ring-arc{stroke:var(--au-green, #34d399);stroke-dashoffset:30}.client-page .client-hero-ring-center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:0 26px}.client-page .client-hero-ring-center svg{width:30px;height:30px;color:var(--au-info, #7fb4ff)}.client-page .client-hero-ring.tone-active .client-hero-ring-center svg{color:var(--au-amber-t, #fac775)}.client-page .client-hero-ring.tone-ready .client-hero-ring-center svg,.client-page .client-hero-ring.tone-ok .client-hero-ring-center svg{color:var(--au-green-t, #6ee7b7)}.client-page .client-hero-ring-center span{font-size:.98rem;font-weight:500;color:var(--au-text, #f4f8ff);line-height:1.25}.client-page .client-other-vehicles-list{display:flex;flex-direction:column;gap:10px}.client-page .client-garage-row{position:relative;background:var(--au-glass-row, rgba(20, 30, 50, .5));border:1px solid var(--au-stroke, rgba(120, 160, 230, .18));border-radius:18px;overflow:hidden}.client-page .client-garage-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--au-info, #7fb4ff)}.client-page .client-garage-row.tone-active:before{background:var(--au-amber, #ef9f27);box-shadow:0 0 12px #ef9f2799}.client-page .client-garage-row.tone-ready:before,.client-page .client-garage-row.tone-ok:before{background:var(--au-green, #34d399);box-shadow:0 0 12px #34d39999}.client-page .client-garage-row.tone-confirmed:before{background:var(--au-info, #7fb4ff);box-shadow:0 0 12px #3b86ff99}.client-page .client-garage-row.expanded{border-color:#5c9bff80;box-shadow:0 0 24px #2e7bff2e}.client-page .client-garage-row-head{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:none;color:inherit;text-align:left;cursor:pointer}.client-page .client-garage-row-id{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.client-page .client-garage-row-id strong{color:var(--au-text, #f4f8ff)}.client-page .client-garage-row .client-mini-status{font-size:.78rem;color:var(--au-muted, #8a97ae);white-space:nowrap}.client-page .client-garage-row .client-chevron{transition:transform .2s ease;color:var(--au-muted, #8a97ae);flex:0 0 auto}.client-page .client-garage-row .client-chevron.open{transform:rotate(180deg)}.client-page .client-garage-row-actions{padding:0 16px 16px}.client-page .client-garage-row-actions .primary-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:8px}.client-page{padding-right:calc(var(--safe-right) + clamp(.75rem,4vw,1rem));padding-left:calc(var(--safe-left) + clamp(.75rem,4vw,1rem))}.client-page .client-dashboard.client-route-cars{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:min(100%,27.75rem);max-width:27.75rem;gap:.95rem}.client-page .client-dashboard.client-route-cars .client-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-self:stretch!important;width:100%!important;max-width:none!important;gap:.7rem}.client-page .client-dashboard.client-route-cars .client-greeting{min-width:0}.client-page .client-dashboard.client-route-cars .client-greeting strong{max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-page .client-route-cars .client-section{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:.9rem;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + .9rem)}.client-page .client-route-cars .client-section>*{grid-column:1!important;min-width:0}.client-page .client-hero-card{gap:.58rem;border-radius:1.28rem;padding:clamp(.72rem,3.2vw,.95rem)}.client-page .client-hero-id h3{max-width:8.6ch;font-size:clamp(2.25rem,11.5vw,3.35rem);line-height:.94}.client-page .client-plate-chip{font-size:.76rem;padding:.22rem .52rem}.client-page .client-icon-button{width:2.75rem;height:2.75rem}.client-page .client-hero-ring{width:clamp(6.35rem,28vw,7.25rem);height:clamp(6.35rem,28vw,7.25rem);margin:.18rem auto 0}.client-page .client-ring-track,.client-page .client-ring-arc{stroke-width:8}.client-page .client-hero-ring-center{gap:.3rem;padding:0 .86rem}.client-page .client-hero-ring-center svg{width:1.12rem;height:1.12rem}.client-page .client-hero-ring-center span{font-size:.74rem;line-height:1.18}.client-page .client-hero-context{font-size:.84rem;line-height:1.34}.client-page .client-next-appointment{border-radius:.82rem;padding:.58rem .72rem}.client-page .client-next-appointment span{font-size:.58rem;letter-spacing:.105em}.client-page .client-next-when{font-size:.9rem;line-height:1.2}.client-page .client-next-appointment small{font-size:.76rem;line-height:1.32}.client-page .client-hero-cta{min-height:2.8rem;border-radius:.82rem;font-size:.9rem}.client-page .client-latest-update,.client-page .client-other-vehicles-toggle{border-radius:1rem}.client-page .client-latest-update{min-height:4rem;padding:.78rem .88rem}.client-page .client-latest-update strong{font-size:.98rem}.client-page .client-other-vehicles{gap:.55rem}.client-page .client-other-vehicles-toggle{min-height:3rem;padding:0 .9rem;font-size:.92rem}.client-page .client-other-vehicles-list{gap:.55rem}.client-page .client-garage-row{border-radius:.95rem;background:#141e325c;box-shadow:none}.client-page .client-garage-row.expanded{box-shadow:0 0 14px #2e7bff1c}.client-page .client-garage-row:before{width:2px}.client-page .client-garage-row-head{gap:.62rem;padding:.72rem .8rem}.client-page .client-garage-row-id{gap:.28rem}.client-page .client-garage-row-id strong{font-size:.98rem;line-height:1.12}.client-page .client-garage-row .client-mini-status{font-size:.72rem}.client-page .client-garage-row-actions{padding:0 .8rem .8rem}.client-page .client-garage-row-actions .primary-button{height:2.65rem;border-radius:.8rem;font-size:.9rem}.client-page .client-bottom-nav{width:min(27.75rem,calc(100% - 1.5rem))}@media(max-width:359px){.client-page .client-dashboard.client-route-cars{gap:.75rem}.client-page .client-hero-card{padding:.72rem;border-radius:1.15rem}.client-page .client-hero-id h3{font-size:clamp(2.15rem,12.5vw,2.65rem)}.client-page .client-hero-ring{width:6.6rem;height:6.6rem}.client-page .client-hero-ring-center span{font-size:.78rem}.client-page .client-status-timeline span{font-size:.58rem}.client-page .client-bottom-nav a{font-size:.66rem;padding-right:.12rem;padding-left:.12rem}}@media(max-width:559px){.client-page .client-dashboard.client-route-cars .client-bottom-nav,.client-page .client-bottom-nav{bottom:calc(var(--safe-bottom) + 3.35rem)}}@media(max-width:559px)and (min-height:880px){.client-page .client-dashboard.client-route-cars .client-bottom-nav,.client-page .client-bottom-nav{bottom:calc(var(--safe-bottom) + 8rem)}}@media(min-width:768px){.client-page .client-dashboard.client-route-cars{width:min(100%,28rem);max-width:28rem}.client-page .client-route-cars .client-section{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding-bottom:.75rem}.client-page .client-dashboard.client-route-cars .client-bottom-nav,.client-page .client-bottom-nav{position:static;transform:none;order:99;justify-self:center;width:min(100%,28rem);margin-top:.2rem}}@media(min-width:1024px){.client-page .client-dashboard.client-route-cars{width:28rem;max-width:28rem}}.client-page .client-booking-flow{position:relative;background:var(--au-glass, linear-gradient(160deg, rgba(30, 46, 74, .6), rgba(11, 18, 32, .55)));border:1px solid var(--au-stroke, rgba(120, 160, 230, .18));border-radius:24px;padding:18px;overflow:hidden}.client-page .client-booking-flow:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(124,180,255,.7),transparent)}.client-page .client-booking-context{background:var(--au-glass-row, rgba(20, 30, 50, .5));border:1px solid rgba(52,211,153,.22);border-radius:18px;padding:14px 16px}.client-page .client-booking-context svg{color:var(--au-green-t, #6ee7b7)}.client-page .client-booking-context strong{color:var(--au-text, #f4f8ff)}.client-page .booking-progress-labelled button{background:var(--au-glass-row, rgba(20, 30, 50, .5));border:1px solid var(--au-stroke, rgba(120, 160, 230, .18));border-radius:16px;color:var(--au-muted, #8a97ae);transition:all .2s ease}.client-page .booking-progress-labelled button strong{color:var(--au-muted, #8a97ae)}.client-page .booking-progress-labelled button.active{background:linear-gradient(135deg,#3b86ff3d,#1f6bff1f);border-color:#5c9bff8c;box-shadow:0 0 20px #2e7bff38}.client-page .booking-progress-labelled button.active strong,.client-page .booking-progress-labelled button.active span{color:#eaf2ff}.client-page .client-booking-form label{color:var(--au-muted, #8a97ae)}.client-page .client-booking-form select,.client-page .client-booking-form input{background:var(--au-glass-row, rgba(20, 30, 50, .5));border:1px solid var(--au-stroke, rgba(120, 160, 230, .18));border-radius:14px;color:var(--au-text, #f4f8ff)}.client-page .client-booking-form select:focus,.client-page .client-booking-form input:focus{border-color:#5c9bff99;box-shadow:0 0 0 3px #2e7bff2e;outline:none}.client-page .client-booking-form .primary-button,.client-page .booking-actions-row .primary-button,.client-page .client-booking-flow .primary-button,.client-page .client-section .primary-button{background:linear-gradient(135deg,var(--au-brand, #3b86ff),var(--au-brand-2, #1f6bff))!important;color:#fff!important;border:none!important;box-shadow:0 10px 26px #2e7bff6b}.client-page .client-booking-form .primary-button:disabled,.client-page .booking-actions-row .primary-button:disabled,.client-page .client-section .primary-button:disabled{opacity:.45;box-shadow:none}.client-page .ghost-step-button{background:#7ca0dc0f;border:1px solid rgba(124,160,220,.22);border-radius:14px;color:var(--au-text, #f4f8ff)}.client-page .slot-group h3{color:var(--au-muted, #8a97ae);letter-spacing:.08em}.client-page .slot-button{background:var(--au-glass-row, rgba(20, 30, 50, .5));border:1px solid var(--au-stroke, rgba(120, 160, 230, .18));border-radius:14px;color:var(--au-text, #f4f8ff);transition:all .15s ease}.client-page .slot-button span{color:var(--au-faint, #6f7e96)}.client-page .slot-button.selected{background:linear-gradient(135deg,#3b86ff47,#1f6bff24);border-color:#5c9bff99;box-shadow:0 0 18px #2e7bff4d}.client-page .slot-button.selected span{color:#9fc4ff}.client-page .booking-summary{background:var(--au-glass-row, rgba(20, 30, 50, .5));border:1px solid var(--au-stroke, rgba(120, 160, 230, .18));border-radius:18px;padding:16px}.client-page .booking-summary strong{color:var(--au-text, #f4f8ff)}.client-page .booking-summary span{color:var(--au-faint, #6f7e96)}.client-page .booking-success-state,.client-page .booking-success{border:1px solid rgba(52,211,153,.3);background:linear-gradient(160deg,#142a2180,#0b131166);border-radius:18px;color:var(--au-green-t, #6ee7b7)}.client-page .booking-success-state svg{color:var(--au-green-t, #6ee7b7)}.client-page .client-card-list .client-card{background:var(--au-glass-row, rgba(20, 30, 50, .5));border:1px solid var(--au-stroke, rgba(120, 160, 230, .18));border-radius:18px}.client-page .client-card-list .client-card strong{color:var(--au-text, #f4f8ff)}.client-page .client-status-timeline{display:flex;gap:0;margin-top:12px;position:relative}.client-page .client-status-timeline span{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;font-size:.64rem;line-height:1.2;color:var(--au-faint, #6f7e96);text-align:center;padding:0 2px}.client-page .client-status-timeline span:before{content:"";position:absolute;top:8px;left:-50%;right:50%;height:2px;background:#7ca0dc29;z-index:0}.client-page .client-status-timeline span:first-child:before{display:none}.client-page .client-status-timeline span.done:before{background:linear-gradient(90deg,var(--au-brand, #3b86ff),var(--au-cyan, #38bdf8))}.client-page .client-status-timeline span i{width:18px;height:18px;border-radius:50%;background:#7ca0dc24;border:1.5px solid rgba(124,160,220,.3);position:relative;z-index:1;flex:0 0 auto}.client-page .client-status-timeline span.done{color:var(--au-info, #7fb4ff)}.client-page .client-status-timeline span.done i{background:var(--au-brand, #3b86ff);border-color:var(--au-brand, #3b86ff);box-shadow:0 0 8px #3b86ff99}.client-page .client-show-more{width:100%;margin-top:12px;padding:13px;border-radius:16px;background:#7cb4ff0f;border:1px solid rgba(124,180,255,.22);color:var(--au-info, #7fb4ff);font-weight:500;cursor:pointer;transition:all .2s ease}.client-page .client-show-more:hover{background:#7cb4ff1a;border-color:#7cb4ff57}.client-page .client-booking-flow{background:linear-gradient(160deg,#22345499,#0c14229e)!important;border:1px solid rgba(124,180,255,.3)!important;box-shadow:0 0 42px #2e7bff24,inset 0 1px #ffffff0d}.client-page .client-booking-form select{appearance:none;-webkit-appearance:none;height:54px;padding:0 46px 0 16px;font-size:1rem;font-weight:500;color:var(--au-text, #f4f8ff);background-color:#121c2ea8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237fb4ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;border:1px solid rgba(124,180,255,.22);border-radius:16px;transition:border-color .18s ease,box-shadow .18s ease}.client-page .client-booking-form select:focus{border-color:#7cb4ffb3;box-shadow:0 0 0 3px #2e7bff38,0 0 22px #2e7bff40;outline:none}.client-page .client-booking-form input[type=date]{height:54px;font-size:1rem;font-weight:500;border-radius:16px;background-color:#121c2ea8;border:1px solid rgba(124,180,255,.22)}.client-page .client-booking-form input[type=date]:focus{border-color:#7cb4ffb3;box-shadow:0 0 0 3px #2e7bff38,0 0 22px #2e7bff40;outline:none}.client-page .booking-progress-labelled button{padding:14px 8px}.client-page .booking-progress-labelled button.active{transform:translateY(-1px);box-shadow:0 0 26px #2e7bff59,inset 0 0 0 1px #7cb4ff73}.client-page .booking-progress-labelled button.active strong{color:var(--au-info, #7fb4ff);font-size:1.18rem}.client-page .client-booking-form .primary-button,.client-page .booking-actions-row .primary-button{height:54px;font-size:1.02rem;letter-spacing:.01em}.client-page .client-card-list .client-card{background:linear-gradient(160deg,#1c2a4480,#0b122080)!important;border:1px solid var(--au-stroke, rgba(120, 160, 230, .18))!important;border-radius:20px!important;padding:18px!important}.client-page .client-card-status{align-self:start;align-items:flex-end;text-align:right}.client-page .client-status-timeline{display:flex!important;gap:0!important;grid-template-columns:none!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:16px 2px 2px!important;margin-top:12px!important;position:relative}.client-page .client-status-timeline:before{display:none!important}.client-page .client-status-timeline span{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-items:center!important;gap:9px!important;font-size:.62rem!important;font-weight:500!important;line-height:1.2!important;text-align:center!important;color:var(--au-faint, #6f7e96)!important;position:relative}.client-page .client-status-timeline span:after{content:"";position:absolute;top:8px;left:-50%;right:50%;height:2px;background:#7ca0dc29;z-index:0}.client-page .client-status-timeline span:first-child:after{display:none}.client-page .client-status-timeline span.done:after{background:linear-gradient(90deg,var(--au-brand, #3b86ff),var(--au-cyan, #38bdf8))}.client-page .client-status-timeline i{width:18px!important;height:18px!important;border-radius:999px!important;background:#0e1626!important;border:1.5px solid rgba(124,160,220,.3)!important;box-shadow:none!important;position:relative;z-index:1;flex:0 0 auto}.client-page .client-status-timeline span.done{color:var(--au-info, #7fb4ff)!important}.client-page .client-status-timeline span.done i{background:var(--au-brand, #3b86ff)!important;border-color:var(--au-brand, #3b86ff)!important;box-shadow:0 0 10px #3b86ff99!important}.client-page .client-qr-entry{background:var(--au-glass-row, rgba(20, 30, 50, .5))!important;border:1px solid var(--au-stroke, rgba(120, 160, 230, .18))!important;border-radius:20px!important;padding:18px!important}.client-page .client-qr-entry-copy svg{color:var(--au-info, #7fb4ff)}.client-page .client-qr-entry-copy strong{color:var(--au-text, #f4f8ff)}.client-page .client-qr-entry-options button,.client-page .client-qr-entry .inline-link{background:#7cb4ff12;border:1px solid rgba(124,180,255,.24);border-radius:13px;color:var(--au-text, #f4f8ff);padding:11px 14px;transition:all .18s ease}.client-page .client-qr-entry-options button:hover{background:#7cb4ff1f;border-color:#7cb4ff5c}.client-page .client-appt-card{position:relative;overflow:hidden}.client-page .client-appt-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--au-info, #7fb4ff)}.client-page .client-appt-card.tone-active:before{background:var(--au-amber, #ef9f27);box-shadow:0 0 14px #ef9f2799}.client-page .client-appt-card.tone-ready:before,.client-page .client-appt-card.tone-ok:before{background:var(--au-green, #34d399);box-shadow:0 0 14px #34d39999}.client-page .client-appt-card.tone-confirmed:before{background:var(--au-info, #7fb4ff);box-shadow:0 0 14px #3b86ff99}.client-page .client-appt-card.tone-active .client-status-timeline span.done i{background:var(--au-amber, #ef9f27)!important;border-color:var(--au-amber, #ef9f27)!important}.client-page .client-appt-card.tone-active .client-status-timeline span.done:after{background:linear-gradient(90deg,var(--au-amber, #ef9f27),#f7c777)!important}.client-page .client-appt-card.tone-active .client-status-timeline span.done{color:var(--au-amber-t, #fac775)!important}.client-page .client-appt-card.tone-ready .client-status-timeline span.done i,.client-page .client-appt-card.tone-ok .client-status-timeline span.done i{background:var(--au-green, #34d399)!important;border-color:var(--au-green, #34d399)!important}.client-page .client-appt-card.tone-ready .client-status-timeline span.done:after,.client-page .client-appt-card.tone-ok .client-status-timeline span.done:after{background:linear-gradient(90deg,var(--au-green, #34d399),#6ee7b7)!important}.client-page .client-appt-card.tone-ready .client-status-timeline span.done,.client-page .client-appt-card.tone-ok .client-status-timeline span.done{color:var(--au-green-t, #6ee7b7)!important}.client-page .client-status-timeline span.current i{border-color:#bfe0ff!important;box-shadow:0 0 0 4px #3b86ff29,0 0 16px #3b86ffd9!important;transform-origin:center;animation:au-cur-pulse 1.8s ease-in-out infinite}.client-page .client-appt-card.tone-active .client-status-timeline span.current i{border-color:#ffe0a8!important;box-shadow:0 0 0 4px #ef9f272e,0 0 16px #ef9f27e6!important}.client-page .client-appt-card.tone-ready .client-status-timeline span.current i,.client-page .client-appt-card.tone-ok .client-status-timeline span.current i{border-color:#a7f3d0!important;box-shadow:0 0 0 4px #34d3992e,0 0 16px #34d399e6!important}.client-page .client-status-timeline span.current{font-weight:700!important}@keyframes au-cur-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.client-page .client-status-timeline span.current i{animation:none}}.client-page .client-appt-card{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:14px!important}.client-page .client-appt-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.client-page .client-appt-when{display:flex;flex-direction:column;gap:5px;min-width:0}.client-page .client-appt-when strong{font-size:1.12rem;color:var(--au-text, #f4f8ff);font-variant-numeric:tabular-nums}.client-page .client-appt-when span{font-size:.82rem;color:var(--au-muted, #8a97ae)}.client-page .client-appt-top .status-badge{flex:0 0 auto}.client-page .client-appt-card .client-status-timeline{width:100%}.client-page .client-appt-reassure{margin:0;font-size:.82rem;color:var(--au-muted, #8a97ae)}.client-page .client-appt-reassure.client-delay-copy{color:#ff9aa4}.client-page .client-booking-flow{overflow:visible!important}.client-page .client-select{position:relative}.client-page .client-select-trigger{width:100%;height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-radius:16px;background:#121c2ea8;border:1px solid rgba(124,180,255,.22);color:var(--au-text, #f4f8ff);font-size:1rem;font-weight:500;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.client-page .client-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-page .client-select-caret{flex:0 0 auto;width:20px;height:20px;color:#7fb4ff;transition:transform .2s ease}.client-page .client-select.open .client-select-trigger{border-color:#7cb4ffb3;box-shadow:0 0 0 3px #2e7bff38,0 0 22px #2e7bff38}.client-page .client-select.open .client-select-caret{transform:rotate(180deg)}.client-page .client-select-panel{position:absolute;z-index:60;top:calc(100% + 8px);left:0;right:0;display:flex;flex-direction:column;padding:6px;border-radius:16px;background:linear-gradient(160deg,#1a263efa,#0c1422fa);border:1px solid rgba(124,180,255,.28);box-shadow:0 18px 40px #04081099}.client-page .client-select-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:13px 14px;border-radius:11px;background:none;border:none;color:var(--au-text, #f4f8ff);font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease}.client-page .client-select-option:hover{background:#7cb4ff14}.client-page .client-select-option.selected{background:linear-gradient(135deg,#3b86ff38,#1f6bff1f);color:#cfe4ff}.client-page .client-select-option svg{flex:0 0 auto;width:18px;height:18px;color:#7fb4ff}.client-page .client-select-empty{margin:0;padding:13px 14px;color:var(--au-faint, #6f7e96);font-size:.9rem}.client-page .client-select-backdrop{position:fixed;inset:0;z-index:50;background:transparent;border:none;cursor:default}.client-page .client-qr-entry{text-align:center}.client-page .client-qr-entry-copy{flex-direction:column;align-items:center;gap:8px;text-align:center}.client-page .client-qr-entry-copy svg{width:30px;height:30px;color:var(--au-info, #7fb4ff)}.client-page .client-qr-entry-options{justify-content:center}.client-page .client-booking-flow{overflow:visible!important;position:relative;z-index:30}.client-page .client-booking-form{overflow:visible!important}.client-page .client-booking-form label{position:relative;overflow:visible!important}.client-page .client-select{position:relative;z-index:40}.client-page .client-select.open{z-index:70}.client-page .client-select-panel{z-index:80!important;max-height:320px;overflow-y:auto}.client-page .client-select-panel{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin-top:8px;z-index:60!important;max-height:none!important;overflow:visible!important}.client-page .client-select-backdrop{display:none!important}.client-page .client-booking-form{display:flex!important;flex-direction:column!important;gap:14px!important;align-items:stretch!important}.client-page .client-booking-form>label{width:100%!important;margin:0!important}.client-page .client-notif-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.client-page .client-text-action{background:#7cb4ff12;border:1px solid rgba(124,180,255,.24);border-radius:12px;color:var(--au-info, #7fb4ff);font-size:.82rem;font-weight:500;padding:8px 12px;cursor:pointer;transition:all .18s ease}.client-page .client-text-action:hover{background:#7cb4ff1f;border-color:#7cb4ff5c}.client-page .client-text-action.danger{background:#ff5a6a14;border-color:#ff5a6a47;color:#ff9aa4}.client-page .client-text-action.danger:hover{background:#ff5a6a24;border-color:#ff5a6a66}.client-page .client-text-action:disabled{opacity:.5;cursor:default}.service-shell{--sa-sig: linear-gradient(120deg, #5b8cff, #8a72ff 52%, #a86bff);--sa-glass: linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .016)), rgba(18, 21, 33, .62);--sa-stroke: rgba(255, 255, 255, .1);--sa-stroke-2: rgba(108, 141, 255, .34);--sa-radius: 20px;--sa-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 16px 44px rgba(0, 0, 0, .34);--sa-shadow-hi: inset 0 1px 0 rgba(255, 255, 255, .1), 0 24px 60px rgba(0, 0, 0, .42), 0 0 34px rgba(91, 140, 255, .12);--sa-ease: cubic-bezier(.22, .61, .36, 1)}.service-shell .service-main{position:relative;isolation:isolate}.service-shell .service-main:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(46rem 30rem at 78% -8%,rgba(91,140,255,.14),transparent 60%),radial-gradient(40rem 26rem at 4% 2%,rgba(138,114,255,.08),transparent 58%)}.service-shell .metric-card,.service-shell .metric-drilldown-panel,.service-shell .service-notification-inbox,.service-shell .today-focus-strip,.service-shell .empty-panel,.service-shell .settings-section,.service-shell .calendar-day-card,.service-shell .booking-panel,.service-shell .booking-live-summary,.service-shell .calendar-summary-strip{border:1px solid var(--sa-stroke);border-radius:var(--sa-radius);background:var(--sa-glass);box-shadow:var(--sa-shadow);-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%)}.service-shell .service-booking-page{max-width:1220px;margin:0 auto}.service-shell .service-booking-page .booking-step-line{max-width:820px;padding:1.1rem 0 0}.service-shell .service-booking-page .booking-split{align-items:stretch;gap:1rem;margin-top:1rem}.service-shell .service-booking-page .booking-split-form{min-width:0}.service-shell .service-booking-page .booking-panel{border-radius:22px;padding:clamp(1rem,2vw,1.35rem);background:radial-gradient(42rem 20rem at -8% -10%,rgba(91,140,255,.12),transparent 62%),linear-gradient(180deg,#ffffff0b,#ffffff04)}.service-shell .service-booking-page .booking-panel-title{align-items:flex-start;gap:.85rem;margin-bottom:1.05rem}.service-shell .service-booking-page .booking-panel-title svg{width:2.45rem;height:2.45rem;padding:.62rem;border-radius:14px;color:#9bb8ff;background:#5b8cff21;border:1px solid rgba(91,140,255,.24)}.service-shell .service-booking-page .booking-panel-title h2{color:#f6f9ff;font-size:1.08rem;letter-spacing:0}.service-shell .service-booking-page .booking-panel-title p{max-width:42rem;color:#9aa8ba;font-size:.84rem;line-height:1.45}.service-shell .service-booking-page .booking-grid,.service-shell .service-booking-page .booking-row-pair{gap:.82rem}.service-shell .service-booking-page .booking-grid label,.service-shell .service-booking-page .booking-row-pair label,.service-shell .service-booking-page .quick-match-panel label{gap:.4rem;color:#dce7f5;font-size:.78rem;letter-spacing:.01em}.service-shell .service-booking-page .booking-grid input,.service-shell .service-booking-page .booking-grid select,.service-shell .service-booking-page .booking-grid textarea,.service-shell .service-booking-page .booking-row-pair input,.service-shell .service-booking-page .booking-row-pair select{min-height:2.78rem;border-radius:13px;background:#050c16ad;border-color:#ffffff1a}.service-shell .service-booking-page .booking-next{min-height:2.9rem;margin-top:1rem}.service-shell .service-booking-page .booking-optional{margin-top:.95rem;border-radius:16px;background:#ffffff06}.service-shell .service-booking-page .booking-split-summary{border-radius:22px;background:radial-gradient(26rem 18rem at 100% 0%,rgba(91,140,255,.14),transparent 64%),linear-gradient(180deg,#ffffff0b,#ffffff04);align-self:stretch}.service-shell .service-booking-page .booking-live-summary{height:100%;padding:1.1rem;border-radius:20px;background:transparent;box-shadow:none}.service-shell .service-booking-page .booking-live-summary .bls-label{color:#b9c8dc;margin-bottom:.9rem}.service-shell .service-booking-page .bls-row{padding:.58rem 0;border-bottom-color:#ffffff14}.service-shell .service-booking-page .bls-row dd{max-width:12rem;color:#f1f6ff;text-align:right;overflow-wrap:anywhere}@media(min-width:900px){.service-shell .service-booking-page .booking-split{grid-template-columns:minmax(0,1fr) minmax(280px,340px);padding:0 0 1.5rem}.service-shell .service-booking-page .booking-split-form .booking-panel{margin:0}.service-shell .service-booking-page .booking-split-summary{display:block;position:sticky;top:1rem}}@media(min-width:1180px){.service-shell .service-booking-page .booking-split{grid-template-columns:minmax(0,820px) 340px}}.service-shell .today-workflow-zones{display:grid;gap:.9rem}.service-shell .today-workflow-zone{border:1px solid var(--sa-stroke);border-radius:20px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);box-shadow:var(--sa-shadow);padding:.9rem}.service-shell .today-workflow-zone-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.service-shell .today-workflow-zone-header span{color:#f4f8ff;font-size:.84rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.service-shell .today-workflow-zone-header p{margin:.18rem 0 0;color:#91a0b4;font-size:.8rem}.service-shell .today-workflow-zone-header strong{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:999px;color:#eaf2ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.service-shell .today-workflow-zone.needs-attention{border-color:#ff9d2e42}.service-shell .today-workflow-zone.ready{border-color:#2ee68f38}.service-shell .today-workflow-zone.active-work{border-color:#5b8cff42}.service-shell .today-workflow-zone-empty{margin:0;color:#76869a;font-size:.82rem}@media(hover:hover){.service-shell .metric-card,.service-shell .settings-section,.service-shell .calendar-day-card{transition:transform .24s var(--sa-ease),box-shadow .24s var(--sa-ease),border-color .24s var(--sa-ease)}.service-shell .metric-card:hover,.service-shell .settings-section:hover,.service-shell .calendar-day-card:hover{transform:translateY(-2px);border-color:var(--sa-stroke-2);box-shadow:var(--sa-shadow-hi)}}.service-shell .page-header h1,.service-shell .page-section>h1{color:#fff;-webkit-text-fill-color:#ffffff;font-weight:800;letter-spacing:-.025em}.service-shell .page-header p{color:#97a4b6;font-weight:600;font-size:.82rem;letter-spacing:.01em}.service-shell .trial-status-banner{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .85rem;border-radius:var(--sa-radius);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff09,#ffffff03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--sa-shadow);padding:.95rem 1.15rem}.service-shell .trial-status-banner strong{display:inline-flex;align-items:center;gap:.55rem;color:#fff;font-weight:700;letter-spacing:-.005em}.service-shell .trial-status-banner strong:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:#2ee68f;box-shadow:0 0 0 3px #2ee68f2e,0 0 10px #2ee68fb3}.service-shell .trial-status-banner span{color:#c2ccd9;font-weight:500;line-height:1.5}.service-shell .trial-status-banner.warn strong:before,.service-shell .trial-status-banner.attention strong:before{background:#ffab40;box-shadow:0 0 0 3px #ffab402e,0 0 10px #ffab40b3}.service-shell .trial-status-banner.danger strong:before,.service-shell .trial-status-banner.locked strong:before{background:#ff5a6a;box-shadow:0 0 0 3px #ff5a6a2e,0 0 10px #ff5a6ab3}.service-shell .metric-card{padding:1rem 1.15rem;border-radius:18px;border-color:#ffffff12;background:linear-gradient(180deg,#ffffff09,#ffffff03)}.service-shell .metric-card>span{color:#aab6c6;font-weight:700;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase}.service-shell .metric-card>strong,.service-shell .metric-card>b{color:#fff;-webkit-text-fill-color:#ffffff;background:none;font-weight:800;font-size:clamp(1.7rem,3.4vw,2.05rem);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}.service-shell .metric-card>svg{width:1.15rem;height:1.15rem;color:#7f8ca0;transition:color .18s var(--sa-ease)}.service-shell .metric-card.selected{border-color:var(--sa-stroke-2);background:radial-gradient(100% 130% at 0% 0%,rgba(91,140,255,.14),transparent 60%),linear-gradient(180deg,#ffffff0a,#ffffff03);box-shadow:inset 0 1px #ffffff14,0 10px 30px #5b8cff29}.service-shell .metric-card.selected>svg{color:#8aa6ff}.service-shell .service-notification-inbox{border-color:var(--sa-stroke)}.service-shell .service-notification-row{position:relative;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;border:1px solid var(--sa-stroke);border-radius:14px;background:#ffffff06;padding:.8rem 1rem;transition:background .18s var(--sa-ease),border-color .18s var(--sa-ease)}@media(hover:hover){.service-shell .service-notification-row:hover{background:#ffffff0d;border-color:var(--sa-stroke-2)}}.service-shell .service-notification-row.unread{border-color:var(--sa-stroke-2);background:radial-gradient(24rem 8rem at 0% 50%,rgba(91,140,255,.12),transparent 70%),#ffffff08}.service-shell .service-notification-row.unread:before{content:"";position:absolute;left:0;top:.7rem;bottom:.7rem;width:3px;border-radius:999px;background:var(--sa-sig);box-shadow:0 0 12px #6c8dff99}.service-shell .service-notification-row>svg{flex:none;width:2.2rem;height:2.2rem;padding:.55rem;border-radius:11px;color:#8aa6ff;background:#5b8cff1f;border:1px solid rgba(91,140,255,.22)}.service-shell .service-notification-row>div{display:flex;flex-direction:column;gap:.15rem;min-width:0}.service-shell .service-notification-row>div strong{color:#eef3fb;font-weight:700;font-size:.94rem;line-height:1.3}.service-shell .service-notification-row>div span{color:#9aa6b8;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-shell .service-notification-row>div small{color:#6f7f92;font-size:.77rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-shell .service-notification-row>small{justify-self:end;align-self:center;white-space:nowrap;padding:.2rem .62rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#aab6c6;font-size:.7rem;font-weight:700}.service-shell .service-notification-row.unread>small{border-color:#5b8cff6b;background:#5b8cff29;color:#c7d9ff}.service-shell .service-notification-actions button{border:1px solid var(--sa-stroke);border-radius:12px;background:#ffffff0d;color:#dce7f6;font-weight:800;transition:background .16s var(--sa-ease),border-color .16s var(--sa-ease)}.service-shell .service-notification-actions button:hover{background:#ffffff17;border-color:var(--sa-stroke-2)}.service-shell .metric-drilldown-list{gap:.35rem;max-height:23rem;overflow-y:auto;padding-right:.25rem}.service-shell .metric-drilldown-list::-webkit-scrollbar{width:8px}.service-shell .metric-drilldown-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.service-shell .metric-drilldown-row{display:grid;grid-template-columns:12rem minmax(0,1fr) auto;align-items:center;gap:0 .9rem;padding:.55rem .85rem;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#ffffff06;transition:background .16s var(--sa-ease),border-color .16s var(--sa-ease)}@media(hover:hover){.service-shell .metric-drilldown-row:hover{background:#ffffff0d;border-color:var(--sa-stroke-2)}}.service-shell .metric-drilldown-row strong{color:#eef3fb;font-weight:700;font-size:.92rem;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}.service-shell .metric-drilldown-row span{color:#92a0b3;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}.service-shell .metric-drilldown-row strong{overflow:hidden;text-overflow:ellipsis}.service-shell .metric-drilldown-row small{justify-self:end;display:inline-block;max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.22rem .6rem;border-radius:999px;border:1px solid rgba(91,140,255,.3);background:#5b8cff1f;color:#bcd2ff;font-size:.7rem;font-weight:700}.service-shell .metric-drilldown-row:has(small:nth-of-type(2)){grid-template-columns:15rem minmax(0,1fr) auto;align-items:center;row-gap:.4rem}.service-shell .metric-drilldown-row:has(small:nth-of-type(2))>strong{grid-column:1;grid-row:1}.service-shell .metric-drilldown-row:has(small:nth-of-type(2))>span{grid-column:2;grid-row:1}.service-shell .metric-drilldown-row:has(small:nth-of-type(2))>small:nth-of-type(1){grid-column:3;grid-row:1}.service-shell .metric-drilldown-row:has(small:nth-of-type(2))>small:nth-of-type(2){grid-column:1;grid-row:2;justify-self:start;max-width:100%;border-color:#ffffff24;background:#ffffff0d;color:#c2ccd9}.service-shell .appointment-list>article,.service-shell .appointment-card{border:1px solid var(--sa-stroke);border-radius:16px;background:#ffffff06;transition:border-color .18s var(--sa-ease),transform .18s var(--sa-ease)}@media(hover:hover){.service-shell .appointment-list>article:hover,.service-shell .appointment-card:hover{border-color:var(--sa-stroke-2)}}.service-shell .vehicle-plate{letter-spacing:.04em}.service-shell .status-badge{border:1px solid rgba(255,255,255,.14);font-weight:800}.service-shell .status-badge.scheduled,.service-shell .status-badge.confirmed{background:#5b8cff29;border-color:#5b8cff57;color:#c7d9ff}.service-shell .status-badge.checked_in,.service-shell .status-badge.in_progress{background:#f59e3529;border-color:#f59e3557;color:#ffd9ad}.service-shell .status-badge.ready_for_pickup{background:#f5c5182e;border-color:#f5c51866;color:#ffe9a8}.service-shell .status-badge.completed{background:#2ee68f29;border-color:#2ee68f57;color:#aef0cd}.service-shell .status-badge.cancelled,.service-shell .status-badge.no_show{background:#ff5a6a29;border-color:#ff5a6a5c;color:#ffc2c9}.service-shell .primary-button{border:1px solid rgba(255,255,255,.14);border-radius:14px;background:radial-gradient(100% 100% at 50% 0%,rgba(255,255,255,.18),transparent 58%),var(--sa-sig);color:#fff;font-weight:800;box-shadow:inset 0 1px #ffffff29,0 10px 26px #5b8cff42;transition:transform .16s var(--sa-ease),filter .16s var(--sa-ease),box-shadow .16s var(--sa-ease)}@media(hover:hover){.service-shell .primary-button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:inset 0 1px #fff3,0 14px 32px #5b8cff5c}}.service-shell .ghost-step-button,.service-shell .status-action,.service-shell .note-action{border:1px solid var(--sa-stroke);border-radius:12px;background:#ffffff0d;color:#dce7f6;font-weight:700;transition:background .16s var(--sa-ease),border-color .16s var(--sa-ease)}.service-shell .ghost-step-button:hover,.service-shell .status-action:not(:disabled):hover,.service-shell .note-action:not(:disabled):hover{background:#ffffff17;border-color:var(--sa-stroke-2)}.service-shell .icon-button{border:1px solid var(--sa-stroke);border-radius:12px;background:#ffffff0d}.service-shell input:not([type=checkbox]):not([type=radio]):focus,.service-shell select:focus,.service-shell textarea:focus,.service-shell input:not([type=checkbox]):not([type=radio]):focus-visible,.service-shell select:focus-visible,.service-shell textarea:focus-visible{outline:none;border-color:var(--sa-stroke-2);box-shadow:0 0 0 3px #5b8cff38}.service-shell .setup-center{border-color:var(--sa-stroke-2);background:radial-gradient(34rem 16rem at 100% -40%,rgba(91,140,255,.16),transparent 70%),var(--sa-glass)}.service-shell .setup-progress-bar span{background:var(--sa-sig);box-shadow:0 0 14px #6c8dff80}.service-shell .setup-checklist div.done{border-color:#2ee68f52;background:#2ee68f14}.service-shell .toast-message{border:1px solid var(--sa-stroke-2);border-radius:14px;background:#0c101ae6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--sa-shadow)}.service-shell .desktop-sidebar .brand-mark{border:none;background:var(--sa-sig);color:#06101f;font-weight:900;box-shadow:0 0 0 1px #5b8cff80,0 8px 22px #5b8cff66}.service-shell .desktop-sidebar .sidebar-nav{gap:.45rem}.service-shell .desktop-sidebar .sidebar-nav a{position:relative;display:flex;align-items:center;justify-content:center;gap:0;width:46px;height:46px;min-height:46px;border-radius:14px;color:#828ea2;background:transparent;box-shadow:none;transition:color .18s var(--sa-ease),background-color .18s var(--sa-ease),box-shadow .18s var(--sa-ease)}.service-shell .desktop-sidebar .sidebar-nav a svg{width:21px;height:21px}.service-shell .desktop-sidebar .sidebar-nav a:hover:not(.active){color:#e8eeff;background:#ffffff0f}.service-shell .desktop-sidebar .sidebar-nav a.active{color:#eaf2ff;background:linear-gradient(180deg,#5b8cff3d,#5b8cff1a);box-shadow:inset 0 0 0 1px #5b8cff52}.service-shell .desktop-sidebar .sidebar-nav a.active svg{color:#9db8ff;filter:none}.service-shell .desktop-sidebar .sidebar-nav a.active:before{display:none}.service-shell .sidebar-logout:hover{color:#ffd7dc;border-color:#ff5a6a66;background:#ff5a6a1a}.service-shell .bottom-nav{grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#101a2ad1,#070d16eb);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px #ffffff0f,0 16px 40px #02060e8c}.service-shell .bottom-nav a{font-size:.64rem;text-align:center}.service-shell .bottom-nav a>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-shell .bottom-nav a{position:relative}.service-shell .bottom-nav a.active{color:#eaf2ff;background:linear-gradient(180deg,#5b8cff42,#5b8cff14)}.service-shell .bottom-nav a.active svg{color:#8aa6ff}.service-shell .bottom-nav a.active:after{content:"";position:absolute;top:.28rem;width:1.4rem;height:.16rem;border-radius:999px;background:var(--sa-sig);box-shadow:0 0 10px #6c8dffb3}.service-shell .mobile-header{position:sticky;top:0;z-index:15;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}.service-shell .sidebar-nav a,.service-shell .bottom-nav a{position:relative}.service-shell .nav-badge{position:absolute;display:inline-grid;place-items:center;min-width:1.05rem;height:1.05rem;padding:0 .3rem;border-radius:999px;background:linear-gradient(180deg,#ff6b78,#ff3b4e);color:#fff;font-size:.64rem;font-weight:800;line-height:1;letter-spacing:0;box-shadow:0 0 0 2px #070d16eb,0 2px 8px #ff3b4e80;pointer-events:none}.service-shell .sidebar-nav a .nav-badge{top:.2rem;right:.5rem}.service-shell .bottom-nav a .nav-badge{top:.16rem;left:50%;margin-left:.25rem}.service-shell .notif-search{position:relative;display:flex;align-items:center}.service-shell .notif-search>svg{position:absolute;left:.9rem;width:1.05rem;height:1.05rem;color:#7f8ca0;pointer-events:none}.service-shell .notif-search .metric-search-input{width:100%;padding-left:2.6rem}.service-shell .appointment-card{border-radius:18px;border-color:#ffffff14;background:linear-gradient(180deg,#ffffff09,#ffffff03);padding:clamp(.95rem,2.2vw,1.25rem)}.service-shell .appointment-card.is-overdue{border-color:#ffab4066;background:radial-gradient(42rem 14rem at 0% 0%,rgba(255,171,64,.1),transparent 60%),linear-gradient(180deg,#ffffff09,#ffffff03)}.service-shell .appointment-time strong{color:#fff;font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.service-shell .appointment-time span{color:#8b97a8;font-weight:600}.service-shell .appointment-title-row h2{color:#fff;font-weight:800;letter-spacing:-.01em}.service-shell .vehicle-plate{border-radius:9px;border-color:#ffffff1f;background:#ffffff0d;color:#e3ebf6}.service-shell .appointment-meta{color:#9aa6b8}.service-shell .appointment-alert{color:#ffce93}.service-shell .appointment-actions,.service-shell .compact-appointment .appointment-actions{display:flex;flex-direction:column;grid-template-columns:none;gap:.55rem;margin-top:.9rem}.service-shell .next-action{width:100%;min-height:3rem;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(100% 100% at 50% 0%,rgba(255,255,255,.18),transparent 58%),var(--sa-sig);color:#fff;font-weight:800;font-size:.95rem;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff29,0 10px 26px #5b8cff42;transition:transform .16s var(--sa-ease),filter .16s var(--sa-ease),box-shadow .16s var(--sa-ease)}@media(hover:hover){.service-shell .next-action:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:inset 0 1px #fff3,0 14px 32px #5b8cff5c}}.service-shell .appointment-actions-row{display:flex;align-items:stretch;gap:.5rem}.service-shell .appointment-actions-row .status-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.7rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#dbe5f2;font-weight:700;font-size:.85rem}.service-shell .appointment-actions-row .status-action svg{width:1rem;height:1rem;color:#9fb0c8}@media(hover:hover){.service-shell .appointment-actions-row .status-action:hover{background:#ffffff17;border-color:var(--sa-stroke-2)}}.service-shell .appt-overflow{position:relative;flex:0 0 auto}.service-shell .appt-overflow>summary{list-style:none;display:inline-grid;place-items:center;width:2.9rem;min-height:2.7rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#cdd8e8;cursor:pointer}.service-shell .appt-overflow>summary::-webkit-details-marker{display:none}.service-shell .appt-overflow>summary:hover{background:#ffffff17}.service-shell .appt-overflow[open]>summary{background:#5b8cff2e;border-color:var(--sa-stroke-2);color:#eaf2ff}.service-shell .appt-overflow-menu{position:absolute;right:0;bottom:calc(100% + .4rem);z-index:30;display:grid;gap:.15rem;min-width:12rem;padding:.4rem;border:1px solid var(--sa-stroke-2);border-radius:14px;background:#0c101af7;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 18px 44px #00000080}.service-shell .appt-overflow-item{text-align:left;min-height:2.5rem;padding:0 .75rem;border:none;border-radius:9px;background:transparent;color:#dbe5f2;font-weight:700;font-size:.86rem}.service-shell .appt-overflow-item:hover:not(:disabled){background:#ffffff12}.service-shell .appt-overflow-item.cancelled{color:#ffb3bb}.service-shell .appt-overflow-item.cancelled:hover:not(:disabled){background:#ff5a6a24}.service-shell .appt-overflow-item:disabled{opacity:.4;cursor:not-allowed}.service-shell .work-record-modal{border:1px solid var(--sa-stroke-2);border-radius:22px;background:linear-gradient(180deg,#141a28f7,#0a0e18f7);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 30px 80px #0000008c}.service-shell .work-record-modal header h2{color:#fff;letter-spacing:-.01em}.service-shell .work-record-modal header>div>span{color:#8b97a8;font-weight:700;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.service-shell .work-record-form>label,.service-shell .delay-note-label{display:grid;gap:.45rem;color:#aab6c6;font-weight:700;font-size:.86rem}.service-shell .delay-field{display:grid;gap:.55rem}.service-shell .delay-field-label{color:#aab6c6;font-weight:800;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.service-shell .delay-chips{display:flex;flex-wrap:wrap;gap:.5rem}.service-shell .delay-chip{min-height:2.7rem;padding:0 1rem;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#dbe5f2;font-weight:700;font-size:.9rem;transition:background .16s var(--sa-ease),border-color .16s var(--sa-ease),color .16s var(--sa-ease)}@media(hover:hover){.service-shell .delay-chip:hover{background:#ffffff17;border-color:var(--sa-stroke-2)}}.service-shell .delay-chip.is-active{border-color:#5b8cff8c;background:radial-gradient(100% 100% at 50% 0%,rgba(255,255,255,.12),transparent 55%),#5b8cff2e;color:#fff;box-shadow:0 0 16px #6c8dff33}.service-shell .delay-eta-result{display:inline-flex;align-items:center;gap:.45rem;margin:.1rem 0 0;color:#c2ccd9;font-weight:600}.service-shell .delay-eta-result strong{color:#fff;font-weight:800}.service-shell .delay-eta-result svg{width:1rem;height:1rem;color:#8aa6ff}.service-shell .delay-eta-clear{margin-left:.5rem;border:none;background:none;color:#9aa6b8;font-weight:700;font-size:.82rem;text-decoration:underline;cursor:pointer}.service-shell .delay-eta-clear:hover{color:#ffb3bb}.service-shell .delay-exact>summary{list-style:none;width:max-content;cursor:pointer;color:#8aa6ff;font-weight:700;font-size:.85rem}.service-shell .delay-exact>summary::-webkit-details-marker{display:none}.service-shell .delay-exact[open]>summary{margin-bottom:.5rem}.service-shell .delay-exact input{width:100%}.service-shell .operational-note-modal .settings-empty{margin:0;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08;padding:.75rem .9rem;color:#aab6c6}.service-shell .sel{position:relative;width:100%}.service-shell .sel-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:3rem;padding:0 .85rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#080f1a8c;color:var(--text);font-weight:600;text-align:left;cursor:pointer;transition:border-color .16s var(--sa-ease),box-shadow .16s var(--sa-ease),background .16s var(--sa-ease)}@media(hover:hover){.service-shell .sel-trigger:hover:not(:disabled){border-color:#fff3}}.service-shell .sel.is-open .sel-trigger{border-color:#5b8cff99;background:#080f1abf;box-shadow:0 0 0 3px #5b8cff33}.service-shell .sel-trigger:disabled{opacity:.6;cursor:not-allowed}.service-shell .sel-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-shell .sel-placeholder{color:var(--muted)}.service-shell .sel-caret{flex:none;width:1.05rem;height:1.05rem;color:#8a97a8;transition:transform .2s var(--sa-ease),color .2s var(--sa-ease)}.service-shell .sel.is-open .sel-caret{transform:rotate(180deg);color:#8aa6ff}.service-shell .sel-menu{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:40;max-height:15rem;overflow-y:auto;display:grid;gap:.15rem;padding:.4rem;border:1px solid var(--sa-stroke-2);border-radius:14px;background:#0c101afa;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 20px 50px #0000008c}.service-shell .sel-menu::-webkit-scrollbar{width:8px}.service-shell .sel-menu::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.service-shell .sel-option{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;min-height:2.6rem;padding:0 .7rem;border:none;border-radius:9px;background:transparent;color:#dbe5f2;font-weight:600;font-size:.9rem;text-align:left;cursor:pointer}.service-shell .sel-option:hover{background:#ffffff12}.service-shell .sel-option.is-selected{background:#5b8cff29;color:#fff}.service-shell .sel-option svg{flex:none;width:1rem;height:1rem;color:#8aa6ff}.client-page .client-hero-card{position:relative;overflow:hidden;animation:client-hero-enter .42s cubic-bezier(.22,.9,.3,1) both}.client-page .client-hero-card:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(180,210,255,.55),transparent);pointer-events:none}.client-page .client-hero-card:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 60% at 50% 118%,rgba(5,10,17,.55),transparent 62%);pointer-events:none}.client-page .client-hero-card>*{position:relative;z-index:1}@keyframes client-hero-enter{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}.client-page .client-hero-id h3{letter-spacing:-.03em}.client-page .client-hero-context{color:#e2eeffdb}.client-page .client-hero-stage{padding:.15rem 0 0}.client-page .client-hero-car{animation:client-car-enter .56s 90ms cubic-bezier(.22,.9,.3,1) both}@keyframes client-car-enter{0%{opacity:0;transform:translate(-.9rem)}to{opacity:1;transform:translate(0)}}@media(max-height:640px){.client-page .client-hero-stage{display:none}}.client-page .client-hero-ring>svg{filter:drop-shadow(0 0 12px var(--hero-wash, rgba(56, 140, 255, .4)))}.client-page .client-ring-arc{transition:stroke-dashoffset .9s .18s cubic-bezier(.3,.8,.3,1),stroke .32s ease;animation:client-ring-draw .9s .18s cubic-bezier(.3,.8,.3,1) both}@keyframes client-ring-draw{0%{stroke-dashoffset:527}}.client-page .client-hero-ring.tone-active>svg{animation:client-ring-breathe 2.8s ease-in-out infinite}@keyframes client-ring-breathe{0%,to{filter:drop-shadow(0 0 8px rgba(239,159,39,.28))}50%{filter:drop-shadow(0 0 16px rgba(239,159,39,.5))}}.client-page .client-hero-ring-center span{font-weight:650;letter-spacing:.01em}.client-page .client-next-appointment{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;border-left:2px solid var(--hero-accent, rgba(127, 180, 255, .6))}.client-page .client-next-icon{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.7rem;background:#2f8cff24;text-transform:none}.client-page .client-next-icon svg{width:1.15rem;height:1.15rem;color:var(--hero-accent, #7fb4ff)}.client-page .client-next-body{display:grid;gap:.14rem;min-width:0}.client-page .client-next-body small{margin-top:0}.client-page .client-next-countdown{align-self:center;border:1px solid rgba(127,180,255,.28);border-radius:999px;background:#2f8cff1f;color:#cfe3ff;font-size:.68rem;font-style:normal;font-weight:800;letter-spacing:.04em;padding:.24rem .62rem;white-space:nowrap}.client-page .client-next-appointment.empty{border-left-color:#9caabd59}.client-page .client-next-appointment.empty .client-next-icon{background:#9caabd1f}.client-page .client-next-appointment.empty .client-next-icon svg{color:var(--muted)}.client-page .client-hero-cta{transition:transform .16s ease,box-shadow .22s ease,filter .22s ease}.client-page .client-hero-cta:hover{box-shadow:0 16px 38px #2f8cff6b;filter:brightness(1.06)}.client-page .client-hero-cta:active{transform:scale(.97);box-shadow:0 8px 20px #2f8cff4d}.client-page .client-bottom-nav{border-color:#8cafe129;background:#070e18e6;box-shadow:0 18px 42px #00000080,inset 0 1px #bed7fa14}.client-page .client-bottom-nav a{position:relative;gap:.24rem;letter-spacing:.015em;transition:color .2s ease,background .2s ease,transform .2s ease}.client-page .client-bottom-nav a svg{transition:transform .22s cubic-bezier(.34,1.4,.5,1),color .2s ease}.client-page .client-bottom-nav a.active{background:linear-gradient(160deg,#2f8cff3d,#1672e61f);box-shadow:inset 0 1px #bed7fa24}.client-page .client-bottom-nav a.active svg{transform:translateY(-1px) scale(1.08);color:#9cc6ff}.client-page .client-bottom-nav a.active:after{content:"";position:absolute;top:.28rem;left:50%;width:.28rem;height:.28rem;border-radius:999px;background:var(--blue);transform:translate(-50%);box-shadow:0 0 8px #2f8cffe6}.client-page .client-bottom-nav a:active{transform:scale(.94)}.client-page .client-bottom-nav a span{white-space:nowrap}.client-page .client-latest-update,.client-page .client-other-vehicles-toggle,.client-page .client-garage-row-head{transition:transform .16s ease,border-color .2s ease,background .2s ease}.client-page .client-latest-update:active,.client-page .client-other-vehicles-toggle:active{transform:scale(.985)}@media(min-height:700px){.client-page .client-hero-card{gap:.72rem}}