@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-slate-900:#0f172b;--color-zinc-500:#71717b;--color-zinc-600:#52525c;--color-zinc-700:#3f3f46;--color-zinc-900:#18181b;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-stone-600:#57534d;--color-stone-700:#44403b;--color-stone-900:#1c1917;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--blur-md:12px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}@supports (color:lab(0% 0 0)){:root,:host{--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-800:lab(16.132% -.318035 -14.6672);--color-slate-900:lab(7.78673% 1.82345 -15.0537);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-600:lab(35.1166% 1.78212 -6.1173);--color-zinc-700:lab(26.8019% 1.35387 -4.68303);--color-zinc-900:lab(8.30603% .618205 -2.16572);--color-neutral-700:lab(27.036% 0 0);--color-neutral-800:lab(15.204% 0 -.00000596046);--color-neutral-900:lab(7.78201% -.0000149012 0);--color-stone-600:lab(35.5168% 1.08604 4.07829);--color-stone-700:lab(27.3812% 1.32917 3.57789);--color-stone-900:lab(9.03835% 1.15298 1.92955)}}}@layer base{.shop-site *,.shop-site :before,.shop-site :after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--border)}.shop-site h1,.shop-site h2,.shop-site h3,.shop-site h4,.shop-site h5,.shop-site h6,.shop-site p,.shop-site figure,.shop-site blockquote,.shop-site dl,.shop-site dd{margin:0}.shop-site h1,.shop-site h2,.shop-site h3,.shop-site h4,.shop-site h5,.shop-site h6{font-size:inherit;font-weight:inherit}.shop-site ul,.shop-site ol{margin:0;padding:0;list-style:none}.shop-site a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.shop-site button,.shop-site input,.shop-site optgroup,.shop-site select,.shop-site textarea{font:inherit;color:inherit;letter-spacing:inherit}.shop-site button,.shop-site [role=button]{cursor:pointer}.shop-site img,.shop-site svg,.shop-site video,.shop-site canvas{vertical-align:middle;display:block}.shop-site img,.shop-site video{max-width:100%;height:auto}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-32{top:calc(var(--spacing) * -32)}.top-0{top:0}.-right-32{right:calc(var(--spacing) * -32)}.-bottom-40{bottom:calc(var(--spacing) * -40)}.bottom-4{bottom:calc(var(--spacing) * 4)}.-left-20{left:calc(var(--spacing) * -20)}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.z-30{z-index:30}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-96{height:calc(var(--spacing) * 96)}.h-full{height:100%}.h-px{height:1px}.min-h-\[360px\]{min-height:360px}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-96{width:calc(var(--spacing) * 96)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border\/60>:not(:last-child)){border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:where(.divide-border\/60>:not(:last-child)){border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.bg-background,.bg-background\/80{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/80{background-color:color-mix(in oklab, var(--background) 80%, transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-muted,.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-slate-900\/5{background-color:#0f172b0d}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/5{background-color:color-mix(in oklab, var(--color-slate-900) 5%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_30\%_20\%\,rgba\(255\,255\,255\,0\.08\)\,transparent_60\%\)\]{background-image:radial-gradient(circle at 30% 20%,#ffffff14,#0000 60%)}.from-neutral-700{--tw-gradient-from:var(--color-neutral-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-600{--tw-gradient-from:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-700{--tw-gradient-from:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-stone-600{--tw-gradient-from:var(--color-stone-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-zinc-500{--tw-gradient-from:var(--color-zinc-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-zinc-600{--tw-gradient-from:var(--color-zinc-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-neutral-800{--tw-gradient-via:var(--color-neutral-800);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-800{--tw-gradient-via:var(--color-slate-800);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-stone-700{--tw-gradient-via:var(--color-stone-700);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-zinc-700{--tw-gradient-via:var(--color-zinc-700);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-black{--tw-gradient-to:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-neutral-900{--tw-gradient-to:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-900{--tw-gradient-to:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-stone-900{--tw-gradient-to:var(--color-stone-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-zinc-900{--tw-gradient-to:var(--color-zinc-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-6{padding:calc(var(--spacing) * 6)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-0{padding-top:0}.text-center{text-align:center}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:py-32{padding-block:calc(var(--spacing) * 32)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:items-center{align-items:center}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}.shop-site{--radius:.75rem;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;background-color:var(--background);min-height:100vh;color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@supports (color:lab(0% 0 0)){.shop-site{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f8fa;--panel:#fff;--panel-muted:#f1f3f7;--border:#e5e8ef;--text:#0b1220;--muted:#64748b;--primary:#4f46e5;--primary-hover:#4338ca;--primary-text:#fff;--input:#fff;--font-sans:var(--font-inter);--ring:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--ring:color-mix(in srgb, var(--primary) 40%, transparent)}}:root{--accent-soft:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--accent-soft:color-mix(in srgb, var(--primary) 12%, var(--panel))}}:root{--danger:#dc2626;--danger-bg:#fdeaea;--warning:#b45309;--warning-bg:#fdf1dd;--good:#15803d;--good-bg:#e7f7ec;--info:#2563eb;--info-bg:#e6effe;--shadow:0 1px 2px #1018280a, 0 10px 30px #1018280d}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b0f17;--panel:#121826;--panel-muted:#1a2233;--border:#273246;--text:#e6e9ef;--muted:#94a3b8;--primary:#6366f1;--primary-hover:#818cf8;--primary-text:#fff;--input:#0f1522;--ring:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark{--ring:color-mix(in srgb, var(--primary) 45%, transparent)}}.dark{--accent-soft:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark{--accent-soft:color-mix(in srgb, var(--primary) 20%, var(--panel))}}.dark{--danger:#f87171;--danger-bg:#2a1516;--warning:#fbbf24;--warning-bg:#2a2211;--good:#4ade80;--good-bg:#102318;--info:#60a5fa;--info-bg:#16233b;--shadow:0 1px 2px #0006, 0 12px 32px #00000059}*{box-sizing:border-box}body{background:var(--background);color:var(--text);font-family:var(--font-sans), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.006em;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:sticky;top:0}.brand{gap:2px;display:grid}.brand strong{font-size:18px}.brand span,.muted{color:var(--muted)}.nav{gap:10px;display:flex}.nav a,.button{background:var(--panel);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:650;display:inline-flex}.nav a:hover,.button:hover{border-color:var(--muted)}.button:disabled,.wizard-step:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.button-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.button-muted{background:var(--panel-muted)}.main{width:100%;margin:0 auto;padding:28px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.page-header h1{margin:0 0 8px}.grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.panel,.metric-card,.empty-state,.kanban-column{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.panel{padding:20px}.panel h2,.panel h3{margin-top:0}.section-card{gap:18px;display:grid}.section-card-header{gap:4px;display:grid}.section-card-header h2{margin:0}.wizard-header{gap:12px;display:grid}.wizard-steps{flex-wrap:wrap;gap:10px;display:flex}.wizard-step{background:var(--panel);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.wizard-step.active{background:var(--accent-soft);border-color:var(--primary);color:var(--primary)}.wizard-actions{justify-content:space-between;gap:12px;display:flex}.job-detail-section{gap:18px;display:grid}.section-heading{gap:4px;display:grid}.section-heading h2,.section-heading h3{margin:0}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.summary-block{border-top:1px solid var(--border);gap:10px;padding-top:14px;display:grid}.summary-block h3{margin:0}.summary-item{gap:4px;display:grid}.summary-item span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.summary-item strong{font-size:14px}.upload-actions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.upload-action{border:1px solid var(--border);border-radius:14px;gap:10px;padding:16px;display:grid}.upload-action h3{margin:0}.section-divider{border-top:1px solid var(--border)}.metric-card{padding:18px}.metric-card p{color:var(--muted);margin:0 0 10px}.metric-card strong{font-size:30px;display:block}.metric-card span{color:var(--muted);margin-top:8px;display:block}.metric-card-danger{border-color:var(--danger)}.metric-card-warning{border-color:var(--warning)}.metric-card-good{border-color:var(--good)}.kanban{grid-template-columns:repeat(4,minmax(280px,1fr));gap:16px;padding-bottom:12px;display:grid;overflow-x:auto}.kanban-column{min-height:260px;padding:14px}.kanban-column h3{margin:0 0 12px;font-size:14px}.job-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;gap:10px;margin-bottom:12px;padding:14px;display:grid}.job-card strong{font-size:15px}.badge-row,.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.badge-neutral{background:var(--panel-muted);color:var(--muted)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-good{background:var(--good-bg);color:var(--good)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.form{gap:14px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea{background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:10px;width:100%;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.input-with-button{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.form-text-box-shell{position:relative}.autofill-menu{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);z-index:20;border-radius:12px;gap:2px;max-height:220px;margin-top:6px;padding:6px;display:grid;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autofill-option{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 10px;display:flex}.autofill-option:hover,.autofill-option:focus-visible{background:var(--panel-muted);outline:none}.autofill-option-value{color:var(--text);font-size:13px}.autofill-option-source{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.helper-text{color:var(--muted);margin-top:6px;font-size:12px;display:block}.helper-text-danger{color:var(--danger)}.helper-text-good{color:var(--good)}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 8px}.table th{color:var(--muted);text-transform:uppercase;font-size:12px}.empty-state{text-align:center;padding:36px}.timeline{gap:12px;display:grid}.timeline-item{border-left:3px solid var(--border);padding-left:12px}.extraction-summary{cursor:pointer;gap:8px;display:grid}.extraction-summary::marker{color:var(--muted)}.booking-layout{grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);align-items:start;gap:18px;display:grid}.booking-calendar-panel,.booking-form-panel{gap:14px;display:grid}.booking-section-title{border-top:1px solid var(--border);justify-content:space-between;align-items:end;gap:12px;padding-top:14px;display:flex}.booking-section-title h3{margin:0}.booking-section-title span{color:var(--muted);font-size:12px}.slot-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;display:grid}.slot-option{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:12px;gap:4px;padding:12px;display:grid}.slot-option:has(input:checked){background:var(--accent-soft);border-color:var(--primary);box-shadow:0 0 0 2px var(--ring)}.slot-option.disabled{background:var(--panel-muted);cursor:not-allowed;opacity:.7}.slot-option input{margin:0}.slot-option span{font-weight:700}.slot-option small{color:var(--muted)}.rdp-root{--rdp-accent-color:var(--primary);--rdp-accent-background-color:var(--accent-soft);width:100%;max-width:360px;margin-top:8px}.booking-calendar .rdp-months{max-width:360px}.booking-calendar .rdp-month_caption{justify-content:center;align-items:center;min-height:40px;font-weight:800;display:flex}.booking-calendar .rdp-nav{justify-content:space-between;display:flex}.booking-calendar .rdp-button_next,.booking-calendar .rdp-button_previous{background:var(--panel-muted);border:1px solid var(--border);cursor:pointer;border-radius:10px;width:34px;height:34px}.booking-calendar .rdp-weekday{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.booking-calendar .rdp-day_button{border-radius:10px;width:36px;height:36px}.booking-calendar .rdp-disabled,.booking-calendar .rdp-disabled .rdp-day_button,.booking-calendar .rdp-day_button:disabled{color:#cbd5e1;cursor:not-allowed;text-decoration:line-through}.booking-calendar .rdp-outside{color:#cbd5e1;opacity:.55}.booking-calendar .rdp-selected .rdp-day_button{background:var(--primary);color:var(--primary-text)}.damage-selector{grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:18px;display:grid}.damage-selector-image{grid-template-columns:1fr;align-items:stretch}.vehicle-map{border:1px solid var(--border);background:linear-gradient(#eef2ff,#f8fafc);border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px;display:grid}.vehicle-map-image{aspect-ratio:16/7;justify-content:center;place-items:center;min-height:360px;padding:24px;display:flex;position:relative;overflow:hidden}.vehicle-diagram{object-fit:contain;width:100%;max-width:34%;height:auto;max-height:82%}.vehicle-map-overlay{position:absolute;inset:18px}.damage-zone-control{border:1px solid var(--border);color:var(--muted);cursor:pointer;text-align:center;background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:130px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;box-shadow:0 10px 24px #0f172a14}.damage-zone-control.selected{color:var(--danger);background:#fee2e2;border-color:#fca5a5}.damage-zone-control:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.damage-zone-control input{margin:0}.zone-front{top:4%;left:50%;transform:translate(-50%)}.zone-front-left{top:18%;left:17%}.zone-front-right{top:18%;right:17%}.zone-left{top:50%;left:7%;transform:translateY(-50%)}.zone-right{top:50%;right:7%;transform:translateY(-50%)}.zone-rear-left{bottom:18%;left:17%}.zone-rear-right{bottom:18%;right:17%}.zone-rear{bottom:4%;left:50%;transform:translate(-50%)}.zone-other{bottom:4%;right:2%}.damage-selector-hint{margin:0}.damage-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.damage-option{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.damage-option.selected{background:#eff6ff;border-color:#93c5fd}.damage-option span{font-size:13px;font-weight:600}.portal-shell{width:100%;margin:0 auto;padding:40px 20px}@media (max-width:980px){.grid-2,.grid-3,.grid-5,.booking-layout,.summary-grid{grid-template-columns:1fr}.page-header,.topbar,.damage-selector{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.input-with-button{grid-template-columns:1fr}.vehicle-map-image{aspect-ratio:auto;flex-direction:column;min-height:0}.vehicle-diagram{max-width:220px;margin-bottom:16px}.vehicle-map-overlay{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid;position:static;inset:auto}.damage-zone-control{min-width:0;position:static;transform:none}}.notification-bell{border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:inline-flex;position:relative}.notification-bell-badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:3px 6px;font-size:11px;font-weight:700;line-height:1;position:absolute;top:-6px;right:-6px}.notification-panel{gap:12px;display:grid}.notification-toolbar{justify-content:flex-end;display:flex}.notification-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.notification-row{background:var(--panel);border:1px solid var(--border);border-radius:12px;grid-template-columns:44px 1fr;gap:12px;padding:14px 16px;display:grid;position:relative}.notification-row.is-unread{border-color:var(--primary);background:var(--accent-soft)}.notification-row.is-unread:before{content:"";background:var(--info);border-radius:999px;width:6px;height:6px;position:absolute;top:18px;left:6px}.notification-row.is-read{opacity:.78}.notification-warning{border-left:3px solid var(--warning)}.notification-critical{border-left:3px solid var(--danger)}.notification-success{border-left:3px solid var(--good)}.notification-icon{background:var(--panel-muted);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:inline-flex}.notification-body{gap:4px;display:grid}.notification-meta{align-items:center;gap:10px;font-size:12px;display:flex}.notification-category{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.notification-time{color:var(--muted)}.notification-title{font-weight:650}.notification-text{color:var(--text);margin:2px 0 0}.notification-subject{font-size:13px}.notification-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.notification-actions .button{padding:6px 10px;font-size:13px}.notification-tabs{align-items:center;gap:8px;display:flex}.notification-tabs-spacer{flex:1}.notification-tab{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:650}.notification-tab.is-active{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.notification-pill{background:var(--panel-muted);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:650}.notification-pill.is-good{color:var(--good);background:#dcfce7}.link-inline{color:var(--info);text-decoration:underline}.settings-shell{grid-template-columns:220px 1fr;gap:24px;margin-top:16px;display:grid}@media (max-width:800px){.settings-shell{grid-template-columns:1fr}}.settings-side .settings-nav{gap:6px;display:grid}.settings-nav a{border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:10px 12px;font-weight:650}.settings-form{gap:20px;display:grid}.settings-form .panel-header h2{margin:0 0 4px}.settings-form .panel-header{margin-bottom:14px}.settings-toggle-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.settings-toggle{cursor:pointer;grid-template-columns:24px 1fr;align-items:start;gap:12px;display:grid}.settings-toggle input[type=checkbox]{width:18px;height:18px;margin-top:2px}.settings-toggle-title{font-weight:650}.settings-toggle-desc{font-size:13px}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:14px;display:grid}.form-row label{gap:4px;font-size:13px;font-weight:650;display:grid}.form-row input[type=number],.form-row input[type=time]{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:8px 10px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.form-grid-narrow{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid label{gap:4px;font-size:13px;font-weight:650;display:grid}.form-grid input[type=number]{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:8px 10px}.settings-subheader{margin-top:18px;margin-bottom:6px}.settings-subheader h3{margin:0 0 2px}.settings-disclosure{border-top:1px dashed var(--border);margin-top:18px;padding-top:14px}.settings-disclosure summary{cursor:pointer;font-weight:650}.settings-status-row{grid-template-columns:1fr 90px;align-items:center;gap:8px;display:grid}.settings-status-label{align-items:center;gap:8px;font-size:13px;display:flex}.settings-status-row input[type=number]{border:1px solid var(--border);border-radius:8px;padding:6px 8px}.settings-actions{justify-content:flex-end;display:flex}.reminder-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0;display:grid}.reminder-summary>div{border:1px solid var(--border);background:var(--panel-muted);border-radius:10px;gap:4px;padding:12px 14px;display:grid}.reminder-summary span{font-size:12px}.reminder-form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.reminder-form label{align-items:center;gap:8px;font-size:14px;font-weight:650;display:inline-flex}.reminder-form input[type=number]{border:1px solid var(--border);border-radius:8px;width:100px;padding:8px 10px}.stat-table{border-collapse:collapse;width:100%;margin-top:6px}.stat-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 0}.stat-table tr:last-child td{border-bottom:0}.stat-name{color:var(--text);padding-right:12px;font-size:13px;font-weight:600}.stat-sub{color:var(--muted);margin-top:1px;font-size:11px;font-weight:400;display:block}.stat-bar-cell{width:40%;padding:0 12px}.stat-bar{background:var(--panel-muted);border-radius:999px;height:8px;overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg,#6366f1,#22d3ee);border-radius:999px;height:100%}.stat-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text);font-size:13px;font-weight:700}.stat-empty{padding:10px 0;font-size:13px}.analytics-group{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 10px;font-size:15px}.analytics-metric-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.analytics-panel-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-top:12px;display:grid}.analytics-config-group{border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:12px 14px}.analytics-config-group legend{padding:0 6px;font-weight:600}.analytics-config-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.analytics-config-item{align-items:center;gap:8px;font-size:14px;display:flex}.analytics-metric-grid .metric-card,.analytics-panel-grid .analytics-card-panel{height:100%}.analytics-metric-grid>div,.analytics-panel-grid>div{display:flex}.analytics-metric-grid .metric-card{position:relative;overflow:hidden}.analytics-metric-grid .metric-card p{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:11.5px;font-weight:600}.analytics-metric-grid .metric-card strong{letter-spacing:-.02em;font-size:30px;font-weight:750;line-height:1}.analytics-metric-grid .metric-card span{color:var(--muted);margin-top:8px;font-size:12px;display:block}.analytics-card-panel{width:100%;padding:18px 18px 12px}.analytics-card-panel h2{margin:0 0 6px;font-size:14px;font-weight:700}.analytics-panel-grid{align-items:start}.theme-toggle{background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;transition:background-color .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--muted)}[data-font=inter]{--font-sans:var(--font-inter)}[data-font=geist]{--font-sans:var(--font-geist)}[data-font=system]{--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}[data-font=public-sans]{--font-sans:var(--font-public-sans)}[data-font=onest]{--font-sans:var(--font-onest)}[data-font=instrument]{--font-sans:var(--font-instrument)}[data-font=albert]{--font-sans:var(--font-albert)}[data-font=hanken]{--font-sans:var(--font-hanken)}[data-font=red-hat]{--font-sans:var(--font-red-hat)}[data-font=urbanist]{--font-sans:var(--font-urbanist)}[data-font=epilogue]{--font-sans:var(--font-epilogue)}[data-font=rubik]{--font-sans:var(--font-rubik)}[data-font=spline-sans]{--font-sans:var(--font-spline-sans)}[data-font=bricolage]{--font-sans:var(--font-bricolage)}[data-font=fraunces]{--font-sans:var(--font-fraunces)}[data-font=geist-mono]{--font-sans:var(--font-geist-mono)}[data-font=jetbrains-mono]{--font-sans:var(--font-jetbrains-mono)}[data-font=jakarta]{--font-sans:var(--font-jakarta)}[data-font=manrope]{--font-sans:var(--font-manrope)}[data-font=dm-sans]{--font-sans:var(--font-dm-sans)}[data-font=figtree]{--font-sans:var(--font-figtree)}[data-font=outfit]{--font-sans:var(--font-outfit)}[data-font=poppins]{--font-sans:var(--font-poppins)}[data-font=montserrat]{--font-sans:var(--font-montserrat)}[data-font=work-sans]{--font-sans:var(--font-work-sans)}[data-font=sora]{--font-sans:var(--font-sora)}[data-font=space-grotesk]{--font-sans:var(--font-space-grotesk)}[data-font=lexend]{--font-sans:var(--font-lexend)}[data-font=plex]{--font-sans:var(--font-plex)}[data-font=nunito]{--font-sans:var(--font-nunito)}[data-theme=violet]{--primary:#7c3aed;--primary-hover:#6d28d9}[data-theme=violet].dark{--primary:#a78bfa;--primary-hover:#c4b5fd}[data-theme=blue]{--primary:#2563eb;--primary-hover:#1d4ed8}[data-theme=blue].dark{--primary:#60a5fa;--primary-hover:#93c5fd}[data-theme=cyan]{--primary:#0891b2;--primary-hover:#0e7490}[data-theme=cyan].dark{--primary:#22d3ee;--primary-hover:#67e8f9}[data-theme=teal]{--primary:#0d9488;--primary-hover:#0f766e}[data-theme=teal].dark{--primary:#2dd4bf;--primary-hover:#5eead4}[data-theme=emerald]{--primary:#059669;--primary-hover:#047857}[data-theme=emerald].dark{--primary:#34d399;--primary-hover:#6ee7b7}[data-theme=lime]{--primary:#65a30d;--primary-hover:#4d7c0f}[data-theme=lime].dark{--primary:#a3e635;--primary-hover:#bef264}[data-theme=amber]{--primary:#d97706;--primary-hover:#b45309}[data-theme=amber].dark{--primary:#f59e0b;--primary-hover:#fbbf24}[data-theme=orange]{--primary:#ea580c;--primary-hover:#c2410c}[data-theme=orange].dark{--primary:#fb923c;--primary-hover:#fdba74}[data-theme=rose]{--primary:#e11d48;--primary-hover:#be123c}[data-theme=rose].dark{--primary:#fb7185;--primary-hover:#fda4af}[data-theme=pink]{--primary:#db2777;--primary-hover:#be185d}[data-theme=pink].dark{--primary:#f472b6;--primary-hover:#f9a8d4}[data-theme=red]{--primary:#dc2626;--primary-hover:#b91c1c}[data-theme=red].dark{--primary:#f87171;--primary-hover:#fca5a5}[data-theme=slate]{--primary:#334155;--primary-hover:#1e293b}[data-theme=slate].dark{--primary:#cbd5e1;--primary-hover:#e2e8f0;--primary-text:#0b0f17}[data-theme=warm]{--background:#f7f5f1;--panel:#fffdfa;--panel-muted:#f0ece5;--border:#e6e0d6;--text:#1c1917;--muted:#78716c;--primary:#c2410c;--primary-hover:#9a3412}[data-theme=warm].dark{--background:#1c1917;--panel:#26221f;--panel-muted:#322c28;--border:#3f3833;--text:#ece7e1;--muted:#a8a29e;--primary:#fb923c;--primary-hover:#fdba74}[data-theme=midnight]{--background:#eef2f7;--panel:#fff;--border:#dbe3ef;--primary:#3b82f6;--primary-hover:#2563eb}[data-theme=midnight].dark{--background:#070b14;--panel:#0e1526;--panel-muted:#16203a;--border:#22304f;--text:#dbe6f5;--primary:#60a5fa;--primary-hover:#93c5fd}.appearance{gap:24px;margin-top:8px;display:grid}.appearance-block h3{margin:0 0 10px;font-size:14px}.segmented{border:1px solid var(--border);background:var(--panel);border-radius:10px;display:inline-flex;overflow:hidden}.segmented-item{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:9px 16px;font-weight:600}.segmented-item.is-active{background:var(--primary);color:var(--primary-text)}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.swatch{background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.swatch.is-active{border-color:var(--primary);box-shadow:0 0 0 2px var(--ring)}.swatch-dot{border-radius:999px;flex:none;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000014}.font-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.font-list{border:1px solid var(--border);background:var(--panel-muted);border-radius:12px;flex-direction:column;gap:8px;max-height:380px;padding:8px;display:flex;overflow-y:auto}.font-list .font-option{width:100%}.font-option{background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.font-option.is-active{border-color:var(--primary);box-shadow:0 0 0 2px var(--ring)}.font-name{font-size:13px;font-weight:700}.font-preview{color:var(--muted);font-size:15px}.analytics-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.range-picker{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.range-segmented{flex-wrap:wrap}.range-segmented .segmented-item{padding:7px 11px;font-size:13px}.range-custom{align-items:center;gap:8px;display:flex}.range-custom input[type=date]{background:var(--input);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;padding:6px 8px}.analytics-card-wrap{position:relative}.card-hint{z-index:5;cursor:help;outline:none;position:absolute;top:10px;right:10px}.card-hint-badge{background:var(--panel-muted);border:1px solid var(--border);width:18px;height:18px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;transition:background .12s,color .12s;display:inline-flex}.card-hint:hover .card-hint-badge,.card-hint:focus .card-hint-badge{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.card-hint-bubble{background:var(--text);width:250px;max-width:72vw;color:var(--background);letter-spacing:0;text-align:left;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:400;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;top:24px;right:0;transform:translateY(-4px)}.card-hint:hover .card-hint-bubble,.card-hint:focus .card-hint-bubble{opacity:1;visibility:visible;transform:translateY(0)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}