@tailwind base;@tailwind components;@tailwind utilities;:root{--font-ui: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;font-family:var(--font-ui);line-height:1.5;font-weight:400;--color-primary: #12d31f;--color-bg: #1f2937;--radius-control: .75rem;--radius-surface: 1rem;--radius-modal: 1.2rem;--radius-field-sm: .45rem;--radius-field-md: .55rem;--radius-field-lg: .65rem}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:#0f172a;-webkit-tap-highlight-color:transparent;font-family:var(--font-ui);overscroll-behavior-y:none}@media(max-width:768px){.wrp-app-shell{touch-action:pan-x pan-y}}html,body,#root{overscroll-behavior-y:none}#root,button,input,textarea,select{font-family:var(--font-ui)}@layer components{button{transition-duration:.15s;transition-timing-function:ease-out}button:not(:disabled):not(.wrp-button-link):not(.wrp-nav-button):not([class*=tab]):not(:has(>svg:only-child)):not([class*=shadow]){box-shadow:inset 0 1px #ffffff2e,0 2px 6px #00000059}button:not(:disabled):not(.wrp-button-link):not(.wrp-nav-button):not([class*=tab]):not(:has(>svg:only-child)):active{translate:0 1px}button.wrp-button-link,button.wrp-button-link:not(:disabled):not([class*=shadow]){box-shadow:none}button.wrp-button-link:not(:disabled):active{translate:none}}input[type=time],input[type=date]{position:relative}input[type=time]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:5}#root input,#root textarea,#root select{text-transform:none}#root :is(input,textarea,select):-webkit-autofill,#root :is(input,textarea,select):-webkit-autofill:hover,#root :is(input,textarea,select):-webkit-autofill:focus,#root :is(input,textarea,select):-webkit-autofill:active{-webkit-text-fill-color:#0f172a;caret-color:#0f172a;-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-out 0s}#root :is(input,textarea,select):-moz-autofill{color:#0f172a;background-color:#fff;box-shadow:0 0 0 1000px #fff inset}@supports (-webkit-touch-callout: none){#root input:not([type=date]):not([type=time]):not(.keep-compact-font),#root textarea:not(.keep-compact-font),#root select:not(.keep-compact-font){font-size:16px!important}}#root input.rounded-lg,#root select.rounded-lg,#root textarea.rounded-lg{border-radius:var(--radius-field-sm)}#root input.rounded-xl,#root select.rounded-xl,#root textarea.rounded-xl{border-radius:var(--radius-field-md)}#root input.rounded-2xl,#root input.rounded-3xl,#root select.rounded-2xl,#root select.rounded-3xl,#root textarea.rounded-2xl,#root textarea.rounded-3xl,#root input[class*="rounded-["],#root select[class*="rounded-["],#root textarea[class*="rounded-["]{border-radius:var(--radius-field-lg)}input.plate-input{text-transform:uppercase;letter-spacing:.08em}#root .rounded-lg,#root .rounded-xl{border-radius:var(--radius-control)}#root .rounded-2xl,#root .rounded-3xl,#root [class*="rounded-[1.2rem]"],#root [class*="rounded-[1.5rem]"],#root [class*="rounded-[2rem]"],#root [class*="rounded-[2.5rem]"],#root [class*="rounded-[3.5rem]"]{border-radius:var(--radius-surface)}#root :where(div,section,article).rounded-xl,#root :where(div,section,article).rounded-2xl,#root :where(div,section,article).rounded-3xl{border-radius:var(--radius-surface)}#root .fixed.inset-0 [class*="rounded-[2rem]"],#root .fixed.inset-0 [class*="rounded-[2.5rem]"],#root .fixed.inset-0 .rounded-3xl,#root .fixed.inset-0 .rounded-2xl{border-radius:var(--radius-modal)}.wrp-modal-host,.wrp-modal-host-p4,.wrp-modal-os-root{overscroll-behavior:none;touch-action:none}.wrp-modal-host:not(.overflow-y-auto):not(.overflow-auto),.wrp-modal-host-p4:not(.overflow-y-auto):not(.overflow-auto){overflow:hidden}.wrp-modal-host.overflow-y-auto,.wrp-modal-host.overflow-auto,.wrp-modal-host-p4.overflow-y-auto,.wrp-modal-host-p4.overflow-auto{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.wrp-modal-host :is(.overflow-y-auto,.overflow-auto),.wrp-modal-host-p4 :is(.overflow-y-auto,.overflow-auto),.wrp-modal-os-root :is(.overflow-y-auto,.overflow-auto){overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.wrp-modal-os-root :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:10px!important}@media(max-width:768px){.wrp-modal-host :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea),.wrp-modal-host-p4 :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea),.wrp-modal-os-root :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px!important}html:has([class~=fixed][class~=inset-0]) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px!important}}@media(max-width:640px){#root .wrp-modal-os-root textarea.technician-notes-input{flex:none!important;height:80px!important;min-height:80px!important;max-height:none!important}#root .wrp-modal-os-root textarea.technician-notes-input.technician-notes-input-expanded{height:180px!important;min-height:180px!important;transition:height .2s ease,min-height .2s ease}}html:has(.wrp-modal-host,.wrp-modal-host-p4,.wrp-modal-os-root),body:has(.wrp-modal-host,.wrp-modal-host-p4,.wrp-modal-os-root),html:has([class~=fixed][class~=inset-0]),body:has([class~=fixed][class~=inset-0]){overflow:hidden;overscroll-behavior:none}@media(max-width:768px){main{padding-bottom:80px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@layer utilities{.animate-fade-in{animation:fadeIn .3s ease-in-out}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wrp-tabs-shell{display:flex;width:100%;overflow-x:hidden;flex-wrap:wrap;gap:.125rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.25rem;box-shadow:0 1px 2px #0f172a0f}.wrp-tab-btn{flex:1 1 auto;min-width:0;border:0;background:transparent;color:#0f172a;border-radius:.375rem;padding:.5rem .75rem;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:all .18s ease;white-space:nowrap}.wrp-tab-btn:hover{background:#f8fafc}.wrp-tab-btn:active{transform:translateY(1px) scale(.995)}.wrp-tab-btn.is-active{background:#2563eb;color:#fff;box-shadow:0 1px 3px #2563eb59}.wrp-tab-btn.is-active-danger{background:#dc2626;color:#fff;box-shadow:0 1px 3px #dc262659}.wrp-tab-btn.is-active-dark{background:#0f172a;color:#fff;box-shadow:0 1px 3px #0f172a59}@media(max-width:768px){.wrp-tabs-shell{gap:.0625rem;padding:.1875rem}.wrp-tab-btn{padding:.4rem .5rem;font-size:8px;letter-spacing:.04em}}@media(max-width:420px){.wrp-tab-btn{padding:.35rem .4rem;font-size:7.5px;letter-spacing:.03em}}:is(.text-slate-300,.text-slate-400,.text-slate-500,.text-gray-300,.text-gray-400,.text-gray-500,.text-zinc-300,.text-zinc-400,.text-zinc-500){color:#1f2937}:is(.pricing-page-contrast,.login-landing-hero) :is(.text-slate-300,.text-slate-400,.text-slate-500,.text-gray-300,.text-gray-400,.text-gray-500,.text-zinc-300,.text-zinc-400,.text-zinc-500){color:#cbd5e1}.public-home{overflow-x:clip;touch-action:pan-y pinch-zoom;background:linear-gradient(135deg,var(--home-accent-light),#f8fafc 65%)}.public-home :is(section[id],div[id]){scroll-margin-top:90px}.public-home :is(.text-blue-600,.text-blue-700,.home-accent-text){color:var(--home-accent-dark)}.public-home .bg-blue-50{background-color:var(--home-accent-light)}.public-home .border-blue-200{border-color:var(--home-accent-border)}.public-home .bg-blue-600{background-color:var(--home-accent)}.public-home .hover\:bg-blue-700:hover{background-color:var(--home-accent-dark)}.public-home .hover\:text-blue-700:hover{color:var(--home-accent-dark)}.public-home :is(button,a):focus-visible{outline:3px solid var(--home-accent);outline-offset:4px}.home-segment-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:440px}.home-segment-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#475569;padding:11px 8px;font-size:12px;font-weight:700}.home-segment-tabs button[aria-pressed=true]{color:#fff;background:var(--home-accent);border-color:var(--home-accent)}.home-segment-tabs button:not([aria-pressed=true]):hover{background:var(--home-accent-light);border-color:var(--home-accent-border)}.home-preview{border-top:3px solid var(--home-accent)}.home-preview-shell{display:flex;margin-top:8px;border:1px solid #e2e8f0;border-radius:8px;overflow:clip}.home-preview-sidebar{display:none;width:114px;flex-shrink:0;padding:17px 8px;background:var(--home-sidebar);color:#e2e8f0}.home-preview-brand{display:flex;align-items:center;gap:7px;padding:0 4px 22px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.06em}.home-preview-brand>svg{color:var(--home-accent-border)}.home-preview-brand small{display:block;margin-top:2px;color:#cbd5e1;font-size:8px;font-weight:600;letter-spacing:.02em}.home-preview-nav{display:flex;align-items:center;gap:7px;margin-bottom:6px;padding:10px 5px;font-size:9px;font-weight:700;border-radius:5px}.home-preview-nav svg{flex-shrink:0}.home-preview-nav.is-active{background:var(--home-accent);color:#fff}.home-preview-sidebar-note{display:block;margin:44px 5px 0;color:#cbd5e1;font-size:8px;line-height:1.8}.home-preview-content{flex:1;background:#f8fafc}.public-home .home-segment-link,#root .public-home .home-segment-link:not(:disabled):not([class*=shadow]){display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#64748b;font-size:10px;font-weight:750;letter-spacing:.08em;transition:color .15s ease,background-color .15s ease}#root .public-home .home-segment-link:not(:disabled):not([class*=shadow])[aria-pressed=true]{color:var(--home-accent-dark);background:var(--home-accent-light)}#root .public-home .home-segment-link:not(:disabled):not([class*=shadow]):hover{color:var(--home-accent-dark);background:var(--home-accent-light)}.public-home .home-segment-link:focus-visible{outline-color:var(--home-accent)}@media(min-width:640px){.home-preview-sidebar{display:block}.home-segment-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}.segment-pricing,.segment-plan-trigger{--plan-accent: #2563eb;--plan-hover: #1d4ed8;--plan-soft: #bfdbfe;--plan-tint: #eff6ff;--plan-glow: rgba(37, 99, 235, .2)}:is(.segment-pricing,.segment-plan-trigger)[data-segment=barber]{--plan-accent: #b45309;--plan-hover: #92400e;--plan-soft: #fde68a;--plan-tint: #fffbeb;--plan-glow: rgba(180, 83, 9, .2)}:is(.segment-pricing,.segment-plan-trigger)[data-segment=beauty]{--plan-accent: #db2777;--plan-hover: #be185d;--plan-soft: #fbcfe8;--plan-tint: #fdf2f8;--plan-glow: rgba(219, 39, 119, .2)}:is(.segment-pricing,.segment-plan-trigger)[data-segment=market]{--plan-accent: #059669;--plan-hover: #047857;--plan-soft: #a7f3d0;--plan-tint: #ecfdf5;--plan-glow: rgba(5, 150, 105, .2)}#root .segment-plan-trigger{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;padding:16px;border:1px solid var(--plan-soft);border-radius:12px;background:var(--plan-tint);color:var(--plan-hover);text-align:center;font-size:12px;font-weight:800;box-shadow:none}.segment-plan-trigger:hover{border-color:var(--plan-accent);filter:brightness(.98)}.segment-plan-trigger:focus-visible{outline:3px solid var(--plan-accent);outline-offset:3px}.segment-pricing{background:radial-gradient(ellipse at top,var(--plan-glow),transparent 55%);padding-top:12px;padding-bottom:20px}#root .segment-pricing :is(.text-blue-100,.text-blue-200,.text-blue-300,.text-cyan-200,.text-cyan-300,.text-cyan-200\/80){color:var(--plan-soft)}#root .segment-pricing :is(.bg-blue-600,.bg-blue-500){background:var(--plan-accent)}#root .segment-pricing .bg-gradient-to-br{background:linear-gradient(125deg,var(--plan-hover),var(--plan-accent))}#root .segment-pricing .border-blue-500\/80{border-color:var(--plan-accent);box-shadow:0 16px 40px -18px var(--plan-glow)}#root .segment-pricing .bg-blue-300{background:var(--plan-soft);color:#0f172a}#root .segment-pricing .bg-blue-400\/10{background:var(--plan-glow)}#root .segment-pricing :is(.hover\:bg-blue-400,.group-hover\:bg-blue-500):hover{background:var(--plan-hover)}#root .segment-pricing :is(.bg-blue-500,.bg-blue-600):hover{background:var(--plan-hover)}#root .segment-pricing button:focus-visible{outline:3px solid var(--plan-soft);outline-offset:3px}.public-home .scroll-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}.public-home .scroll-reveal.is-visible{opacity:1;transform:translateZ(0)}.public-home .scroll-reveal-delay-1{transition-delay:.1s}.public-home .scroll-reveal-delay-2{transition-delay:.18s}.public-home .scroll-reveal-delay-3{transition-delay:.26s}@media(prefers-reduced-motion:reduce){.public-home .scroll-reveal,.public-home .scroll-reveal.is-visible{opacity:1;transform:none;transition:none}}.wrp-list-font-scale{--wrp-list-size-7: 8px;--wrp-list-size-8: 9px;--wrp-list-size-9: 10px;--wrp-list-size-10: 11px;--wrp-list-size-11: 12px;--wrp-list-size-xs: 13px;--wrp-list-size-sm: 14px}#root .wrp-list-font-scale .wrp-stock-radius{border-radius:var(--radius-field-md)!important}.wrp-list-font-scale table.text-\[10px\]{font-size:var(--wrp-list-size-10)!important;line-height:1.32!important}.wrp-list-font-scale table.text-\[11px\]{font-size:var(--wrp-list-size-11)!important;line-height:1.34!important}.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4).text-\[7px\],.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4) .text-\[7px\]{font-size:var(--wrp-list-size-7)!important;line-height:1.25!important}.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4).text-\[8px\],.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4) .text-\[8px\]{font-size:var(--wrp-list-size-8)!important;line-height:1.25!important}.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4).text-\[9px\],.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4) .text-\[9px\]{font-size:var(--wrp-list-size-9)!important;line-height:1.28!important}.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4).text-\[10px\],.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4) .text-\[10px\]{font-size:var(--wrp-list-size-10)!important;line-height:1.3!important}.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4).text-\[11px\],.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4) .text-\[11px\]{font-size:var(--wrp-list-size-11)!important;line-height:1.3!important}.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4).text-xs,.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4) .text-xs{font-size:var(--wrp-list-size-xs)!important;line-height:1.3!important}.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4).text-sm,.wrp-list-font-scale :is(tbody,.divide-y,.space-y-1,.space-y-2,.space-y-3,.space-y-4) .text-sm{font-size:var(--wrp-list-size-sm)!important;line-height:1.32!important}.wrp-stock-list>:not([hidden])~:not([hidden]){border-top-color:#cbd5e1!important}.wrp-stock-list h4{font-size:13px!important;line-height:1.2!important}@media(min-width:640px){.wrp-stock-list h4{font-size:14px!important}}@keyframes public-cart-added{0%{background-color:#fff6;box-shadow:inset 0 0 0 2px #fffc}to{background-color:transparent;box-shadow:inset 0 0 0 2px transparent}}.public-cart-added-feedback{animation:public-cart-added .25s ease-out}@media(prefers-reduced-motion:reduce){.public-cart-added-feedback{animation:none}}