/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@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-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;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-500:oklch(70.4% .14 182.503);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--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;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:calc(var(--spacing) * 0)}.top-full{top:100%}.-right-12{right:calc(var(--spacing) * -12)}.left-0{left:calc(var(--spacing) * 0)}.isolate{isolation:isolate}.z-50{z-index:50}.float-left{float:left}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.m-3{margin:calc(var(--spacing) * 3)}.m-4{margin:calc(var(--spacing) * 4)}.m-5{margin:calc(var(--spacing) * 5)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block:calc(var(--spacing) * 5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-5{margin-left:calc(var(--spacing) * 5)}.block{display:block}.contents{display:contents}.contents\!{display:contents!important}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table\!{display:table!important}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-24{height:calc(var(--spacing) * 24)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-full{width:100%}.w-px{width:1px}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.\!border-red-500\/70{border-color:#fb2c36b3!important}@supports (color:color-mix(in lab, red, red)){.\!border-red-500\/70{border-color:color-mix(in oklab, var(--color-red-500) 70%, transparent)!important}}.border-orange-500\/20{border-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.border-orange-500\/20{border-color:color-mix(in oklab, var(--color-orange-500) 20%, transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-800{border-color:var(--color-slate-800)}.border-slate-800\/50{border-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.border-slate-800\/50{border-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-\[\#090b11\]{background-color:#090b11}.bg-\[\#212529\]{background-color:#212529}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/10{background-color:color-mix(in oklab, var(--color-orange-500) 10%, transparent)}}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-950\/30{background-color:#4413064d}@supports (color:color-mix(in lab, red, red)){.bg-orange-950\/30{background-color:color-mix(in oklab, var(--color-orange-950) 30%, transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\/10{background-color:#4608091a}@supports (color:color-mix(in lab, red, red)){.bg-red-950\/10{background-color:color-mix(in oklab, var(--color-red-950) 10%, transparent)}}.bg-red-950\/20{background-color:#46080933}@supports (color:color-mix(in lab, red, red)){.bg-red-950\/20{background-color:color-mix(in oklab, var(--color-red-950) 20%, transparent)}}.bg-red-950\/30{background-color:#4608094d}@supports (color:color-mix(in lab, red, red)){.bg-red-950\/30{background-color:color-mix(in oklab, var(--color-red-950) 30%, transparent)}}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/60{background-color:#02061899}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/60{background-color:color-mix(in oklab, var(--color-slate-950) 60%, transparent)}}.bg-slate-950\/85{background-color:#020618d9}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/85{background-color:color-mix(in oklab, var(--color-slate-950) 85%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-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-orange-500{--tw-gradient-from:var(--color-orange-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-red-500{--tw-gradient-from:var(--color-red-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))}.to-amber-500{--tw-gradient-to:var(--color-amber-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))}.to-orange-600{--tw-gradient-to:var(--color-orange-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))}.to-teal-500{--tw-gradient-to:var(--color-teal-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))}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.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-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.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)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-amber-400{color:var(--color-amber-400)}.text-black{color:var(--color-black)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-950{color:var(--color-emerald-950)}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.placeholder-slate-500::placeholder{color:var(--color-slate-500)}.placeholder-slate-600::placeholder{color:var(--color-slate-600)}.shadow{--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)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.2\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#10b98133);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(249\,115\,22\,0\.2\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#f9731633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.ring{--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)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.ring-\[\#ffc107\]{--tw-ring-color:#ffc107}.ring-orange-500{--tw-ring-color:var(--color-orange-500)}.ring-offset-2{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.blur-xl{--tw-blur:blur(var(--blur-xl));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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,)}.backdrop-filter{-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-all{transition-property:all;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))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.selection\:bg-orange-500\/30 ::selection{background-color:#fe6e004d}@supports (color:color-mix(in lab, red, red)){.selection\:bg-orange-500\/30 ::selection{background-color:color-mix(in oklab, var(--color-orange-500) 30%, transparent)}}.selection\:bg-orange-500\/30::selection{background-color:#fe6e004d}@supports (color:color-mix(in lab, red, red)){.selection\:bg-orange-500\/30::selection{background-color:color-mix(in oklab, var(--color-orange-500) 30%, transparent)}}.selection\:text-orange-200 ::selection{color:var(--color-orange-200)}.selection\:text-orange-200::selection{color:var(--color-orange-200)}@media (hover:hover){.hover\:bg-emerald-400:hover{background-color:var(--color-emerald-400)}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-orange-400:hover{background-color:var(--color-orange-400)}.hover\:bg-orange-500:hover{background-color:var(--color-orange-500)}.hover\:bg-orange-700:hover{background-color:var(--color-orange-700)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-red-900\/30:hover{background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-900\/30:hover{background-color:color-mix(in oklab, var(--color-red-900) 30%, transparent)}}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:from-red-600:hover{--tw-gradient-from:var(--color-red-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))}.hover\:to-orange-700:hover{--tw-gradient-to:var(--color-orange-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))}.hover\:text-slate-200:hover{color:var(--color-slate-200)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:\!border-red-500\/80:focus{border-color:#fb2c36cc!important}@supports (color:color-mix(in lab, red, red)){.focus\:\!border-red-500\/80:focus{border-color:color-mix(in oklab, var(--color-red-500) 80%, transparent)!important}}.focus\:border-emerald-500:focus{border-color:var(--color-emerald-500)}.focus\:border-orange-500:focus{border-color:var(--color-orange-500)}.focus\:border-red-500\/50:focus{border-color:#fb2c3680}@supports (color:color-mix(in lab, red, red)){.focus\:border-red-500\/50:focus{border-color:color-mix(in oklab, var(--color-red-500) 50%, transparent)}}.focus\:ring-1:focus{--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\: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-emerald-500:focus{--tw-ring-color:var(--color-emerald-500)}.focus\:ring-emerald-500\/50:focus{--tw-ring-color:#00bb7f80}@supports (color:color-mix(in lab, red, red)){.focus\:ring-emerald-500\/50:focus{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 50%, transparent)}}.focus\:ring-orange-500:focus{--tw-ring-color:var(--color-orange-500)}.focus\:ring-orange-500\/50:focus{--tw-ring-color:#fe6e0080}@supports (color:color-mix(in lab, red, red)){.focus\:ring-orange-500\/50:focus{--tw-ring-color:color-mix(in oklab, var(--color-orange-500) 50%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-50:disabled{opacity:.5}}:root{--sp-primary:#0d6efd;--sp-primary-rgb:13, 110, 253;--sp-primary-hover:#0b5ed7;--sp-primary-active:#0a58ca;--sp-primary-subtle:#cfe2ff;--sp-primary-border-subtle:#9ec5fe;--sp-focus-ring:0 0 0 .25rem #0d6efd40;--sp-secondary:#6c757d;--sp-secondary-hover:#5c636a;--sp-secondary-subtle:#e2e3e5;--sp-success:#198754;--sp-success-hover:#157347;--sp-success-subtle:#d1e7dd;--sp-success-border-subtle:#a3cfbb;--sp-danger:#dc3545;--sp-danger-hover:#bb2d3b;--sp-danger-subtle:#f8d7da;--sp-danger-border-subtle:#f1aeb5;--sp-danger-muted-bg:#ede4e4;--sp-warning:#ffc107;--sp-warning-hover:#ffca2c;--sp-warning-subtle:#fff3cd;--sp-warning-border-subtle:#ffe69c;--sp-warning-text:#664d03;--sp-info:#0dcaf0;--sp-info-hover:#31d2f2;--sp-info-subtle:#cff4fc;--sp-info-border-subtle:#9eeaf9;--sp-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;--sp-font-mono:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sp-font-size-base:1rem;--sp-line-height-base:1.5;--sp-line-height-heading:1.2;--sp-border-radius-xs:2px;--sp-border-radius-sm:.25rem;--sp-border-radius:.375rem;--sp-border-radius-md:.375rem;--sp-border-radius-lg:.5rem;--sp-border-radius-xl:1rem;--sp-border-radius-pill:50rem;--sp-bg-canvas:#f8f9fa;--sp-bg-base:#f8f9fa;--sp-bg-surface:#fff;--sp-bg-subtle:#f1f3f5;--sp-bg-elevated:#fff;--sp-border:#dee2e6;--sp-border-subtle:#e9ecef;--sp-border-hover:#ced4da;--sp-border-danger:#dc354533;--sp-border-danger-hover:#dc354566;--sp-text-primary:#212529;--sp-text-secondary:#6c757d;--sp-text-muted:#adb5bd;--sp-text-inverse:#fff;--sp-code-bg:#212529;--sp-code-text:#f8f9fa;--sp-preview-bg:#f8f9fa;--sp-shadow-sm:0 .125rem .25rem #00000013;--sp-shadow-card:0 .5rem 1rem #00000014;--sp-shadow-floating:0 1rem 3rem #0000002d;--sp-shadow-brand:0 .25rem .75rem #0d6efd40;--sp-sidebar-width:270px;--sp-header-height:64px;--sp-toc-width:220px;--phx-brand-flame:var(--sp-primary);--phx-brand-ember:var(--sp-primary-hover);--phx-brand-amber:var(--sp-warning);--phx-brand-glow:var(--sp-primary-subtle);--phx-brand-glow-strong:#0d6efd47;--phx-brand-flame-light:var(--sp-primary-subtle);--phx-font-sans:var(--sp-font-sans);--phx-font-mono:var(--sp-font-mono);--phx-radius-xs:var(--sp-border-radius-xs);--phx-radius-sm:var(--sp-border-radius-sm);--phx-radius-md:var(--sp-border-radius);--phx-radius-lg:var(--sp-border-radius-lg);--phx-radius-xl:var(--sp-border-radius-xl);--phx-radius-pill:var(--sp-border-radius-pill);--phx-success:var(--sp-success);--phx-success-subtle:var(--sp-success-subtle);--phx-danger:var(--sp-danger);--phx-danger-hover:var(--sp-danger-hover);--phx-danger-subtle:var(--sp-danger-subtle);--phx-danger-subtle-hover:#fee2e2;--phx-danger-subtle-active:#fecaca;--phx-danger-muted-bg:var(--sp-danger-muted-bg);--phx-danger-muted-bg-hover:#e2d4d4;--phx-danger-muted-bg-active:#d8c6c6;--phx-info:var(--sp-info);--phx-info-subtle:var(--sp-info-subtle);--phx-bg-canvas:var(--sp-bg-canvas);--phx-bg-base:var(--sp-bg-base);--phx-bg-surface:var(--sp-bg-surface);--phx-bg-subtle:var(--sp-bg-subtle);--phx-bg-elevated:var(--sp-bg-elevated);--phx-border:var(--sp-border);--phx-border-subtle:var(--sp-border-subtle);--phx-border-hover:var(--sp-border-hover);--phx-border-danger:var(--sp-border-danger);--phx-border-danger-hover:var(--sp-border-danger-hover);--phx-text-primary:var(--sp-text-primary);--phx-text-secondary:var(--sp-text-secondary);--phx-text-muted:var(--sp-text-muted);--phx-text-inverse:var(--sp-text-inverse);--phx-code-bg:var(--sp-code-bg);--phx-code-text:var(--sp-code-text);--phx-preview-bg:var(--sp-preview-bg);--phx-shadow-sm:var(--sp-shadow-sm);--phx-shadow-card:var(--sp-shadow-card);--phx-shadow-floating:var(--sp-shadow-floating);--phx-shadow-flame:var(--sp-shadow-brand);--phx-sidebar-width:var(--sp-sidebar-width);--phx-header-height:var(--sp-header-height);--phx-toc-width:var(--sp-toc-width)}:root[data-theme=dark]{--sp-bg-canvas:#121212;--sp-bg-base:#1a1d20;--sp-bg-surface:#212529;--sp-bg-subtle:#2b3035;--sp-bg-elevated:#2b3035;--sp-border:#495057;--sp-border-subtle:#343a40;--sp-border-hover:#6c757d;--sp-border-danger:#dc354559;--sp-border-danger-hover:#dc354580;--sp-text-primary:#f8f9fa;--sp-text-secondary:#adb5bd;--sp-text-muted:#6c757d;--sp-text-inverse:#212529;--sp-primary-subtle:#0d6efd33;--sp-success-subtle:#19875433;--sp-danger-subtle:#dc354533;--sp-danger-subtle-hover:#dc35454d;--sp-danger-subtle-active:#dc354566;--sp-danger-muted-bg:#dc354529;--sp-danger-muted-bg-hover:#dc35453d;--sp-danger-muted-bg-active:#dc354552;--sp-warning-subtle:#ffc10733;--sp-warning-text:#ffda6a;--sp-info-subtle:#0dcaf033;--sp-code-bg:#0d1117;--sp-code-text:#e6edf3;--sp-preview-bg:#161b22;--sp-shadow-sm:0 .125rem .25rem #00000059;--sp-shadow-card:0 .5rem 1rem #00000073;--sp-shadow-floating:0 1rem 3rem #000000b3;--sp-shadow-brand:0 .25rem .75rem #0d6efd66;--phx-brand-flame-light:var(--sp-primary-subtle);--phx-bg-canvas:var(--sp-bg-canvas);--phx-bg-base:var(--sp-bg-base);--phx-bg-surface:var(--sp-bg-surface);--phx-bg-subtle:var(--sp-bg-subtle);--phx-bg-elevated:var(--sp-bg-elevated);--phx-border:var(--sp-border);--phx-border-subtle:var(--sp-border-subtle);--phx-border-hover:var(--sp-border-hover);--phx-border-danger:var(--sp-border-danger);--phx-border-danger-hover:var(--sp-border-danger-hover);--phx-text-primary:var(--sp-text-primary);--phx-text-secondary:var(--sp-text-secondary);--phx-text-muted:var(--sp-text-muted);--phx-text-inverse:var(--sp-text-inverse);--phx-shadow-sm:var(--sp-shadow-sm);--phx-shadow-card:var(--sp-shadow-card);--phx-shadow-floating:var(--sp-shadow-floating);--phx-shadow-flame:var(--sp-shadow-brand)}html{scroll-behavior:smooth}body{font-family:var(--sp-font-sans);background-color:var(--sp-bg-canvas);color:var(--sp-text-primary);flex-direction:column;min-height:100vh;margin:0;transition:background-color .15s ease-in-out,color .15s ease-in-out;display:flex}a{color:var(--sp-primary);text-decoration:none;transition:color .15s ease-in-out}a:hover{color:var(--sp-primary-hover);text-decoration:underline}:root[data-theme=dark] .sp-card-tag.kitchen,:root[data-theme=dark] .phx-card-tag.kitchen{background:#fd7e1433}:root[data-theme=dark] .sp-card-tag.bar,:root[data-theme=dark] .phx-card-tag.bar{background:#0d6efd33}:root[data-theme=dark] .sp-segment-btn:hover:not(.active),:root[data-theme=dark] .phx-segment-btn:hover:not(.active){background:#ffffff0d}:root[data-theme=dark] .sp-segment-btn.active,:root[data-theme=dark] .phx-segment-btn.active{background:var(--sp-bg-elevated);box-shadow:0 2px 6px #0006}@keyframes spSpin{to{transform:rotate(360deg)}}@keyframes phxSpin{to{transform:rotate(360deg)}}@keyframes sp-spin{to{transform:rotate(360deg)}}@keyframes phx-spin{to{transform:rotate(360deg)}}@keyframes spPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes phxPulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes spShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes phxShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes sp-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes phx-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes spShake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-8px)}30%,60%,90%{transform:translate(8px)}}@keyframes phxShake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-8px)}30%,60%,90%{transform:translate(8px)}}.animate-shake,.sp-shake,.phx-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both phxShake}@keyframes spTourSubtlePulse{0%,to{opacity:.75;box-shadow:0 0 6px #ffc1074d}50%{opacity:1;box-shadow:0 0 12px #ffc10799}}.sp-tour-pulse-ring{animation:2.4s ease-in-out infinite spTourSubtlePulse}.sp-navbar,.phx-navbar{z-index:100;height:var(--sp-header-height);background:var(--sp-bg-surface);border-bottom:1px solid var(--sp-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:14px;display:flex}.mobile-menu-btn{border-radius:var(--sp-border-radius-sm);border:1px solid var(--sp-border);background:var(--sp-bg-subtle);width:40px;height:40px;color:var(--sp-text-primary);cursor:pointer;justify-content:center;align-items:center;font-size:1.2rem;transition:border-color .15s ease-in-out,color .15s ease-in-out;display:none}.mobile-menu-btn:hover{border-color:var(--sp-primary);color:var(--sp-primary)}.sp-brand-logo,.phx-brand-logo{letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.brand-icon{background:var(--sp-primary);border-radius:var(--sp-border-radius-sm);width:34px;height:34px;box-shadow:var(--sp-shadow-brand);justify-content:center;align-items:center;display:flex}.brand-icon svg{fill:#fff;width:18px;height:18px}.brand-badge{font-family:var(--sp-font-mono);background:var(--sp-primary-subtle);color:var(--sp-primary);border-radius:var(--sp-border-radius-pill);border:1px solid var(--sp-primary-border-subtle);padding:3px 8px;font-size:.72rem;font-weight:700}.navbar-right{align-items:center;gap:14px;display:flex}.theme-toggle-btn{background:var(--sp-bg-subtle);border:1px solid var(--sp-border);color:var(--sp-text-primary);border-radius:var(--sp-border-radius-sm);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:border-color .15s ease-in-out;display:flex}.theme-toggle-btn:hover{border-color:var(--sp-primary)}.quick-link-btn{background:var(--sp-primary);color:#fff;border-radius:var(--sp-border-radius);box-shadow:var(--sp-shadow-sm);align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;display:flex}.docs-layout{flex:1;width:100%;max-width:1600px;margin:0 auto;display:flex;position:relative}.docs-sidebar{width:var(--sp-sidebar-width);top:var(--sp-header-height);height:calc(100vh - var(--sp-header-height));border-right:1px solid var(--sp-border);background:var(--sp-bg-surface);z-index:90;flex-shrink:0;padding:20px 16px 40px 20px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:sticky;overflow-y:auto}.sidebar-search-wrap{background:var(--sp-bg-surface);z-index:2;margin-bottom:18px;padding-bottom:8px;position:sticky;top:0}.sidebar-search-input{border-radius:var(--sp-border-radius-sm);border:1px solid var(--sp-border);background:var(--sp-bg-subtle);width:100%;height:38px;color:var(--sp-text-primary);outline:none;padding:0 12px;font-size:.875rem;transition:border-color .15s ease-in-out}.sidebar-search-input:focus{border-color:var(--sp-primary);background:var(--sp-bg-surface)}.sidebar-group{margin-bottom:22px}.sidebar-title{text-transform:uppercase;letter-spacing:.8px;color:var(--sp-text-muted);margin-bottom:8px;padding-left:10px;font-size:.75rem;font-weight:700}.sidebar-links{flex-direction:column;gap:2px;list-style:none;display:flex}.sidebar-link{color:var(--sp-text-secondary);border-radius:var(--sp-border-radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out;display:flex}.sidebar-link:hover{background:var(--sp-bg-subtle);color:var(--sp-text-primary)}.sidebar-link.active{background:var(--sp-primary-subtle);color:var(--sp-primary);font-weight:700}.sidebar-pill{border-radius:var(--sp-border-radius-sm);background:var(--sp-bg-subtle);color:var(--sp-text-muted);padding:2px 6px;font-size:.75rem;font-weight:700}.sidebar-link.active .sidebar-pill{background:var(--sp-primary-border-subtle);color:var(--sp-primary)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:85;opacity:0;background:#12121280;transition:opacity .2s;display:none;position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;display:block}.docs-content{flex:1;min-width:0;padding:40px 48px 80px}.docs-toc{width:var(--sp-toc-width);top:var(--sp-header-height);height:calc(100vh - var(--sp-header-height));flex-shrink:0;padding:32px 20px;display:block;position:sticky;overflow-y:auto}@media (width<=1200px){.docs-toc{display:none}}@media (width<=860px){.mobile-menu-btn{display:flex}.docs-sidebar{left:0;top:var(--sp-header-height);height:calc(100vh - var(--sp-header-height));box-shadow:var(--sp-shadow-floating);position:fixed;bottom:0;transform:translate(-100%)}.docs-sidebar.mobile-open{transform:translate(0)}.docs-content{padding:24px 20px}}.toc-title{text-transform:uppercase;letter-spacing:.8px;color:var(--sp-text-muted);margin-bottom:12px;font-size:.75rem;font-weight:700}.toc-links{border-left:2px solid var(--sp-border);flex-direction:column;gap:8px;padding-left:12px;list-style:none;display:flex}.toc-link{color:var(--sp-text-secondary);font-size:.875rem;transition:color .15s ease-in-out}.toc-link:hover,.toc-link.active{color:var(--sp-primary);font-weight:700}.sp-pos-sidebar-container,.phx-pos-sidebar-container{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;display:flex}.sp-pos{background:var(--sp-bg-surface);box-sizing:border-box;width:100%;min-height:calc(100vh - var(--sp-header-height,64px));grid-template-columns:68px 1fr 340px;gap:16px;padding:8px 0;display:grid}.sp-pos.has-modifier-workspace{grid-template-columns:68px 1fr 340px 340px}#catalog-slot{flex-direction:column;gap:12px;min-width:0;display:flex;overflow:hidden}@media (width<=1280px){.sp-pos.has-modifier-workspace{grid-template-columns:68px 1fr 300px 300px}}@media (width<=1050px){.sp-pos{grid-template-columns:1fr 320px}.sp-pos.has-modifier-workspace{grid-template-columns:1fr 280px 280px}.sim-rail,#nav-rail-slot{display:none}}@media (width<=800px){.sp-pos,.sp-pos.has-modifier-workspace{grid-template-columns:1fr}}.sp-manager-layout-wrapper,.phx-manager-layout-wrapper,.sp-hardware-layout-wrapper,.phx-hardware-layout-wrapper{grid-column:2/-1;width:100%;min-width:0;height:100%;overflow-y:auto}@media (width<=1000px){.sp-manager-layout-wrapper,.phx-manager-layout-wrapper,.sp-hardware-layout-wrapper,.phx-hardware-layout-wrapper{grid-column:1/-1}}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body,#root{background-color:var(--sp-bg-canvas);width:100%;min-height:100vh;color:var(--sp-text-primary);font-family:var(--sp-font-sans);font-size:var(--sp-font-size-base,1rem);line-height:var(--sp-line-height-base,1.5);overflow-x:hidden}.sp-navbar,.sp-navbar,.phx-navbar{background:var(--sp-bg-surface,#fff);border-bottom:1px solid var(--sp-border,#dee2e6);z-index:50;box-sizing:border-box;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:relative}.sp-navbar-left,.navbar-left{align-items:center;gap:12px;display:flex}.sp-brand-logo,.sp-brand-logo,.phx-brand-logo{letter-spacing:-.02em;color:var(--sp-text-primary,#212529);align-items:center;gap:8px;font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.sp-brand-icon,.brand-icon{width:28px;height:28px;color:var(--sp-primary,#0d6efd);justify-content:center;align-items:center;display:inline-flex}.sp-brand-icon svg,.brand-icon svg{width:24px;height:24px}.sp-navbar-right,.navbar-right{align-items:center;gap:10px;display:flex}.sp-segmented-control,.sp-segmented-control,.phx-segmented-control{background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-md,.375rem);align-items:center;gap:2px;padding:3px;display:inline-flex}.sp-segment-btn,.sp-segment-btn,.phx-segment-btn{border-radius:var(--sp-radius-sm,.25rem);height:34px;font-family:var(--sp-font-sans,system-ui, sans-serif);color:var(--sp-text-secondary,#6c757d);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:0 16px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.sp-segment-btn:hover:not(.active),.phx-segment-btn:hover:not(.active){color:var(--sp-text-primary,#212529);background:#0000000a}.sp-segment-btn.active,.sp-segment-btn.active,.phx-segment-btn.active{background:var(--sp-bg-surface,#fff);color:var(--sp-primary,#0d6efd);font-weight:700;box-shadow:0 1px 3px #00000014}.sp-terminal-badge,.sp-terminal-badge,.phx-terminal-badge{border-radius:var(--sp-radius-pill,50rem);background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);height:32px;font-family:var(--sp-font-sans,system-ui, sans-serif);color:var(--sp-text-secondary,#6c757d);align-items:center;gap:8px;padding:0 12px;font-size:.78rem;font-weight:600;display:inline-flex}.sp-status-dot,.sp-status-dot,.phx-status-dot{background:var(--sp-success,#198754);width:8px;height:8px;box-shadow:0 0 0 2px var(--sp-success-subtle,#d1e7dd);border-radius:50%;flex-shrink:0}.sp-terminal-badge.online .sp-status-dot,.sp-terminal-badge.online .sp-status-dot,.phx-terminal-badge.online .phx-status-dot{background:var(--sp-success,#198754);box-shadow:0 0 0 2px #19875440}.sp-terminal-badge.offline .sp-status-dot,.sp-terminal-badge.offline .sp-status-dot,.phx-terminal-badge.offline .phx-status-dot{background:var(--sp-danger,#dc3545);box-shadow:0 0 0 2px #dc354540}.sp-terminal-badge.syncing .sp-status-dot,.sp-terminal-badge.syncing .sp-status-dot,.phx-terminal-badge.syncing .phx-status-dot{background:var(--sp-warning,#ffc107);animation:1.2s ease-in-out infinite spPulse;box-shadow:0 0 0 2px #ffc10740}.sp-terminal-badge.unauthorized,.sp-terminal-badge.unauthorized,.phx-terminal-badge.unauthorized{border-color:var(--sp-border-danger,#f5c2c7);background:var(--sp-danger-subtle,#f8d7da);color:var(--sp-danger,#dc3545)}.sp-terminal-badge.unauthorized .sp-status-dot,.sp-terminal-badge.unauthorized .sp-status-dot,.phx-terminal-badge.unauthorized .phx-status-dot{background:var(--sp-danger,#dc3545);animation:1.2s ease-in-out infinite spPulse;box-shadow:0 0 0 2px #dc354540}.sp-theme-toggle-btn,.theme-toggle-btn{border-radius:var(--sp-radius-md,.375rem);border:1px solid var(--sp-border,#dee2e6);background:var(--sp-bg-surface,#fff);width:34px;height:34px;color:var(--sp-text-secondary,#6c757d);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.sp-theme-toggle-btn:hover,.theme-toggle-btn:hover{border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd);background:var(--sp-bg-subtle,#f8f9fa)}.sp-training-toggle-btn{border-radius:var(--sp-radius-pill,50rem);cursor:pointer;border:1px solid var(--sp-border,#dee2e6);background-color:var(--sp-bg-subtle,#f8f9fa);height:26px;color:var(--sp-text-secondary,#6c757d);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.sp-training-toggle-btn:hover:not(.active){border-color:var(--sp-warning,#ffc107)!important;color:var(--sp-text-primary,#212529)!important;background-color:var(--sp-warning-subtle,#fff3cd)!important}.sp-training-toggle-btn.active{background-color:var(--sp-warning,#ffc107)!important;border-color:var(--sp-warning,#ffc107)!important;color:#000!important}.sp-training-toggle-btn.active:hover{background-color:var(--sp-warning-hover,#ffca2c)!important;border-color:var(--sp-warning-hover,#ffca2c)!important;color:#000!important}.sp-category-bar,.sp-category-bar,.phx-category-bar{align-items:center;gap:8px;width:100%;padding:8px 0;display:flex;overflow-x:auto}.sp-cat-tab,.sp-cat-tab,.phx-cat-tab{border-radius:var(--sp-radius-pill,50rem);background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);height:40px;font-family:var(--sp-font-sans,system-ui, sans-serif);color:var(--sp-text-secondary,#6c757d);white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:0 16px;font-size:.875rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.sp-cat-tab:hover,.phx-cat-tab:hover{border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd);background:var(--sp-bg-subtle,#f8f9fa)}.sp-cat-tab.active,.sp-cat-tab.active,.phx-cat-tab.active{background:var(--sp-primary,#0d6efd);color:var(--sp-text-inverse,#fff);border-color:var(--sp-primary,#0d6efd);box-shadow:var(--sp-shadow-sm,0 1px 2px #0000000d)}.sp-badge-counter,.sp-badge-counter,.phx-badge-counter{font-family:var(--sp-font-mono,monospace);color:#fff;border-radius:var(--sp-radius-pill,50rem);background:#ffffff40;padding:2px 7px;font-size:.75rem;font-weight:700}.sp-cat-tab:not(.active) .sp-badge-counter,.phx-cat-tab:not(.active) .phx-badge-counter{background:var(--sp-bg-subtle,#f8f9fa);color:var(--sp-text-secondary,#6c757d)}.sp-pos-nav-rail,.sp-pos-nav-rail,.phx-pos-nav-rail{background:var(--sp-bg-surface,#fff);border-right:1px solid var(--sp-border,#dee2e6);box-sizing:border-box;flex-direction:column;justify-content:space-between;width:72px;height:100%;padding:6px 0;display:flex}.sp-rail-items,.sp-rail-items,.phx-rail-items{flex-direction:column;gap:4px;padding:4px 6px;display:flex}.sp-rail-btn,.sp-rail-btn,.phx-rail-btn{width:100%;height:54px;font-family:var(--sp-font-sans,system-ui, sans-serif);border-radius:var(--sp-radius-md,.375rem);color:var(--sp-text-secondary,#6c757d);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-size:.68rem;font-weight:600;transition:all .12s;display:flex}.sp-rail-btn svg,.sp-rail-btn svg,.phx-rail-btn svg{flex-shrink:0;width:20px;height:20px}.sp-rail-btn:hover,.phx-rail-btn:hover{background:var(--sp-bg-subtle,#f8f9fa);color:var(--sp-primary,#0d6efd);border-color:var(--sp-border,#dee2e6)}.sp-rail-btn.active,.sp-rail-btn.active,.phx-rail-btn.active{color:var(--sp-primary,#0d6efd);background:#0d6efd1a;border-color:#0d6efd40;font-weight:700}.sp-rail-btn-endshift,.sp-rail-btn-endshift,.phx-rail-btn-endshift{color:var(--sp-danger,#dc3545)}.sp-rail-btn-endshift:hover,.phx-rail-btn-endshift:hover{background:var(--sp-danger-subtle,#f8d7da);color:var(--sp-danger,#dc3545);border-color:var(--sp-border-danger,#f5c2c7)}.sp-pos-sidebar-drawer,.sp-pos-sidebar-drawer,.phx-pos-sidebar-drawer{background:var(--sp-bg-surface,#fff);border-right:1px solid var(--sp-border,#dee2e6);width:280px;height:100%;box-shadow:var(--sp-shadow-lg,0 10px 15px -3px #0000001a);box-sizing:border-box;z-index:100;flex-direction:column;justify-content:space-between;display:flex;position:relative}.sp-drawer-header,.sp-drawer-header,.phx-drawer-header{border-bottom:1px solid var(--sp-border,#dee2e6);align-items:center;gap:12px;padding:16px;display:flex}.sp-drawer-avatar,.sp-drawer-avatar,.phx-drawer-avatar{background:var(--sp-primary,#0d6efd);width:40px;height:40px;color:var(--sp-text-inverse,#fff);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.sp-drawer-nav-list,.sp-drawer-nav-list,.phx-drawer-nav-list{flex-direction:column;gap:4px;margin:0;padding:8px;list-style:none;display:flex}.sp-drawer-nav-item,.sp-drawer-nav-item,.phx-drawer-nav-item{border-radius:var(--sp-radius-md,.375rem);cursor:pointer;color:var(--sp-text-primary,#212529);font-family:var(--sp-font-sans,system-ui, sans-serif);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.88rem;font-weight:600;transition:all .12s;display:flex}.sp-drawer-nav-item:hover,.phx-drawer-nav-item:hover{background:var(--sp-bg-subtle,#f8f9fa);color:var(--sp-primary,#0d6efd)}.sp-drawer-nav-item.active,.sp-drawer-nav-item.active,.phx-drawer-nav-item.active{color:var(--sp-primary,#0d6efd);background:#0d6efd1a;font-weight:700}.sp-drawer-nav-item.training-active,.phx-drawer-nav-item.training-active{background:var(--sp-warning-subtle,#fff3cd);color:var(--sp-text-primary,#212529);font-weight:700}.sp-drawer-nav-item.training-active:hover,.phx-drawer-nav-item.training-active:hover{background:var(--sp-warning-subtle,#fff3cd);filter:brightness(.96)}:root[data-theme=dark] .sp-drawer-nav-item.training-active,:root[data-theme=dark] .phx-drawer-nav-item.training-active{color:var(--sp-warning,#ffc107);background:#ffc10726}:root[data-theme=dark] .sp-drawer-nav-item.training-active:hover,:root[data-theme=dark] .phx-drawer-nav-item.training-active:hover{background:#ffc10738}.sp-drawer-nav-left,.sp-drawer-nav-left,.phx-drawer-nav-left{align-items:center;gap:10px;display:flex}.sp-drawer-footer,.sp-drawer-footer,.phx-drawer-footer{border-top:1px solid var(--sp-border,#dee2e6);padding:12px 16px}:root,:root[data-theme=light]{--sp-tour-bg:#fff;--sp-tour-border:#dee2e6;--sp-tour-title:#212529;--sp-tour-body:#6c757d;--sp-tour-badge-bg:#0d6efd1a;--sp-tour-badge-text:#0d6efd;--sp-tour-hero-bg:#f8f9fa;--sp-tour-hero-border:#dee2e6;--sp-tour-pill-bg:#e9ecef;--sp-tour-pill-active:#0d6efd;--sp-tour-btn-bg:#0d6efd;--sp-tour-btn-hover:#0b5ed7;--sp-tour-btn-text:#fff;--sp-tour-btn-border:#0d6efd;--sp-tour-caret:#fff;--sp-tour-shadow:0 12px 30px -6px #2125291f, 0 4px 8px -2px #2125290f}:root[data-theme=dark]{--sp-tour-bg:#18191c;--sp-tour-border:#343a40;--sp-tour-title:#f8fafc;--sp-tour-body:#adb5bd;--sp-tour-badge-bg:#ffc10726;--sp-tour-badge-text:#ffc107;--sp-tour-hero-bg:#212529;--sp-tour-hero-border:#343a40;--sp-tour-pill-bg:#2b3035;--sp-tour-pill-active:#0d6efd;--sp-tour-btn-bg:#0d6efd;--sp-tour-btn-hover:#0b5ed7;--sp-tour-btn-text:#fff;--sp-tour-btn-border:#0d6efd;--sp-tour-caret:#18191c;--sp-tour-shadow:0 20px 35px -10px #000000bf, 0 0 1px 1px #ffffff14}.sp-tour-anchor{z-index:50;border-radius:.375rem;display:inline-block;position:relative}.sp-tour-anchor.is-full-height{height:100%;display:flex}.sp-tour-anchor.is-full-width,.sp-tour-anchor.w-full{width:100%;display:block}.sp-tour-anchor.flex-1{flex:1;width:0;min-width:0;display:flex}.sp-tour-pulse-ring{pointer-events:none;box-shadow:0 0 0 2px var(--sp-warning,#ffc107);border-radius:.375rem;animation:2.4s ease-in-out infinite spTourSubtlePulse;position:absolute;inset:0}.sp-tour-tooltip-container{z-index:9999;pointer-events:auto;position:fixed;margin:0!important;transform:none!important}.sp-cms-modal-content:has(.sp-tour-tooltip-container){overflow:visible!important}.sp-tour-tooltip-card{background-color:var(--sp-tour-bg);border:1px solid var(--sp-tour-border);width:19.5rem;max-width:92vw;box-shadow:var(--sp-tour-shadow);pointer-events:auto;text-align:left;box-sizing:border-box;border-radius:1rem;flex-direction:column;gap:.85rem;padding:1.15rem;transition:background-color .2s,border-color .2s,color .2s;display:flex}.sp-tour-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sp-tour-title{color:var(--sp-tour-title);letter-spacing:-.015em;margin:0;font-size:1.05rem;font-weight:800;line-height:1.25}.sp-tour-step-badge{text-transform:uppercase;letter-spacing:.05em;background-color:var(--sp-tour-badge-bg);color:var(--sp-tour-badge-text);border-radius:.375rem;flex-shrink:0;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.sp-tour-hero-preview{background-color:var(--sp-tour-hero-bg);border:1px solid var(--sp-tour-hero-border);box-sizing:border-box;border-radius:.85rem;justify-content:center;align-items:center;width:100%;height:6.75rem;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden}.sp-tour-hero-preview>div:not(.sp-tour-history-list),.sp-tour-hero-card{box-sizing:border-box!important;padding:10px!important}.sp-tour-body-text{color:var(--sp-tour-body);margin:0;font-size:.85rem;line-height:1.45}.sp-tour-btn-group{flex-direction:column!important;gap:.5rem!important;width:100%!important;display:flex!important}.sp-tour-btn-group button{width:100%!important}.sp-tour-action-btn{background-color:var(--sp-tour-btn-bg);border:1px solid var(--sp-tour-btn-border);width:100%;color:var(--sp-tour-btn-text);cursor:pointer;box-sizing:border-box;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.88rem;font-weight:700;transition:all .15s ease-in-out;display:flex}.sp-tour-action-btn:hover{background-color:var(--sp-tour-btn-hover);border-color:var(--sp-tour-btn-hover);transform:translateY(-1px)}.sp-tour-action-btn:active{transform:translateY(0)}.sp-tour-back-btn{border:1px solid var(--sp-tour-border);width:100%;color:var(--sp-tour-body);cursor:pointer;box-sizing:border-box;background-color:#0000;border-radius:.75rem;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.84rem;font-weight:600;transition:all .15s ease-in-out;display:flex}.sp-tour-back-btn:hover:not(:disabled){color:var(--sp-tour-title);border-color:var(--sp-tour-title);background-color:#6c757d1f}.sp-tour-back-btn:active:not(:disabled){transform:translateY(0)}.sp-tour-btn-icon{flex-shrink:0;width:1rem;height:1rem}.sp-tour-caret{pointer-events:none;z-index:10001;width:0;height:0;position:absolute}.sp-tour-caret.caret-bottom{border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:8px solid var(--sp-tour-caret);will-change:left;bottom:100%;transform:translate(-50%)}.sp-tour-caret.caret-top{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--sp-tour-caret);will-change:left;top:100%;transform:translate(-50%)}.sp-tour-caret.caret-right{border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:8px solid var(--sp-tour-caret);will-change:top;right:100%;transform:translateY(-50%)}.sp-tour-caret.caret-left{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:8px solid var(--sp-tour-caret);will-change:top;left:100%;transform:translateY(-50%)}.sp-rail-btn.sp-tour-active-highlight{z-index:55;position:relative;border-radius:.5rem!important;animation:2.4s ease-in-out infinite spTourSubtlePulse!important;box-shadow:0 0 0 3px #ffc107,0 0 15px #ffc10799!important}.sp-tour-hero-card{border:1px solid var(--sp-tour-border);background-color:var(--sp-tour-bg);border-radius:.85rem;justify-content:space-between;align-items:center;gap:.75rem;width:14.5rem;max-width:100%;display:flex;box-shadow:0 1px 3px #0000000d;box-sizing:border-box!important;padding:10px!important}.sp-tour-hero-card.sp-tour-card-col{flex-direction:column;justify-content:center;gap:.625rem;width:12rem;box-sizing:border-box!important;padding:10px!important}.sp-tour-hero-row{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.sp-tour-hero-icon{width:1.75rem;height:1.75rem;color:var(--sp-primary,#0d6efd);background-color:#0d6efd1f;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-tour-hero-icon svg{width:1rem;height:1rem}.sp-tour-hero-meta{flex-direction:column;flex:1;min-width:0;display:flex}.sp-tour-hero-title{color:var(--sp-tour-title);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.72rem;font-weight:700;line-height:1.25;overflow:hidden}.sp-tour-hero-subtext{color:var(--sp-tour-body);font-size:.625rem;line-height:1.25;font-family:var(--sp-font-mono,monospace);margin:0}.sp-tour-hero-price{font-size:.65rem;font-family:var(--sp-font-mono,monospace);color:var(--sp-primary,#0d6efd);font-weight:600;line-height:1.25}.sp-tour-hero-add-badge{background-color:var(--sp-primary,#0d6efd);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;box-shadow:0 1px 2px #00000026}.sp-tour-hero-add-badge svg{width:.85rem;height:.85rem}.sp-tour-hero-beacon{background-color:var(--sp-success,#198754);border-radius:50%;flex-shrink:0;width:.625rem;height:.625rem}.sp-tour-history-list{flex-direction:column;gap:.375rem;width:100%;max-width:15rem;display:flex}.sp-tour-history-item{border:1px solid var(--sp-tour-border);background-color:var(--sp-tour-bg);border-radius:.375rem;justify-content:space-between;align-items:center;padding:.3rem .6rem;display:flex;box-shadow:0 1px 2px #0000000a}.sp-tour-history-lead{align-items:center;gap:.5rem;display:flex}.sp-tour-status-dot{border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem}.sp-tour-status-dot.status-paid{background-color:var(--sp-success,#198754)}.sp-tour-status-dot.status-void{background-color:var(--sp-danger,#dc3545)}.sp-tour-status-dot.status-open{background-color:var(--sp-primary,#0d6efd)}.sp-tour-history-order{color:var(--sp-tour-title);font-size:.6875rem;font-weight:600}.sp-tour-history-amount{font-size:.625rem;font-family:var(--sp-font-mono,monospace);color:var(--sp-tour-body)}.sp-tour-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;padding:.125rem .375rem;font-size:.5625rem;font-weight:700;line-height:1}.sp-tour-status-badge.status-paid{color:var(--sp-success,#198754);background-color:#19875426;border:1px solid #1987544d}.sp-tour-status-badge.status-void{color:var(--sp-danger,#dc3545);background-color:#dc354526;border:1px solid #dc35454d}.sp-tour-status-badge.status-open{color:var(--sp-primary,#0d6efd);background-color:#0d6efd26;border:1px solid #0d6efd4d}.sp-tour-chart-container{flex-shrink:0;align-items:flex-end;gap:.375rem;height:1.5rem;padding-bottom:.125rem;display:flex}.sp-tour-chart-bar{border-radius:2px 2px 0 0;width:.625rem}.sp-tour-chart-bar.bar-1{background-color:#0d6efd66;height:.625rem}.sp-tour-chart-bar.bar-2{background-color:#0d6efdb3;height:.875rem}.sp-tour-chart-bar.bar-3{background-color:var(--sp-primary,#0d6efd);height:1.25rem;box-shadow:0 1px 2px #0000001a}.sp-tour-metric-row{align-items:center;gap:.25rem;display:flex}.sp-tour-hero-metric{font-size:.75rem;font-weight:700;font-family:var(--sp-font-mono,monospace);color:var(--sp-tour-title)}.sp-tour-trend-icon{width:.875rem;height:.875rem;color:var(--sp-success,#198754)}.sp-tour-avatar{width:2rem;height:2rem;color:var(--sp-primary,#0d6efd);background-color:#0d6efd26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.sp-tour-pill-badge{border-radius:9999px;flex-shrink:0;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:.5625rem;font-weight:700;display:flex}.sp-tour-pill-badge.status-active{color:var(--sp-success,#198754);background-color:#19875426;border:1px solid #1987544d}.sp-tour-switch-track{background-color:var(--sp-primary,#0d6efd);box-sizing:border-box;border-radius:9999px;flex-shrink:0;align-items:center;width:2.25rem;height:1.25rem;padding:.125rem;display:flex;box-shadow:inset 0 1px 2px #0003}.sp-tour-switch-thumb{background-color:#fff;border-radius:50%;width:1rem;height:1rem;box-shadow:0 1px 3px #00000040}.sp-tour-icon-box{width:1.75rem;height:1.75rem;color:var(--sp-tour-body);background-color:#6c757d1f;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-tour-icon-box.success{color:var(--sp-success,#198754);background-color:#19875426}.sp-tour-sync-dots{flex:1;justify-content:center;align-items:center;gap:.375rem;display:flex}.sp-tour-data-dot{background-color:var(--sp-primary,#0d6efd);border-radius:50%}.sp-tour-data-dot.dot-sm{width:.375rem;height:.375rem}.sp-tour-data-dot.dot-md{width:.5rem;height:.5rem}.sp-tour-clock-box{width:2rem;height:2rem;color:var(--sp-warning,#ffc107);background-color:#ffc10726;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.sp-tour-tips-text{font-size:.5625rem;font-family:var(--sp-font-mono,monospace);color:var(--sp-success,#198754);margin:0;font-weight:600;line-height:1.25}.sp-tour-pin-dots{align-items:center;gap:.625rem;display:flex}.sp-tour-pin-dot{background-color:var(--sp-tour-title);border-radius:50%;width:.5rem;height:.5rem}@keyframes spFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spHeartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.sp-anim-float{box-sizing:border-box;animation:3.2s ease-in-out infinite spFloat;padding:10px!important}.sp-anim-heartbeat{animation:1.8s ease-in-out infinite spHeartbeat}@keyframes spTabShift{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.02)}}@keyframes spBeacon{0%{transform:scale(.95);box-shadow:0 0 #198754b3}70%{transform:scale(1);box-shadow:0 0 0 8px #19875400}to{transform:scale(.95);box-shadow:0 0 #19875400}}.sp-anim-tab-card{box-sizing:border-box;animation:3s ease-in-out infinite spTabShift;padding:10px!important}.sp-anim-beacon{animation:2s infinite spBeacon}@keyframes spHistoryItemSlide{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.sp-anim-history-row{animation:3.2s ease-in-out infinite spHistoryItemSlide}@keyframes spBarGrow1{0%,to{transform:scaleY(.65)}50%{transform:scaleY(1)}}@keyframes spBarGrow2{0%,to{transform:scaleY(.45)}50%{transform:scaleY(.9)}}@keyframes spBarGrow3{0%,to{transform:scaleY(.85)}50%{transform:scaleY(1.08)}}@keyframes spTrendUp{0%,to{transform:translate(0)}50%{transform:translate(2px,-3px)}}.sp-anim-bar-1{transform-origin:bottom;animation:2.2s ease-in-out infinite spBarGrow1}.sp-anim-bar-2{transform-origin:bottom;animation:2.6s ease-in-out .2s infinite spBarGrow2}.sp-anim-bar-3{transform-origin:bottom;animation:2.4s ease-in-out .4s infinite spBarGrow3}.sp-anim-trend{animation:2.4s ease-in-out infinite spTrendUp}@keyframes spTeamPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sp-anim-team{animation:3s ease-in-out infinite spTeamPulse}@keyframes spToggleThumb{0%,to{transform:translate(0)}50%{transform:translate(14px)}}.sp-anim-toggle-thumb{animation:2.8s cubic-bezier(.16,1,.3,1) infinite spToggleThumb}@keyframes spDataPulse{0%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.7)}}.sp-anim-data-dot{animation:1.8s ease-in-out infinite spDataPulse}@keyframes spClockSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sp-anim-clock-hand{transform-origin:12px 12px;animation:5s linear infinite spClockSweep}@keyframes spLockSnap{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes spPinDotGlow{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}.sp-anim-lock{animation:2.5s ease-in-out infinite spLockSnap}.sp-anim-pin-1{animation:1.6s ease-in-out .1s infinite spPinDotGlow}.sp-anim-pin-2{animation:1.6s ease-in-out .3s infinite spPinDotGlow}.sp-anim-pin-3{animation:1.6s ease-in-out .5s infinite spPinDotGlow}.sp-anim-pin-4{animation:1.6s ease-in-out .7s infinite spPinDotGlow}@keyframes spAuthFill{0%{opacity:.6;width:0%}60%{opacity:1;width:85%}to{opacity:1;width:100%}}@keyframes spShieldPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes spTicketSlideIn{0%{opacity:.7;transform:translateY(6px)}50%{opacity:1;transform:translateY(0)}to{opacity:.7;transform:translateY(6px)}}.sp-anim-auth-fill{animation:1.8s cubic-bezier(.16,1,.3,1) infinite spAuthFill}.sp-anim-shield{animation:2.2s ease-in-out infinite spShieldPulse}.sp-anim-ticket-slide{animation:3s ease-in-out infinite spTicketSlideIn}.sp-tour-auth-progress-track{background:var(--sp-tour-pill-bg,#e9ecef);border-radius:9999px;width:100%;height:6px;margin-top:6px;overflow:hidden}.sp-tour-auth-progress-fill{background:var(--sp-primary,#0d6efd);border-radius:9999px;height:100%}.sp-tour-suppress-badge{text-transform:uppercase;letter-spacing:.03em;color:#198754;background:#1987541f;border:1px solid #19875440;border-radius:9999px;align-items:center;gap:5px;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.sp-tour-hybrid-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sp-tour-hybrid-pill{background:var(--sp-tour-pill-bg,#e9ecef);color:var(--sp-tour-title,#212529);border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:600;display:inline-flex}.sp-tour-hybrid-pill.is-cash{border-left:3px solid #198754}.sp-tour-hybrid-pill.is-card{border-left:3px solid #0d6efd}.sp-tour-hybrid-pill.is-split{border-left:3px solid #6f42c1}.sp-tour-hero-card.is-checkout-card{box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:8px!important;width:100%!important;max-width:250px!important;padding:10px 12px!important;display:flex!important}.sp-tour-hero-card.is-checkout-card .sp-tour-hero-row{align-items:center;gap:10px;width:100%;display:flex}.sp-tour-hero-card.is-checkout-card .sp-tour-hero-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sp-tour-hero-card.is-checkout-card .sp-tour-hero-title{color:var(--sp-tour-title);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.sp-tour-hero-card.is-checkout-card .sp-tour-hero-subtext,.sp-tour-hero-card.is-checkout-card .sp-tour-hero-price{color:var(--sp-tour-body);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.sp-tour-hero-card.is-checkout-card .sp-tour-suppress-badge{box-sizing:border-box;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.sp-tour-hero-card.is-checkout-card .sp-tour-hybrid-pills{box-sizing:border-box;justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.sp-guide-card{border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-md,.375rem);background-color:var(--sp-bg-surface,#fff);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;justify-content:space-between;gap:10px;padding:15px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.sp-guide-card:hover{border-color:var(--sp-primary,#0d6efd);transform:translateY(-2px);box-shadow:0 6px 18px -4px #0d6efd26,0 2px 6px -1px #0000000f}.sp-guide-card:focus-visible{outline:2px solid var(--sp-primary,#0d6efd);outline-offset:2px}.sp-guide-card-top{align-items:flex-start;gap:12px;display:flex}.sp-guide-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sp-guide-card-header{flex:1;min-width:0}.sp-guide-card-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.sp-guide-card-title{color:var(--sp-text-primary,#212529);margin:0;font-size:.9rem;font-weight:800}.sp-guide-card-badge{letter-spacing:.02em;background:var(--sp-bg-subtle,#f8f9fa);color:var(--sp-text-secondary,#6c757d);border:1px solid var(--sp-border,#dee2e6);border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.sp-guide-card-desc{color:var(--sp-text-secondary,#6c757d);margin:0;font-size:.79rem;line-height:1.45}.sp-guide-card-action{color:var(--sp-primary,#0d6efd);align-items:center;gap:6px;padding-top:2px;font-size:.76rem;font-weight:700;display:inline-flex}.sp-guide-card:hover .sp-guide-card-action svg{transform:translate(4px)}.sp-guide-card-action svg{transition:transform .2s}.section-header{margin-bottom:28px}.badge-label{text-transform:uppercase;letter-spacing:.6px;color:var(--phx-brand-flame);background:var(--phx-brand-glow);border-radius:var(--phx-radius-pill);margin-bottom:12px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-block}h1.doc-title{letter-spacing:-.8px;margin-bottom:12px;font-size:2.3rem;font-weight:800}p.doc-lead{color:var(--phx-text-secondary);max-width:800px;font-size:1.1rem;line-height:1.6}h2.doc-subtitle{border-bottom:1px solid var(--phx-border);align-items:center;gap:10px;margin:48px 0 16px;padding-bottom:10px;font-size:1.45rem;font-weight:800;display:flex}p.doc-p{color:var(--phx-text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.65}.sp-callout,.phx-callout{border-radius:var(--phx-radius-md);background:var(--phx-bg-surface);border-left:4px solid var(--phx-brand-flame);border-top:1px solid var(--phx-border);border-right:1px solid var(--phx-border);border-bottom:1px solid var(--phx-border);gap:14px;margin:24px 0;padding:18px 20px;display:flex}.callout-icon{flex-shrink:0;font-size:1.3rem}.callout-text h4{margin-bottom:4px;font-size:.95rem;font-weight:700}.callout-text p{color:var(--phx-text-secondary);font-size:.88rem;line-height:1.5}.preview-card{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);box-shadow:var(--phx-shadow-card);margin:24px 0 36px;overflow:hidden}.preview-header{background:var(--phx-bg-subtle);border-bottom:1px solid var(--phx-border);color:var(--phx-text-secondary);justify-content:space-between;align-items:center;padding:12px 20px;font-size:.8rem;font-weight:700;display:flex}.preview-body{background-color:var(--phx-preview-bg);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:32px;display:flex}.preview-code-block{background:var(--phx-code-bg);color:var(--phx-code-text);font-family:var(--phx-font-mono);border-top:1px solid var(--phx-border);padding:18px 20px;font-size:.84rem;line-height:1.5;overflow-x:auto}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:100%;display:grid}.swatch-card{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);cursor:pointer;transition:transform .15s,border-color .15s;overflow:hidden}.swatch-card:hover{border-color:var(--phx-brand-flame);transform:translateY(-2px)}.swatch-color{width:100%;height:80px}.swatch-info{padding:12px}.swatch-name{margin-bottom:2px;font-size:.85rem;font-weight:700}.swatch-token{font-family:var(--phx-font-mono);color:var(--phx-text-muted);font-size:.72rem}.sp-form-group,.sp-form-group,.phx-form-group{flex-direction:column;gap:6px;width:100%;display:flex}.sp-form-label,.sp-form-label,.phx-form-label{color:var(--sp-text-primary);justify-content:left;align-items:center;font-size:.875rem;font-weight:600;display:flex}.sp-form-hint,.sp-form-hint,.phx-form-hint{color:var(--sp-text-muted);font-size:.75rem}.sp-input,.sp-form-control,.sp-input,.phx-input{border-radius:var(--sp-border-radius);border:1px solid var(--sp-border);background:var(--sp-bg-surface);height:44px;min-height:44px;color:var(--sp-text-primary);font-family:var(--sp-font-sans);box-sizing:border-box;outline:none;width:100%;padding:.375rem .875rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sp-input:focus,.sp-form-control:focus,.phx-input:focus{border-color:var(--sp-primary);box-shadow:var(--sp-focus-ring);background:var(--sp-bg-surface)}.sp-input-prefix-wrap,.sp-input-prefix-wrap,.phx-input-prefix-wrap{align-items:center;width:100%;display:flex;position:relative}.sp-input-prefix-wrap .prefix-symbol,.sp-input-prefix-wrap .prefix-symbol,.phx-input-prefix-wrap .prefix-symbol{font-family:var(--sp-font-mono);color:var(--sp-primary);font-weight:700;position:absolute;left:14px}.sp-input-prefix-wrap .sp-input,.sp-input-prefix-wrap .sp-input,.phx-input-prefix-wrap .phx-input{font-family:var(--sp-font-mono);padding-left:36px;font-weight:700}.sp-select,.sp-select,.phx-select{border-radius:var(--sp-border-radius);border:1px solid var(--sp-border);background:var(--sp-bg-surface);height:44px;min-height:44px;color:var(--sp-text-primary);font-family:var(--sp-font-sans);cursor:pointer;box-sizing:border-box;outline:none;width:100%;padding:.375rem 2rem .375rem .875rem;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sp-select:focus,.phx-select:focus{border-color:var(--sp-primary);box-shadow:var(--sp-focus-ring)}.sp-search-bar,.sp-search-bar,.phx-search-bar{align-items:center;width:100%;display:flex;position:relative}.sp-search-bar svg,.sp-search-bar svg,.phx-search-bar svg{width:18px;height:18px;fill:var(--sp-text-muted);position:absolute;left:14px}.sp-search-bar input,.sp-search-bar input,.phx-search-bar input{border-radius:var(--sp-border-radius-pill);border:1px solid var(--sp-border);background:var(--sp-bg-subtle);width:100%;height:44px;min-height:44px;font-family:var(--sp-font-sans);color:var(--sp-text-primary);box-sizing:border-box;outline:none;padding:0 16px 0 42px;font-size:.95rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out}.sp-search-bar input:focus,.phx-search-bar input:focus{border-color:var(--sp-primary);box-shadow:var(--sp-focus-ring);background:var(--sp-bg-surface)}.sp-switch-wrap,.sp-switch-wrap,.phx-switch-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.sp-switch,.sp-switch,.phx-switch{background:var(--sp-bg-subtle);border:1px solid var(--sp-border);border-radius:var(--sp-border-radius-pill);flex-shrink:0;width:48px;height:26px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;position:relative}.sp-switch:after,.phx-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.sp-switch.checked,.sp-switch.checked,.phx-switch.checked{background:var(--sp-primary);border-color:var(--sp-primary)}.sp-switch.checked:after,.phx-switch.checked:after{transform:translate(22px)}.sp-btn,.phx-btn,.sp-btn-primary,.phx-btn-primary,.sp-btn-secondary,.phx-btn-secondary,.sp-btn-danger,.phx-btn-danger,.sp-btn-success,.sp-btn-warning,.sp-btn-info{border-radius:var(--sp-border-radius);height:44px;min-height:44px;font-family:var(--sp-font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;padding:.375rem 1.125rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-flex}.sp-btn-primary,.sp-btn-primary,.phx-btn-primary{background:var(--sp-primary);border:1px solid var(--sp-primary);color:#fff;box-shadow:var(--sp-shadow-sm)}.sp-btn-primary:hover:not(:disabled),.phx-btn-primary:hover:not(:disabled){background:var(--sp-primary-hover);border-color:var(--sp-primary-hover);color:#fff}.sp-btn-primary:active:not(:disabled),.phx-btn-primary:active:not(:disabled){background:var(--sp-primary-active);border-color:var(--sp-primary-active);color:#fff;transform:translateY(1px)}.sp-btn-primary:focus-visible,.phx-btn-primary:focus-visible{box-shadow:var(--sp-focus-ring);outline:none}.sp-btn-primary:disabled,.phx-btn-primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.sp-btn-secondary,.sp-btn-secondary,.phx-btn-secondary{background:var(--sp-bg-surface);border:1px solid var(--sp-border);color:var(--sp-text-primary)}.sp-btn-secondary:hover:not(:disabled),.phx-btn-secondary:hover:not(:disabled){border-color:var(--sp-primary);color:var(--sp-primary);background:var(--sp-bg-subtle)}.sp-btn-secondary:active:not(:disabled),.phx-btn-secondary:active:not(:disabled){background:var(--sp-primary-subtle);transform:translateY(1px)}.sp-btn-secondary:focus-visible,.phx-btn-secondary:focus-visible{box-shadow:var(--sp-focus-ring);outline:none}.sp-btn-danger,.sp-btn-danger,.phx-btn-danger{background:var(--sp-danger);border:1px solid var(--sp-danger);color:#fff;box-shadow:var(--sp-shadow-sm)}.sp-btn-danger:hover:not(:disabled),.phx-btn-danger:hover:not(:disabled){background:var(--sp-danger-hover);border-color:var(--sp-danger-hover);color:#fff}.sp-btn-danger:active:not(:disabled),.phx-btn-danger:active:not(:disabled){color:#fff;background:#a52834;border-color:#a52834;transform:translateY(1px)}.sp-btn-danger:focus-visible,.phx-btn-danger:focus-visible{outline:none;box-shadow:0 0 0 .25rem #dc354540}.sp-btn-danger:disabled,.phx-btn-danger:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.sp-btn-success{background:var(--sp-success);border:1px solid var(--sp-success);color:#fff;box-shadow:var(--sp-shadow-sm)}.sp-btn-success:hover:not(:disabled){background:var(--sp-success-hover);border-color:var(--sp-success-hover);color:#fff}.sp-btn-success:focus-visible{outline:none;box-shadow:0 0 0 .25rem #19875440}.sp-btn-sm,.sp-btn-sm,.phx-btn-sm{border-radius:var(--sp-border-radius-sm);height:34px;min-height:34px;padding:.25rem .75rem;font-size:.875rem}.sp-btn-lg,.sp-btn-lg,.phx-btn-lg{border-radius:var(--sp-border-radius-lg);height:48px;min-height:48px;padding:.5rem 1.5rem;font-size:1.1rem}.sp-btn-block,.sp-btn-block,.phx-btn-block{width:100%}.sp-lead-capture-form,.sp-lead-capture-form,.phx-lead-capture-form{background-color:var(--sp-bg-surface);border:1px solid var(--sp-border);border-radius:var(--sp-border-radius-lg);box-shadow:var(--sp-shadow-card);text-align:left;box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:680px;margin:0 auto;padding:clamp(20px,4vw,36px) clamp(16px,3.5vw,32px);display:flex}.sp-lead-success-card,.sp-lead-success-card,.phx-lead-success-card{background-color:var(--sp-bg-surface);border:1px solid var(--sp-border);border-radius:var(--sp-border-radius-lg);text-align:center;width:100%;max-width:580px;box-shadow:var(--sp-shadow-card);box-sizing:border-box;flex-direction:column;align-items:center;margin:0 auto 36px;padding:clamp(32px,6vw,48px) clamp(18px,4vw,32px);display:flex}.sp-lead-success-badge,.sp-lead-success-badge,.phx-lead-success-badge{background-color:var(--sp-success-subtle);border:1px solid var(--sp-success);width:64px;height:64px;color:var(--sp-success);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.sp-lead-success-title,.sp-lead-success-title,.phx-lead-success-title{color:var(--sp-text-primary);letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(1.35rem,4vw,1.65rem);font-weight:700}.sp-lead-success-desc,.sp-lead-success-desc,.phx-lead-success-desc{color:var(--sp-text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.6}.sp-lead-success-ref,.sp-lead-success-ref,.phx-lead-success-ref{border-radius:var(--sp-border-radius-sm);background-color:var(--sp-bg-subtle);border:1px solid var(--sp-border);font-family:var(--sp-font-mono);color:var(--sp-text-secondary);align-items:center;gap:8px;margin-bottom:32px;padding:6px 14px;font-size:.8rem;display:inline-flex}.sp-form-grid-2,.sp-form-grid-2,.phx-form-grid-2{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=640px){.sp-form-grid-2,.sp-form-grid-2,.phx-form-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}}.sp-form-section,.sp-form-section,.phx-form-section{flex-direction:column;gap:16px;width:100%;display:flex}.sp-scarcity-alert,.sp-scarcity-alert,.phx-scarcity-alert{background-color:var(--sp-primary-subtle);border:1px solid var(--sp-primary-border-subtle);border-radius:var(--sp-border-radius);box-sizing:border-box;text-align:left;align-items:flex-start;gap:14px;width:100%;padding:clamp(16px,4vw,20px) clamp(16px,4vw,22px);display:flex}@media (width>=640px){.sp-scarcity-alert,.sp-scarcity-alert,.phx-scarcity-alert{align-items:center}}.sp-scarcity-dot,.sp-scarcity-dot,.phx-scarcity-dot{background-color:var(--sp-primary);width:10px;height:10px;box-shadow:0 0 8px var(--sp-primary);border-radius:50%;flex-shrink:0;margin-top:4px}@media (width>=640px){.sp-scarcity-dot,.sp-scarcity-dot,.phx-scarcity-dot{margin-top:0}}.sp-scarcity-title,.sp-scarcity-title,.phx-scarcity-title{color:var(--sp-primary);letter-spacing:.03em;text-transform:uppercase;font-size:clamp(.8rem,2.5vw,.875rem);font-weight:700;line-height:1.35}.sp-form-header,.sp-form-header,.phx-form-header{border-bottom:1px solid var(--sp-border);text-align:left;padding-bottom:16px}.sp-form-header h2,.sp-form-header h2,.phx-form-header h2{color:var(--sp-text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3.5vw,1.45rem);font-weight:700}.sp-form-header p,.sp-form-header p,.phx-form-header p{color:var(--sp-text-secondary);margin:6px 0 0;font-size:.875rem;line-height:1.5}.sp-form-error-banner,.sp-form-error-banner,.phx-form-error-banner{border-radius:var(--sp-border-radius);background-color:var(--sp-danger-subtle);border:1px solid var(--sp-danger-border-subtle);color:var(--sp-danger);box-sizing:border-box;align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;display:flex}.sp-form-submit-wrap,.sp-form-submit-wrap,.phx-form-submit-wrap{width:100%}.sp-form-submit-btn,.sp-form-submit-btn,.phx-form-submit-btn{box-sizing:border-box;height:48px;min-height:48px;font-size:clamp(.95rem,2.5vw,1.05rem)}.sp-form-footer-note,.sp-form-footer-note,.phx-form-footer-note{text-align:center;color:var(--sp-text-muted);margin:0;font-size:.75rem;line-height:1.5}.sp-modal-backdrop,.sp-modal-backdrop,.phx-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;opacity:0;visibility:hidden;background:#000000a6;justify-content:center;align-items:center;padding:20px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.sp-modal-backdrop.open,.sp-modal-backdrop.open,.phx-modal-backdrop.open{opacity:1;visibility:visible}.sp-modal,.sp-modal,.phx-modal{background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-lg,.5rem);width:100%;max-width:480px;box-shadow:var(--sp-shadow-lg,0 10px 15px -3px #0000001a);box-sizing:border-box;flex-direction:column;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:scale(.95)translateY(10px)}.sp-modal-backdrop.open .sp-modal,.sp-modal-backdrop.open .sp-modal,.phx-modal-backdrop.open .phx-modal{transform:scale(1)translateY(0)}.sp-modal-header,.sp-modal-header,.phx-modal-header{border-bottom:1px solid var(--sp-border,#dee2e6);box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.sp-modal-title,.sp-modal-title,.phx-modal-title{font-family:var(--sp-font-sans,system-ui, sans-serif);color:var(--sp-text-primary,#212529);align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:700;line-height:1.3;display:flex}.sp-modal-title svg,.sp-modal-title svg,.phx-modal-title svg{flex-shrink:0;width:22px;height:22px}.sp-modal-close,.sp-modal-close,.phx-modal-close{border-radius:var(--sp-radius-sm,.25rem);cursor:pointer;width:32px;height:32px;color:var(--sp-text-muted,#adb5bd);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.sp-modal-close:hover,.phx-modal-close:hover{background:var(--sp-bg-subtle,#f8f9fa);border-color:var(--sp-border,#dee2e6);color:var(--sp-text-primary,#212529)}.sp-modal-close svg,.sp-modal-close svg,.phx-modal-close svg{width:18px;height:18px}.sp-modal-body,.sp-modal-body,.phx-modal-body{box-sizing:border-box;flex-direction:column;gap:16px;padding:20px;display:flex}.sp-modal-footer,.sp-modal-footer,.phx-modal-footer{background:var(--sp-bg-subtle,#f8f9fa);border-top:1px solid var(--sp-border,#dee2e6);box-sizing:border-box;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;display:flex}.sp-modal-footer .sp-btn,.sp-modal-footer .phx-btn,.sp-modal-footer .sp-btn-primary,.sp-modal-footer .phx-btn-primary,.sp-modal-footer .sp-btn-secondary,.sp-modal-footer .phx-btn-secondary,.sp-modal-footer .sp-btn-danger,.sp-modal-footer .sp-btn-danger,.sp-modal-footer .phx-btn-danger{min-width:96px}.sp-pin-grid,.sp-pin-grid,.phx-pin-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.sp-pin-btn,.sp-pin-btn,.phx-pin-btn{border-radius:var(--sp-radius-md,.375rem);border:1px solid var(--sp-border,#dee2e6);background:var(--sp-bg-surface,#fff);height:52px;font-family:var(--sp-font-mono,monospace);color:var(--sp-text-primary,#212529);cursor:pointer;font-size:1.25rem;font-weight:700;transition:all .1s}.sp-pin-btn:active,.phx-pin-btn:active{border-color:var(--sp-primary,#0d6efd);background:#0d6efd1a;transform:scale(.97)}.sp-pin-pad-container,.sp-pin-pad-container,.phx-pin-pad-container{-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;margin:0 auto;display:flex}.sp-pin-header,.sp-pin-header,.phx-pin-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:6px;display:flex}.sp-pin-emblem,.sp-pin-emblem,.phx-pin-emblem{border-radius:var(--sp-radius-lg,.5rem);background:var(--sp-primary,#0d6efd);width:56px;height:56px;box-shadow:var(--sp-shadow-sm,0 1px 2px #0000000d);color:var(--sp-text-inverse,#fff);justify-content:center;align-items:center;margin-bottom:12px;display:flex}.sp-pin-emblem svg,.sp-pin-emblem svg,.phx-pin-emblem svg{width:26px;height:26px}.sp-pin-tenant,.sp-pin-tenant,.phx-pin-tenant{color:var(--sp-text-primary,#212529);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:1.35rem;font-weight:700;line-height:1.2}.sp-pin-title,.sp-pin-title,.phx-pin-title{color:var(--sp-primary,#0d6efd);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:.75rem;font-weight:700;line-height:1.3}.sp-pin-session,.sp-pin-session,.phx-pin-session{color:var(--sp-text-secondary,#6c757d);margin-top:6px;font-size:.75rem;font-weight:500;line-height:1.4}.sp-pin-session-email,.sp-pin-session-email,.phx-pin-session-email{color:var(--sp-text-primary,#212529);font-weight:600}.sp-pin-display,.sp-pin-display,.phx-pin-display{border-radius:var(--sp-radius-pill,50rem);background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);justify-content:center;align-items:center;gap:14px;margin:18px auto 8px;padding:10px 24px;display:inline-flex;box-shadow:inset 0 1px 2px #0000000d}.sp-pin-dot,.sp-pin-dot,.phx-pin-dot{border:2px solid var(--sp-text-muted,#adb5bd);box-sizing:border-box;background:0 0;border-radius:50%;width:14px;height:14px;transition:all .18s cubic-bezier(.16,1,.3,1)}.sp-pin-dot.filled,.sp-pin-dot.filled,.phx-pin-dot.filled{border-color:var(--sp-primary,#0d6efd);background:var(--sp-primary,#0d6efd);transform:scale(1.1);box-shadow:0 0 8px #0d6efd59}.sp-pin-subtitle,.sp-pin-subtitle,.phx-pin-subtitle{color:var(--sp-text-secondary,#6c757d);text-transform:uppercase;letter-spacing:.08em;text-align:center;justify-content:center;align-items:center;height:16px;margin-top:4px;margin-bottom:20px;font-size:.72rem;font-weight:600;display:flex}.sp-pin-error,.sp-pin-error,.phx-pin-error{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-danger-subtle,#f8d7da);border:1px solid var(--sp-border-danger,#f5c2c7);width:100%;color:var(--sp-danger,#dc3545);text-align:center;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.8125rem;font-weight:600;animation:.2s sp-fade-in;display:flex}.sp-pin-error svg,.sp-pin-error svg,.phx-pin-error svg{flex-shrink:0;width:16px;height:16px}.sp-pin-grid,.sp-pin-grid,.phx-pin-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.sp-pin-key,.sp-pin-key,.phx-pin-key{border-radius:var(--sp-radius-md,.375rem);border:1px solid var(--sp-border,#dee2e6);background:var(--sp-bg-surface,#fff);height:64px;color:var(--sp-text-primary,#212529);font-family:var(--sp-font-sans,system-ui, sans-serif);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--sp-shadow-sm,0 1px 2px #0000000d);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:0;font-size:1.5rem;font-weight:700;transition:all .12s cubic-bezier(.16,1,.3,1);display:flex}.sp-pin-key:hover:not(:disabled),.phx-pin-key:hover:not(:disabled){border-color:var(--sp-primary,#0d6efd);background:var(--sp-bg-subtle,#f8f9fa);box-shadow:var(--sp-shadow-md,0 4px 6px -1px #0000001a);transform:translateY(-1px)}.sp-pin-key:active:not(:disabled),.phx-pin-key:active:not(:disabled){border-color:var(--sp-primary,#0d6efd);background:#0d6efd1a;transform:scale(.97)}.sp-pin-key:disabled,.phx-pin-key:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.sp-pin-key-danger,.sp-pin-key-clear,.phx-pin-key-danger,.sp-pin-key-clear,.phx-pin-key-clear{background:var(--sp-danger-subtle,#f8d7da);border:1px solid var(--sp-border-danger,#f5c2c7);color:var(--sp-danger,#dc3545);font-size:1.25rem;font-weight:700}.sp-pin-key-danger:hover:not(:disabled),.sp-pin-key-clear:hover:not(:disabled),.phx-pin-key-danger:hover:not(:disabled),.phx-pin-key-clear:hover:not(:disabled){background:var(--sp-danger,#dc3545);border-color:var(--sp-danger,#dc3545);color:var(--sp-text-inverse,#fff)}.sp-pin-key-danger:active:not(:disabled),.sp-pin-key-clear:active:not(:disabled),.phx-pin-key-danger:active:not(:disabled),.phx-pin-key-clear:active:not(:disabled){background:#bb2d3b;transform:scale(.97)}.sp-pin-key-backspace,.sp-pin-key-backspace,.phx-pin-key-backspace{color:var(--sp-text-secondary,#6c757d);border-color:var(--sp-border,#dee2e6)}.sp-pin-key-backspace svg,.sp-pin-key-backspace svg,.phx-pin-key-backspace svg{width:22px;height:22px}.sp-pin-key-backspace:hover:not(:disabled),.phx-pin-key-backspace:hover:not(:disabled){color:var(--sp-primary,#0d6efd);border-color:var(--sp-primary,#0d6efd);background:var(--sp-bg-subtle,#f8f9fa)}.sp-pin-footer,.sp-pin-footer,.phx-pin-footer{flex-direction:column;align-items:center;width:100%;margin-top:20px;display:flex}.sp-lock-overlay,.phx-lock-overlay{z-index:9990;background-color:var(--phx-bg-canvas);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.sp-lock-wrapper,.phx-lock-wrapper{background-color:var(--phx-bg-canvas);width:100%;min-height:100vh;color:var(--phx-text-primary);-webkit-user-select:none;user-select:none;box-sizing:border-box;justify-content:center;align-items:center;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) phx-fade-in;display:flex;position:relative;overflow:hidden}.sp-lock-wrapper:before,.phx-lock-wrapper:before{content:"";background:radial-gradient(circle, var(--phx-brand-flame-light) 0%, transparent 70%);border-radius:var(--phx-radius-pill);pointer-events:none;filter:blur(80px);opacity:.6;width:380px;height:380px;position:absolute;top:25%;left:25%}.sp-lock-wrapper:after,.phx-lock-wrapper:after{content:"";background:radial-gradient(circle, var(--phx-danger-subtle) 0%, transparent 70%);border-radius:var(--phx-radius-pill);pointer-events:none;filter:blur(90px);opacity:.5;width:420px;height:420px;position:absolute;bottom:20%;right:25%}.sp-lock-card,.phx-lock-card{z-index:10;background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-xl);width:100%;max-width:400px;box-shadow:var(--phx-shadow-floating);box-sizing:border-box;flex-direction:column;align-items:center;padding:36px 32px 32px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;position:relative}.sp-lock-header,.phx-lock-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:8px;display:flex}.sp-lock-title,.phx-lock-title{color:var(--phx-text-primary);letter-spacing:-.01em;text-transform:uppercase;margin:14px 0 0;font-size:1.35rem;font-weight:900;line-height:1.2}.sp-lock-subtitle,.phx-lock-subtitle{color:var(--phx-brand-flame);letter-spacing:.1em;text-transform:uppercase;margin:6px 0 0;font-size:.72rem;font-weight:800;line-height:1.4}.sp-lock-session,.phx-lock-session{color:var(--phx-text-secondary);margin:8px 0 0;font-size:.75rem;font-weight:500;line-height:1.4}.sp-lock-session strong,.phx-lock-session strong{color:var(--phx-text-primary);font-weight:700}.sp-lock-btn-end,.phx-lock-btn-end{border-radius:var(--phx-radius-md);border:1px solid var(--phx-border-danger);background:var(--phx-danger-muted-bg);width:100%;height:48px;color:var(--phx-danger);font-family:var(--phx-font-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.sp-lock-btn-end:hover:not(:disabled),.phx-lock-btn-end:hover:not(:disabled){background:var(--phx-danger-muted-bg-hover);color:var(--phx-danger-hover);border-color:var(--phx-border-danger-hover);box-shadow:var(--phx-shadow-sm);transform:translateY(-1px)}.sp-lock-btn-end:active:not(:disabled),.phx-lock-btn-end:active:not(:disabled){background:var(--phx-danger-muted-bg-active);transform:scale(.98)}.sp-lock-btn-end:disabled,.phx-lock-btn-end:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.sp-lock-shift-notice,.phx-lock-shift-notice{text-align:center;color:var(--phx-text-secondary);max-width:280px;margin:0 auto;font-size:.75rem;line-height:1.5}.sp-lock-shift-notice strong,.phx-lock-shift-notice strong{color:var(--phx-text-primary);font-weight:700}.sp-lock-unregistered,.phx-lock-unregistered{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:360px;display:flex}.sp-unregistered-badge,.phx-unregistered-badge{border-radius:var(--phx-radius-lg);background:var(--phx-danger-subtle);border:1px solid var(--phx-border-danger);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:4px;display:flex;box-shadow:0 0 24px #ef444426}.sp-unregistered-badge svg,.phx-unregistered-badge svg{width:32px;height:32px;color:var(--phx-danger)}.sp-lock-unregistered-title,.phx-lock-unregistered-title{color:var(--phx-text-primary);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:1.2rem;font-weight:800;line-height:1.3}.sp-lock-unregistered-tag,.phx-lock-unregistered-tag{background:var(--phx-danger-subtle);border:1px solid var(--phx-border-danger);border-radius:var(--phx-radius-pill);font-family:var(--phx-font-mono);color:var(--phx-danger);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.sp-lock-unregistered-text,.phx-lock-unregistered-text{color:var(--phx-text-secondary);margin:0;font-size:.85rem;font-weight:500;line-height:1.5}.sp-unregistered-form,.phx-unregistered-form{flex-direction:column;gap:12px;width:100%;margin-top:4px;display:flex}.sp-unregistered-input-group,.phx-unregistered-input-group{text-align:left;flex-direction:column;gap:6px;display:flex}.sp-unregistered-label,.phx-unregistered-label{color:var(--phx-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.sp-unregistered-input,.phx-unregistered-input{background:var(--phx-bg-canvas);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);width:100%;height:50px;font-family:var(--phx-font-mono);color:var(--phx-text-primary);text-align:center;letter-spacing:.25em;text-transform:uppercase;box-sizing:border-box;padding:0 16px;font-size:1.25rem;font-weight:800;transition:all .2s}.sp-unregistered-input:focus,.phx-unregistered-input:focus{border-color:var(--phx-brand-flame);box-shadow:0 0 0 3px var(--phx-brand-glow);outline:none}.sp-unregistered-error,.phx-unregistered-error{color:var(--phx-danger);background:var(--phx-danger-subtle);border:1px solid var(--phx-border-danger);border-radius:var(--phx-radius-sm);padding:8px 12px;font-size:.8rem;font-weight:600}.sp-unregistered-actions,.phx-unregistered-actions{flex-direction:column;gap:10px;width:100%;display:flex}.sp-unregistered-btn-primary,.phx-unregistered-btn-primary{border-radius:var(--sp-border-radius,.375rem);border:1px solid var(--sp-primary,#0d6efd);background-color:var(--sp-primary,#0d6efd);color:#fff;width:100%;height:48px;font-family:var(--sp-font-sans,var(--phx-font-sans));letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:var(--sp-shadow-sm);justify-content:center;align-items:center;gap:8px;font-size:.88rem;font-weight:700;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .1s;display:flex}.sp-unregistered-btn-primary:hover:not(:disabled),.phx-unregistered-btn-primary:hover:not(:disabled){background-color:var(--sp-primary-hover,#0b5ed7);border-color:var(--sp-primary-hover,#0b5ed7);box-shadow:var(--sp-shadow-card);transform:translateY(-1px)}.sp-unregistered-btn-primary:active:not(:disabled),.phx-unregistered-btn-primary:active:not(:disabled){background-color:var(--sp-primary-active,#0a58ca);border-color:var(--sp-primary-active,#0a58ca);transform:translateY(0)}.sp-unregistered-btn-primary:disabled,.phx-unregistered-btn-primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.sp-unregistered-btn-secondary,.phx-unregistered-btn-secondary{border-radius:var(--phx-radius-md);border:1px solid var(--phx-border);background:var(--phx-bg-canvas);width:100%;height:44px;color:var(--phx-text-primary);font-family:var(--phx-font-sans);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.sp-unregistered-btn-secondary:hover,.phx-unregistered-btn-secondary:hover{background:var(--phx-bg-subtle);border-color:var(--phx-border-hover);color:var(--phx-brand-flame)}.sp-unregistered-btn-secondary:active,.phx-unregistered-btn-secondary:active{transform:scale(.98)}.sp-unregistered-footer,.phx-unregistered-footer{border-top:1px solid var(--phx-border);justify-content:space-between;align-items:center;width:100%;padding-top:8px;display:flex}.sp-unregistered-link-btn,.phx-unregistered-link-btn{color:var(--phx-text-secondary);font-family:var(--phx-font-sans);cursor:pointer;border-radius:var(--phx-radius-xs);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:.78rem;font-weight:600;transition:color .15s;display:inline-flex}.sp-unregistered-link-btn:hover,.phx-unregistered-link-btn:hover{color:var(--phx-brand-flame)}.sp-pagination,.phx-pagination{align-items:center;gap:8px;display:flex}.sp-page-btn,.phx-page-btn{border-radius:var(--phx-radius-md);border:1px solid var(--phx-border);background:var(--phx-bg-surface);min-width:44px;height:44px;color:var(--phx-text-primary);font-family:var(--phx-font-mono);cursor:pointer;justify-content:center;align-items:center;padding:0 14px;font-size:.9rem;font-weight:700;transition:all .15s;display:inline-flex}.sp-page-btn:hover:not(:disabled),.phx-page-btn:hover:not(:disabled){border-color:var(--phx-brand-flame);color:var(--phx-brand-flame)}.sp-page-btn.active,.phx-page-btn.active{background:var(--phx-brand-flame);border-color:var(--phx-brand-flame);color:#fff;box-shadow:var(--phx-shadow-flame)}.sp-page-btn:disabled,.phx-page-btn:disabled{opacity:.4;cursor:not-allowed}.sp-dots-pagination,.phx-dots-pagination{align-items:center;gap:6px;display:flex}.sp-dot,.phx-dot{background:var(--phx-border);cursor:pointer;border-radius:50%;width:10px;height:10px;transition:all .2s}.sp-dot.active,.phx-dot.active{border-radius:var(--phx-radius-pill);background:var(--phx-brand-flame);width:26px}.sp-spinner,.phx-spinner,.sp-spinner-ring,.phx-spinner-ring{border:3px solid var(--phx-brand-glow-strong);border-top-color:var(--phx-brand-flame);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite phxSpin}.sp-spinner-flame,.phx-spinner-flame{justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;animation:1.2s ease-in-out infinite phxPulse;display:flex}.sp-loading-dots,.phx-loading-dots{align-items:center;gap:6px;display:flex}.sp-loading-dots span,.phx-loading-dots span{background:var(--phx-brand-flame);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite phxPulse;display:inline-block}.sp-loading-dots span:nth-child(2),.phx-loading-dots span:nth-child(2){animation-delay:.2s}.sp-loading-dots span:nth-child(3),.phx-loading-dots span:nth-child(3){animation-delay:.4s}.sp-btn-loading,.phx-btn-loading{pointer-events:none;position:relative;color:#0000!important}.sp-btn-loading:after,.phx-btn-loading:after{content:"";border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;animation:.6s linear infinite phxSpin;position:absolute;top:50%;left:50%}.sp-skeleton,.phx-skeleton{background:linear-gradient(90deg, var(--phx-bg-subtle) 25%, var(--phx-border) 37%, var(--phx-bg-subtle) 63%);border-radius:var(--phx-radius-sm);background-size:400% 100%;animation:1.4s infinite phxShimmer}.sp-skeleton-card,.phx-skeleton-card{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);flex-direction:column;justify-content:space-between;width:220px;min-height:145px;padding:18px;display:flex}.sp-boot-loader,.phx-boot-loader{background-color:var(--phx-bg-canvas);width:100%;min-height:100vh;color:var(--phx-text-primary);box-sizing:border-box;justify-content:center;align-items:center;padding:24px;display:flex}.sp-boot-card,.phx-boot-card{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-xl);min-width:320px;box-shadow:var(--phx-shadow-md);text-align:center;flex-direction:column;align-items:center;gap:24px;padding:48px 40px;display:flex}.sp-boot-badge,.phx-boot-badge{border-radius:var(--sp-border-radius-lg,.5rem);background-color:var(--sp-primary,#0d6efd);width:64px;height:64px;box-shadow:var(--sp-shadow-sm);justify-content:center;align-items:center;display:flex}.sp-boot-badge svg,.phx-boot-badge svg{color:#fff;width:36px;height:36px}.sp-boot-text,.phx-boot-text{color:var(--phx-brand-flame);font-family:var(--phx-font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;font-weight:700}.sp-toast-container,.phx-toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:24px;right:24px}.sp-toast,.phx-toast{pointer-events:auto;background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);min-width:330px;max-width:440px;box-shadow:var(--phx-shadow-floating);align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;animation:.28s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;position:relative;overflow:hidden}.sp-toast.fade-out,.phx-toast.fade-out{opacity:0;transform:translateY(-8px)scale(.95)}.sp-toast:before,.phx-toast:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.sp-toast-flame:before,.phx-toast-flame:before{background:var(--phx-brand-flame)}.sp-toast-success:before,.phx-toast-success:before{background:var(--phx-success)}.sp-toast-danger:before,.phx-toast-danger:before{background:var(--phx-danger)}.sp-toast-warning:before,.phx-toast-warning:before{background:var(--phx-brand-amber)}.sp-toast-info:before,.phx-toast-info:before{background:var(--phx-info)}.toast-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:flex}.sp-toast-flame .toast-icon-wrap,.phx-toast-flame .toast-icon-wrap{background:var(--phx-brand-glow);color:var(--phx-brand-flame)}.sp-toast-success .toast-icon-wrap,.phx-toast-success .toast-icon-wrap{background:var(--phx-success-subtle);color:var(--phx-success)}.sp-toast-danger .toast-icon-wrap,.phx-toast-danger .toast-icon-wrap{background:var(--phx-danger-subtle);color:var(--phx-danger)}.sp-toast-warning .toast-icon-wrap,.phx-toast-warning .toast-icon-wrap{color:var(--phx-brand-amber);background:#f59e0b26}.sp-toast-info .toast-icon-wrap,.phx-toast-info .toast-icon-wrap{background:var(--phx-info-subtle);color:var(--phx-info)}.toast-content{flex:1;min-width:0}.toast-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.toast-title{color:var(--phx-text-primary);font-size:.88rem;font-weight:700}.toast-time{font-family:var(--phx-font-mono);color:var(--phx-text-muted);font-size:.7rem}.toast-message{color:var(--phx-text-secondary);margin-top:3px;font-size:.8rem;line-height:1.4}.toast-close-btn{color:var(--phx-text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1rem;line-height:1}.toast-trigger-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;width:100%;display:grid}.toast-btn{border-radius:var(--phx-radius-md);border:1px solid var(--phx-border);background:var(--phx-bg-surface);color:var(--phx-text-primary);cursor:pointer;box-shadow:var(--phx-shadow-card);align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.toast-btn:hover{border-color:var(--phx-brand-flame);transform:translateY(-1px)}@keyframes spToastSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes spToastFadeOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.94)}}.sp-toast-card,.sp-toast-card,.phx-toast-card{background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-md,.375rem);min-width:320px;max-width:420px;box-shadow:var(--sp-shadow-lg,0 10px 15px -3px #0000001a);pointer-events:auto;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 16px 12px 18px;animation:.25s cubic-bezier(.16,1,.3,1) forwards spToastSlideIn;display:flex;position:relative;overflow:hidden}.sp-toast-card.sp-toast-hidden,.sp-toast-card.sp-toast-hidden,.phx-toast-card.phx-toast-hidden{pointer-events:none;animation:.2s forwards spToastFadeOut}.sp-toast-stripe,.sp-toast-stripe,.phx-toast-stripe{width:6px;position:absolute;top:0;bottom:0;left:0}.sp-toast-stripe.fire,.sp-toast-stripe.flame,.sp-toast-stripe.brand,.phx-toast-stripe.fire,.sp-toast-stripe.flame,.phx-toast-stripe.flame{background:var(--sp-primary,#0d6efd)}.sp-toast-stripe.success,.sp-toast-stripe.success,.phx-toast-stripe.success{background:var(--sp-success,#198754)}.sp-toast-stripe.error,.sp-toast-stripe.danger,.sp-toast-stripe.void,.phx-toast-stripe.error,.phx-toast-stripe.danger,.sp-toast-stripe.void,.phx-toast-stripe.void{background:var(--sp-danger,#dc3545)}.sp-toast-stripe.warning,.sp-toast-stripe.warn,.phx-toast-stripe.warning,.sp-toast-stripe.warn,.phx-toast-stripe.warn{background:var(--sp-warning,#ffc107)}.sp-toast-stripe.info,.sp-toast-stripe.info,.phx-toast-stripe.info{background:var(--sp-info,#0dcaf0)}.sp-toast-icon-wrap,.sp-toast-icon-wrap,.phx-toast-icon-wrap{border-radius:var(--sp-radius-sm,.25rem);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sp-toast-icon-wrap.fire,.sp-toast-icon-wrap.flame,.sp-toast-icon-wrap.brand,.phx-toast-icon-wrap.fire,.sp-toast-icon-wrap.flame,.phx-toast-icon-wrap.flame{color:var(--sp-primary,#0d6efd);background:#0d6efd1a}.sp-toast-icon-wrap.success,.sp-toast-icon-wrap.success,.phx-toast-icon-wrap.success{background:var(--sp-success-subtle,#d1e7dd);color:var(--sp-success,#198754)}.sp-toast-icon-wrap.error,.sp-toast-icon-wrap.danger,.sp-toast-icon-wrap.void,.phx-toast-icon-wrap.error,.phx-toast-icon-wrap.danger,.sp-toast-icon-wrap.void,.phx-toast-icon-wrap.void{background:var(--sp-danger-subtle,#f8d7da);color:var(--sp-danger,#dc3545)}.sp-toast-icon-wrap.warning,.sp-toast-icon-wrap.warn,.phx-toast-icon-wrap.warning,.sp-toast-icon-wrap.warn,.phx-toast-icon-wrap.warn{color:#997404;background:#ffc10726}.sp-toast-icon-wrap.info,.sp-toast-icon-wrap.info,.phx-toast-icon-wrap.info{color:#055160;background:#0dcaf026}.sp-toast-text-wrap,.sp-toast-text-wrap,.phx-toast-text-wrap{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sp-toast-title,.sp-toast-title,.phx-toast-title{font-family:var(--sp-font-sans,system-ui, sans-serif);color:var(--sp-text-primary,#212529);font-size:.95rem;font-weight:700;line-height:1.25}.sp-toast-message,.sp-toast-message,.phx-toast-message{font-family:var(--sp-font-sans,system-ui, sans-serif);color:var(--sp-text-secondary,#6c757d);word-break:break-word;font-size:.85rem;line-height:1.35}.sp-toast-right,.sp-toast-right,.phx-toast-right{flex-shrink:0;align-self:flex-start;align-items:center;gap:10px;margin-left:auto;padding-top:2px;display:flex}.sp-toast-time,.sp-toast-time,.phx-toast-time{font-family:var(--sp-font-mono,monospace);letter-spacing:-.01em;color:var(--sp-text-muted,#adb5bd);white-space:nowrap;font-size:.75rem}.sp-toast-close-btn,.sp-toast-close-btn,.phx-toast-close-btn{border-radius:var(--sp-radius-sm,.25rem);color:var(--sp-text-muted,#adb5bd);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;line-height:1;transition:all .15s;display:inline-flex}.sp-toast-close-btn:hover,.phx-toast-close-btn:hover{color:var(--sp-text-primary,#212529);background:#0000000d}.sp-catalog-grid,.sp-catalog-grid,.phx-catalog-grid{width:100%;max-height:calc(100vh - var(--sp-header-height,64px) - 120px);box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:8px 2px 24px;display:grid;overflow-y:auto}.sp-card,.sp-card,.phx-card{background:var(--sp-bg-surface);border:1px solid var(--sp-border);border-radius:var(--sp-border-radius-lg);width:100%;min-height:140px;box-shadow:var(--sp-shadow-card);cursor:pointer;box-sizing:border-box;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:flex;position:relative}.sp-card:hover,.phx-card:hover{border-color:var(--sp-primary);transform:translateY(-1px);box-shadow:0 .5rem 1rem #0d6efd1f}.sp-card:active,.sp-card.active,.phx-card:active,.sp-card.active,.phx-card.active{background:var(--sp-primary-subtle);border-color:var(--sp-primary);transform:scale(.98)}.sp-card-tag,.sp-card-tag,.phx-card-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--sp-border-radius-sm);margin-bottom:6px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.sp-card-tag.kitchen,.sp-card-tag.kitchen,.phx-card-tag.kitchen{color:#fd7e14;background:#fff4e6}.sp-card-tag.bar,.sp-card-tag.bar,.phx-card-tag.bar,.sp-card-tag.special,.sp-card-tag.special,.phx-card-tag.special{color:var(--sp-primary);background:var(--sp-primary-subtle)}.sp-card-title,.sp-card-title,.phx-card-title{color:var(--sp-text-primary);font-size:1rem;font-weight:600;line-height:1.35}.sp-card-sku,.sp-card-sku,.phx-card-sku{font-family:var(--sp-font-mono);color:var(--sp-text-muted);margin-top:4px;font-size:.75rem}.sp-card-bottom,.sp-card-bottom,.phx-card-bottom{border-top:1px solid var(--sp-border-subtle);justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;display:flex}.sp-card-price,.sp-card-price,.phx-card-price{font-family:var(--sp-font-mono);color:var(--sp-text-primary);font-size:1.25rem;font-weight:700}.sp-card-plus,.sp-card-plus,.phx-card-plus{background:var(--sp-bg-subtle);border-radius:var(--sp-border-radius-sm);width:32px;height:32px;color:var(--sp-text-primary);justify-content:center;align-items:center;font-weight:700;transition:background-color .15s ease-in-out,color .15s ease-in-out;display:flex}.sp-card:hover .sp-card-plus,.phx-card:hover .phx-card-plus{background:var(--sp-primary);color:#fff}.sp-modifier-panel,.phx-modifier-panel{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);width:100%;max-width:640px;box-shadow:var(--phx-shadow-card);flex-direction:column;gap:20px;padding:24px;display:flex}.sp-mod-header,.phx-mod-header{border-bottom:1px solid var(--phx-border);justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.sp-mod-title,.phx-mod-title{font-size:1.25rem;font-weight:800}.sp-mod-subtitle,.phx-mod-subtitle{color:var(--phx-text-secondary);margin-top:2px;font-size:.84rem}.sp-mod-group,.phx-mod-group{flex-direction:column;gap:10px;display:flex}.sp-mod-group-header,.phx-mod-group-header{justify-content:space-between;align-items:center;display:flex}.sp-mod-group-title,.phx-mod-group-title{text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:8px;font-size:.85rem;font-weight:800;display:flex}.sp-mod-required-badge,.phx-mod-required-badge{background:var(--phx-brand-glow);color:var(--phx-brand-flame);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.sp-mod-optional-badge,.phx-mod-optional-badge{background:var(--phx-bg-subtle);color:var(--phx-text-secondary);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.sp-mod-chips-grid,.phx-mod-chips-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.sp-mod-chip,.phx-mod-chip{border-radius:var(--phx-radius-md);background:var(--phx-bg-subtle);border:1px solid var(--phx-border);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;min-height:48px;padding:8px 12px;transition:all .12s;display:flex}.sp-mod-chip.active,.phx-mod-chip.active{background:var(--phx-brand-glow);border-color:var(--phx-brand-flame);box-shadow:0 0 0 1px var(--phx-brand-flame)}.sp-mod-chip-label,.phx-mod-chip-label{color:var(--phx-text-primary);font-size:.85rem;font-weight:700}.sp-mod-chip.active .sp-mod-chip-label,.phx-mod-chip.active .phx-mod-chip-label{color:var(--phx-brand-flame)}.sp-mod-chip-price,.phx-mod-chip-price{font-family:var(--phx-font-mono);color:var(--phx-text-secondary);font-size:.72rem}.sp-mod-chip.active .sp-mod-chip-price,.phx-mod-chip.active .phx-mod-chip-price{color:var(--phx-brand-flame)}.sp-mod-prefix-bar,.phx-mod-prefix-bar{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.sp-mod-prefix-btn,.phx-mod-prefix-btn{border-radius:var(--phx-radius-pill);border:1px solid var(--phx-border);background:var(--phx-bg-surface);height:32px;color:var(--phx-text-secondary);cursor:pointer;padding:0 12px;font-size:.72rem;font-weight:800}.sp-mod-prefix-btn.prefix-no.active,.phx-mod-prefix-btn.prefix-no.active{background:var(--phx-danger-subtle);border-color:var(--phx-danger);color:var(--phx-danger)}.sp-mod-prefix-btn.prefix-extra.active,.phx-mod-prefix-btn.prefix-extra.active{background:var(--phx-brand-glow);border-color:var(--phx-brand-flame);color:var(--phx-brand-flame)}.sp-line-item,.phx-line-item{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);flex-direction:column;gap:6px;width:100%;padding:12px 16px;display:flex}.sp-line-main,.phx-line-main{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.sp-stepper,.phx-stepper{background:var(--phx-bg-subtle);border:1px solid var(--phx-border);border-radius:var(--phx-radius-sm);align-items:center;padding:2px 4px;display:flex}.sp-stepper-btn,.phx-stepper-btn{width:26px;height:26px;color:var(--phx-text-primary);cursor:pointer;background:0 0;border:none;font-weight:800}.sp-stepper-val,.phx-stepper-val{font-family:var(--phx-font-mono);text-align:center;min-width:20px;font-size:.85rem;font-weight:700}.sp-btn-charge,.phx-btn-charge{background-color:var(--sp-primary,#0d6efd);border:1px solid var(--sp-primary,#0d6efd);border-radius:var(--sp-border-radius,.375rem);color:#fff;cursor:pointer;height:56px;box-shadow:var(--sp-shadow-sm);justify-content:space-between;align-items:center;min-width:320px;padding:0 24px;font-size:1.05rem;font-weight:700;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .1s;display:inline-flex}.sp-btn-charge:hover:not(:disabled),.phx-btn-charge:hover:not(:disabled){background-color:var(--sp-primary-hover,#0b5ed7);border-color:var(--sp-primary-hover,#0b5ed7);box-shadow:var(--sp-shadow-card)}.sp-btn-charge:active:not(:disabled),.phx-btn-charge:active:not(:disabled){background-color:var(--sp-primary-active,#0a58ca);border-color:var(--sp-primary-active,#0a58ca);transform:translateY(1px)}.sp-table-badge,.phx-table-badge{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);flex-direction:column;gap:6px;min-width:140px;padding:14px 18px;display:flex}.dot-status{border-radius:50%;width:8px;height:8px}.dot-available{background:var(--phx-success)}.dot-dining{background:var(--phx-brand-flame)}.dot-check{background:var(--phx-brand-amber)}.sp-card-header-row,.phx-card-header-row{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;display:flex}.sp-card-mod-indicator,.phx-card-mod-indicator{text-transform:uppercase;letter-spacing:.5px;color:var(--phx-brand-flame);background:var(--phx-brand-glow);border-radius:var(--phx-radius-xs,4px);border:1px solid #ff5e1840;flex-shrink:0;padding:2px 6px;font-size:.65rem;font-weight:800}.sp-card-close-btn,.phx-card-close-btn{border:1px solid var(--phx-border);background:var(--phx-bg-subtle);width:24px;height:24px;color:var(--phx-text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;transition:all .15s;display:flex}.sp-card-close-btn:hover,.phx-card-close-btn:hover{background:var(--phx-danger-subtle);color:var(--phx-danger);border-color:var(--phx-danger)}.sp-card-expanded-content,.phx-card-expanded-content{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.sp-card-inline-mods,.phx-card-inline-mods{background:var(--phx-bg-subtle);border:1px solid var(--phx-border);border-radius:var(--phx-radius-sm,8px);box-sizing:border-box;flex-direction:column;gap:10px;max-height:200px;padding:10px 12px;display:flex;overflow-y:auto}.sp-card-inline-mods::-webkit-scrollbar{width:4px}.phx-card-inline-mods::-webkit-scrollbar{width:4px}.sp-card-inline-mods::-webkit-scrollbar-thumb{background:var(--phx-border-hover);border-radius:4px}.phx-card-inline-mods::-webkit-scrollbar-thumb{background:var(--phx-border-hover);border-radius:4px}.sp-inline-group,.phx-inline-group{flex-direction:column;gap:6px;display:flex}.sp-inline-group-header,.phx-inline-group-header{justify-content:space-between;align-items:center;display:flex}.sp-inline-group-title,.phx-inline-group-title{text-transform:uppercase;letter-spacing:.5px;color:var(--phx-text-primary);font-size:.74rem;font-weight:800}.sp-inline-req-star,.phx-inline-req-star{color:var(--phx-danger);margin-left:2px;font-weight:900}.sp-inline-group-badge,.phx-inline-group-badge{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:.62rem;font-weight:800}.sp-inline-group-badge.valid,.phx-inline-group-badge.valid{background:var(--phx-success-subtle);color:var(--phx-success)}.sp-inline-group-badge.req,.phx-inline-group-badge.req{background:var(--phx-danger-subtle);color:var(--phx-danger)}.sp-inline-chips,.phx-inline-chips{flex-wrap:wrap;gap:6px;display:flex}.sp-inline-chip,.phx-inline-chip{border-radius:var(--phx-radius-pill);border:1px solid var(--phx-border);background:var(--phx-bg-surface);color:var(--phx-text-secondary);font-family:var(--phx-font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .12s;display:inline-flex}.sp-inline-chip:hover,.phx-inline-chip:hover{border-color:var(--phx-brand-flame);color:var(--phx-text-primary)}.sp-inline-chip.active,.phx-inline-chip.active{background:var(--phx-brand-glow);border-color:var(--phx-brand-flame);color:var(--phx-brand-flame);box-shadow:0 0 0 1px var(--phx-brand-flame);font-weight:800}.sp-inline-chip-price,.phx-inline-chip-price{font-family:var(--phx-font-mono);opacity:.9;font-size:.68rem}.sp-card-inline-footer,.phx-card-inline-footer{border-top:1px dashed var(--phx-border);justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.sp-inline-price-col,.phx-inline-price-col{flex-direction:column;display:flex}.sp-inline-price-label,.phx-inline-price-label{text-transform:uppercase;color:var(--phx-text-muted);font-size:.65rem;font-weight:700}.sp-inline-price-val,.phx-inline-price-val{font-family:var(--phx-font-mono);color:var(--phx-brand-flame);font-size:1.05rem;font-weight:800}.sp-btn-inline-add,.phx-btn-inline-add{background-color:var(--sp-primary,#0d6efd);border:1px solid var(--sp-primary,#0d6efd);border-radius:var(--sp-border-radius-sm,.25rem);color:#fff;height:38px;font-family:var(--sp-font-sans);cursor:pointer;box-shadow:var(--sp-shadow-sm);padding:0 16px;font-size:.82rem;font-weight:600;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sp-btn-inline-add:hover:not(:disabled),.phx-btn-inline-add:hover:not(:disabled){background-color:var(--sp-primary-hover,#0b5ed7);border-color:var(--sp-primary-hover,#0b5ed7);box-shadow:var(--sp-shadow-card)}.sp-btn-inline-add:active:not(:disabled),.phx-btn-inline-add:active:not(:disabled){background-color:var(--sp-primary-active,#0a58ca);border-color:var(--sp-primary-active,#0a58ca)}.sp-btn-inline-add:disabled,.phx-btn-inline-add:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5);box-shadow:none}.sp-catalog-grid,.sp-catalog-grid,.phx-catalog-grid{width:100%;max-height:calc(100vh - var(--sp-header-height,64px) - 120px);box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:stretch;gap:14px;padding:8px 2px 24px;display:grid;overflow-y:auto}.sp-card,.sp-product-card,.phx-card,.sp-product-card,.phx-product-card{background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-border-radius-lg,.5rem);width:100%;min-height:140px;box-shadow:var(--sp-shadow-card);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:flex;position:relative}.sp-card:hover,.sp-product-card:hover,.phx-card:hover,.phx-product-card:hover{border-color:var(--sp-primary);transform:translateY(-1px);box-shadow:0 .5rem 1rem #0d6efd1f}.sp-card:active,.sp-card.active,.sp-product-card:active,.sp-product-card.active,.phx-card:active,.phx-card.active,.phx-product-card:active,.sp-product-card.active,.phx-product-card.active{border-color:var(--sp-primary-active);box-shadow:var(--sp-focus-ring);transform:scale(.98)}.sp-card-title-wrap,.sp-card-title-wrap,.phx-card-title-wrap{flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding-bottom:12px;display:flex}.sp-card-title,.sp-product-title,.phx-card-title,.sp-product-title,.phx-product-title{color:var(--sp-text-primary);word-break:break-word;font-size:1.05rem;font-weight:600;line-height:1.35}.sp-card-modifier-tag,.sp-card-modifier-tag,.phx-card-modifier-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--sp-primary);background:var(--sp-primary-subtle);border:1px solid var(--sp-primary-border-subtle);border-radius:var(--sp-border-radius-pill);align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.sp-card-not-available-badge,.sp-card-not-available-badge,.phx-card-not-available-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--sp-danger);background:var(--sp-danger-subtle);border:1px solid var(--sp-danger-border-subtle);border-radius:var(--sp-border-radius-pill);align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.sp-card.is-unavailable,.sp-product-card.is-unavailable,.phx-card.is-unavailable,.sp-product-card.is-unavailable,.phx-product-card.is-unavailable{opacity:.55;cursor:not-allowed;background:var(--sp-bg-subtle)}.sp-card.is-unavailable:hover,.sp-product-card.is-unavailable:hover,.phx-card.is-unavailable:hover,.phx-product-card.is-unavailable:hover{border-color:var(--sp-border);box-shadow:var(--sp-shadow-card);transform:none}.sp-card.is-unavailable .sp-card-plus,.sp-product-card.is-unavailable .sp-product-icon-plus,.phx-card.is-unavailable .phx-card-plus,.sp-product-card.is-unavailable .sp-product-icon-plus,.phx-product-card.is-unavailable .phx-product-icon-plus{color:var(--sp-text-muted);cursor:not-allowed;background:#0000000d}.sp-card-bottom,.sp-product-card-bottom,.phx-card-bottom,.sp-product-card-bottom,.phx-product-card-bottom{border-top:1px solid var(--sp-border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.sp-card-price,.sp-product-price,.phx-card-price,.sp-product-price,.phx-product-price{font-family:var(--sp-font-mono);color:var(--sp-text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.sp-card-plus,.sp-product-icon-plus,.phx-card-plus,.sp-product-icon-plus,.phx-product-icon-plus{background:var(--sp-bg-subtle);border-radius:var(--sp-border-radius);border:1px solid var(--sp-border-subtle);width:36px;height:36px;color:var(--sp-text-primary);flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out;display:inline-flex}.sp-card:hover .sp-card-plus,.sp-product-card:hover .sp-product-icon-plus,.phx-card:hover .phx-card-plus,.phx-product-card:hover .phx-product-icon-plus{background:var(--sp-primary);border-color:var(--sp-primary);color:#fff}.sp-product-card.has-visual-header{padding:0}.sp-product-card-image-wrap{aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;max-height:140px;display:flex;position:relative;overflow:hidden}.sp-product-card-placeholder{width:100%;height:100%}#sp-modifier-section,.sp-modifier-section,#phx-modifier-section,.sp-modifier-section,.phx-modifier-section{background:var(--sp-bg-surface);border:1px solid var(--sp-border);border-radius:var(--sp-border-radius-lg);height:calc(100vh - var(--sp-header-height,64px) - 40px);max-height:calc(100vh - var(--sp-header-height,64px) - 40px);top:calc(var(--sp-header-height,64px) + 20px);box-shadow:var(--sp-shadow-floating);box-sizing:border-box;z-index:20;flex-direction:column;animation:.18s ease-out sp-fade-in;display:flex;position:sticky;overflow:hidden}.sp-modifier-workspace-header,.sp-modifier-workspace-header,.phx-modifier-workspace-header{border-bottom:1px solid var(--sp-border);background:var(--sp-bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.sp-modifier-workspace-header-info,.sp-modifier-workspace-header-info,.phx-modifier-workspace-header-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.sp-modifier-workspace-subtitle,.sp-modifier-workspace-subtitle,.phx-modifier-workspace-subtitle{text-transform:uppercase;letter-spacing:.06em;color:var(--sp-text-secondary);font-size:.75rem;font-weight:700}.sp-modifier-workspace-title,.sp-modifier-workspace-title,.phx-modifier-workspace-title{color:var(--sp-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.sp-modifier-workspace-close,.sp-modifier-workspace-close,.phx-modifier-workspace-close{border:1px solid var(--sp-border);background:var(--sp-bg-subtle);width:32px;height:32px;color:var(--sp-text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s ease-in-out;display:inline-flex}.sp-modifier-workspace-close:hover,.phx-modifier-workspace-close:hover{background:var(--sp-danger-subtle);color:var(--sp-danger);border-color:var(--sp-danger-border-subtle)}.sp-modifier-workspace-body,.sp-modifier-workspace-body,.phx-modifier-workspace-body{box-sizing:border-box;flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.sp-modifier-workspace-body::-webkit-scrollbar{width:4px}.phx-modifier-workspace-body::-webkit-scrollbar{width:4px}.sp-modifier-workspace-body::-webkit-scrollbar-thumb{background:var(--sp-border-hover);border-radius:4px}.phx-modifier-workspace-body::-webkit-scrollbar-thumb{background:var(--sp-border-hover);border-radius:4px}.sp-modifier-group,.sp-modifier-group,.phx-modifier-group{flex-direction:column;gap:10px;display:flex}.sp-modifier-header-wrap,.sp-modifier-header-wrap,.phx-modifier-header-wrap{justify-content:space-between;align-items:center;display:flex}.sp-modifier-header,.sp-modifier-header,.phx-modifier-header{text-transform:uppercase;letter-spacing:.05em;color:var(--sp-text-secondary);align-items:center;font-size:.75rem;font-weight:700;display:flex}.sp-modifier-badge,.sp-modifier-badge,.phx-modifier-badge{background:var(--sp-primary-subtle);color:var(--sp-primary);border-radius:var(--sp-border-radius-sm);text-transform:uppercase;letter-spacing:.02em;margin-left:8px;padding:2px 8px;font-size:.6875rem;font-weight:700}.sp-modifier-badge.done,.sp-modifier-badge.done,.phx-modifier-badge.done{background:var(--sp-success-subtle);color:var(--sp-success)}.sp-modifier-limit-hint,.sp-modifier-limit-hint,.phx-modifier-limit-hint{color:var(--sp-text-muted);font-size:.75rem;font-weight:600}.sp-modifier-options-grid,.sp-modifier-options-grid,.phx-modifier-options-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.sp-modifier-btn,.sp-modifier-btn,.phx-modifier-btn{background:var(--sp-bg-subtle);border:1px solid var(--sp-border);border-radius:var(--sp-border-radius);color:var(--sp-text-primary);cursor:pointer;font-family:var(--sp-font-sans);text-align:left;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:12px;font-size:.875rem;font-weight:600;transition:all .15s ease-in-out;display:flex}.sp-modifier-btn:hover,.phx-modifier-btn:hover{border-color:var(--sp-primary);background:var(--sp-bg-surface)}.sp-modifier-btn.selected,.sp-modifier-btn.active,.phx-modifier-btn.selected,.sp-modifier-btn.active,.phx-modifier-btn.active{background:var(--sp-primary-subtle);border-color:var(--sp-primary);color:var(--sp-primary);font-weight:700}.sp-modifier-btn-name,.sp-modifier-btn-name,.phx-modifier-btn-name{line-height:1.25}.sp-modifier-btn-price,.sp-modifier-btn-price,.phx-modifier-btn-price{font-family:var(--sp-font-mono);color:var(--sp-text-secondary);font-size:.75rem}.sp-modifier-btn.selected .sp-modifier-btn-price,.sp-modifier-btn.active .sp-modifier-btn-price,.phx-modifier-btn.selected .phx-modifier-btn-price,.sp-modifier-btn.active .sp-modifier-btn-price,.phx-modifier-btn.active .phx-modifier-btn-price{color:var(--sp-primary)}.sp-modifier-pill.negative,.sp-modifier-pill.negative,.phx-modifier-pill.negative{border:1px solid var(--sp-danger);color:var(--sp-danger);border-radius:var(--sp-border-radius-pill);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 12px;font-size:.875rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.sp-modifier-pill.negative.selected,.sp-modifier-pill.negative.active,.phx-modifier-pill.negative.selected,.sp-modifier-pill.negative.active,.phx-modifier-pill.negative.active{background:var(--sp-danger-subtle)}.sp-modifier-pill.positive,.sp-modifier-pill.positive,.phx-modifier-pill.positive{border:1px solid var(--sp-primary);color:var(--sp-primary);border-radius:var(--sp-border-radius-pill);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 12px;font-size:.875rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.sp-modifier-pill.positive.selected,.sp-modifier-pill.positive.active,.phx-modifier-pill.positive.selected,.sp-modifier-pill.positive.active,.phx-modifier-pill.positive.active{background:var(--sp-primary-subtle)}.sp-modifier-workspace-footer,.sp-modifier-workspace-footer,.phx-modifier-workspace-footer{border-top:1px solid var(--sp-border);background:var(--sp-bg-elevated);flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px;display:flex}.sp-modifier-workspace-total-row,.sp-modifier-workspace-total-row,.phx-modifier-workspace-total-row{justify-content:space-between;align-items:center;display:flex}.sp-modifier-workspace-total-label,.sp-modifier-workspace-total-label,.phx-modifier-workspace-total-label{text-transform:uppercase;color:var(--sp-text-secondary);letter-spacing:.05em;font-size:.875rem;font-weight:700}.sp-modifier-workspace-total-val,.sp-modifier-workspace-total-val,.phx-modifier-workspace-total-val{font-family:var(--sp-font-mono);color:var(--sp-primary);font-size:1.35rem;font-weight:700}.sp-modifier-workspace-confirm-btn,.sp-modifier-workspace-confirm-btn,.phx-modifier-workspace-confirm-btn{border-radius:var(--sp-border-radius);background:var(--sp-primary);border:1px solid var(--sp-primary);color:#fff;height:48px;font-family:var(--sp-font-sans);cursor:pointer;box-shadow:var(--sp-shadow-sm);justify-content:center;align-items:center;gap:8px;width:100%;font-size:1rem;font-weight:600;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;display:inline-flex}.sp-modifier-workspace-confirm-btn:hover:not(:disabled),.phx-modifier-workspace-confirm-btn:hover:not(:disabled){background:var(--sp-primary-hover);border-color:var(--sp-primary-hover)}.sp-modifier-workspace-confirm-btn:active:not(:disabled),.phx-modifier-workspace-confirm-btn:active:not(:disabled){background:var(--sp-primary-active);border-color:var(--sp-primary-active);transform:translateY(1px)}.sp-modifier-workspace-confirm-btn:disabled,.phx-modifier-workspace-confirm-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}:root[data-theme=dark] .sp-card,:root[data-theme=dark] .sp-product-card,:root[data-theme=dark] .phx-card,:root[data-theme=dark] .phx-product-card{background:var(--sp-bg-surface);border-color:var(--sp-border);box-shadow:0 4px 12px #00000059}:root[data-theme=dark] .sp-card:hover,:root[data-theme=dark] .sp-product-card:hover,:root[data-theme=dark] .phx-card:hover,:root[data-theme=dark] .phx-product-card:hover{background:var(--sp-bg-elevated);border-color:var(--sp-primary);box-shadow:0 6px 16px #0d6efd40}.sp-order-ticket,.sp-order-ticket,.phx-order-ticket{height:100%;max-height:calc(100vh - var(--sp-header-height,64px) - 40px);background:var(--sp-bg-surface);border:1px solid var(--sp-border);border-radius:var(--sp-border-radius-lg);box-shadow:var(--sp-shadow-card);box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.sp-ticket-header,.sp-ticket-header,.phx-ticket-header{background:var(--sp-bg-surface);border-bottom:1px solid var(--sp-border);flex-direction:column;flex-shrink:0;gap:6px;padding:16px 20px 14px;display:flex}.sp-ticket-meta,.sp-ticket-meta,.phx-ticket-meta{justify-content:space-between;align-items:center;display:flex}.sp-ticket-badge,.sp-ticket-badge,.phx-ticket-badge{background:var(--sp-primary-subtle);border-radius:var(--sp-border-radius-pill);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.sp-ticket-dot,.sp-ticket-dot,.phx-ticket-dot{background:var(--sp-primary);border-radius:50%;width:6px;height:6px}.sp-ticket-type,.sp-ticket-type,.phx-ticket-type{color:var(--sp-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.sp-ticket-count,.sp-ticket-count,.phx-ticket-count{font-family:var(--sp-font-mono);color:var(--sp-text-muted);font-size:.8rem;font-weight:600}.sp-ticket-title-row,.sp-ticket-title-row,.phx-ticket-title-row{justify-content:space-between;align-items:center;display:flex}.sp-ticket-title,.sp-ticket-title,.phx-ticket-title{color:var(--sp-text-primary);letter-spacing:-.2px;margin:0;font-size:1.1rem;font-weight:700}.sp-cart-scroll-area,.sp-cart-scroll-area,.phx-cart-scroll-area{box-sizing:border-box;flex-direction:column;flex-grow:1;gap:8px;padding:14px;display:flex;overflow-y:auto}.sp-cart-scroll-area::-webkit-scrollbar{width:4px}.phx-cart-scroll-area::-webkit-scrollbar{width:4px}.sp-cart-scroll-area::-webkit-scrollbar-thumb{background:var(--sp-border-hover);border-radius:4px}.phx-cart-scroll-area::-webkit-scrollbar-thumb{background:var(--sp-border-hover);border-radius:4px}.sp-cart-empty,.sp-cart-empty,.phx-cart-empty{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:8px;padding:40px 16px;display:flex}.sp-empty-title,.sp-empty-title,.phx-empty-title{color:var(--sp-text-primary);margin:0;font-size:1rem;font-weight:700}.sp-empty-subtitle,.sp-empty-subtitle,.phx-empty-subtitle{color:var(--sp-text-secondary);max-width:200px;margin:0;font-size:.85rem;line-height:1.4}.sp-cart-list,.sp-cart-list,.phx-cart-list{flex-direction:column;gap:8px;width:100%;display:flex}.sp-ticket-item,.sp-ticket-item,.phx-ticket-item{background:var(--sp-bg-subtle);border:1px solid var(--sp-border);border-radius:var(--sp-border-radius);box-sizing:border-box;padding:12px 14px;transition:border-color .15s ease-in-out,background-color .15s ease-in-out}.sp-ticket-item:hover,.phx-ticket-item:hover{border-color:var(--sp-border-hover)}.sp-ticket-item-main,.sp-ticket-item-main,.phx-ticket-item-main{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sp-ticket-item-left,.sp-ticket-item-left,.phx-ticket-item-left{flex-grow:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.sp-ticket-item-qty,.sp-ticket-item-qty,.phx-ticket-item-qty{font-family:var(--sp-font-mono);color:var(--sp-primary);background:var(--sp-primary-subtle);border-radius:var(--sp-border-radius-sm);flex-shrink:0;margin-top:1px;padding:2px 7px;font-size:.85rem;font-weight:700}.sp-ticket-item-info,.sp-ticket-item-info,.phx-ticket-item-info{flex-direction:column;gap:4px;min-width:0;display:flex}.sp-ticket-item-name,.sp-ticket-item-name,.phx-ticket-item-name{color:var(--sp-text-primary);word-break:break-word;font-size:.95rem;font-weight:600;line-height:1.3}.sp-ticket-item-mods,.sp-ticket-item-mods,.phx-ticket-item-mods{flex-wrap:wrap;gap:4px;display:flex}.sp-ticket-mod-tag,.sp-ticket-mod-tag,.phx-ticket-mod-tag{color:var(--sp-text-secondary);border-radius:var(--sp-border-radius-sm);background:#0000000d;padding:1px 6px;font-size:.75rem}:root[data-theme=dark] .sp-ticket-mod-tag,:root[data-theme=dark] .phx-ticket-mod-tag{background:#ffffff14}.sp-ticket-item-right,.sp-ticket-item-right,.phx-ticket-item-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.sp-ticket-item-price,.sp-ticket-item-price,.phx-ticket-item-price{font-family:var(--sp-font-mono);color:var(--sp-text-primary);font-size:1rem;font-weight:700}.sp-ticket-item-void,.sp-ticket-item-void,.phx-ticket-item-void{border-radius:var(--sp-border-radius-pill);width:24px;height:24px;color:var(--sp-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .15s ease-in-out;display:inline-flex}.sp-ticket-item-void:hover,.phx-ticket-item-void:hover{background:var(--sp-danger-subtle);color:var(--sp-danger)}.sp-ticket-footer,.sp-ticket-footer,.phx-ticket-footer{background:var(--sp-bg-surface);border-top:1px solid var(--sp-border);box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 18px;display:flex}.sp-ticket-summary,.sp-ticket-summary,.phx-ticket-summary{flex-direction:column;gap:6px;display:flex}.sp-summary-row,.sp-summary-row,.phx-summary-row{color:var(--sp-text-secondary);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.sp-summary-row.sp-summary-total,.sp-summary-row.sp-summary-total,.phx-summary-row.phx-summary-total{color:var(--sp-text-primary);border-top:1px dashed var(--sp-border);padding-top:6px;font-size:1.1rem;font-weight:700}.sp-summary-row.sp-summary-total .sp-summary-value,.sp-summary-row.sp-summary-total .sp-summary-value,.phx-summary-row.phx-summary-total .phx-summary-value{font-family:var(--sp-font-mono);color:var(--sp-primary);font-size:1.3rem;font-weight:800}.sp-btn-pay,.sp-btn-pay,.phx-btn-pay{background:var(--sp-primary);border:1px solid var(--sp-primary);border-radius:var(--sp-border-radius);color:#fff;width:100%;height:50px;font-family:var(--sp-font-sans);cursor:pointer;box-shadow:var(--sp-shadow-sm);box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 20px;font-size:1.05rem;font-weight:600;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,transform .1s;display:flex}.sp-btn-pay:hover:not(:disabled),.phx-btn-pay:hover:not(:disabled){background:var(--sp-primary-hover);border-color:var(--sp-primary-hover);transform:translateY(-1px)}.sp-btn-pay:active:not(:disabled),.phx-btn-pay:active:not(:disabled){background:var(--sp-primary-active);border-color:var(--sp-primary-active);transform:translateY(1px)}.sp-btn-pay:disabled,.phx-btn-pay:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.sp-btn-pay-amount,.sp-btn-pay-amount,.phx-btn-pay-amount{font-family:var(--sp-font-mono);font-size:1.15rem;font-weight:700}.sp-ticket-actions,.sp-ticket-actions,.phx-ticket-actions{flex-direction:column;gap:8px;width:100%;display:flex}.sp-btn-fire,.sp-btn-fire,.phx-btn-fire{background:var(--sp-warning);border:1px solid var(--sp-warning);border-radius:var(--sp-border-radius);color:#212529;width:100%;height:48px;font-family:var(--sp-font-sans);cursor:pointer;box-shadow:var(--sp-shadow-sm);box-sizing:border-box;justify-content:center;align-items:center;padding:0 18px;font-size:1rem;font-weight:700;transition:all .15s ease-in-out;display:flex}.sp-btn-fire:hover:not(:disabled),.phx-btn-fire:hover:not(:disabled){background:var(--sp-warning-hover);border-color:var(--sp-warning-hover)}.sp-btn-fire:active:not(:disabled),.phx-btn-fire:active:not(:disabled){transform:translateY(1px)}.sp-btn-fire:disabled,.phx-btn-fire:disabled{opacity:.65;cursor:not-allowed}.sp-btn-secondary-pay,.sp-btn-secondary-pay,.phx-btn-secondary-pay{background:var(--sp-bg-subtle);border:1px solid var(--sp-border);border-radius:var(--sp-border-radius);width:100%;height:40px;color:var(--sp-text-secondary);font-family:var(--sp-font-sans);cursor:pointer;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:all .15s ease-in-out;display:flex}.sp-btn-secondary-pay:hover:not(:disabled),.phx-btn-secondary-pay:hover:not(:disabled){background:var(--sp-bg-surface);border-color:var(--sp-primary);color:var(--sp-primary)}.sp-btn-secondary-pay:disabled,.phx-btn-secondary-pay:disabled{opacity:.65;cursor:not-allowed}:root[data-theme=dark] .sp-ticket-panel,:root[data-theme=dark] .phx-ticket-panel{background:var(--sp-bg-surface);border-left-color:var(--sp-border)}:root[data-theme=dark] .sp-ticket-item,:root[data-theme=dark] .phx-ticket-item{border-bottom-color:var(--sp-border-subtle)}:root[data-theme=dark] .sp-ticket-item:hover,:root[data-theme=dark] .phx-ticket-item:hover{background:#ffffff08}:root[data-theme=dark] .sp-ticket-totals,:root[data-theme=dark] .phx-ticket-totals{background:var(--sp-bg-base);border-top-color:var(--sp-border)}.sp-tender-overlay,.sp-tender-overlay,.phx-tender-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.sp-tender-modal-wrapper,.sp-tender-modal-wrapper,.phx-tender-modal-wrapper{flex-direction:column;gap:12px;width:100%;max-width:580px;margin:auto;display:flex}.sp-tender-modal-header,.sp-tender-modal-header,.phx-tender-modal-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.sp-tender-back-btn,.sp-tender-back-btn,.phx-tender-back-btn{background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);color:var(--sp-text-primary,#212529);border-radius:var(--sp-radius-pill,50rem);font-family:var(--sp-font-sans,system-ui, sans-serif);cursor:pointer;box-shadow:var(--sp-shadow-sm,0 1px 2px #0000000d);align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.sp-tender-back-btn:hover,.phx-tender-back-btn:hover{border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd);transform:translate(-2px)}.sp-tender-badge,.sp-tender-badge,.phx-tender-badge{color:var(--sp-primary,#0d6efd);border-radius:var(--sp-radius-pill,50rem);text-transform:uppercase;letter-spacing:.5px;background:#0d6efd1a;padding:4px 12px;font-size:.78rem;font-weight:700}.sp-tender-modal-body,.sp-tender-modal-body,.phx-tender-modal-body{width:100%}.sp-settle-card,.sp-settle-card,.phx-settle-card{background:var(--sp-bg-surface,#fff);border-radius:var(--sp-radius-lg,.5rem);box-shadow:var(--sp-shadow-lg,0 10px 15px -3px #0000001a);width:100%;max-width:520px;color:var(--sp-text-primary,#212529);border:1px solid var(--sp-border,#dee2e6);box-sizing:border-box;flex-direction:column;gap:16px;padding:24px;animation:.18s spScaleUp;display:flex}@keyframes spScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sp-settle-header,.sp-settle-header,.phx-settle-header{justify-content:space-between;align-items:center;display:flex}.sp-settle-title,.sp-settle-title,.phx-settle-title{color:var(--sp-text-primary,#212529);font-size:1.25rem;font-weight:700;font-family:var(--sp-font-sans,system-ui, sans-serif);margin:0}.sp-settle-close-btn,.sp-settle-close-btn,.phx-settle-close-btn{color:var(--sp-text-muted,#adb5bd);cursor:pointer;border-radius:var(--sp-radius-sm,.25rem);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:1.1rem;transition:color .15s;display:inline-flex}.sp-settle-close-btn svg,.sp-settle-close-btn svg,.phx-settle-close-btn svg{width:18px;height:18px}.sp-settle-close-btn:hover,.phx-settle-close-btn:hover{color:var(--sp-text-primary,#212529)}.sp-settle-balance-row,.sp-settle-balance-row,.phx-settle-balance-row{background:var(--sp-bg-subtle,#f8f9fa);border-radius:var(--sp-radius-md,.375rem);border:1px solid var(--sp-border,#dee2e6);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sp-settle-balance-label,.sp-settle-balance-label,.phx-settle-balance-label{color:var(--sp-text-secondary,#6c757d);font-size:1rem;font-weight:600}.sp-settle-balance-value,.sp-settle-balance-value,.phx-settle-balance-value{font-family:var(--sp-font-mono,monospace);color:var(--sp-primary,#0d6efd);letter-spacing:-.5px;font-size:1.85rem;font-weight:700}.sp-settle-tabs,.sp-settle-tabs,.phx-settle-tabs{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.sp-settle-tab,.sp-settle-tab,.phx-settle-tab{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);height:44px;color:var(--sp-text-secondary,#6c757d);font-family:var(--sp-font-sans,system-ui, sans-serif);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.sp-settle-tab:hover:not(.active),.phx-settle-tab:hover:not(.active){border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd)}.sp-settle-tab.active,.sp-settle-tab.active,.phx-settle-tab.active{background:var(--sp-primary,#0d6efd);border-color:var(--sp-primary,#0d6efd);color:var(--sp-text-inverse,#fff);box-shadow:0 2px 6px #0d6efd4d}.sp-tab-icon,.sp-tab-icon,.phx-tab-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.sp-split-section,.sp-split-section,.phx-split-section{flex-direction:column;gap:14px;display:flex}.sp-split-instruction,.sp-split-instruction,.phx-split-instruction{color:var(--sp-text-secondary,#6c757d);margin:0;font-size:.88rem;font-weight:500}.sp-divisor-group,.sp-divisor-group,.phx-divisor-group{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.sp-divisor-btn,.sp-divisor-btn,.phx-divisor-btn{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);height:44px;color:var(--sp-text-secondary,#6c757d);font-family:var(--sp-font-sans,system-ui, sans-serif);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .15s}.sp-divisor-btn:hover:not(.active),.phx-divisor-btn:hover:not(.active){border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd)}.sp-divisor-btn.active,.sp-divisor-btn.active,.phx-divisor-btn.active{background:var(--sp-primary,#0d6efd);border-color:var(--sp-primary,#0d6efd);color:var(--sp-text-inverse,#fff);font-weight:700}.sp-split-summary-pill,.sp-split-summary-pill,.phx-split-summary-pill{background:var(--sp-bg-subtle,#f8f9fa);border-radius:var(--sp-radius-md,.375rem);color:var(--sp-text-primary,#212529);border:1px solid var(--sp-border,#dee2e6);justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.92rem;display:flex}.sp-summary-guests,.sp-summary-guests,.phx-summary-guests{font-weight:700}.sp-summary-amount,.sp-summary-amount,.phx-summary-amount{font-family:var(--sp-font-mono,monospace);color:var(--sp-primary,#0d6efd);font-size:1.15rem;font-weight:700}.sp-btn-charge-split,.sp-btn-charge-split,.phx-btn-charge-split{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-primary,#0d6efd);border:1px solid var(--sp-primary,#0d6efd);height:52px;color:var(--sp-text-inverse,#fff);font-family:var(--sp-font-sans,system-ui, sans-serif);letter-spacing:.2px;cursor:pointer;box-shadow:var(--sp-shadow-sm,0 1px 2px #0000000d);width:100%;font-size:1rem;font-weight:600;transition:all .15s}.sp-btn-charge-split:hover:not(:disabled),.phx-btn-charge-split:hover:not(:disabled){background:#0b5ed7;border-color:#0a58ca;box-shadow:0 4px 10px #0d6efd4d}.sp-btn-charge-split:active:not(:disabled),.phx-btn-charge-split:active:not(:disabled){background:#0a58ca;transform:scale(.99)}.sp-btn-charge-split:disabled,.phx-btn-charge-split:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.sp-tender-placeholder,.sp-tender-placeholder,.phx-tender-placeholder{text-align:center;color:var(--sp-text-secondary,#6c757d);padding:28px 16px;font-size:.9rem}.sp-multi-tender-card,.sp-multi-tender-card,.phx-multi-tender-card{gap:16px;width:100%;max-width:520px;padding:24px}.sp-multi-header,.sp-multi-header,.phx-multi-header{justify-content:space-between;align-items:center;display:flex}.sp-multi-title,.sp-multi-title,.phx-multi-title{color:var(--sp-text-primary,#212529);font-size:1.25rem;font-weight:700;font-family:var(--sp-font-sans,system-ui, sans-serif);margin:0}.sp-multi-header-right,.sp-multi-header-right,.phx-multi-header-right{align-items:center;gap:10px;display:flex}.sp-ticket-badge,.sp-ticket-badge,.phx-ticket-badge{background:var(--sp-bg-subtle,#f8f9fa);color:var(--sp-primary,#0d6efd);border-radius:var(--sp-radius-pill,50rem);border:1px solid var(--sp-border,#dee2e6);font-size:.78rem;font-weight:700;font-family:var(--sp-font-mono,monospace);padding:4px 12px}.sp-total-due-row,.sp-total-due-row,.phx-total-due-row{border-top:1px solid var(--sp-border,#dee2e6);border-bottom:1px solid var(--sp-border,#dee2e6);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.sp-total-due-label,.sp-total-due-label,.phx-total-due-label{color:var(--sp-text-secondary,#6c757d);letter-spacing:.5px;text-transform:uppercase;font-size:.8rem;font-weight:700}.sp-total-due-amount,.sp-total-due-amount,.phx-total-due-amount{font-family:var(--sp-font-mono,monospace);color:var(--sp-primary,#0d6efd);letter-spacing:-.5px;font-size:2rem;font-weight:700}.sp-split-section-block,.sp-split-section-block,.phx-split-section-block{flex-direction:column;gap:8px;display:flex}.sp-section-label,.sp-section-label,.phx-section-label{color:var(--sp-text-secondary,#6c757d);letter-spacing:.5px;text-transform:uppercase;font-size:.74rem;font-weight:700}.sp-presets-row,.sp-presets-row,.phx-presets-row{flex-wrap:wrap;gap:6px;display:flex}.sp-preset-pill,.sp-preset-pill,.phx-preset-pill{border-radius:var(--sp-radius-pill,50rem);background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);color:var(--sp-text-secondary,#6c757d);font-size:.84rem;font-weight:600;font-family:var(--sp-font-sans,system-ui, sans-serif);cursor:pointer;padding:6px 14px;transition:all .15s}.sp-preset-pill:hover:not(:disabled):not(.active),.phx-preset-pill:hover:not(:disabled):not(.active){border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd)}.sp-preset-pill.active,.sp-preset-pill.active,.phx-preset-pill.active{background:var(--sp-primary,#0d6efd);color:var(--sp-text-inverse,#fff);border-color:var(--sp-primary,#0d6efd);box-shadow:0 2px 6px #0d6efd4d}.sp-preset-pill.locked,.sp-preset-pill:disabled,.phx-preset-pill.locked,.phx-preset-pill:disabled{opacity:.5;cursor:not-allowed}.sp-stepper-card,.sp-stepper-card,.phx-stepper-card{background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-md,.375rem);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.sp-stepper-btn,.sp-stepper-btn,.phx-stepper-btn{border-radius:var(--sp-radius-sm,.25rem);background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);width:40px;height:40px;color:var(--sp-text-primary,#212529);cursor:pointer;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;transition:all .12s;display:flex;box-shadow:0 1px 2px #0000000d}.sp-stepper-btn:hover:not(:disabled),.phx-stepper-btn:hover:not(:disabled){border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd)}.sp-stepper-btn:disabled,.phx-stepper-btn:disabled{opacity:.35;cursor:not-allowed}.sp-stepper-center,.sp-stepper-center,.phx-stepper-center{flex-direction:column;align-items:center;gap:2px;display:flex}.sp-stepper-count,.sp-stepper-count,.phx-stepper-count{color:var(--sp-text-primary,#212529);font-size:1.25rem;font-weight:700}.sp-stepper-subtext,.sp-stepper-subtext,.phx-stepper-subtext{color:var(--sp-primary,#0d6efd);font-size:.74rem;font-weight:600}.sp-calculated-share-box,.sp-calculated-share-box,.phx-calculated-share-box{background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-md,.375rem);box-shadow:var(--sp-shadow-sm,0 1px 2px #0000000d);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sp-share-left,.sp-share-left,.phx-share-left{flex-direction:column;gap:2px;display:flex}.sp-share-right,.sp-share-right,.phx-share-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.sp-share-sublabel,.sp-share-sublabel,.phx-share-sublabel{color:var(--sp-text-secondary,#6c757d);font-size:.8rem;font-weight:600}.sp-share-main-amount,.sp-share-main-amount,.phx-share-main-amount{font-family:var(--sp-font-mono,monospace);color:var(--sp-text-primary,#212529);letter-spacing:-.3px;font-size:1.5rem;font-weight:700}.sp-share-footnote,.sp-share-footnote,.phx-share-footnote{color:var(--sp-text-muted,#adb5bd);font-size:.74rem;font-style:italic}.sp-share-remaining-amount,.sp-share-remaining-amount,.phx-share-remaining-amount{font-family:var(--sp-font-mono,monospace);color:var(--sp-primary,#0d6efd);letter-spacing:-.3px;font-size:1.5rem;font-weight:700}.sp-settlement-progress-wrap,.sp-settlement-progress-wrap,.phx-settlement-progress-wrap{flex-direction:column;gap:6px;display:flex}.sp-progress-header,.sp-progress-header,.phx-progress-header{color:var(--sp-text-secondary,#6c757d);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;display:flex}.sp-progress-track,.sp-progress-track,.phx-progress-track{border-radius:var(--sp-radius-pill,50rem);background:var(--sp-bg-subtle,#dee2e6);height:6px;overflow:hidden}.sp-progress-fill,.sp-progress-fill,.phx-progress-fill{background:var(--sp-primary,#0d6efd);border-radius:var(--sp-radius-pill,50rem);height:100%;transition:width .3s}.sp-guest-settlement-list,.sp-guest-settlement-list,.phx-guest-settlement-list{flex-direction:column;gap:8px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.sp-guest-card,.sp-guest-card,.phx-guest-card{background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-md,.375rem);justify-content:space-between;align-items:center;padding:10px 16px;transition:all .15s;display:flex}.sp-guest-card.paid,.sp-guest-card.paid,.phx-guest-card.paid{background:var(--sp-success-subtle,#d1e7dd);border-color:var(--sp-border-success,#badbcc)}.sp-guest-identity,.sp-guest-identity,.phx-guest-identity{color:var(--sp-text-primary,#212529);align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.sp-guest-avatar,.sp-guest-avatar,.phx-guest-avatar{color:var(--sp-text-secondary,#6c757d);align-items:center;font-size:1.1rem;display:inline-flex}.sp-guest-action,.sp-guest-action,.phx-guest-action{align-items:center;gap:14px;display:flex}.sp-guest-price,.sp-guest-price,.phx-guest-price{font-family:var(--sp-font-mono,monospace);color:var(--sp-text-primary,#212529);font-size:1.05rem;font-weight:700}.sp-btn-pay-share,.sp-btn-pay-share,.phx-btn-pay-share{background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-sm,.25rem);color:var(--sp-primary,#0d6efd);cursor:pointer;box-shadow:var(--sp-shadow-sm,0 1px 2px #0000000d);padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .12s}.sp-btn-pay-share:hover:not(:disabled),.phx-btn-pay-share:hover:not(:disabled){border-color:var(--sp-primary,#0d6efd);background:var(--sp-primary,#0d6efd);color:var(--sp-text-inverse,#fff)}.sp-btn-pay-share:disabled,.phx-btn-pay-share:disabled{opacity:.4;cursor:not-allowed}.sp-badge-paid,.sp-badge-paid,.phx-badge-paid{background:var(--sp-success-subtle,#d1e7dd);border:1px solid var(--sp-border-success,#badbcc);color:var(--sp-success,#198754);border-radius:var(--sp-radius-sm,.25rem);align-items:center;gap:4px;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.sp-settled-banner,.sp-settled-banner,.phx-settled-banner{background:var(--sp-success-subtle,#d1e7dd);border:1px solid var(--sp-border-success,#badbcc);color:var(--sp-success,#198754);border-radius:var(--sp-radius-md,.375rem);text-align:center;padding:12px;font-size:.9rem;font-weight:700}.sp-tender-nav-tabs,.phx-tender-nav-tabs{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.sp-tender-nav-tabs>.sp-tour-anchor,.phx-tender-nav-tabs>.sp-tour-anchor{width:100%!important;height:100%!important;display:flex!important}.sp-tender-nav-tabs>.sp-tour-anchor>.sp-tender-nav-tab,.sp-tender-nav-tabs>.sp-tour-anchor>button,.sp-tender-nav-tab,.phx-tender-nav-tab{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);height:42px;color:var(--sp-text-secondary,#6c757d);font-family:var(--sp-font-sans,system-ui, sans-serif);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex;box-sizing:border-box!important;width:100%!important}.sp-tender-nav-tab:hover:not(.active),.phx-tender-nav-tab:hover:not(.active){border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd)}.sp-tender-nav-tab.active,.phx-tender-nav-tab.active{background:var(--sp-primary,#0d6efd);border-color:var(--sp-primary,#0d6efd);color:var(--sp-text-inverse,#fff);box-shadow:0 2px 6px #0d6efd40}.sp-tender-nav-tab.has-discount:not(.active),.phx-tender-nav-tab.has-discount:not(.active){border-color:var(--sp-danger,#dc3545);color:var(--sp-danger,#dc3545);background:#dc35450d}.sp-tender-nav-tab.has-discount.active,.phx-tender-nav-tab.has-discount.active{background:var(--sp-primary,#0d6efd);border-color:var(--sp-primary,#0d6efd);color:#fff}.sp-cash-view,.phx-cash-view{flex-direction:column;gap:14px;width:100%;display:flex}.sp-cash-summary-card,.phx-cash-summary-card{background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-md,.375rem);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.sp-cash-summary-pillars{text-align:center;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:12px 14px;display:grid}.sp-cash-summary-col,.phx-cash-summary-col{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 8px;display:flex}.sp-cash-summary-col:not(:last-child){border-right:1px solid var(--sp-border,#dee2e6)}.sp-cash-summary-label,.phx-cash-summary-label{color:var(--sp-text-secondary,#6c757d);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.sp-cash-summary-value,.phx-cash-summary-value{font-family:var(--sp-font-mono,monospace);color:var(--sp-text-primary,#212529);font-size:1.35rem;font-weight:700;line-height:1.2}.sp-cash-summary-value.due,.phx-cash-summary-value.due{color:var(--sp-primary,#0d6efd)}.sp-cash-summary-value.change,.phx-cash-summary-value.change{color:var(--sp-success,#198754)}.sp-cash-summary-value.short,.phx-cash-summary-value.short{color:var(--sp-warning,#ffc107)}.sp-cash-summary-ledger{border-bottom:1px solid var(--sp-border,#dee2e6);background:#00000008;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:6px 14px;font-size:.75rem;display:flex}.sp-cash-summary-ledger.inline-ledger{background:0 0;border-bottom:none;justify-content:flex-start;gap:10px;padding:0}.sp-ledger-item{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.sp-ledger-label{color:var(--sp-text-secondary,#6c757d);text-transform:uppercase;letter-spacing:.4px;font-size:.68rem;font-weight:700}.sp-ledger-val{font-family:var(--sp-font-mono,monospace);color:var(--sp-text-primary,#212529);font-weight:700}.sp-ledger-item.discount .sp-ledger-val{color:var(--sp-danger,#dc3545)}.sp-ledger-tag{color:var(--sp-danger,#dc3545);border-radius:var(--sp-radius-sm,.25rem);background:#dc35451a;border:1px solid #dc354540;align-items:center;gap:3px;padding:1px 5px;font-size:.68rem;font-weight:600;display:inline-flex}.sp-ledger-divider{color:var(--sp-border,#dee2e6);-webkit-user-select:none;user-select:none;font-size:.75rem}.sp-cash-grid,.sp-cash-grid,.phx-cash-grid{grid-template-columns:1fr 1.15fr;gap:12px;display:grid}.sp-denoms-pane,.sp-denoms-pane,.phx-denoms-pane{flex-direction:column;gap:8px;display:flex}.sp-pane-title,.sp-pane-title,.phx-pane-title{color:var(--sp-text-secondary,#6c757d);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.sp-denoms-list,.sp-denoms-list,.phx-denoms-list{flex-direction:column;justify-content:flex-start;gap:.5rem;height:100%;display:flex;overflow-y:auto}.sp-denom-btn,.sp-denom-btn,.phx-denom-btn{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);width:100%;min-height:3.5rem;color:var(--sp-text-primary,#212529);cursor:pointer;font-family:var(--sp-font-mono,monospace);box-sizing:border-box;flex:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:1.05rem;font-weight:700;transition:all .12s;display:flex}.sp-denom-btn:hover,.phx-denom-btn:hover{border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd);transform:translateY(-1px)}.sp-denom-btn.active,.sp-denom-btn.active,.phx-denom-btn.active{background:var(--sp-primary,#0d6efd);border-color:var(--sp-primary,#0d6efd);color:var(--sp-text-inverse,#fff);box-shadow:0 2px 6px #0d6efd40}.sp-denom-badge,.sp-denom-badge,.phx-denom-badge{text-transform:uppercase;border-radius:var(--sp-radius-sm,.25rem);background:#0000000f;padding:2px 6px;font-size:.68rem;font-weight:700}.sp-denom-btn.active .sp-denom-badge,.sp-denom-btn.active .sp-denom-badge,.phx-denom-btn.active .phx-denom-badge{color:#fff;background:#ffffff40}.sp-numpad-pane,.sp-numpad-pane,.phx-numpad-pane{flex-direction:column;gap:8px;display:flex}.sp-numpad-screen,.sp-numpad-screen,.phx-numpad-screen{background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-md,.375rem);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sp-numpad-prefix,.sp-numpad-prefix,.phx-numpad-prefix{color:var(--sp-text-muted,#adb5bd);font-size:1.1rem;font-weight:700}.sp-numpad-input-val,.sp-numpad-input-val,.phx-numpad-input-val{font-family:var(--sp-font-mono,monospace);color:var(--sp-text-primary,#212529);font-size:1.35rem;font-weight:700}.sp-numpad-grid,.sp-numpad-grid,.phx-numpad-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sp-numpad-key,.sp-numpad-key,.phx-numpad-key{border-radius:var(--sp-radius-md,.375rem);border:1px solid var(--sp-border,#dee2e6);background:var(--sp-bg-surface,#fff);height:44px;font-family:var(--sp-font-mono,monospace);color:var(--sp-text-primary,#212529);cursor:pointer;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;transition:all .1s;display:flex}.sp-numpad-key:hover,.phx-numpad-key:hover{background:var(--sp-bg-subtle,#f8f9fa);border-color:var(--sp-primary,#0d6efd)}.sp-numpad-key:active,.phx-numpad-key:active{border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd);background:#0d6efd1a;transform:scale(.97)}.sp-numpad-key.action-key,.sp-numpad-key.action-key,.phx-numpad-key.action-key{color:var(--sp-danger,#dc3545);font-size:.95rem;font-weight:700}.sp-btn-tender-cash,.sp-btn-tender-cash,.phx-btn-tender-cash{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-success,#198754);border:1px solid var(--sp-success,#198754);height:48px;color:var(--sp-text-inverse,#fff);font-family:var(--sp-font-sans,system-ui, sans-serif);letter-spacing:.2px;cursor:pointer;box-shadow:var(--sp-shadow-sm,0 1px 2px #0000000d);justify-content:center;align-items:center;gap:8px;width:100%;font-size:1rem;font-weight:600;transition:all .15s;display:flex}.sp-btn-tender-cash:hover:not(:disabled),.phx-btn-tender-cash:hover:not(:disabled){background:#157347;border-color:#146c43;box-shadow:0 4px 10px #1987544d}.sp-btn-tender-cash:active:not(:disabled),.phx-btn-tender-cash:active:not(:disabled){transform:scale(.99)}.sp-btn-tender-cash:disabled,.phx-btn-tender-cash:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.sp-btn-tender-cash.partial,.sp-btn-tender-cash.partial,.phx-btn-tender-cash.partial{background:var(--sp-warning,#ffc107);border-color:var(--sp-warning,#ffc107);color:#000}.sp-cash-settled-card,.sp-cash-settled-card,.phx-cash-settled-card{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px 10px;display:flex}.sp-settled-icon-bubble,.sp-settled-icon-bubble,.phx-settled-icon-bubble{background:var(--sp-success-subtle,#d1e7dd);width:56px;height:56px;color:var(--sp-success,#198754);border:2px solid var(--sp-border-success,#badbcc);border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;display:flex;box-shadow:0 0 16px #19875433}.sp-settled-title,.sp-settled-title,.phx-settled-title{color:var(--sp-text-primary,#212529);margin:0;font-size:1.35rem;font-weight:700}.sp-change-due-banner,.sp-change-due-banner,.phx-change-due-banner{background:var(--sp-success-subtle,#d1e7dd);border:1px solid var(--sp-border-success,#badbcc);border-radius:var(--sp-radius-md,.375rem);box-sizing:border-box;flex-direction:column;gap:4px;width:100%;padding:16px 24px;display:flex}.sp-change-due-label,.sp-change-due-label,.phx-change-due-label{color:var(--sp-success,#198754);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.sp-change-due-value,.sp-change-due-value,.phx-change-due-value{font-family:var(--sp-font-mono,monospace);color:var(--sp-success,#198754);font-size:2.25rem;font-weight:700}.sp-settled-actions,.sp-settled-actions,.phx-settled-actions{grid-template-columns:1fr 1.5fr;gap:10px;width:100%;display:grid}.sp-btn-kick-again,.sp-btn-kick-again,.phx-btn-kick-again{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);height:44px;color:var(--sp-text-primary,#212529);font-family:var(--sp-font-sans,system-ui, sans-serif);cursor:pointer;font-size:.88rem;font-weight:600;transition:all .12s}.sp-btn-kick-again:hover,.phx-btn-kick-again:hover{border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd)}.sp-btn-done-order,.sp-btn-done-order,.phx-btn-done-order{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-primary,#0d6efd);border:1px solid var(--sp-primary,#0d6efd);height:44px;color:var(--sp-text-inverse,#fff);font-family:var(--sp-font-sans,system-ui, sans-serif);cursor:pointer;box-shadow:var(--sp-shadow-sm,0 1px 2px #0000000d);font-size:.95rem;font-weight:600;transition:all .12s}.sp-btn-done-order:hover,.phx-btn-done-order:hover{background:#0b5ed7;border-color:#0a58ca}.sp-intercept-backdrop,.sp-intercept-backdrop,.phx-intercept-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sp-intercept-card,.sp-intercept-card,.phx-intercept-card{background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-lg,.5rem);width:100%;max-width:420px;box-shadow:var(--sp-shadow-lg,0 10px 15px -3px #0000001a);flex-direction:column;gap:16px;padding:24px;display:flex}.sp-intercept-header,.sp-intercept-header,.phx-intercept-header{align-items:center;gap:12px;display:flex}.sp-intercept-title,.sp-intercept-title,.phx-intercept-title{color:var(--sp-text-primary,#212529);margin:0;font-size:1.2rem;font-weight:700}.sp-intercept-desc,.sp-intercept-desc,.phx-intercept-desc{color:var(--sp-text-secondary,#6c757d);margin:0;font-size:.85rem;line-height:1.4}.sp-intercept-input-wrap,.sp-intercept-input-wrap,.phx-intercept-input-wrap{width:100%;position:relative}.sp-intercept-input-prefix,.sp-intercept-input-prefix,.phx-intercept-input-prefix{color:var(--sp-text-muted,#adb5bd);font-weight:700;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sp-intercept-input,.sp-intercept-input,.phx-intercept-input{border-radius:var(--sp-radius-md,.375rem);border:1px solid var(--sp-border,#dee2e6);background:var(--sp-bg-surface,#fff);width:100%;color:var(--sp-text-primary,#212529);font-size:1.1rem;font-family:var(--sp-font-mono,monospace);box-sizing:border-box;padding:10px 14px 10px 30px;font-weight:700}.sp-intercept-input:focus,.phx-intercept-input:focus{border-color:var(--sp-primary,#0d6efd);outline:none;box-shadow:0 0 0 3px #0d6efd40}.sp-intercept-actions,.sp-intercept-actions,.phx-intercept-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.sp-jit-reader-overlay,.sp-jit-reader-overlay,.phx-jit-reader-overlay{flex-direction:column;gap:16px;width:100%;display:flex}.sp-jit-header,.sp-jit-header,.phx-jit-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.sp-jit-icon-bubble,.sp-jit-icon-bubble,.phx-jit-icon-bubble{width:48px;height:48px;color:var(--sp-primary,#0d6efd);background:#0d6efd1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.sp-jit-title,.sp-jit-title,.phx-jit-title{color:var(--sp-text-primary,#212529);margin:0;font-size:1.25rem;font-weight:700}.sp-jit-subtitle,.sp-jit-subtitle,.phx-jit-subtitle{color:var(--sp-text-secondary,#6c757d);margin:0;font-size:.84rem}.sp-jit-empty-card,.sp-jit-empty-card,.phx-jit-empty-card{background:var(--sp-bg-subtle,#f8f9fa);border:1px dashed var(--sp-border,#dee2e6);border-radius:var(--sp-radius-md,.375rem);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.sp-jit-readers-list,.sp-jit-readers-list,.phx-jit-readers-list{flex-direction:column;gap:8px;max-height:240px;display:flex;overflow-y:auto}.sp-jit-reader-btn,.sp-jit-reader-btn,.phx-jit-reader-btn{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-primary,#0d6efd);width:100%;color:var(--sp-text-inverse,#fff);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.sp-jit-reader-btn:hover:not(:disabled),.phx-jit-reader-btn:hover:not(:disabled){background:#0b5ed7;transform:translateY(-1px)}.sp-itemize-section-block,.sp-itemize-section-block,.phx-itemize-section-block{width:100%}.sp-btn-itemize-receipt,.sp-btn-itemize-receipt,.phx-btn-itemize-receipt{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);width:100%;color:var(--sp-text-primary,#212529);font-family:var(--sp-font-sans,system-ui, sans-serif);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.88rem;font-weight:600;transition:all .12s;display:flex}.sp-btn-itemize-receipt:hover:not(:disabled),.phx-btn-itemize-receipt:hover:not(:disabled){border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd)}.sp-itemize-icon,.sp-itemize-icon,.phx-itemize-icon{color:var(--sp-primary,#0d6efd);align-items:center;display:inline-flex}.sp-itemize-arrow,.sp-itemize-arrow,.phx-itemize-arrow{color:var(--sp-text-muted,#adb5bd);align-items:center;display:inline-flex}.sp-settle-financial-summary{background:var(--sp-bg-subtle,#f8f9fa);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-md,.375rem);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.sp-summary-breakdown{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sp-breakdown-item{flex-direction:column;gap:1px;display:flex}.sp-breakdown-label{text-transform:uppercase;letter-spacing:.5px;color:var(--sp-text-secondary,#6c757d);font-size:.72rem;font-weight:700}.sp-breakdown-value{font-size:.92rem;font-weight:600;font-family:var(--sp-font-mono,monospace);color:var(--sp-text-primary,#212529)}.sp-breakdown-item.total .sp-breakdown-value{color:var(--sp-primary,#0d6efd);font-size:1.05rem;font-weight:700}.sp-breakdown-item.discount-active .sp-breakdown-label,.sp-breakdown-item.discount-active .sp-breakdown-value{color:var(--sp-danger,#dc3545)}.sp-btn-remove-discount{color:var(--sp-danger,#dc3545);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px 4px;transition:background .15s;display:inline-flex}.sp-btn-remove-discount:hover{background:#dc35451f}.sp-btn-toggle-discount{border-radius:var(--sp-radius-md,.375rem);background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);color:var(--sp-primary,#0d6efd);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.sp-btn-toggle-discount:hover{border-color:var(--sp-primary,#0d6efd);background:#0d6efd14}.sp-btn-toggle-discount.open{background:var(--sp-primary,#0d6efd);color:#fff;border-color:var(--sp-primary,#0d6efd)}.sp-consolidated-discount-panel{background:var(--sp-bg-surface,#fff);border:1.5px solid var(--sp-border,#ced4da);border-radius:var(--sp-radius-md,.375rem);box-shadow:var(--sp-shadow-sm,0 1px 3px #00000014);flex-direction:column;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.sp-discount-panel-header{border-bottom:1px solid var(--sp-border,#dee2e6);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.sp-discount-panel-title{text-transform:uppercase;letter-spacing:.5px;color:var(--sp-text-primary,#212529);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.sp-discount-form-input{width:100%;height:38px;font-size:.88rem;font-weight:600;font-family:var(--sp-font-mono,monospace);letter-spacing:.5px;text-transform:uppercase;background:var(--sp-bg-surface,#fff);border:1.5px solid var(--sp-border,#ced4da);border-radius:var(--sp-radius-md,.375rem);color:var(--sp-text-primary,#212529);box-sizing:border-box;padding:6px 12px}.sp-discount-form-input:focus{border-color:var(--sp-primary,#0d6efd);outline:none;box-shadow:0 0 0 3px #0d6efd26}.sp-discount-form-select{background:var(--sp-bg-surface,#fff);border:1.5px solid var(--sp-border,#ced4da);border-radius:var(--sp-radius-md,.375rem);width:100%;height:38px;color:var(--sp-text-primary,#212529);box-sizing:border-box;padding:6px 12px;font-size:.88rem;font-weight:500}.sp-discount-form-select:focus{border-color:var(--sp-primary,#0d6efd);outline:none;box-shadow:0 0 0 3px #0d6efd26}.sp-discount-preset-btn{border-radius:var(--sp-radius-md,.375rem);border:1.5px solid var(--sp-border,#ced4da);background:var(--sp-bg-subtle,#f8f9fa);height:38px;color:var(--sp-text-primary,#212529);cursor:pointer;justify-content:center;align-items:center;gap:4px;font-size:.85rem;font-weight:600;transition:all .12s;display:flex}.sp-discount-preset-btn:hover{border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd)}.sp-discount-preset-btn.active{background:var(--sp-primary,#0d6efd);border-color:var(--sp-primary,#0d6efd);color:#fff}.sp-zero-due-banner{border:1.5px solid var(--sp-success,#198754);border-radius:var(--sp-radius-md,.375rem);text-align:center;background:#1987541f;flex-direction:column;align-items:center;gap:10px;margin-bottom:12px;padding:14px 18px;display:flex}.sp-itemize-section-block,.phx-itemize-section-block{width:100%}.sp-btn-itemize-receipt,.phx-btn-itemize-receipt{border-radius:var(--phx-radius-md,14px);background:var(--phx-brand-glow,#fff7ed);width:100%;color:var(--phx-brand-flame,#ea580c);font-family:var(--phx-font-sans);cursor:pointer;border:1px dashed #ff5e1866;justify-content:space-between;align-items:center;padding:12px 18px;font-size:.88rem;font-weight:700;transition:all .15s;display:flex}.sp-btn-itemize-receipt:hover,.phx-btn-itemize-receipt:hover{border-color:var(--phx-brand-flame,#ff5e18);background:#ffedd5;transform:translateY(-1px)}.sp-itemize-icon,.phx-itemize-icon{font-size:1.1rem}.sp-itemize-text,.phx-itemize-text{text-align:left;flex:1;margin-left:8px}.sp-itemize-arrow,.phx-itemize-arrow{font-size:1rem;font-weight:800}.sp-allocation-modal-card,.phx-allocation-modal-card{gap:16px;width:95vw;max-width:940px;max-height:90vh;padding:24px 28px;overflow-y:auto}.sp-allocation-body,.phx-allocation-body{grid-template-columns:1fr 1.35fr;gap:24px;margin-top:6px;display:grid}.sp-pool-column,.phx-pool-column{border-right:1px solid var(--phx-border,#e2e8f0);flex-direction:column;gap:12px;padding-right:20px;display:flex}.sp-pool-header,.phx-pool-header{flex-direction:column;gap:2px;display:flex}.sp-pool-sublabel,.phx-pool-sublabel{color:var(--phx-text-secondary,#64748b);font-size:.76rem;font-weight:500}.sp-pool-list,.phx-pool-list{flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.sp-pool-card,.phx-pool-card{background:var(--phx-bg-subtle,#f8fafc);border:1px solid var(--phx-border,#e2e8f0);border-radius:var(--phx-radius-sm,12px);justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex}.sp-pool-card.exhausted,.phx-pool-card.exhausted{opacity:.45;background:#f1f5f9}.sp-pool-item-info,.phx-pool-item-info{flex-direction:column;gap:2px;display:flex}.sp-pool-item-name,.phx-pool-item-name{color:var(--phx-text-primary,#0f172a);font-size:.92rem;font-weight:800}.sp-pool-item-price,.phx-pool-item-price{color:var(--phx-text-secondary,#64748b);font-size:.8rem;font-family:var(--phx-font-mono);font-weight:600}.sp-pool-mod-chips,.phx-pool-mod-chips{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.sp-pool-mod-chip,.phx-pool-mod-chip{color:#475569;background:#e2e8f0;border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:600}.sp-btn-pool-assign,.phx-btn-pool-assign{border-radius:var(--phx-radius-pill,9999px);cursor:pointer;font-size:.82rem;font-weight:800;font-family:var(--phx-font-sans);border:none;padding:6px 14px;transition:all .12s}.sp-btn-pool-assign.available,.phx-btn-pool-assign.available{background:var(--phx-brand-flame,#ff5e18);color:#fff;box-shadow:0 2px 8px #ff5e184d}.sp-btn-pool-assign.available:hover,.phx-btn-pool-assign.available:hover{filter:brightness(1.08);transform:scale(1.04)}.sp-btn-pool-assign.disabled,.phx-btn-pool-assign.disabled{color:#64748b;cursor:not-allowed;background:#cbd5e1}.sp-unassigned-warning,.phx-unassigned-warning{color:#854d0e;background:#fefce8;border:1px solid #fef08a;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.8rem;line-height:1.4;display:flex}.sp-warning-icon,.phx-warning-icon{flex-shrink:0;font-size:1rem}.sp-guests-column,.phx-guests-column{flex-direction:column;gap:12px;display:flex}.sp-guests-header,.phx-guests-header{justify-content:space-between;align-items:center;display:flex}.sp-btn-add-guest,.phx-btn-add-guest{background:var(--phx-bg-surface,#fff);border:1px solid var(--phx-border,#cbd5e1);color:var(--phx-text-primary,#0f172a);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .12s}.sp-btn-add-guest:hover,.phx-btn-add-guest:hover{border-color:var(--phx-brand-flame,#ff5e18);color:var(--phx-brand-flame,#ff5e18)}.sp-guests-grid,.phx-guests-grid{flex-direction:column;gap:12px;max-height:440px;padding-right:4px;display:flex;overflow-y:auto}.sp-guest-alloc-card,.phx-guest-alloc-card{background:var(--phx-bg-surface,#fff);border:1.5px solid var(--phx-border,#e2e8f0);border-radius:var(--phx-radius-md,16px);cursor:pointer;flex-direction:column;gap:10px;padding:14px 16px;transition:all .18s;display:flex;box-shadow:0 1px 3px #00000008}.sp-guest-alloc-card.active-target,.phx-guest-alloc-card.active-target{border:2px solid var(--phx-brand-flame,#ff5e18);background:#fffcfb;box-shadow:0 4px 16px #ff5e1826}.sp-guest-alloc-card.paid,.phx-guest-alloc-card.paid,.sp-guest-alloc-card.settled,.phx-guest-alloc-card.settled{cursor:default;box-shadow:none;background:#f0fdf4;border-color:#86efac}.sp-settled-success-banner,.phx-settled-success-banner{background:#ecfdf5;border:1.5px solid #6ee7b7;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;padding:14px 20px;display:flex;box-shadow:0 4px 16px #10b98126}.sp-settled-success-left,.phx-settled-success-left{align-items:center;gap:12px;display:flex}.sp-settled-check-icon,.phx-settled-check-icon{color:#059669;background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sp-settled-success-title,.phx-settled-success-title{color:#065f46;font-size:1rem;font-weight:800;font-family:var(--phx-font-sans);margin:0}.sp-settled-success-desc,.phx-settled-success-desc{color:#047857;margin:2px 0 0;font-size:.82rem}.sp-btn-settle-done,.phx-btn-settle-done{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:10px;flex-shrink:0;padding:10px 18px;font-size:.88rem;font-weight:800;transition:all .15s;box-shadow:0 2px 8px #0596694d}.sp-btn-settle-done:hover,.phx-btn-settle-done:hover{background:#047857;transform:translateY(-1px)}.sp-badge-settled-tag,.phx-badge-settled-tag{color:#15803d;letter-spacing:.4px;background:#dcfce7;border:1px solid #bbf7d0;border-radius:9999px;padding:2px 8px;font-size:.66rem;font-weight:800}.sp-guest-card-top,.phx-guest-card-top{justify-content:space-between;align-items:center;display:flex}.sp-guest-card-title-wrap,.phx-guest-card-title-wrap{align-items:center;gap:8px;display:flex}.sp-guest-card-name,.phx-guest-card-name{color:var(--phx-text-primary,#0f172a);font-size:.98rem;font-weight:800}.sp-badge-active-target,.phx-badge-active-target{background:var(--phx-brand-flame,#ff5e18);color:#fff;letter-spacing:.4px;border-radius:9999px;padding:2px 8px;font-size:.66rem;font-weight:800}.sp-guest-card-meta,.phx-guest-card-meta{color:var(--phx-text-secondary,#64748b);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.sp-btn-remove-guest,.phx-btn-remove-guest{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.85rem}.sp-btn-remove-guest:hover,.phx-btn-remove-guest:hover{color:#ef4444}.sp-guest-items-list,.phx-guest-items-list{flex-direction:column;gap:6px;min-height:40px;display:flex}.sp-guest-empty-state,.phx-guest-empty-state{color:var(--phx-text-muted,#94a3b8);padding:6px 0;font-size:.8rem;font-style:italic}.sp-guest-line-item,.phx-guest-line-item{border-bottom:1px dashed var(--phx-border,#f1f5f9);justify-content:space-between;align-items:center;padding:4px 0;font-size:.85rem;display:flex}.sp-guest-line-left,.phx-guest-line-left{color:var(--phx-text-primary,#0f172a);align-items:center;gap:6px;font-weight:700;display:flex}.sp-guest-line-qty,.phx-guest-line-qty{color:var(--phx-brand-flame,#ff5e18);font-family:var(--phx-font-mono);font-weight:800}.sp-guest-line-right,.phx-guest-line-right{align-items:center;gap:8px;display:flex}.sp-guest-line-price,.phx-guest-line-price{font-family:var(--phx-font-mono);color:var(--phx-text-primary,#0f172a);font-weight:700}.sp-btn-remove-line,.phx-btn-remove-line{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.75rem}.sp-btn-remove-line:hover,.phx-btn-remove-line:hover{color:#ef4444}.sp-guest-card-footer,.phx-guest-card-footer{border-top:1px solid var(--phx-border,#f1f5f9);flex-direction:column;gap:8px;padding-top:8px;display:flex}.sp-guest-totals-row,.phx-guest-totals-row{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.sp-guest-tax-sub,.phx-guest-tax-sub{color:var(--phx-text-secondary,#64748b);font-weight:600}.sp-guest-total-amount,.phx-guest-total-amount{font-family:var(--phx-font-mono);color:var(--phx-brand-flame,#ff5e18);font-size:1.05rem;font-weight:900}.sp-btn-pay-itemized-check,.phx-btn-pay-itemized-check{background-color:var(--sp-primary,#0d6efd);color:#fff;border:1px solid var(--sp-primary,#0d6efd);border-radius:var(--sp-border-radius,.375rem);cursor:pointer;box-shadow:var(--sp-shadow-sm);text-align:center;width:100%;padding:10px 16px;font-size:.92rem;font-weight:700;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .1s}.sp-btn-pay-itemized-check:hover:not(:disabled),.phx-btn-pay-itemized-check:hover:not(:disabled){background-color:var(--sp-primary-hover,#0b5ed7);border-color:var(--sp-primary-hover,#0b5ed7);box-shadow:var(--sp-shadow-card);transform:translateY(-1px)}.sp-btn-pay-itemized-check:active:not(:disabled),.phx-btn-pay-itemized-check:active:not(:disabled){background-color:var(--sp-primary-active,#0a58ca);border-color:var(--sp-primary-active,#0a58ca);transform:translateY(0)}.sp-btn-pay-itemized-check:disabled,.phx-btn-pay-itemized-check:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.sp-badge-guest-paid,.phx-badge-guest-paid{color:#059669;text-align:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:8px 14px;font-size:.88rem;font-weight:800}:root[data-theme=dark] .sp-allocation-modal-card,:root[data-theme=dark] .phx-allocation-modal-card{color:#f8fafc;background:#131b2e;border-color:#232f48}:root[data-theme=dark] .sp-pool-column,:root[data-theme=dark] .phx-pool-column{border-color:#232f48}:root[data-theme=dark] .sp-pool-card,:root[data-theme=dark] .phx-pool-card{background:#0f1524;border-color:#232f48}:root[data-theme=dark] .sp-pool-item-name,:root[data-theme=dark] .phx-pool-item-name{color:#f8fafc}:root[data-theme=dark] .sp-pool-mod-chip,:root[data-theme=dark] .phx-pool-mod-chip{color:#cbd5e1;background:#1e293b}:root[data-theme=dark] .sp-btn-add-guest,:root[data-theme=dark] .phx-btn-add-guest{color:#f8fafc;background:#1e293b;border-color:#334155}:root[data-theme=dark] .sp-guest-alloc-card,:root[data-theme=dark] .phx-guest-alloc-card{background:#0f1524;border-color:#232f48}:root[data-theme=dark] .sp-guest-alloc-card.active-target,:root[data-theme=dark] .phx-guest-alloc-card.active-target{background:#1e1b2e;border-color:#ff5e18}:root[data-theme=dark] .sp-guest-card-name,:root[data-theme=dark] .phx-guest-card-name,:root[data-theme=dark] .sp-guest-line-name,:root[data-theme=dark] .phx-guest-line-name,:root[data-theme=dark] .sp-guest-line-price,:root[data-theme=dark] .phx-guest-line-price{color:#f8fafc}:root[data-theme=dark] .sp-guest-line-item,:root[data-theme=dark] .phx-guest-line-item,:root[data-theme=dark] .sp-guest-card-footer,:root[data-theme=dark] .phx-guest-card-footer{border-color:#232f48}:root[data-theme=dark] .sp-btn-itemize-receipt,:root[data-theme=dark] .phx-btn-itemize-receipt{color:#fb923c;background:#271b14;border-color:#7c2d12}.sp-manager-view,.phx-manager-view{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;margin:0 auto;display:flex}.sp-manager-header,.phx-manager-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sp-manager-header-info,.phx-manager-header-info{flex-direction:column;display:flex}.sp-manager-badge-row,.phx-manager-badge-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.sp-manager-title,.phx-manager-title{letter-spacing:-.5px;color:var(--phx-text-primary);margin:0 0 4px;font-size:2rem;font-weight:800;line-height:1.2}.sp-manager-subtitle,.phx-manager-subtitle{color:var(--phx-text-secondary);margin:0;font-size:.82rem}.sp-manager-subtitle strong,.phx-manager-subtitle strong{color:var(--phx-text-primary);font-family:var(--phx-font-mono)}.sp-badge-orange,.phx-badge-orange{border-radius:var(--phx-radius-pill);text-transform:uppercase;letter-spacing:.6px;color:#ff5e18;background:#fff3ee;border:1px solid #ff5e184d;align-items:center;gap:4px;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.sp-badge-green,.phx-badge-green{border-radius:var(--phx-radius-pill);color:#059669;background:#ecfdf5;border:1px solid #10b9814d;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.sp-badge-green-dot,.phx-badge-green-dot{background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block}.sp-badge-red,.phx-badge-red{border-radius:var(--phx-radius-pill);text-transform:uppercase;letter-spacing:.6px;color:#ef4444;background:#fef2f2;border:1px solid #ef44444d;align-items:center;gap:4px;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex}:root[data-theme=dark] .sp-badge-orange,:root[data-theme=dark] .phx-badge-orange{color:#ff8c42;background:#ff5e181f;border-color:#ff5e1859}:root[data-theme=dark] .sp-badge-green,:root[data-theme=dark] .phx-badge-green{color:#34d399;background:#10b9811f;border-color:#10b98159}:root[data-theme=dark] .sp-badge-red,:root[data-theme=dark] .phx-badge-red{color:#f87171;background:#ef44441f;border-color:#ef444459}.sp-btn-gradient,.phx-btn-gradient{background-color:var(--sp-primary,#0d6efd);color:#fff;border-radius:var(--sp-border-radius,.375rem);border:1px solid var(--sp-primary,#0d6efd);cursor:pointer;box-shadow:var(--sp-shadow-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .1s;display:inline-flex}.sp-btn-gradient:hover:not(:disabled),.phx-btn-gradient:hover:not(:disabled){background-color:var(--sp-primary-hover,#0b5ed7);border-color:var(--sp-primary-hover,#0b5ed7);color:#fff;box-shadow:var(--sp-shadow-card);transform:translateY(-1px)}.sp-btn-gradient:active:not(:disabled),.phx-btn-gradient:active:not(:disabled){background-color:var(--sp-primary-active,#0a58ca);border-color:var(--sp-primary-active,#0a58ca);transform:translateY(0)}.sp-btn-gradient:disabled,.phx-btn-gradient:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.sp-btn-secondary,.phx-btn-secondary{background:var(--sp-bg-surface,var(--phx-bg-surface));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--sp-border-radius,.375rem);color:var(--sp-text-primary,var(--phx-text-primary));cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.sp-btn-secondary:hover:not(:disabled),.phx-btn-secondary:hover:not(:disabled){background:var(--sp-bg-subtle,var(--phx-bg-subtle));border-color:var(--sp-border-hover,var(--phx-border-hover))}.sp-btn-secondary:disabled,.phx-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.sp-btn-link,.phx-btn-link{color:var(--sp-primary,#0d6efd);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.82rem;font-weight:600;text-decoration:underline}.sp-btn-link:hover,.phx-btn-link:hover{color:var(--sp-primary-hover,#0b5ed7)}.sp-manager-card,.phx-manager-card{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg,16px);box-shadow:var(--phx-shadow-card);box-sizing:border-box;flex-direction:column;justify-content:space-between;padding:22px 24px;display:flex}.sp-manager-grid-2col,.phx-manager-grid-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=800px){.sp-manager-grid-2col,.phx-manager-grid-2col{grid-template-columns:1fr}}.sp-card-header,.phx-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.sp-card-title,.phx-card-title{color:var(--phx-text-primary);align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:800;display:inline-flex}.sp-card-subtitle,.phx-card-subtitle{color:var(--phx-text-secondary);margin:4px 0 0;font-size:.82rem}.sp-data-pill-grid,.phx-data-pill-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.sp-data-pill,.phx-data-pill{background:var(--phx-bg-subtle,#f1f5f9);border:1px solid var(--phx-border,#e2e8f0);border-radius:12px;flex-direction:column;gap:4px;padding:14px 18px;display:flex}.sp-data-pill-label,.phx-data-pill-label{text-transform:uppercase;letter-spacing:.6px;color:var(--phx-text-secondary);font-size:.68rem;font-weight:800}.sp-data-pill-value,.phx-data-pill-value{font-size:1.75rem;font-weight:900;font-family:var(--phx-font-mono);color:var(--phx-text-primary);line-height:1.1}.sp-card-footer,.phx-card-footer{border-top:1px solid var(--phx-border);color:var(--phx-text-secondary);justify-content:space-between;align-items:center;padding-top:14px;font-size:.82rem;display:flex}.sp-card-footer-highlight,.phx-card-footer-highlight{color:#ff5e18;font-weight:700}.sp-tip-list,.phx-tip-list{flex-direction:column;gap:8px;max-height:140px;margin-bottom:16px;display:flex;overflow-y:auto}.sp-tip-item,.phx-tip-item{background:var(--phx-bg-subtle,#f8fafc);border:1px solid var(--phx-border);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.82rem;font-weight:600;display:flex}.sp-tip-amount,.phx-tip-amount{font-family:var(--phx-font-mono);color:var(--phx-success,#10b981);font-weight:800}.sp-tip-empty,.phx-tip-empty{text-align:center;color:var(--phx-text-muted);padding:24px;font-size:.82rem}.sp-table-container,.phx-table-container{width:100%;overflow-x:auto}.sp-table,.phx-table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.sp-table th,.phx-table th{text-transform:uppercase;letter-spacing:.6px;color:var(--phx-text-muted);border-bottom:1px solid var(--phx-border);padding:10px 14px;font-size:.68rem;font-weight:800}.sp-table td,.phx-table td{border-bottom:1px solid var(--phx-border);color:var(--phx-text-primary);padding:12px 14px}.sp-table tr.sp-row-alert,.phx-table tr.phx-row-alert{background:#ef44440f}.sp-table-empty,.phx-table-empty{text-align:center;color:var(--phx-text-secondary);padding:36px;font-size:.85rem}.sp-zread-overlay,.sp-zread-overlay,.phx-zread-overlay{z-index:1050;background:var(--sp-modal-backdrop-bg,#090d16b3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out sp-fade-in;display:flex;position:fixed;inset:0}.sp-zread-dialog,.sp-zread-dialog,.phx-zread-dialog{background:var(--sp-bg-surface,var(--phx-bg-surface,#fff));border:1px solid var(--sp-border,var(--phx-border,#dee2e6));border-radius:var(--sp-border-radius-lg,var(--phx-radius-lg,.5rem));box-shadow:var(--sp-box-shadow-lg,var(--phx-shadow-floating,0 1rem 3rem #0000002d));width:100%;max-width:820px;max-height:90vh;color:var(--sp-text-primary,var(--phx-text-primary,#212529));box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.sp-zread-header,.sp-zread-header,.phx-zread-header{border-bottom:1px solid var(--sp-border,var(--phx-border,#dee2e6));padding:24px 28px 18px;position:relative}.sp-zread-close,.sp-zread-close,.phx-zread-close{color:var(--sp-text-secondary,var(--phx-text-secondary,#6c757d));cursor:pointer;border-radius:var(--sp-border-radius,.375rem);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:1.2rem;line-height:1;transition:all .15s;display:flex;position:absolute;top:20px;right:20px}.sp-zread-close:hover,.phx-zread-close:hover{background:var(--sp-bg-subtle,var(--phx-bg-subtle,#f8f9fa));color:var(--sp-text-primary,var(--phx-text-primary,#212529))}.sp-zread-title,.sp-zread-title,.phx-zread-title{color:var(--sp-text-primary,var(--phx-text-primary,#212529));align-items:center;gap:8px;margin:6px 0 2px;font-size:1.35rem;font-weight:700;display:flex}.sp-zread-subtitle,.sp-zread-subtitle,.phx-zread-subtitle{color:var(--sp-text-secondary,var(--phx-text-secondary,#6c757d));margin:0;font-size:.82rem}.sp-zread-body,.sp-zread-body,.phx-zread-body{flex-direction:column;flex:1;gap:22px;padding:24px 28px;display:flex;overflow-y:auto}.sp-zread-denom-header,.sp-zread-denom-header,.phx-zread-denom-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sp-zread-denom-title,.sp-zread-denom-title,.phx-zread-denom-title{text-transform:uppercase;letter-spacing:.6px;color:var(--sp-text-primary,var(--phx-text-primary,#212529));align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:inline-flex}.sp-zread-denom-subtotal,.sp-zread-denom-subtotal,.phx-zread-denom-subtotal{font-size:.85rem;font-weight:700;font-family:var(--sp-font-monospace,var(--phx-font-mono));color:var(--sp-primary,#0d6efd)}.sp-zread-denom-grid,.sp-zread-denom-grid,.phx-zread-denom-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.sp-zread-denom-grid,.sp-zread-denom-grid,.phx-zread-denom-grid{grid-template-columns:1fr}}.sp-zread-denom-card,.sp-zread-denom-card,.phx-zread-denom-card{background:var(--sp-bg-subtle,var(--phx-bg-subtle,#f8f9fa));border:1px solid var(--sp-border,var(--phx-border,#dee2e6));border-radius:var(--sp-border-radius,.375rem);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;transition:border-color .15s,background-color .15s;display:flex}.sp-zread-denom-card.active,.sp-zread-denom-card.active,.phx-zread-denom-card.active{border-color:var(--sp-success,var(--phx-success,#198754));background:var(--sp-success-subtle,#1987540d)}.sp-zread-denom-info,.sp-zread-denom-info,.phx-zread-denom-info{flex-direction:column;gap:2px;display:flex}.sp-zread-denom-name,.sp-zread-denom-name,.phx-zread-denom-name{color:var(--sp-text-primary,var(--phx-text-primary,#212529));font-size:1.05rem;font-weight:700}.sp-zread-denom-value,.sp-zread-denom-value,.phx-zread-denom-value{font-size:.75rem;font-family:var(--sp-font-monospace,var(--phx-font-mono));color:var(--sp-text-muted,var(--phx-text-muted,#6c757d))}.sp-zread-stepper,.sp-zread-stepper,.phx-zread-stepper{background:var(--sp-bg-surface,var(--phx-bg-surface,#fff));border:1px solid var(--sp-border,var(--phx-border,#dee2e6));border-radius:var(--sp-border-radius,.375rem);align-items:center;padding:2px;display:inline-flex;box-shadow:0 1px 2px #00000008}.sp-zread-stepper-btn,.sp-zread-stepper-btn,.phx-zread-stepper-btn{width:32px;height:32px;color:var(--sp-text-primary,var(--phx-text-primary,#212529));cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;font-weight:700;transition:background .1s;display:flex}.sp-zread-stepper-btn:hover:not(:disabled),.phx-zread-stepper-btn:hover:not(:disabled){background:var(--sp-bg-subtle,var(--phx-bg-subtle,#e9ecef))}.sp-zread-stepper-btn:disabled,.phx-zread-stepper-btn:disabled{opacity:.35;cursor:not-allowed}.sp-zread-stepper-input,.sp-zread-stepper-input,.phx-zread-stepper-input{width:44px;height:32px;font-family:var(--sp-font-monospace,var(--phx-font-mono));color:var(--sp-text-primary,var(--phx-text-primary,#212529));text-align:center;-moz-appearance:textfield;appearance:none;background:0 0;border:none;outline:none;margin:0;padding:0;font-size:.95rem;font-weight:700}.sp-zread-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sp-zread-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.phx-zread-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.phx-zread-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sp-zread-footer,.sp-zread-footer,.phx-zread-footer{border-top:1px solid var(--sp-border,var(--phx-border,#dee2e6));background:var(--sp-bg-surface,var(--phx-bg-surface,#fff));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.sp-zread-total-box,.sp-zread-total-box,.phx-zread-total-box{flex-direction:column;gap:2px;display:flex}.sp-zread-total-label,.sp-zread-total-label,.phx-zread-total-label{text-transform:uppercase;letter-spacing:.6px;color:var(--sp-text-secondary,var(--phx-text-secondary,#6c757d));font-size:.7rem;font-weight:700}.sp-zread-total-value,.sp-zread-total-value,.phx-zread-total-value{font-size:1.85rem;font-weight:800;font-family:var(--sp-font-monospace,var(--phx-font-mono));color:var(--sp-success,var(--phx-success,#198754));line-height:1.1}.sp-zread-actions,.sp-zread-actions,.phx-zread-actions{align-items:center;gap:12px;display:flex}.sp-row-clickable,.sp-row-clickable,.phx-row-clickable{cursor:pointer;transition:background-color .15s}.sp-row-clickable:hover,.phx-row-clickable:hover{background:#0d6efd0d}:root[data-theme=dark] .sp-row-clickable:hover,:root[data-theme=dark] .phx-row-clickable:hover{background:#ffffff0a}.sp-badge-variance-short,.sp-badge-variance-short,.phx-badge-variance-short{border-radius:var(--sp-border-radius-pill,50rem);font-size:.72rem;font-weight:700;font-family:var(--sp-font-monospace,var(--phx-font-mono));background:var(--sp-danger-subtle,#f8d7da);color:var(--sp-danger,#dc3545);border:1px solid #dc354540;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.sp-badge-variance-over,.sp-badge-variance-over,.phx-badge-variance-over{border-radius:var(--sp-border-radius-pill,50rem);font-size:.72rem;font-weight:700;font-family:var(--sp-font-monospace,var(--phx-font-mono));background:var(--sp-success-subtle,#d1e7dd);color:var(--sp-success,#198754);border:1px solid #19875440;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.sp-badge-variance-exact,.sp-badge-variance-exact,.phx-badge-variance-exact{border-radius:var(--sp-border-radius-pill,50rem);font-size:.72rem;font-weight:700;font-family:var(--sp-font-monospace,var(--phx-font-mono));background:var(--sp-bg-subtle,#e9ecef);color:var(--sp-text-secondary,#6c757d);border:1px solid var(--sp-border,#dee2e6);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.sp-zread-summary-dialog,.sp-zread-summary-dialog,.phx-zread-summary-dialog{max-width:760px}.sp-zread-summary-body,.sp-zread-summary-body,.phx-zread-summary-body{gap:18px}.sp-zread-summary-hero,.sp-zread-summary-hero,.phx-zread-summary-hero{border-radius:var(--sp-border-radius-lg,.5rem);border:1px solid var(--sp-border,var(--phx-border,#dee2e6));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;transition:all .2s;display:flex}.sp-zread-summary-hero.short,.sp-zread-summary-hero.short,.phx-zread-summary-hero.short{background:#dc35450f;border-color:#dc354540}.sp-zread-summary-hero.over,.sp-zread-summary-hero.over,.phx-zread-summary-hero.over{background:#1987540f;border-color:#19875440}.sp-zread-summary-hero.exact,.sp-zread-summary-hero.exact,.phx-zread-summary-hero.exact{background:var(--sp-bg-subtle,var(--phx-bg-subtle,#f8f9fa));border-color:var(--sp-border,var(--phx-border,#dee2e6))}.sp-summary-hero-info,.sp-summary-hero-info,.phx-summary-hero-info{flex-direction:column;gap:4px;display:flex}.sp-summary-hero-label,.sp-summary-hero-label,.phx-summary-hero-label{letter-spacing:.6px;text-transform:uppercase;color:var(--sp-text-secondary,var(--phx-text-secondary,#6c757d));font-size:.7rem;font-weight:700}.sp-summary-hero-value,.sp-summary-hero-value,.phx-summary-hero-value{font-size:2.1rem;font-weight:800;font-family:var(--sp-font-monospace,var(--phx-font-mono));line-height:1.1}.sp-zread-summary-hero.short .sp-summary-hero-value,.sp-zread-summary-hero.short .sp-summary-hero-value,.phx-zread-summary-hero.short .phx-summary-hero-value{color:var(--sp-danger,var(--phx-danger,#dc3545))}.sp-zread-summary-hero.over .sp-summary-hero-value,.sp-zread-summary-hero.over .sp-summary-hero-value,.phx-zread-summary-hero.over .phx-summary-hero-value{color:var(--sp-success,var(--phx-success,#198754))}.sp-zread-summary-hero.exact .sp-summary-hero-value,.sp-zread-summary-hero.exact .sp-summary-hero-value,.phx-zread-summary-hero.exact .phx-summary-hero-value{color:var(--sp-text-primary,var(--phx-text-primary,#212529))}:root[data-theme=dark] .sp-zread-summary-hero.exact .sp-summary-hero-value,:root[data-theme=dark] .phx-zread-summary-hero.exact .phx-summary-hero-value{color:var(--sp-text-primary,#f8f9fa)}.sp-zread-summary-grid,.sp-zread-summary-grid,.phx-zread-summary-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=640px){.sp-zread-summary-grid,.sp-zread-summary-grid,.phx-zread-summary-grid{grid-template-columns:1fr}}.sp-zread-summary-card,.sp-zread-summary-card,.phx-zread-summary-card{background:var(--sp-bg-subtle,var(--phx-bg-subtle,#f8f9fa));border:1px solid var(--sp-border,var(--phx-border,#dee2e6));border-radius:var(--sp-border-radius,.375rem);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.sp-zread-summary-card.alert-short,.sp-zread-summary-card.alert-short,.phx-zread-summary-card.alert-short{background:#dc35450a;border-color:#dc354540}.sp-zread-summary-card.alert-over,.sp-zread-summary-card.alert-over,.phx-zread-summary-card.alert-over{background:#1987540a;border-color:#19875440}.sp-summary-card-label,.sp-summary-card-label,.phx-summary-card-label{text-transform:uppercase;letter-spacing:.5px;color:var(--sp-text-secondary,var(--phx-text-secondary,#6c757d));font-size:.72rem;font-weight:700}.sp-summary-card-value,.sp-summary-card-value,.phx-summary-card-value{color:var(--sp-text-primary,var(--phx-text-primary,#212529));font-size:1.4rem;font-weight:800;line-height:1.2}.sp-summary-card-value.highlight,.sp-summary-card-value.highlight,.phx-summary-card-value.highlight{color:var(--sp-primary,#0d6efd)}.sp-summary-card-value.color-short,.sp-summary-card-value.color-short,.phx-summary-card-value.color-short{color:var(--sp-danger,var(--phx-danger,#dc3545))}.sp-summary-card-value.color-over,.sp-summary-card-value.color-over,.phx-summary-card-value.color-over{color:var(--sp-success,var(--phx-success,#198754))}.sp-summary-card-value.color-exact,.sp-summary-card-value.color-exact,.phx-summary-card-value.color-exact{color:var(--sp-text-secondary,var(--phx-text-secondary,#6c757d))}.sp-summary-card-desc,.sp-summary-card-desc,.phx-summary-card-desc{color:var(--sp-text-muted,var(--phx-text-muted,#6c757d));font-size:.75rem}.sp-zread-summary-meta,.sp-zread-summary-meta,.phx-zread-summary-meta{background:var(--sp-bg-subtle,var(--phx-bg-subtle,#f8f9fa));border:1px solid var(--sp-border,var(--phx-border,#dee2e6));border-radius:var(--sp-border-radius,.375rem);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;font-size:.8rem;display:flex}.sp-meta-label,.sp-meta-label,.phx-meta-label{color:var(--sp-text-muted,var(--phx-text-muted,#6c757d));margin-right:6px;font-weight:600}.sp-meta-value,.sp-meta-value,.phx-meta-value{color:var(--sp-text-primary,var(--phx-text-primary,#212529));font-weight:700}.sp-text-primary,.phx-text-primary{color:var(--phx-text-primary)}.sp-text-secondary,.phx-text-secondary{color:var(--phx-text-secondary)}.sp-text-muted,.phx-text-muted{color:var(--phx-text-muted)}.sp-text-highlight,.phx-text-highlight{color:var(--phx-brand-flame)}.sp-text-success,.phx-text-success{color:var(--phx-success)}.sp-card-clickable,.phx-card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s,border-color .15s,box-shadow .15s}.sp-card-clickable:hover,.phx-card-clickable:hover{border-color:var(--phx-brand-flame)}.sp-card-clickable:active,.phx-card-clickable:active{transform:scale(.98)}.sp-open-tabs-wrapper,.phx-open-tabs-wrapper,.sp-history-wrapper,.phx-history-wrapper{box-sizing:border-box;grid-column:2/-1;width:100%;min-width:0;height:100%;overflow-y:auto}@media (width<=1000px){.sp-open-tabs-wrapper,.phx-open-tabs-wrapper,.sp-history-wrapper,.phx-history-wrapper{grid-column:1/-1;padding:16px}}.sp-tabs-container,.phx-tabs-container{flex-direction:column;gap:24px;width:100%;margin:0 auto;display:flex}.sp-tabs-header,.phx-tabs-header{border-bottom:1px solid var(--phx-border);flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.sp-tabs-title,.phx-tabs-title{color:var(--phx-text-primary);letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:800}.sp-tabs-subtitle,.phx-tabs-subtitle{color:var(--phx-text-secondary);margin-top:4px;font-size:.85rem}.sp-tabs-controls,.phx-tabs-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp-tabs-grid,.phx-tabs-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;width:100%;display:grid}.sp-tab-card,.phx-tab-card{flex-direction:column;justify-content:space-between;min-height:160px;padding:20px;display:flex}.sp-tab-card-header,.phx-tab-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sp-tab-card-title,.phx-tab-card-title{color:var(--phx-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:800;line-height:1.25;overflow:hidden}.sp-badge-open,.phx-badge-open{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--phx-radius-pill);background:var(--phx-brand-glow);color:var(--phx-brand-flame);border:1px solid var(--phx-brand-glow-strong);white-space:nowrap;padding:3px 8px;font-size:.68rem;font-weight:800}.sp-tab-amount-section,.phx-tab-amount-section{flex-direction:column;gap:4px;margin:12px 0;display:flex}.sp-tab-amount-label,.phx-tab-amount-label{text-transform:uppercase;letter-spacing:.5px;color:var(--phx-text-secondary);font-size:.7rem;font-weight:700}.sp-tab-amount,.phx-tab-amount{font-family:var(--phx-font-mono);color:var(--phx-success);font-size:1.45rem;font-weight:900}.sp-tab-card-footer,.phx-tab-card-footer{border-top:1px solid var(--phx-border);color:var(--phx-text-secondary);justify-content:space-between;align-items:center;padding-top:12px;font-size:.78rem;font-weight:600;display:flex}.sp-tab-meta,.phx-tab-meta{align-items:center;gap:4px;display:flex}.sp-tabs-empty,.phx-tabs-empty{border:1px dashed var(--phx-border);border-radius:var(--phx-radius-lg);background:var(--phx-bg-surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.sp-tab-card-actions,.phx-tab-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.sp-tab-void-btn,.phx-tab-void-btn{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--phx-radius-sm);color:var(--phx-danger);cursor:pointer;background:#ef44441f;border:1px solid #ef444440;padding:4px 10px;font-size:.72rem;font-weight:800;line-height:1;transition:all .15s}.sp-tab-void-btn:hover,.phx-tab-void-btn:hover{background:var(--phx-danger);color:#fff;border-color:var(--phx-danger);box-shadow:0 0 10px #ef444459}.sp-tab-void-btn:active,.phx-tab-void-btn:active{transform:scale(.94)}.sp-history-container,.phx-history-container{flex-direction:column;gap:20px;width:100%;margin:0 auto;display:flex}.sp-history-header,.phx-history-header{border-bottom:1px solid var(--phx-border);flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.sp-history-title,.phx-history-title{color:var(--phx-text-primary);letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:800}.sp-history-subtitle,.phx-history-subtitle{color:var(--phx-text-secondary);margin-top:4px;font-size:.85rem}.sp-history-controls,.phx-history-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp-history-date-wrap,.phx-history-date-wrap{background:var(--phx-bg-subtle);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);align-items:center;gap:8px;height:40px;padding:4px 12px;display:flex}.sp-history-date-wrap label,.phx-history-date-wrap label{text-transform:uppercase;letter-spacing:.5px;color:var(--phx-text-secondary);align-items:center;gap:6px;font-size:.72rem;font-weight:800;display:flex}.sp-history-date-input,.phx-history-date-input{color:var(--phx-text-primary);font-family:var(--phx-font-sans);cursor:pointer;background:0 0;border:none;outline:none;font-size:.85rem;font-weight:700}.sp-history-count-badge,.phx-history-count-badge{border-radius:var(--phx-radius-md);background:var(--phx-bg-surface);border:1px solid var(--phx-border);color:var(--phx-text-secondary);align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.sp-history-count-badge strong,.phx-history-count-badge strong{color:var(--phx-brand-flame);font-family:var(--phx-font-mono)}.sp-history-table-card,.phx-history-table-card{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);box-shadow:var(--phx-shadow-card);flex-direction:column;display:flex;overflow:hidden}.sp-history-table-wrap,.phx-history-table-wrap{width:100%;overflow-x:auto}.sp-history-table,.phx-history-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.sp-history-th,.phx-history-th{border-bottom:1px solid var(--phx-border);text-transform:uppercase;letter-spacing:.6px;color:var(--phx-text-secondary);background:var(--phx-bg-subtle);white-space:nowrap;padding:14px 18px;font-size:.72rem;font-weight:800}.sp-history-row,.phx-history-row{border-bottom:1px solid var(--phx-border);cursor:pointer;transition:background-color .12s}.sp-history-row:hover,.phx-history-row:hover{background:var(--phx-bg-subtle)}.sp-history-td,.phx-history-td{color:var(--phx-text-primary);vertical-align:middle;padding:14px 18px}.sp-history-id,.phx-history-id{font-family:var(--phx-font-mono);color:var(--phx-text-secondary);font-size:.82rem;font-weight:700}.sp-history-customer,.phx-history-customer{font-weight:700}.sp-history-type-tag,.phx-history-type-tag{border-radius:var(--phx-radius-xs,4px);background:var(--phx-bg-subtle);border:1px solid var(--phx-border);color:var(--phx-text-secondary);padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.sp-history-amount,.phx-history-amount{font-family:var(--phx-font-mono);color:var(--phx-text-primary);font-size:.95rem;font-weight:800}.sp-history-time,.phx-history-time{font-family:var(--phx-font-mono);color:var(--phx-text-muted);font-size:.78rem}.sp-status-badge,.phx-status-badge{border-radius:var(--phx-radius-pill);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.sp-status-paid,.phx-status-paid{background:var(--phx-success-subtle);color:var(--phx-success);border:1px solid #10b98140}.sp-status-open,.phx-status-open{color:var(--phx-brand-amber);background:#f59e0b1f;border:1px solid #f59e0b40}.sp-status-refunded,.phx-status-refunded{background:var(--phx-danger-subtle);color:var(--phx-danger);border:1px solid #ef444440}.sp-status-voided,.phx-status-voided{background:var(--phx-bg-subtle);color:var(--phx-text-muted);border:1px solid var(--phx-border)}.sp-history-pagination,.phx-history-pagination{border-top:1px solid var(--phx-border);background:var(--phx-bg-surface);color:var(--phx-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:.82rem;display:flex}.sp-history-pagination-left,.phx-history-pagination-left{align-items:center;gap:16px;display:flex}.sp-history-rows-select,.phx-history-rows-select{align-items:center;gap:8px;display:flex}.sp-history-rows-select select,.phx-history-rows-select select{border-radius:var(--phx-radius-sm);background:var(--phx-bg-subtle);border:1px solid var(--phx-border);height:32px;color:var(--phx-text-primary);font-family:var(--phx-font-sans);cursor:pointer;outline:none;padding:0 8px;font-size:.8rem;font-weight:700}.sp-history-pagination-btns,.phx-history-pagination-btns{align-items:center;gap:8px;display:flex}.sp-history-drilldown,.phx-history-drilldown{flex-direction:column;gap:18px;width:100%;display:flex}.sp-history-back-btn,.phx-history-back-btn{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);color:var(--phx-brand-flame);cursor:pointer;align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:800;transition:all .15s;display:inline-flex}.sp-history-back-btn:hover,.phx-history-back-btn:hover{border-color:var(--phx-brand-flame);background:var(--phx-brand-glow);transform:translate(-2px)}.sp-history-detail-card,.phx-history-detail-card{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);box-shadow:var(--phx-shadow-card);flex-direction:column;gap:20px;padding:24px;display:flex}.sp-history-detail-header,.phx-history-detail-header{border-bottom:1px solid var(--phx-border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.sp-history-detail-ref,.phx-history-detail-ref{text-transform:uppercase;letter-spacing:.6px;color:var(--phx-text-muted);font-size:.72rem;font-weight:800}.sp-history-detail-id,.phx-history-detail-id{font-family:var(--phx-font-mono);color:var(--phx-text-primary);margin-top:2px;font-size:1.3rem;font-weight:900}.sp-history-meta-grid,.phx-history-meta-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.sp-history-meta-box,.phx-history-meta-box{background:var(--phx-bg-subtle);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.sp-history-meta-label,.phx-history-meta-label{text-transform:uppercase;letter-spacing:.5px;color:var(--phx-text-secondary);font-size:.7rem;font-weight:700}.sp-history-meta-val,.phx-history-meta-val{color:var(--phx-text-primary);font-size:.92rem;font-weight:800}.sp-history-drilldown-grid,.phx-history-drilldown-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.sp-history-drilldown-grid,.phx-history-drilldown-grid{grid-template-columns:1fr}}.sp-history-payments-card,.phx-history-payments-card{background:var(--phx-bg-subtle);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.sp-history-payment-item,.phx-history-payment-item{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-sm);font-family:var(--phx-font-mono);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.82rem;display:flex}.sp-history-summary-box,.phx-history-summary-box{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);font-family:var(--phx-font-mono);flex-direction:column;gap:8px;padding:16px;font-size:.85rem;display:flex}.sp-history-summary-row,.phx-history-summary-row{color:var(--phx-text-secondary);border-bottom:1px solid var(--phx-border);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.sp-history-summary-row.total,.phx-history-summary-row.total{color:var(--phx-text-primary);border-bottom:none;padding-top:4px;font-size:1.05rem;font-weight:900}.sp-history-summary-row.total span:last-child,.phx-history-summary-row.total span:last-child{color:var(--phx-brand-flame)}.sp-receipt-box,.phx-receipt-box{background:var(--phx-bg-subtle);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);font-family:var(--phx-font-mono);flex-direction:column;gap:14px;padding:18px;font-size:.82rem;display:flex}.sp-receipt-header-tag,.phx-receipt-header-tag{text-transform:uppercase;letter-spacing:.6px;color:var(--phx-text-muted);border-bottom:1px dashed var(--phx-border);padding-bottom:6px;font-size:.68rem;font-weight:800}.sp-receipt-items,.phx-receipt-items{flex-direction:column;gap:10px;display:flex}.sp-receipt-item,.phx-receipt-item{border-bottom:1px solid var(--phx-border);flex-direction:column;gap:2px;padding-bottom:8px;display:flex}.sp-receipt-item:last-child,.phx-receipt-item:last-child{border-bottom:none;padding-bottom:0}.sp-receipt-item.refunded,.phx-receipt-item.refunded{opacity:.45;text-decoration:line-through}.sp-receipt-item.voided,.phx-receipt-item.voided{opacity:.55}.sp-receipt-item.voided .sp-receipt-name,.phx-receipt-item.voided .phx-receipt-name,.sp-receipt-item.voided .sp-receipt-price,.phx-receipt-item.voided .phx-receipt-price,.sp-receipt-item.voided .sp-receipt-qty,.phx-receipt-item.voided .phx-receipt-qty{color:var(--phx-text-muted);text-decoration:line-through}.sp-receipt-item-row,.phx-receipt-item-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sp-receipt-item-main,.phx-receipt-item-main{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-receipt-qty,.phx-receipt-qty{color:var(--phx-brand-flame);font-weight:800}.sp-receipt-name,.phx-receipt-name{color:var(--phx-text-primary);font-weight:700}.sp-receipt-price,.phx-receipt-price{color:var(--phx-text-primary);font-weight:800}.sp-receipt-mods,.phx-receipt-mods{color:var(--phx-text-secondary);flex-direction:column;gap:2px;padding-left:24px;font-size:.72rem;display:flex}.sp-receipt-tender-section,.phx-receipt-tender-section{border-top:1px dashed var(--phx-border);flex-direction:column;gap:8px;margin-top:4px;padding-top:10px;display:flex}.sp-receipt-tender-card,.phx-receipt-tender-card{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-sm);flex-direction:column;gap:4px;padding:10px 12px;font-size:.78rem;display:flex}.sp-receipt-tender-row,.phx-receipt-tender-row{justify-content:space-between;align-items:center;display:flex}.sp-receipt-totals,.phx-receipt-totals{border-top:1px dashed var(--phx-border);color:var(--phx-text-primary);justify-content:space-between;align-items:center;padding-top:10px;font-size:.95rem;font-weight:800;display:flex}.sp-receipt-actions,.phx-receipt-actions{border-top:1px solid var(--phx-border);gap:8px;margin-top:8px;padding-top:12px;display:flex}.sp-dine-in-wrapper,.sp-dine-in-wrapper,.phx-dine-in-wrapper{box-sizing:border-box;grid-column:2/-1;width:100%;min-width:0;height:100%;overflow-y:auto}@media (width<=1000px){.sp-dine-in-wrapper,.sp-dine-in-wrapper,.phx-dine-in-wrapper{grid-column:1/-1;padding:16px}}.sp-dine-in-container,.sp-dine-in-container,.phx-dine-in-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;margin:0 auto;display:flex}.sp-dine-in-header,.sp-dine-in-header,.phx-dine-in-header{border-bottom:1px solid var(--sp-border,#dee2e6);flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.sp-dine-in-title,.sp-dine-in-title,.phx-dine-in-title{color:var(--sp-text-primary,#212529);letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:700}.sp-dine-in-subtitle,.sp-dine-in-subtitle,.phx-dine-in-subtitle{color:var(--sp-text-secondary,#6c757d);margin-top:4px;font-size:.85rem}.sp-dine-in-legend,.sp-dine-in-legend,.phx-dine-in-legend{align-items:center;gap:16px;font-size:.8rem;font-weight:600;display:flex}.sp-legend-item,.sp-legend-item,.phx-legend-item{background:var(--sp-bg-surface,#fff);border-radius:var(--sp-radius-sm,.25rem);border:1px solid var(--sp-border,#dee2e6);align-items:center;gap:8px;padding:6px 12px;display:flex}.sp-legend-dot,.sp-legend-dot,.phx-legend-dot{border-radius:50%;width:8px;height:8px}.sp-legend-dot.available,.sp-legend-dot.available,.phx-legend-dot.available{background-color:var(--sp-success,#198754);box-shadow:0 0 8px #19875466}.sp-legend-dot.occupied,.sp-legend-dot.occupied,.phx-legend-dot.occupied{background-color:var(--sp-primary,#0d6efd);box-shadow:0 0 8px #0d6efd66}.sp-dine-in-grid,.sp-dine-in-grid,.phx-dine-in-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;width:100%;display:grid}.sp-table-card,.sp-table-card,.phx-table-card{background:var(--sp-bg-surface,#fff);border:1px solid var(--sp-border,#dee2e6);border-radius:var(--sp-radius-md,.375rem);box-sizing:border-box;flex-direction:column;justify-content:space-between;min-height:170px;padding:20px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.sp-table-card:hover,.phx-table-card:hover{box-shadow:var(--sp-shadow-md,0 4px 6px -1px #0000001a);transform:translateY(-2px)}.sp-table-card.occupied,.sp-table-card.occupied,.phx-table-card.occupied{background:var(--sp-bg-surface,#fff);border-color:#0d6efd59}.sp-table-card.occupied:hover,.phx-table-card.occupied:hover{border-color:var(--sp-primary,#0d6efd);box-shadow:0 6px 18px #0d6efd26}.sp-table-card.available,.sp-table-card.available,.phx-table-card.available{border-color:var(--sp-border,#dee2e6);background:var(--sp-bg-surface,#fff)}.sp-table-card.available:hover,.phx-table-card.available:hover{border-color:var(--sp-success,#198754);box-shadow:0 6px 18px #1987541f}.sp-table-card-header,.sp-table-card-header,.phx-table-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sp-table-number,.sp-table-number,.phx-table-number{letter-spacing:-.5px;font-size:1.75rem;font-weight:800;line-height:1}.sp-table-card.occupied .sp-table-number,.sp-table-card.occupied .sp-table-number,.phx-table-card.occupied .phx-table-number{color:var(--sp-primary,#0d6efd)}.sp-table-card.available:hover .sp-table-number,.phx-table-card.available:hover .phx-table-number{color:var(--sp-success,#198754)}.sp-badge-occupied,.sp-badge-occupied,.phx-badge-occupied{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--sp-radius-sm,.25rem);color:var(--sp-primary,#0d6efd);background:#0d6efd1a;border:1px solid #0d6efd40;padding:3px 8px;font-size:.68rem;font-weight:700}.sp-badge-available,.sp-badge-available,.phx-badge-available{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--sp-radius-sm,.25rem);background:var(--sp-bg-subtle,#f8f9fa);color:var(--sp-text-secondary,#6c757d);border:1px solid var(--sp-border,#dee2e6);padding:3px 8px;font-size:.68rem;font-weight:700}.sp-table-card.available:hover .sp-badge-available,.phx-table-card.available:hover .phx-badge-available{background:var(--sp-success-subtle,#d1e7dd);color:var(--sp-success,#198754);border-color:#1987544d}.sp-table-card-body,.sp-table-card-body,.phx-table-card-body{flex-direction:column;gap:4px;margin:12px 0;display:flex}.sp-table-amount-label,.sp-table-amount-label,.phx-table-amount-label{text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.sp-table-amount,.sp-table-amount,.phx-table-amount{font-family:var(--sp-font-mono,monospace);letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.sp-table-status-text,.sp-table-status-text,.phx-table-status-text{font-size:.95rem;font-weight:600}.sp-table-card.available:hover .sp-table-status-text,.phx-table-card.available:hover .phx-table-status-text{color:var(--sp-success,#198754)}.sp-table-card-footer,.sp-table-card-footer,.phx-table-card-footer{border-top:1px solid var(--sp-border,#dee2e6);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.sp-table-meta,.sp-table-meta,.phx-table-meta{align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.sp-table-ready-indicator,.sp-table-ready-indicator,.phx-table-ready-indicator{color:var(--sp-text-muted,#adb5bd);font-size:.75rem;font-weight:600;transition:color .15s}.sp-table-card.available:hover .sp-table-ready-indicator,.phx-table-card.available:hover .phx-table-ready-indicator{color:var(--sp-success,#198754)}.sp-team-view,.sp-team-view,.phx-team-view{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;min-width:0;max-width:100%;margin:0 auto;animation:.25s cubic-bezier(.16,1,.3,1) phx-fade-in;display:flex}.sp-team-layout-wrapper,.sp-team-layout-wrapper,.phx-team-layout-wrapper{box-sizing:border-box;grid-column:2/-1;width:100%;min-width:0;height:100%;overflow:hidden auto}@media (width<=1050px){.sp-team-layout-wrapper,.sp-team-layout-wrapper,.phx-team-layout-wrapper{grid-column:1/-1}}.sp-team-header,.sp-team-header,.phx-team-header{border-bottom:1px solid var(--sp-border,var(--phx-border));flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.sp-team-header-info,.sp-team-header-info,.phx-team-header-info{flex-direction:column;gap:4px;display:flex}.sp-team-title,.sp-team-title,.phx-team-title{letter-spacing:-.5px;color:var(--sp-text-primary,var(--phx-text-primary));align-items:center;gap:10px;margin:0;font-size:1.75rem;font-weight:800;display:flex}.sp-team-title svg,.sp-team-title svg,.phx-team-title svg{color:var(--sp-primary,#0d6efd);width:28px;height:28px}.sp-team-subtitle,.sp-team-subtitle,.phx-team-subtitle{color:var(--sp-text-secondary,var(--phx-text-secondary));max-width:680px;margin:0;font-size:.85rem;line-height:1.5}.sp-team-layout,.sp-team-layout,.phx-team-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;width:100%;min-width:0;display:grid}@media (width<=1200px){.sp-team-layout,.sp-team-layout,.phx-team-layout{grid-template-columns:1fr}}.sp-team-card,.sp-team-card,.phx-team-card{background:var(--sp-bg-surface,var(--phx-bg-surface));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--sp-border-radius-lg,var(--phx-radius-lg,.5rem));box-shadow:var(--phx-shadow-card);box-sizing:border-box;flex-direction:column;gap:20px;min-width:0;max-width:100%;padding:24px;display:flex}.sp-team-card-header,.sp-team-card-header,.phx-team-card-header{border-bottom:1px solid var(--sp-border,var(--phx-border));justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.sp-team-card-title,.sp-team-card-title,.phx-team-card-title{color:var(--sp-text-primary,var(--phx-text-primary));align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:800;display:flex}.sp-team-card-title svg,.sp-team-card-title svg,.phx-team-card-title svg{color:var(--sp-primary,#0d6efd);width:20px;height:20px}.sp-team-count-badge,.sp-team-count-badge,.phx-team-count-badge{border-radius:var(--sp-border-radius-pill,50rem);background:var(--sp-bg-subtle,var(--phx-bg-subtle));border:1px solid var(--sp-border,var(--phx-border));color:var(--sp-text-secondary,var(--phx-text-secondary));align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.sp-team-count-badge strong,.sp-team-count-badge strong,.phx-team-count-badge strong{color:var(--sp-primary,#0d6efd);font-family:var(--sp-font-monospace,var(--phx-font-mono))}.sp-team-form,.sp-team-form,.phx-team-form{flex-direction:column;gap:18px;display:flex}.sp-team-form-group,.sp-team-form-group,.phx-team-form-group{flex-direction:column;gap:6px;display:flex}.sp-team-label,.sp-team-label,.phx-team-label{text-transform:uppercase;letter-spacing:.6px;color:var(--sp-text-secondary,var(--phx-text-secondary));font-size:.72rem;font-weight:800}.sp-team-input,.sp-team-input,.phx-team-input{border-radius:var(--phx-radius-md);border:1px solid var(--sp-border,var(--phx-border));background:var(--sp-bg-subtle,var(--phx-bg-subtle));height:46px;color:var(--sp-text-primary,var(--phx-text-primary));font-family:var(--phx-font-sans);box-sizing:border-box;outline:none;width:100%;padding:0 14px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.sp-team-input:focus,.phx-team-input:focus{border-color:var(--sp-primary,#0d6efd);box-shadow:0 0 0 3px var(--phx-brand-glow);background:var(--sp-bg-surface,var(--phx-bg-surface))}.sp-team-input::placeholder,.phx-team-input::placeholder{color:var(--sp-text-muted,var(--phx-text-muted))}.sp-team-select-wrap,.sp-team-select-wrap,.phx-team-select-wrap{width:100%;position:relative}.sp-team-select,.sp-team-select,.phx-team-select{border-radius:var(--phx-radius-md);border:1px solid var(--sp-border,var(--phx-border));background:var(--sp-bg-subtle,var(--phx-bg-subtle));height:46px;color:var(--sp-text-primary,var(--phx-text-primary));font-family:var(--phx-font-sans);cursor:pointer;appearance:none;box-sizing:border-box;outline:none;width:100%;padding:0 38px 0 14px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.sp-team-select:focus,.phx-team-select:focus{border-color:var(--sp-primary,#0d6efd);box-shadow:0 0 0 3px var(--phx-brand-glow);background:var(--sp-bg-surface,var(--phx-bg-surface))}.sp-team-select-arrow,.sp-team-select-arrow,.phx-team-select-arrow{pointer-events:none;color:var(--sp-text-muted,var(--phx-text-muted));justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.sp-team-select-arrow svg,.sp-team-select-arrow svg,.phx-team-select-arrow svg{width:16px;height:16px}.sp-team-hint,.sp-team-hint,.phx-team-hint{color:var(--sp-text-muted,var(--phx-text-muted));margin:2px 0 0;font-size:.72rem;line-height:1.4}.sp-team-btn-submit,.phx-team-btn-submit{border-radius:var(--sp-border-radius,.375rem);border:1px solid var(--sp-primary,#0d6efd);background-color:var(--sp-primary,#0d6efd);color:#fff;height:48px;font-family:var(--sp-font-sans,var(--phx-font-sans));cursor:pointer;box-shadow:var(--sp-shadow-sm);justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;font-size:.92rem;font-weight:700;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .1s;display:inline-flex}.sp-team-btn-submit:hover:not(:disabled),.phx-team-btn-submit:hover:not(:disabled){background-color:var(--sp-primary-hover,#0b5ed7);border-color:var(--sp-primary-hover,#0b5ed7);box-shadow:var(--sp-shadow-card);transform:translateY(-1px)}.sp-team-btn-submit:active:not(:disabled),.phx-team-btn-submit:active:not(:disabled){background-color:var(--sp-primary-active,#0a58ca);border-color:var(--sp-primary-active,#0a58ca);transform:translateY(0)}.sp-team-btn-submit:disabled,.phx-team-btn-submit:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.sp-team-table-wrap,.sp-team-table-wrap,.phx-team-table-wrap{border-radius:var(--phx-radius-md);border:1px solid var(--sp-border,var(--phx-border));background:var(--sp-bg-surface,var(--phx-bg-surface));box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:auto}.sp-data-table,.phx-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.sp-data-table thead,.phx-data-table thead{background:var(--sp-bg-subtle,var(--phx-bg-subtle));border-bottom:1px solid var(--sp-border,var(--phx-border))}.sp-data-table th,.phx-data-table th{text-transform:uppercase;letter-spacing:.6px;color:var(--sp-text-secondary,var(--phx-text-secondary));white-space:nowrap;padding:14px 18px;font-size:.7rem;font-weight:800}.sp-data-table th.text-right,.phx-data-table th.text-right{text-align:right}.sp-data-table tbody tr,.phx-data-table tbody tr{border-bottom:1px solid var(--sp-border,var(--phx-border));transition:background-color .15s}.sp-data-table tbody tr:last-child,.phx-data-table tbody tr:last-child{border-bottom:none}.sp-data-table tbody tr:hover,.phx-data-table tbody tr:hover{background:var(--sp-bg-subtle,var(--phx-bg-subtle))}.sp-data-table td,.phx-data-table td{vertical-align:middle;color:var(--sp-text-primary,var(--phx-text-primary));padding:14px 18px}.sp-data-table td.text-right,.phx-data-table td.text-right{text-align:right}.sp-member-cell,.phx-member-cell{align-items:center;gap:12px;display:flex}.sp-member-avatar,.phx-member-avatar{border-radius:var(--sp-border-radius-pill,50rem);background:var(--sp-bg-subtle,var(--phx-bg-subtle));border:1px solid var(--sp-border,var(--phx-border));width:34px;height:34px;font-family:var(--sp-font-monospace,var(--phx-font-mono));color:var(--sp-primary,#0d6efd);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.sp-member-email,.phx-member-email{color:var(--sp-text-primary,var(--phx-text-primary));text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin:0;font-weight:700;overflow:hidden}.sp-member-joined,.phx-member-joined{color:var(--sp-text-muted,var(--phx-text-muted));margin:2px 0 0;font-size:.72rem}.sp-roster-role-select,.phx-roster-role-select{border-radius:var(--sp-border-radius-sm,var(--phx-radius-sm,.25rem));border:1px solid var(--sp-border,var(--phx-border));background:var(--sp-bg-subtle,var(--phx-bg-subtle));height:32px;color:var(--sp-text-primary,var(--phx-text-primary));font-family:var(--sp-font-monospace,var(--phx-font-mono));text-transform:uppercase;letter-spacing:.5px;cursor:pointer;outline:none;padding:0 24px 0 10px;font-size:.72rem;font-weight:700;transition:all .15s}.sp-roster-role-select:hover:not(:disabled),.phx-roster-role-select:hover:not(:disabled){border-color:var(--sp-primary,#0d6efd);color:var(--sp-primary,#0d6efd)}.sp-roster-role-select:disabled,.phx-roster-role-select:disabled{opacity:.5;cursor:not-allowed}.sp-badge,.phx-badge{border-radius:var(--sp-border-radius-pill,50rem);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.sp-badge.active,.phx-badge.active{background:var(--phx-success-subtle);color:var(--sp-success,var(--phx-success,#198754));border:1px solid #10b9814d}.sp-badge.inactive,.phx-badge.inactive{background:var(--phx-danger-subtle);color:var(--sp-danger,var(--phx-danger,#dc3545));border:1px solid #ef44444d}.sp-badge-dot,.phx-badge-dot{border-radius:50%;width:6px;height:6px}.sp-badge.active .sp-badge-dot,.phx-badge.active .phx-badge-dot{background:var(--sp-success,var(--phx-success,#198754))}.sp-badge.inactive .sp-badge-dot,.phx-badge.inactive .phx-badge-dot{background:var(--sp-danger,var(--phx-danger,#dc3545))}.sp-roster-actions,.phx-roster-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.sp-btn-action,.phx-btn-action{border-radius:var(--sp-border-radius-sm,var(--phx-radius-sm,.25rem));text-transform:uppercase;letter-spacing:.5px;cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:.7rem;font-weight:800;transition:all .15s;display:inline-flex}.sp-btn-action svg,.phx-btn-action svg{width:14px;height:14px}.sp-btn-action-pin,.phx-btn-action-pin{background:var(--phx-brand-glow);color:var(--phx-brand-ember);border-color:var(--phx-brand-glow-strong)}.sp-btn-action-pin:hover,.phx-btn-action-pin:hover{background:var(--phx-brand-glow-strong);color:var(--sp-primary,#0d6efd)}.sp-btn-action-role,.phx-btn-action-role{background:var(--phx-info-subtle);color:var(--phx-info);border-color:#3b82f640}.sp-btn-action-role:hover,.phx-btn-action-role:hover{background:#3b82f633}.sp-btn-action-revoke,.phx-btn-action-revoke{background:var(--phx-danger-subtle);color:var(--sp-danger,var(--phx-danger,#dc3545));border-color:#ef444440}.sp-btn-action-revoke:hover:not(:disabled),.phx-btn-action-revoke:hover:not(:disabled){background:#ef444433}.sp-btn-action-restore,.phx-btn-action-restore{background:var(--phx-success-subtle);color:var(--sp-success,var(--phx-success,#198754));border-color:#10b98140}.sp-btn-action-restore:hover:not(:disabled),.phx-btn-action-restore:hover:not(:disabled){background:#10b98133}.sp-btn-action:disabled,.phx-btn-action:disabled{opacity:.45;cursor:not-allowed;background:var(--sp-bg-subtle,var(--phx-bg-subtle));color:var(--sp-text-muted,var(--phx-text-muted));border-color:var(--sp-border,var(--phx-border))}.sp-pin-display-box,.phx-pin-display-box{background:var(--phx-success-subtle);border-radius:var(--phx-radius-md);text-align:center;border:1px solid #10b98159;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.sp-pin-display-label,.phx-pin-display-label{text-transform:uppercase;letter-spacing:.6px;color:var(--sp-success,var(--phx-success,#198754));margin:0;font-size:.78rem;font-weight:800}.sp-pin-display,.phx-pin-display{letter-spacing:.25em;font-size:2.5rem;font-weight:700;font-family:var(--sp-font-monospace,var(--phx-font-mono));color:var(--sp-text-primary,var(--phx-text-primary));text-shadow:0 2px 10px #10b98140;margin:4px 0}.sp-pin-warning,.phx-pin-warning{color:var(--sp-text-secondary,var(--phx-text-secondary));margin:0;font-size:.75rem;line-height:1.4}.sp-pin-instruction-box,.phx-pin-instruction-box{background:var(--sp-bg-subtle,var(--phx-bg-subtle));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--phx-radius-md);text-align:center;color:var(--sp-text-secondary,var(--phx-text-secondary));padding:20px;font-size:.85rem;line-height:1.5}.sp-permissions-grid,.phx-permissions-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-height:360px;padding:2px;display:grid;overflow-y:auto}.sp-permission-card,.phx-permission-card{border-radius:var(--phx-radius-md);border:1px solid var(--sp-border,var(--phx-border));background:var(--sp-bg-subtle,var(--phx-bg-subtle));cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;padding:12px;transition:all .15s;display:flex}.sp-permission-card:hover,.phx-permission-card:hover{border-color:var(--phx-border-hover);background:var(--sp-bg-surface,var(--phx-bg-surface))}.sp-permission-card.selected,.phx-permission-card.selected{background:var(--phx-brand-glow);border-color:var(--phx-brand-ember)}.sp-permission-card-box,.phx-permission-card-box{border-radius:var(--phx-radius-xs);border:1px solid var(--sp-border,var(--phx-border));background:var(--sp-bg-surface,var(--phx-bg-surface));flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:all .15s;display:flex}.sp-permission-card.selected .sp-permission-card-box,.phx-permission-card.selected .phx-permission-card-box{background:var(--sp-primary,#0d6efd);border-color:var(--sp-primary,#0d6efd);color:#fff}.sp-permission-card-box svg,.phx-permission-card-box svg{width:12px;height:12px}.sp-permission-info,.phx-permission-info{flex-direction:column;gap:2px;display:flex}.sp-permission-token,.phx-permission-token{color:var(--sp-text-primary,var(--phx-text-primary));font-size:.8rem;font-weight:800;font-family:var(--sp-font-monospace,var(--phx-font-mono));margin:0}.sp-permission-card.selected .sp-permission-token,.phx-permission-card.selected .phx-permission-token{color:var(--sp-primary,#0d6efd)}.sp-permission-desc,.phx-permission-desc{color:var(--sp-text-muted,var(--phx-text-muted));margin:0;font-size:.7rem;line-height:1.3}.sp-team-loading,.phx-team-loading,.sp-team-empty,.sp-team-empty,.phx-team-empty{text-align:center;color:var(--sp-text-secondary,var(--phx-text-secondary));flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.sp-team-loading p,.phx-team-loading p,.sp-team-empty p,.sp-team-empty p,.phx-team-empty p{margin:0;font-size:.88rem;font-weight:600}.sp-hardware-layout-wrapper,.sp-hardware-layout-wrapper,.phx-hardware-layout-wrapper{box-sizing:border-box;grid-column:2/-1;width:100%;min-width:0;height:100%;overflow:hidden auto}@media (width<=1050px){.sp-hardware-layout-wrapper,.sp-hardware-layout-wrapper,.phx-hardware-layout-wrapper{grid-column:1/-1}}.sp-hardware-view,.sp-hardware-view,.phx-hardware-view{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;min-width:0;max-width:100%;margin:0 auto;animation:.25s cubic-bezier(.16,1,.3,1) phx-fade-in;display:flex}.sp-hardware-header,.sp-hardware-header,.phx-hardware-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sp-hardware-header-info,.sp-hardware-header-info,.phx-hardware-header-info{flex-direction:column;gap:4px;display:flex}.sp-hardware-title,.sp-hardware-title,.phx-hardware-title{letter-spacing:-.5px;color:var(--sp-text-primary,var(--phx-text-primary));align-items:center;gap:10px;margin:0;font-size:1.75rem;font-weight:800;display:flex}.sp-hardware-title svg,.sp-hardware-title svg,.phx-hardware-title svg{color:var(--sp-primary,#0d6efd);width:28px;height:28px}.sp-hardware-subtitle,.sp-hardware-subtitle,.phx-hardware-subtitle{color:var(--sp-text-secondary,var(--phx-text-secondary));max-width:720px;margin:0;font-size:.85rem;line-height:1.5}.sp-hardware-header-actions,.sp-hardware-header-actions,.phx-hardware-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp-hardware-grid,.sp-hardware-grid,.phx-hardware-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px;width:100%;min-width:0;display:grid}@media (width<=1200px){.sp-hardware-grid,.sp-hardware-grid,.phx-hardware-grid{grid-template-columns:1fr}}.sp-hardware-column,.sp-hardware-column,.phx-hardware-column{flex-direction:column;gap:24px;min-width:0;display:flex}.sp-hw-card,.sp-hw-card,.phx-hw-card{background:var(--sp-bg-surface,var(--phx-bg-surface));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--sp-border-radius-lg,var(--phx-radius-lg,.5rem));box-shadow:var(--phx-shadow-card);box-sizing:border-box;flex-direction:column;gap:20px;min-width:0;max-width:100%;padding:24px;display:flex;position:relative;overflow:hidden}.sp-hw-card-danger,.sp-hw-card-danger,.phx-hw-card-danger{border-color:var(--sp-border-danger,var(--phx-border-danger,#dc3545))}.sp-hw-card-header,.sp-hw-card-header,.phx-hw-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sp-hw-card-title,.sp-hw-card-title,.phx-hw-card-title{color:var(--sp-text-primary,var(--phx-text-primary));align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:800;display:flex}.sp-hw-card-title svg,.sp-hw-card-title svg,.phx-hw-card-title svg{color:var(--sp-primary,#0d6efd);width:20px;height:20px}.sp-hw-card-title.danger-title svg,.sp-hw-card-title.danger-title svg,.phx-hw-card-title.danger-title svg{color:var(--sp-danger,var(--phx-danger,#dc3545))}.sp-hw-card-desc,.sp-hw-card-desc,.phx-hw-card-desc{color:var(--sp-text-secondary,var(--phx-text-secondary));margin:0;font-size:.82rem;line-height:1.5}.sp-hw-metric-strip,.sp-hw-metric-strip,.phx-hw-metric-strip{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.sp-hw-metric-box,.sp-hw-metric-box,.phx-hw-metric-box{background:var(--sp-bg-subtle,var(--phx-bg-subtle));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--phx-radius-md);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.sp-hw-metric-label,.sp-hw-metric-label,.phx-hw-metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--sp-text-muted,var(--phx-text-muted));font-size:.72rem;font-weight:700}.sp-hw-metric-val,.sp-hw-metric-val,.phx-hw-metric-val{font-family:var(--sp-font-monospace,var(--phx-font-mono));color:var(--sp-text-primary,var(--phx-text-primary));white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.sp-hw-pill,.sp-hw-pill,.phx-hw-pill{border-radius:var(--sp-border-radius-pill,50rem);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.sp-hw-pill-success,.sp-hw-pill-success,.phx-hw-pill-success{background:var(--phx-success-subtle);color:var(--sp-success,var(--phx-success,#198754));border:1px solid #10b98140}.sp-hw-pill-warning,.sp-hw-pill-warning,.phx-hw-pill-warning{color:var(--phx-brand-amber);background:#f59e0b1f;border:1px solid #f59e0b40}.sp-hw-pill-danger,.sp-hw-pill-danger,.phx-hw-pill-danger{background:var(--phx-danger-subtle);color:var(--sp-danger,var(--phx-danger,#dc3545));border:1px solid var(--sp-border-danger,var(--phx-border-danger,#dc3545))}.sp-hw-pill-neutral,.sp-hw-pill-neutral,.phx-hw-pill-neutral{background:var(--sp-bg-subtle,var(--phx-bg-subtle));color:var(--sp-text-secondary,var(--phx-text-secondary));border:1px solid var(--sp-border,var(--phx-border))}.sp-hw-dot,.sp-hw-dot,.phx-hw-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.sp-hw-dot-pulse,.sp-hw-dot-pulse,.phx-hw-dot-pulse{animation:1.8s ease-in-out infinite phx-dot-pulse}@keyframes phx-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}.sp-hw-btn,.sp-hw-btn,.phx-hw-btn{border-radius:var(--phx-radius-md);font-size:.85rem;font-weight:700;font-family:var(--phx-font-sans);cursor:pointer;box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;transition:all .15s;display:inline-flex}.sp-hw-btn:active,.phx-hw-btn:active{transform:scale(.98)}.sp-hw-btn-primary,.phx-hw-btn-primary{background-color:var(--sp-primary,#0d6efd);border:1px solid var(--sp-primary,#0d6efd);color:#fff;box-shadow:var(--sp-shadow-sm)}.sp-hw-btn-primary:hover:not(:disabled),.phx-hw-btn-primary:hover:not(:disabled){background-color:var(--sp-primary-hover,#0b5ed7);border-color:var(--sp-primary-hover,#0b5ed7);color:#fff;box-shadow:var(--sp-shadow-card)}.sp-hw-btn-secondary,.sp-hw-btn-secondary,.phx-hw-btn-secondary{background:var(--sp-bg-subtle,var(--phx-bg-subtle));color:var(--sp-text-primary,var(--phx-text-primary));border-color:var(--sp-border,var(--phx-border))}.sp-hw-btn-secondary:hover:not(:disabled),.phx-hw-btn-secondary:hover:not(:disabled){background:var(--phx-bg-base);border-color:var(--phx-border-hover)}.sp-hw-btn-danger,.sp-hw-btn-danger,.phx-hw-btn-danger{background:var(--phx-danger-subtle);color:var(--sp-danger,var(--phx-danger,#dc3545));border-color:var(--sp-border-danger,var(--phx-border-danger,#dc3545))}.sp-hw-btn-danger:hover:not(:disabled),.phx-hw-btn-danger:hover:not(:disabled){background:var(--phx-danger-subtle-hover);border-color:var(--phx-border-danger-hover)}.sp-hw-btn-sm,.sp-hw-btn-sm,.phx-hw-btn-sm{border-radius:var(--sp-border-radius-sm,var(--phx-radius-sm,.25rem));padding:6px 12px;font-size:.78rem}.sp-hw-btn-lg,.sp-hw-btn-lg,.phx-hw-btn-lg{border-radius:var(--phx-radius-lg,16px);padding:18px 24px;font-size:1.15rem;font-weight:800}.sp-hw-btn:disabled,.phx-hw-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sp-hw-banner,.sp-hw-banner,.phx-hw-banner{border-radius:var(--phx-radius-md);box-sizing:border-box;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.82rem;line-height:1.5;display:flex}.sp-hw-banner svg,.sp-hw-banner svg,.phx-hw-banner svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}.sp-hw-banner-warning,.sp-hw-banner-warning,.phx-hw-banner-warning{color:var(--phx-brand-amber);background:#f59e0b1a;border:1px solid #f59e0b47}.sp-hw-banner-info,.sp-hw-banner-info,.phx-hw-banner-info{background:var(--phx-info-subtle);color:var(--phx-info);border:1px solid #3b82f640}.sp-hw-banner-danger,.sp-hw-banner-danger,.phx-hw-banner-danger{background:var(--phx-danger-subtle);border:1px solid var(--sp-border-danger,var(--phx-border-danger,#dc3545));color:var(--sp-danger,var(--phx-danger,#dc3545))}.sp-hw-banner-success,.sp-hw-banner-success,.phx-hw-banner-success{background:var(--phx-success-subtle);color:var(--sp-success,var(--phx-success,#198754));border:1px solid #10b98140}.sp-hw-reader-list,.sp-hw-reader-list,.phx-hw-reader-list{flex-direction:column;gap:10px;display:flex}.sp-hw-reader-row,.sp-hw-reader-row,.phx-hw-reader-row{border-radius:var(--phx-radius-md);background:var(--sp-bg-subtle,var(--phx-bg-subtle));border:1px solid var(--sp-border,var(--phx-border));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s;display:flex}.sp-hw-reader-row:hover,.phx-hw-reader-row:hover{border-color:var(--phx-border-hover)}.sp-hw-reader-info,.sp-hw-reader-info,.phx-hw-reader-info{flex-direction:column;gap:3px;min-width:0;display:flex}.sp-hw-reader-name,.sp-hw-reader-name,.phx-hw-reader-name{color:var(--sp-text-primary,var(--phx-text-primary));align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.sp-hw-reader-meta,.sp-hw-reader-meta,.phx-hw-reader-meta{font-family:var(--sp-font-monospace,var(--phx-font-mono));color:var(--sp-text-secondary,var(--phx-text-secondary));align-items:center;gap:12px;font-size:.75rem;display:flex}.sp-hw-reader-actions,.sp-hw-reader-actions,.phx-hw-reader-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-hw-table-wrap,.sp-hw-table-wrap,.phx-hw-table-wrap{border-radius:var(--phx-radius-md);border:1px solid var(--sp-border,var(--phx-border));background:var(--sp-bg-surface,var(--phx-bg-surface));width:100%;overflow:hidden}.sp-hw-table,.sp-hw-table,.phx-hw-table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.sp-hw-table th,.sp-hw-table th,.phx-hw-table th{background:var(--sp-bg-subtle,var(--phx-bg-subtle));color:var(--sp-text-secondary,var(--phx-text-secondary));text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--sp-border,var(--phx-border));padding:12px 16px;font-size:.72rem;font-weight:700}.sp-hw-table td,.sp-hw-table td,.phx-hw-table td{border-bottom:1px solid var(--sp-border,var(--phx-border));color:var(--sp-text-primary,var(--phx-text-primary));vertical-align:middle;padding:14px 16px}.sp-hw-table tr:last-child td,.phx-hw-table tr:last-child td{border-bottom:none}.sp-hw-table tr:hover td,.phx-hw-table tr:hover td{background:var(--sp-bg-subtle,var(--phx-bg-subtle))}.sp-hw-mono,.sp-hw-mono,.phx-hw-mono{font-family:var(--sp-font-monospace,var(--phx-font-mono));font-size:.78rem}.sp-hw-telemetry-box,.sp-hw-telemetry-box,.phx-hw-telemetry-box{background:var(--phx-code-bg);color:var(--phx-code-text);border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--phx-radius-md);font-family:var(--sp-font-monospace,var(--phx-font-mono));word-break:break-all;white-space:pre-wrap;max-height:160px;padding:14px 16px;font-size:.75rem;line-height:1.6;overflow-y:auto}.sp-hw-modal-backdrop,.sp-hw-modal-backdrop,.phx-hw-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#090d16b3;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out phx-fade-in;display:flex;position:fixed;inset:0}.sp-hw-modal,.sp-hw-modal,.phx-hw-modal{background:var(--sp-bg-surface,var(--phx-bg-surface));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--sp-border-radius-lg,var(--phx-radius-lg,.5rem));box-shadow:var(--phx-shadow-floating);box-sizing:border-box;flex-direction:column;width:100%;max-width:480px;animation:.2s cubic-bezier(.16,1,.3,1) phx-scale-up;display:flex;overflow:hidden}.sp-hw-modal-header,.sp-hw-modal-header,.phx-hw-modal-header{border-bottom:1px solid var(--sp-border,var(--phx-border));box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.sp-hw-modal-title,.sp-hw-modal-title,.phx-hw-modal-title{color:var(--sp-text-primary,var(--phx-text-primary));align-items:center;gap:10px;min-width:0;margin:0;font-size:1.15rem;font-weight:800;line-height:1.3;display:flex}.sp-hw-modal-title span,.sp-hw-modal-title span,.phx-hw-modal-title span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-hw-modal-title svg,.sp-hw-modal-title svg,.phx-hw-modal-title svg{width:22px;min-width:22px;height:22px;min-height:22px;color:var(--sp-primary,#0d6efd);flex-shrink:0}.sp-hw-modal-title.danger-title svg,.sp-hw-modal-title.danger-title svg,.phx-hw-modal-title.danger-title svg{color:var(--sp-danger,var(--phx-danger,#dc3545))}.sp-hw-modal-close,.sp-hw-modal-close,.phx-hw-modal-close{border-radius:var(--sp-border-radius-sm,var(--phx-radius-sm,.25rem));cursor:pointer;width:32px;height:32px;color:var(--sp-text-muted,var(--phx-text-muted));background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.sp-hw-modal-close:hover,.phx-hw-modal-close:hover{background:var(--sp-bg-subtle,var(--phx-bg-subtle));border-color:var(--sp-border,var(--phx-border));color:var(--sp-text-primary,var(--phx-text-primary))}.sp-hw-modal-close svg,.sp-hw-modal-close svg,.phx-hw-modal-close svg{width:18px;height:18px}.sp-hw-modal-body,.sp-hw-modal-body,.phx-hw-modal-body{box-sizing:border-box;flex-direction:column;gap:16px;padding:24px;display:flex}.sp-hw-modal-footer,.sp-hw-modal-footer,.phx-hw-modal-footer{border-top:1px solid var(--sp-border,var(--phx-border));box-sizing:border-box;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.sp-hw-code-display,.sp-hw-code-display,.phx-hw-code-display{background:var(--phx-brand-glow);border:1px dashed var(--sp-primary,#0d6efd);border-radius:var(--sp-border-radius-lg,var(--phx-radius-lg,.5rem));text-align:center;flex-direction:column;gap:6px;padding:20px;display:flex}.sp-hw-code-number,.sp-hw-code-number,.phx-hw-code-number{font-family:var(--sp-font-monospace,var(--phx-font-mono));letter-spacing:.25em;color:var(--sp-primary,#0d6efd);margin:0;font-size:2.25rem;font-weight:900}.sp-hw-code-pin-input,.sp-hw-code-pin-input,.phx-hw-code-pin-input{font-family:var(--sp-font-monospace,var(--phx-font-mono));letter-spacing:.25em;text-align:center;text-transform:uppercase;font-size:1.8rem;font-weight:800}.sp-menu-cms-slot,.phx-menu-cms-slot{box-sizing:border-box;grid-column:2/-1;width:100%;min-width:0;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) phx-fade-in;overflow:hidden auto}@media (width<=1050px){.sp-menu-cms-slot,.phx-menu-cms-slot{grid-column:1/-1;padding:16px}}.sp-menu-cms-view,.phx-menu-cms-view{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;max-width:100%;margin:0 auto;display:flex}.sp-cms-tabs,.phx-cms-tabs{background:var(--phx-bg-surface);border-radius:var(--phx-radius-lg);border:1px solid var(--phx-border);box-shadow:var(--phx-shadow-card);gap:8px;width:fit-content;max-width:100%;margin-bottom:24px;padding:6px;display:inline-flex;overflow-x:auto}.sp-cms-tab-btn,.phx-cms-tab-btn{font-family:var(--sp-font-sans,var(--phx-font-sans));text-transform:uppercase;letter-spacing:.6px;border-radius:var(--sp-border-radius,.375rem);color:var(--sp-text-secondary,var(--phx-text-secondary));cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;padding:8px 18px;font-size:.8rem;font-weight:700;transition:all .15s ease-in-out}.sp-cms-tab-btn:hover:not(.active),.phx-cms-tab-btn:hover:not(.active){color:var(--sp-text-primary,var(--phx-text-primary));background:var(--sp-bg-subtle,var(--phx-bg-subtle))}.sp-cms-tab-btn.active,.phx-cms-tab-btn.active{background-color:var(--sp-primary,#0d6efd);color:#fff;box-shadow:var(--sp-shadow-sm);border-color:var(--sp-primary,#0d6efd)}.sp-cms-layout,.phx-cms-layout{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:24px;width:100%;min-width:0;display:grid}@media (width<=1100px){.sp-cms-layout,.phx-cms-layout{grid-template-columns:1fr}}.sp-cms-form-panel,.phx-cms-form-panel{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);box-shadow:var(--phx-shadow-card);flex-direction:column;gap:20px;padding:24px;display:flex}.sp-cms-panel-header,.phx-cms-panel-header,.sp-cms-form-header,.phx-cms-form-header{flex-direction:column;gap:4px;display:flex}.sp-cms-panel-title,.phx-cms-panel-title,.sp-cms-form-title,.phx-cms-form-title,.sp-cms-list-title,.phx-cms-list-title{letter-spacing:-.3px;color:var(--phx-text-primary);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:800;display:flex}.sp-cms-panel-subtitle,.phx-cms-panel-subtitle,.sp-cms-form-desc,.phx-cms-form-desc{color:var(--phx-text-secondary);margin:0;font-size:.8rem;line-height:1.4}.sp-cms-form,.phx-cms-form{flex-direction:column;gap:16px;display:flex}.sp-cms-form-group,.phx-cms-form-group{flex-direction:column;gap:6px;display:flex}.sp-cms-form-row,.phx-cms-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sp-cms-label,.phx-cms-label{text-transform:uppercase;letter-spacing:.5px;color:var(--phx-text-secondary);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.sp-cms-label-action,.phx-cms-label-action{color:var(--phx-brand-flame);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:800;transition:opacity .15s}.sp-cms-label-action:hover,.phx-cms-label-action:hover{opacity:.8}.sp-cms-input,.phx-cms-input,.sp-cms-select,.phx-cms-select,.sp-cms-textarea,.phx-cms-textarea{border-radius:var(--phx-radius-md);border:1px solid var(--phx-border);background:var(--phx-bg-canvas);width:100%;color:var(--phx-text-primary);font-family:var(--phx-font-sans);box-sizing:border-box;outline:none;padding:10px 14px;font-size:.88rem;transition:all .15s}.sp-cms-input:focus,.phx-cms-input:focus,.sp-cms-select:focus,.phx-cms-select:focus,.sp-cms-textarea:focus,.phx-cms-textarea:focus{border-color:var(--phx-brand-flame);box-shadow:0 0 0 3px var(--phx-brand-glow)}.sp-cms-input.error,.phx-cms-input.error,.sp-cms-select.error,.phx-cms-select.error,.sp-cms-textarea.error,.phx-cms-textarea.error{border-color:var(--phx-danger)}.sp-cms-textarea,.phx-cms-textarea{resize:vertical;min-height:72px}.sp-cms-field-error,.phx-cms-field-error{color:var(--phx-danger);margin:0;font-size:.72rem;font-weight:600}.sp-cms-list-panel,.phx-cms-list-panel{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);box-shadow:var(--phx-shadow-card);flex-direction:column;gap:16px;min-width:0;padding:24px;display:flex}.sp-cms-list-header,.phx-cms-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sp-cms-count-badge,.phx-cms-count-badge{font-family:var(--phx-font-mono);background:var(--phx-bg-subtle);border:1px solid var(--phx-border);color:var(--phx-text-secondary);border-radius:var(--phx-radius-pill);padding:4px 10px;font-size:.75rem;font-weight:700}.sp-cms-search-bar,.phx-cms-search-bar{align-items:center;width:100%;display:flex;position:relative}.sp-cms-search-icon,.phx-cms-search-icon{width:16px;height:16px;color:var(--phx-text-muted);pointer-events:none;position:absolute;left:14px}.sp-cms-search-input,.phx-cms-search-input{border-radius:var(--phx-radius-pill);border:1px solid var(--phx-border);background:var(--phx-bg-canvas);width:100%;height:42px;color:var(--phx-text-primary);font-family:var(--phx-font-sans);box-sizing:border-box;outline:none;padding:0 16px 0 40px;font-size:.85rem;font-weight:600;transition:all .15s}.sp-cms-search-input:focus,.phx-cms-search-input:focus{border-color:var(--phx-brand-flame);box-shadow:0 0 0 3px var(--phx-brand-glow)}.sp-cms-search-clear,.phx-cms-search-clear{color:var(--phx-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.sp-cms-search-clear:hover,.phx-cms-search-clear:hover{color:var(--phx-text-primary)}.sp-cms-search-clear svg,.phx-cms-search-clear svg{width:14px;height:14px}.sp-cms-category-pills,.phx-cms-category-pills{scrollbar-width:none;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.sp-cms-category-pills::-webkit-scrollbar{display:none}.phx-cms-category-pills::-webkit-scrollbar{display:none}.sp-cms-category-pill-group,.phx-cms-category-pill-group{flex-shrink:0;align-items:center;display:inline-flex}.sp-cms-pill,.phx-cms-pill{font-family:var(--phx-font-sans);border-radius:var(--phx-radius-pill);border:1px solid var(--phx-border);background:var(--phx-bg-canvas);color:var(--phx-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding:0;font-size:.75rem;font-weight:700;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}button.sp-cms-pill,button.phx-cms-pill{cursor:pointer;padding:6px 14px}.sp-cms-pill:hover,.phx-cms-pill:hover{background:var(--phx-bg-subtle);color:var(--phx-text-primary);border-color:var(--phx-border-hover)}.sp-cms-pill.active,.phx-cms-pill.active{background:var(--phx-brand-glow);border-color:var(--phx-brand-glow-strong);color:var(--phx-brand-flame);font-weight:800;box-shadow:0 0 12px #ff6b0026}.sp-cms-pill-label,.phx-cms-pill-label{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:6px 6px 6px 14px;transition:color .15s;display:flex}.sp-cms-pill-edit-btn,.phx-cms-pill-edit-btn{color:var(--phx-text-muted);cursor:pointer;opacity:.45;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 10px 6px 4px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.sp-cms-pill:hover .sp-cms-pill-edit-btn,.phx-cms-pill:hover .phx-cms-pill-edit-btn{opacity:.85;color:var(--phx-text-secondary)}.sp-cms-pill-edit-btn:hover,.phx-cms-pill-edit-btn:hover{transform:scale(1.18);opacity:1!important;color:var(--phx-brand-flame)!important}.sp-cms-pill.active .sp-cms-pill-edit-btn,.phx-cms-pill.active .phx-cms-pill-edit-btn{color:var(--phx-brand-flame);opacity:.75}.sp-cms-pill-edit-btn svg,.phx-cms-pill-edit-btn svg{width:12px;height:12px}.sp-cms-items-grid,.phx-cms-items-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-height:540px;padding-right:4px;display:grid;overflow-y:auto}.sp-cms-item-card,.phx-cms-item-card{background:var(--phx-bg-canvas);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);flex-direction:column;justify-content:space-between;gap:14px;padding:16px;transition:all .15s;display:flex;position:relative}.sp-cms-item-card:hover,.phx-cms-item-card:hover{border-color:var(--phx-border-hover)}.sp-cms-item-card.inactive,.phx-cms-item-card.inactive{opacity:.65;border-color:var(--phx-border-danger)}.sp-cms-item-card-header,.phx-cms-item-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sp-cms-item-name,.phx-cms-item-name{letter-spacing:-.3px;color:var(--phx-text-primary);margin:0;font-size:.95rem;font-weight:800}.sp-cms-item-price,.phx-cms-item-price{font-family:var(--phx-font-mono);color:var(--phx-brand-flame);white-space:nowrap;font-size:.88rem;font-weight:800}.sp-cms-item-category,.phx-cms-item-category{text-transform:uppercase;letter-spacing:.5px;color:var(--phx-text-muted);margin:4px 0 0;font-size:.7rem;font-weight:700}.sp-cms-item-desc,.phx-cms-item-desc{color:var(--phx-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:.78rem;line-height:1.45;display:-webkit-box;overflow:hidden}.sp-cms-item-card-footer,.phx-cms-item-card-footer{border-top:1px solid var(--phx-border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.sp-cms-item-availability-row,.phx-cms-item-availability-row{justify-content:space-between;align-items:center;display:flex}.sp-cms-item-availability-label,.phx-cms-item-availability-label{text-transform:uppercase;letter-spacing:.5px;color:var(--phx-text-muted);font-size:.72rem;font-weight:700}.sp-cms-item-actions-row,.phx-cms-item-actions-row{border-top:1px solid var(--phx-border-subtle);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.sp-cms-item-btn-group,.phx-cms-item-btn-group{gap:6px;display:flex}.sp-cms-modal-overlay,.phx-cms-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out phx-fade-in;display:flex;position:fixed;inset:0}.sp-cms-modal-content,.phx-cms-modal-content{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);box-shadow:var(--phx-shadow-floating);width:100%;max-width:520px;max-height:90vh;padding:24px;animation:.15s cubic-bezier(.16,1,.3,1) phx-scale-up;position:relative;overflow-y:auto}.sp-cms-modal-content.sm,.phx-cms-modal-content.sm{max-width:400px}.sp-cms-modal-header,.phx-cms-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sp-cms-modal-title,.phx-cms-modal-title{color:var(--phx-text-primary);margin:0;font-size:1.15rem;font-weight:800}.sp-cms-modal-close,.phx-cms-modal-close{color:var(--phx-text-muted);cursor:pointer;border-radius:var(--phx-radius-xs);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.sp-cms-modal-close:hover,.phx-cms-modal-close:hover{color:var(--phx-text-primary)}.sp-cms-modal-close svg,.phx-cms-modal-close svg{width:18px;height:18px}.sp-cms-modal-footer,.phx-cms-modal-footer{gap:12px;padding-top:8px;display:flex}.sp-cms-modal-footer>*,.phx-cms-modal-footer>*{flex:1;min-width:0}.sp-cms-modal-footer .sp-tour-anchor,.phx-cms-modal-footer .sp-tour-anchor{flex:1;width:0;min-width:0;display:flex}.sp-cms-modal-footer .sp-tour-anchor>button,.phx-cms-modal-footer .sp-tour-anchor>button{flex:1;width:100%;height:100%}.sp-cms-modifier-attach-list,.phx-cms-modifier-attach-list{flex-direction:column;gap:8px;max-height:180px;padding-right:4px;display:flex;overflow-y:auto}.sp-cms-modifier-attach-item,.phx-cms-modifier-attach-item{background:var(--phx-bg-canvas);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.sp-cms-modifier-attach-item:hover,.phx-cms-modifier-attach-item:hover{background:var(--phx-bg-subtle)}.sp-cms-modifier-attach-item input[type=checkbox],.phx-cms-modifier-attach-item input[type=checkbox]{accent-color:var(--phx-brand-flame);cursor:pointer;width:16px;height:16px}.sp-cms-empty-state,.phx-cms-empty-state{text-align:center;background:var(--phx-bg-canvas);border:1px dashed var(--phx-border);border-radius:var(--phx-radius-lg);color:var(--phx-text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:48px 16px;display:flex}.sp-cms-empty-title,.phx-cms-empty-title{color:var(--phx-text-primary);margin:0 0 4px;font-size:.95rem;font-weight:700}.sp-cms-empty-desc,.phx-cms-empty-desc{color:var(--phx-text-muted);margin:0;font-size:.8rem}.sp-cms-loading,.phx-cms-loading{color:var(--phx-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:.85rem;font-weight:600;display:flex}.sp-cms-loading svg,.phx-cms-loading svg{width:32px;height:32px;color:var(--phx-brand-flame);animation:.8s linear infinite phx-spin}.sp-cms-access-denied,.phx-cms-access-denied{background:var(--phx-bg-surface);border:1px solid var(--phx-border-danger);border-radius:var(--phx-radius-xl);text-align:center;max-width:440px;box-shadow:var(--phx-shadow-floating);flex-direction:column;align-items:center;gap:16px;margin:60px auto;padding:32px;display:flex}.sp-cms-access-denied-icon,.phx-cms-access-denied-icon{border-radius:var(--phx-radius-lg);background:var(--phx-danger-subtle);border:1px solid var(--phx-border-danger);width:56px;height:56px;color:var(--phx-danger);justify-content:center;align-items:center;display:flex}.sp-cms-access-denied-icon svg,.phx-cms-access-denied-icon svg{width:28px;height:28px}.sp-cms-options-list,.phx-cms-options-list{flex-direction:column;gap:8px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.sp-cms-option-row,.phx-cms-option-row{align-items:center;gap:8px;display:flex}.sp-cms-option-input,.phx-cms-option-input{background:var(--phx-bg-canvas);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);color:var(--phx-text-primary);outline:none;flex:1;padding:8px 12px;font-size:.8rem;transition:border-color .15s,box-shadow .15s}.sp-cms-option-input:focus,.phx-cms-option-input:focus{border-color:var(--phx-brand-flame);box-shadow:0 0 0 2px var(--phx-brand-glow)}.sp-cms-option-price-wrap,.phx-cms-option-price-wrap{flex-shrink:0;width:96px;position:relative}.sp-cms-option-price-prefix,.phx-cms-option-price-prefix{color:var(--phx-text-muted);pointer-events:none;font-size:.75rem;font-weight:700;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sp-cms-option-price-input,.phx-cms-option-price-input{background:var(--phx-bg-canvas);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);width:100%;font-size:.8rem;font-family:var(--phx-font-mono);color:var(--phx-text-primary);box-sizing:border-box;outline:none;padding:8px 10px 8px 22px;transition:border-color .15s,box-shadow .15s}.sp-cms-option-price-input:focus,.phx-cms-option-price-input:focus{border-color:var(--phx-brand-flame);box-shadow:0 0 0 2px var(--phx-brand-glow)}.sp-cms-option-delete-btn,.phx-cms-option-delete-btn{color:var(--phx-danger);cursor:pointer;border-radius:var(--phx-radius-sm);opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 8px;font-size:.85rem;transition:all .15s;display:flex}.sp-cms-option-delete-btn:hover,.phx-cms-option-delete-btn:hover{opacity:1;background:var(--phx-danger-subtle);transform:scale(1.1)}.sp-cms-option-delete-btn svg,.phx-cms-option-delete-btn svg{width:14px;height:14px}.sp-cms-modifier-groups-list,.phx-cms-modifier-groups-list{flex-direction:column;gap:12px;max-height:520px;padding-right:4px;display:flex;overflow-y:auto}.sp-cms-group-card,.phx-cms-group-card{background:var(--phx-bg-canvas);border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);flex-direction:column;gap:12px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.sp-cms-group-card:hover,.phx-cms-group-card:hover{border-color:var(--phx-border-hover);box-shadow:var(--phx-shadow-card)}.sp-cms-group-card-header,.phx-cms-group-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sp-cms-group-title-row,.phx-cms-group-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-cms-group-name,.phx-cms-group-name{color:var(--phx-text-primary);margin:0;font-size:.95rem;font-weight:700}.sp-cms-badge-req,.phx-cms-badge-req{letter-spacing:.5px;border-radius:var(--phx-radius-pill);background:var(--phx-danger-subtle);color:var(--phx-danger);border:1px solid var(--phx-border-danger);padding:2px 8px;font-size:.65rem;font-weight:800}.sp-cms-badge-opt,.phx-cms-badge-opt{letter-spacing:.5px;border-radius:var(--phx-radius-pill);background:var(--phx-bg-subtle);color:var(--phx-text-secondary);border:1px solid var(--phx-border);padding:2px 8px;font-size:.65rem;font-weight:800}.sp-cms-badge-constraint,.phx-cms-badge-constraint{border-radius:var(--phx-radius-pill);background:var(--phx-bg-subtle);color:var(--phx-text-secondary);border:1px solid var(--phx-border);padding:2px 8px;font-size:.68rem;font-weight:700}.sp-cms-badge-cat,.phx-cms-badge-cat{border-radius:var(--phx-radius-pill);background:var(--phx-brand-glow);color:var(--phx-brand-flame);border:1px solid var(--phx-brand-glow-strong);padding:2px 8px;font-size:.68rem;font-weight:700}.sp-cms-item-modifiers-wrap,.phx-cms-item-modifiers-wrap{border-top:1px dashed var(--phx-border);margin-top:10px;padding-top:8px}.sp-cms-group-chips-ribbon,.phx-cms-group-chips-ribbon{flex-wrap:wrap;gap:6px;display:flex}.sp-cms-modifier-tag,.phx-cms-modifier-tag{border-radius:var(--phx-radius-pill);background:var(--phx-bg-surface);border:1px solid var(--phx-border);color:var(--phx-text-primary);align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.sp-cms-modifier-upcharge,.phx-cms-modifier-upcharge{color:var(--phx-success);font-family:var(--phx-font-mono);font-size:.72rem;font-weight:700}.sp-cms-danger-modal-icon,.phx-cms-danger-modal-icon{border-radius:var(--phx-radius-xl);background:var(--phx-danger-subtle);border:1px solid var(--phx-border-danger);width:56px;height:56px;color:var(--phx-danger);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.sp-cms-danger-modal-icon svg,.phx-cms-danger-modal-icon svg{width:28px;height:28px}.sp-cms-tax-selector-list,.phx-cms-tax-selector-list{flex-direction:column;gap:8px;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}.sp-cms-tax-checkbox-item,.phx-cms-tax-checkbox-item{border-radius:var(--phx-radius-md);border:1px solid var(--phx-border);background:var(--phx-bg-canvas);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.sp-cms-tax-checkbox-item:hover,.phx-cms-tax-checkbox-item:hover{border-color:var(--phx-border-hover);background:var(--phx-bg-subtle)}.sp-cms-tax-checkbox-item.selected,.phx-cms-tax-checkbox-item.selected{background:var(--phx-brand-glow);border-color:var(--phx-brand-flame)}.sp-cms-tax-checkbox-left,.phx-cms-tax-checkbox-left{align-items:center;gap:10px;display:flex}.sp-cms-tax-checkbox,.phx-cms-tax-checkbox{border-radius:var(--phx-radius-xs);border:1px solid var(--phx-border);width:18px;height:18px;accent-color:var(--phx-brand-flame);cursor:pointer}.sp-cms-tax-name,.phx-cms-tax-name{color:var(--phx-text-primary);font-size:.875rem;font-weight:700}.sp-cms-tax-rate-val,.phx-cms-tax-rate-val{font-family:var(--phx-font-mono);color:var(--phx-text-secondary);font-size:.8125rem;font-weight:700}.sp-cms-tax-checkbox-item.selected .sp-cms-tax-rate-val,.phx-cms-tax-checkbox-item.selected .phx-cms-tax-rate-val{color:var(--phx-brand-flame)}.sp-cms-combined-rate-box,.phx-cms-combined-rate-box{border-radius:var(--phx-radius-md);background:var(--phx-bg-canvas);border:1px dashed var(--phx-border);justify-content:space-between;align-items:center;margin-top:4px;padding:12px 16px;display:flex}.sp-cms-combined-rate-label,.phx-cms-combined-rate-label{text-transform:uppercase;letter-spacing:.5px;color:var(--phx-text-secondary);font-size:.75rem;font-weight:700}.sp-cms-combined-rate-val,.phx-cms-combined-rate-val{font-family:var(--phx-font-mono);color:var(--phx-brand-flame);font-size:1.15rem;font-weight:900}.sp-cms-tax-group-lines,.phx-cms-tax-group-lines{border-top:1px dashed var(--phx-border);flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.sp-cms-tax-group-line,.phx-cms-tax-group-line{color:var(--phx-text-secondary);justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.sp-cms-tax-group-line-name,.phx-cms-tax-group-line-name{color:var(--phx-text-primary);font-weight:600}.sp-cms-tax-group-line-rate,.phx-cms-tax-group-line-rate{font-family:var(--sp-font-mono,var(--phx-font-mono));font-weight:700}.sp-badge-practice{border-radius:var(--sp-border-radius-sm,.25rem);letter-spacing:.04em;text-transform:uppercase;background:var(--sp-warning-subtle,#fff3cd);color:var(--sp-warning-text,#664d03);border:1px solid var(--sp-warning-border-subtle,#ffe69c);vertical-align:middle;align-items:center;margin-left:8px;padding:2px 6px;font-size:.68rem;font-weight:700;display:inline-flex}:root[data-theme=dark] .sp-badge-practice{color:var(--sp-warning,#ffc107);background:#ffc10726;border-color:#ffc10759}.sp-auth-wrapper,.phx-auth-wrapper{background-color:var(--sp-bg-canvas,var(--phx-bg-canvas));width:100%;min-height:100vh;color:var(--sp-text-primary,var(--phx-text-primary));box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow-x:hidden}.sp-auth-card,.phx-auth-card{background-color:var(--sp-bg-surface,var(--phx-bg-surface));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--sp-border-radius-xl,1rem);width:100%;max-width:440px;box-shadow:var(--sp-shadow-card,0 .5rem 1rem #00000014);box-sizing:border-box;z-index:10;flex-direction:column;align-items:center;padding:40px 32px;animation:.3s cubic-bezier(.16,1,.3,1) sp-fade-in;display:flex;position:relative}.sp-signup-card,.phx-signup-card{background-color:var(--sp-bg-surface,var(--phx-bg-surface));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--sp-border-radius-xl,1rem);width:100%;max-width:780px;box-shadow:var(--sp-shadow-card,0 .5rem 1rem #00000014);box-sizing:border-box;z-index:10;flex-direction:column;align-items:center;padding:40px 36px;animation:.3s cubic-bezier(.16,1,.3,1) sp-fade-in;display:flex;position:relative}.sp-auth-brand-badge,.phx-auth-brand-badge{border-radius:var(--sp-border-radius-lg,.5rem);background-color:var(--sp-primary,#0d6efd);width:64px;height:64px;box-shadow:var(--sp-shadow-sm);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.sp-auth-brand-badge svg,.phx-auth-brand-badge svg{color:#fff;width:32px;height:32px}.sp-auth-title,.phx-auth-title{color:var(--sp-text-primary,var(--phx-text-primary));letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:800}.sp-auth-subtitle,.phx-auth-subtitle{color:var(--sp-primary,#0d6efd);letter-spacing:.01em;margin:6px 0 24px;font-size:.95rem;font-weight:500}.sp-auth-error,.phx-auth-error{background-color:var(--sp-danger-subtle,#f8d7da);border:1px solid var(--sp-danger-border-subtle,#f1aeb5);width:100%;color:var(--sp-danger,#dc3545);border-radius:var(--sp-border-radius,.375rem);text-align:center;box-sizing:border-box;margin-bottom:20px;padding:12px 16px;font-size:.95rem;font-weight:600}.sp-auth-form,.phx-auth-form{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;display:flex}.sp-auth-field,.phx-auth-field{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.sp-auth-label,.phx-auth-label{color:#343a40;letter-spacing:normal;font-size:.925rem;font-weight:600}.sp-auth-description,.phx-auth-description{color:#495057;margin-top:-2px;margin-bottom:2px;font-size:.84rem;line-height:1.4}:root[data-theme=dark] .sp-auth-label,:root[data-theme=dark] .phx-auth-label{color:var(--sp-text-primary,#f8f9fa)}:root[data-theme=dark] .sp-auth-description,:root[data-theme=dark] .phx-auth-description{color:var(--sp-text-secondary,#adb5bd)}.sp-auth-input,.phx-auth-input{background-color:var(--sp-bg-surface,var(--phx-bg-surface));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--sp-border-radius,.375rem);width:100%;height:50px;font-family:var(--sp-font-sans,var(--phx-font-sans));color:var(--sp-text-primary,var(--phx-text-primary));box-sizing:border-box;padding:0 16px;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sp-auth-input:focus,.phx-auth-input:focus{border-color:var(--sp-primary,#0d6efd);box-shadow:var(--sp-focus-ring,0 0 0 .25rem #0d6efd40);outline:none}.sp-auth-input::placeholder,.phx-auth-input::placeholder{color:var(--sp-text-muted,var(--phx-text-muted))}.sp-auth-select,.phx-auth-select{background-color:var(--sp-bg-surface,var(--phx-bg-surface));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--sp-border-radius,.375rem);width:100%;height:50px;font-family:var(--sp-font-sans,var(--phx-font-sans));color:var(--sp-text-primary,var(--phx-text-primary));box-sizing:border-box;cursor:pointer;padding:0 16px;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sp-auth-select:focus,.phx-auth-select:focus{border-color:var(--sp-primary,#0d6efd);box-shadow:var(--sp-focus-ring,0 0 0 .25rem #0d6efd40);outline:none}.sp-auth-actions,.phx-auth-actions{flex-direction:column;gap:12px;width:100%;margin-top:8px;display:flex}.sp-auth-btn-primary,.phx-auth-btn-primary{border-radius:var(--sp-border-radius,.375rem);border:1px solid var(--sp-primary,#0d6efd);background-color:var(--sp-primary,#0d6efd);color:#fff;width:100%;height:50px;font-family:var(--sp-font-sans,var(--phx-font-sans));letter-spacing:normal;cursor:pointer;box-shadow:var(--sp-shadow-sm);box-sizing:border-box;justify-content:center;align-items:center;gap:8px;font-size:1rem;font-weight:600;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .1s;display:flex}.sp-auth-btn-primary:hover:not(:disabled),.phx-auth-btn-primary:hover:not(:disabled){background-color:var(--sp-primary-hover,#0b5ed7);border-color:var(--sp-primary-hover,#0b5ed7);box-shadow:var(--sp-shadow-card);transform:translateY(-1px)}.sp-auth-btn-primary:active:not(:disabled),.phx-auth-btn-primary:active:not(:disabled){background-color:var(--sp-primary-active,#0a58ca);border-color:var(--sp-primary-active,#0a58ca);transform:translateY(0)}.sp-auth-btn-primary:disabled,.phx-auth-btn-primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.sp-auth-btn-secondary,.phx-auth-btn-secondary{border-radius:var(--sp-border-radius,.375rem);border:1px solid var(--sp-border,var(--phx-border));background-color:var(--sp-bg-surface,var(--phx-bg-surface));width:100%;height:50px;color:var(--sp-text-primary,var(--phx-text-primary));font-family:var(--sp-font-sans,var(--phx-font-sans));letter-spacing:normal;cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:600;transition:all .15s;display:flex}.sp-auth-btn-secondary:hover,.phx-auth-btn-secondary:hover{border-color:var(--sp-border-hover,var(--phx-border-hover));background-color:var(--sp-bg-subtle,var(--phx-bg-subtle));color:var(--sp-primary,#0d6efd)}.sp-auth-btn-secondary:active,.phx-auth-btn-secondary:active{transform:translateY(0)}.sp-auth-footer,.phx-auth-footer{color:var(--sp-text-secondary,var(--phx-text-secondary));text-align:center;max-width:320px;margin-top:24px;font-size:.78rem;line-height:1.6}.sp-signup-grid,.phx-signup-grid{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.sp-signup-col,.phx-signup-col{flex-direction:column;gap:16px;display:flex}.sp-signup-subgrid-3,.phx-signup-subgrid-3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.sp-signup-back-btn,.phx-signup-back-btn{color:var(--sp-text-secondary,var(--phx-text-secondary));font-family:var(--sp-font-sans,var(--phx-font-sans));cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:20px;font-size:.85rem;font-weight:600;transition:color .15s;display:inline-flex}.sp-signup-back-btn:hover,.phx-signup-back-btn:hover{color:var(--sp-primary,#0d6efd)}@media (width<=768px){.sp-signup-grid,.phx-signup-grid{grid-template-columns:1fr;gap:16px}}.sp-autocomplete-wrapper,.phx-autocomplete-wrapper{width:100%;position:relative}.sp-autocomplete-dropdown,.phx-autocomplete-dropdown{background-color:var(--sp-bg-elevated,var(--phx-bg-elevated));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--sp-border-radius,.375rem);box-shadow:var(--sp-shadow-card,var(--phx-shadow-lg));z-index:100;box-sizing:border-box;max-height:240px;margin-top:6px;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.sp-autocomplete-item,.phx-autocomplete-item{cursor:pointer;color:var(--sp-text-primary,var(--phx-text-primary));font-size:.95rem;font-family:var(--sp-font-sans,var(--phx-font-sans));border-bottom:1px solid var(--sp-border-subtle,var(--phx-border-subtle));align-items:center;gap:8px;padding:12px 16px;transition:background-color .15s,color .15s;display:flex}.sp-autocomplete-item:last-child,.phx-autocomplete-item:last-child{border-bottom:none}.sp-autocomplete-item:hover,.phx-autocomplete-item:hover{background-color:var(--sp-primary-subtle,#0d6efd1a);color:var(--sp-primary,#0d6efd)}.sp-autocomplete-loading,.phx-autocomplete-loading{color:var(--sp-text-muted,var(--phx-text-muted));font-size:.95rem;font-style:italic;font-family:var(--sp-font-sans,var(--phx-font-sans));padding:12px 16px}.sp-wizard-container{flex-direction:column;gap:20px;width:100%;max-width:580px;display:flex}.sp-wizard-stepper{flex-direction:column;gap:10px;width:100%;margin-bottom:8px;display:flex}.sp-wizard-step-header{font-family:var(--sp-font-sans);justify-content:space-between;align-items:center;display:flex}.sp-wizard-step-title{color:var(--sp-primary,#0d6efd);letter-spacing:normal;font-size:1rem;font-weight:700}.sp-wizard-step-count{color:var(--sp-text-muted,#6c757d);font-size:.9rem;font-weight:600}.sp-step-progress-track{background-color:var(--sp-border,#dee2e6);border-radius:var(--sp-border-radius-pill,50rem);width:100%;height:6px;position:relative;overflow:hidden}.sp-step-progress-bar{background-color:var(--sp-primary,#0d6efd);border-radius:var(--sp-border-radius-pill,50rem);height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}@keyframes spIconAttention{0%,to{transform:scale(1)rotate(0);box-shadow:0 0 #0d6efd66}15%{transform:scale(1.12)rotate(-8deg);box-shadow:0 0 0 4px #0d6efd33}30%{transform:scale(1.12)rotate(8deg);box-shadow:0 0 0 7px #0d6efd00}45%{transform:scale(1.06)rotate(-3deg);box-shadow:0 0 #0d6efd00}60%{transform:scale(1.02)rotate(0)}75%{transform:scale(1)rotate(0)}}.sp-step-context-box{border-radius:var(--sp-border-radius-md,.5rem);box-sizing:border-box;background:linear-gradient(135deg,#0d6efd14 0%,#0d6efd08 100%);border:1px solid #0d6efd38;align-items:flex-start;gap:14px;padding:16px 18px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0d6efd0a}.sp-step-context-box:hover{border-color:#0d6efd59;box-shadow:0 4px 14px #0d6efd14}.sp-step-context-icon{width:36px;height:36px;color:var(--sp-primary,#0d6efd);box-sizing:border-box;transform-origin:50%;background:#0d6efd1f;border:1px solid #0d6efd47;border-radius:50%;flex-shrink:0;margin-top:1px;padding:8px;animation:4s ease-in-out infinite spIconAttention}.sp-step-context-text{color:#1e293b;margin:0;font-size:.95rem;font-weight:500;line-height:1.55}:root[data-theme=dark] .sp-step-context-box{border-color:#0d6efd4d;border-left-color:var(--sp-primary,#0d6efd);background:linear-gradient(135deg,#0d6efd26 0%,#0d6efd0d 100%)}:root[data-theme=dark] .sp-step-context-icon{background:#0d6efd38;border-color:#0d6efd66}:root[data-theme=dark] .sp-step-context-text{color:#e2e8f0}.sp-step-expectation-text{color:var(--sp-text-secondary,#6c757d);text-align:center;margin:0;font-size:.9rem;font-weight:500;line-height:1.5}.sp-field-error{color:var(--sp-danger,#dc3545);align-items:center;gap:4px;margin-top:4px;font-size:.85rem;font-weight:500;display:flex}.sp-auth-input.is-invalid,.sp-auth-select.is-invalid{border-color:var(--sp-danger,#dc3545)!important;box-shadow:0 0 0 .25rem #dc354533!important}.sp-wizard-actions{align-items:center;gap:12px;width:100%;margin-top:20px;display:flex}.sp-wizard-actions .sp-auth-btn-primary{flex:1}.sp-wizard-actions .sp-auth-btn-secondary{flex:none;width:auto;padding:0 20px}.sp-manual-address-toggle{color:var(--sp-primary,#0d6efd);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-size:.9rem;font-weight:600;text-decoration:underline;transition:opacity .15s;display:inline-flex}.sp-manual-address-toggle:hover{opacity:.8}.sp-landing-page,.phx-landing-page{background-color:var(--sp-bg-canvas,var(--phx-bg-canvas));width:100%;max-width:100vw;min-height:100vh;color:var(--sp-text-primary,var(--phx-text-primary));font-family:var(--sp-font-sans,var(--phx-font-sans));box-sizing:border-box;position:relative;overflow-x:hidden}.sp-landing-bg-glow,.phx-landing-bg-glow{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 20%,#0d6efd14 0%,#f8fafc00 70%);width:clamp(320px,90vw,1200px);max-width:100vw;height:clamp(260px,45vw,600px);position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.sp-landing-nav,.phx-landing-nav{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--sp-border,var(--phx-border));background-color:#ffffffe0;width:100%;transition:all .2s;position:sticky;top:0}.sp-landing-nav-container,.phx-landing-nav-container{box-sizing:border-box;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.sp-landing-brand,.phx-landing-brand{color:var(--phx-text-primary);flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.sp-landing-logo-badge,.phx-landing-logo-badge{border-radius:var(--sp-border-radius,.375rem);background-color:var(--sp-primary,#0d6efd);width:38px;height:38px;box-shadow:var(--sp-shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-landing-logo-badge svg,.phx-landing-logo-badge svg{color:#fff;width:20px;height:20px}.sp-landing-brand-text,.phx-landing-brand-text{letter-spacing:-.02em;color:var(--sp-text-primary,var(--phx-text-primary));font-size:1.15rem;font-weight:900}.sp-landing-nav-links,.phx-landing-nav-links{align-items:center;gap:28px;margin:0;padding:0;list-style:none;display:flex}.sp-landing-nav-link,.phx-landing-nav-link{color:var(--sp-text-secondary,var(--phx-text-secondary));font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s}.sp-landing-nav-link:hover,.phx-landing-nav-link:hover{color:var(--sp-primary,#0d6efd)}.sp-landing-nav-actions,.phx-landing-nav-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.sp-landing-btn-login,.phx-landing-btn-login{color:var(--sp-text-primary,var(--phx-text-primary));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--sp-border-radius-pill,50rem);cursor:pointer;box-sizing:border-box;background:0 0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 18px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.sp-landing-btn-login:hover,.phx-landing-btn-login:hover{background-color:var(--sp-bg-subtle,var(--phx-bg-subtle));border-color:var(--sp-border-hover,var(--phx-border-hover))}.sp-landing-btn-cta,.phx-landing-btn-cta{background-color:var(--sp-primary,#0d6efd);color:#fff;border:1px solid var(--sp-primary,#0d6efd);border-radius:var(--sp-border-radius-pill,50rem);cursor:pointer;box-sizing:border-box;min-height:40px;box-shadow:var(--sp-shadow-sm);justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:700;text-decoration:none;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .1s;display:inline-flex}.sp-landing-btn-cta:hover,.phx-landing-btn-cta:hover{background-color:var(--sp-primary-hover,#0b5ed7);border-color:var(--sp-primary-hover,#0b5ed7);box-shadow:var(--sp-shadow-card);color:#fff;transform:translateY(-1px)}.sp-landing-btn-cta:active,.phx-landing-btn-cta:active{background-color:var(--sp-primary-active,#0a58ca);border-color:var(--sp-primary-active,#0a58ca);transform:translateY(0)}.sp-landing-nav-toggle,.phx-landing-nav-toggle{border:1px solid var(--phx-border);color:var(--phx-text-primary);border-radius:var(--phx-radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .15s;display:none}.sp-landing-nav-toggle:hover,.phx-landing-nav-toggle:hover{background-color:var(--phx-bg-subtle);border-color:var(--phx-border-hover);color:var(--phx-brand-flame)}.sp-landing-mobile-menu,.phx-landing-mobile-menu{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--phx-border);background-color:#fffffffa;flex-direction:column;gap:16px;padding:16px 20px 24px;animation:.2s cubic-bezier(.16,1,.3,1) phxLandingSlideDown;display:none;box-shadow:0 12px 32px #0f172a14}@keyframes phxLandingSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sp-landing-mobile-nav-links,.phx-landing-mobile-nav-links{flex-direction:column;gap:4px;display:flex}.sp-landing-mobile-nav-link,.phx-landing-mobile-nav-link{border-radius:var(--phx-radius-sm);color:var(--phx-text-primary);padding:12px 14px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .15s;display:block}.sp-landing-mobile-nav-link:hover,.phx-landing-mobile-nav-link:hover{background-color:var(--phx-bg-subtle);color:var(--phx-brand-flame)}.sp-landing-mobile-nav-actions,.phx-landing-mobile-nav-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.sp-mobile-btn,.phx-mobile-btn{border-radius:var(--phx-radius-md);width:100%;min-height:48px;padding:12px 20px;font-size:.95rem}.sp-landing-hero,.phx-landing-hero{z-index:1;text-align:center;box-sizing:border-box;max-width:1200px;margin:0 auto;padding:64px 24px 80px;position:relative}.sp-landing-hero-title,.phx-landing-hero-title{letter-spacing:-.03em;color:var(--phx-text-primary);overflow-wrap:break-word;word-break:break-word;max-width:900px;margin:0 auto 20px;font-size:clamp(2rem,4.5vw + .5rem,3.25rem);font-weight:900;line-height:1.15}.sp-landing-gradient-text,.phx-landing-gradient-text{background:linear-gradient(135deg, var(--phx-brand-flame) 0%, var(--phx-brand-amber) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.sp-landing-hero-subtitle,.phx-landing-hero-subtitle{color:var(--phx-text-secondary);max-width:680px;margin:0 auto 36px;padding:0 4px;font-size:clamp(.98rem,1.5vw + .4rem,1.15rem);font-weight:500;line-height:1.6}.sp-landing-hero-actions,.phx-landing-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.sp-landing-hero-btn-primary,.phx-landing-hero-btn-primary{background-color:var(--sp-primary,#0d6efd);color:#fff;border:1px solid var(--sp-primary,#0d6efd);border-radius:var(--sp-border-radius,.375rem);cursor:pointer;min-height:52px;box-shadow:var(--sp-shadow-sm);box-sizing:border-box;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .1s;display:inline-flex}.sp-landing-hero-btn-primary:hover,.phx-landing-hero-btn-primary:hover{background-color:var(--sp-primary-hover,#0b5ed7);border-color:var(--sp-primary-hover,#0b5ed7);box-shadow:var(--sp-shadow-card);color:#fff;transform:translateY(-1px)}.sp-landing-hero-btn-primary:active,.phx-landing-hero-btn-primary:active{background-color:var(--sp-primary-active,#0a58ca);border-color:var(--sp-primary-active,#0a58ca);transform:translateY(0)}.sp-landing-hero-btn-secondary,.phx-landing-hero-btn-secondary{background:var(--sp-bg-surface,#fff);color:var(--sp-text-primary,var(--phx-text-primary));border:1px solid var(--sp-border,var(--phx-border));border-radius:var(--sp-border-radius,.375rem);cursor:pointer;min-height:52px;box-shadow:var(--sp-shadow-sm);box-sizing:border-box;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.sp-landing-hero-btn-secondary:hover,.phx-landing-hero-btn-secondary:hover{background-color:var(--sp-bg-subtle,var(--phx-bg-subtle));border-color:var(--sp-border-hover,var(--phx-border-hover));transform:translateY(-1px)}.sp-landing-why-section,.phx-landing-why-section{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:80px 24px}.sp-landing-why-container,.phx-landing-why-container{width:100%}.sp-landing-why-grid,.phx-landing-why-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.sp-landing-why-card,.phx-landing-why-card{border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);box-shadow:var(--phx-shadow-sm);box-sizing:border-box;background-color:#fff;flex-direction:column;gap:18px;padding:36px 30px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.sp-landing-why-card:before,.phx-landing-why-card:before{content:"";opacity:0;background:linear-gradient(90deg,#f59e0b99 0%,#ff5e1899 100%);height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.sp-landing-why-card:hover,.phx-landing-why-card:hover{border-color:var(--phx-border-hover);transform:translateY(-4px);box-shadow:0 12px 30px #0f172a14}.sp-landing-why-card:hover:before,.phx-landing-why-card:hover:before{opacity:1}.sp-why-icon-badge,.phx-why-icon-badge{border-radius:var(--phx-radius-md);color:#d97706;background-color:#f59e0b1a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.sp-landing-why-card:hover .sp-why-icon-badge,.phx-landing-why-card:hover .phx-why-icon-badge{color:var(--phx-brand-flame);background-color:#ff5e1824;transform:scale(1.05)}.sp-why-icon-badge svg,.phx-why-icon-badge svg{width:24px;height:24px}.sp-landing-why-card h4,.phx-landing-why-card h4{color:var(--phx-text-primary);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:800;line-height:1.3}.sp-landing-why-card p,.phx-landing-why-card p{color:var(--phx-text-secondary);margin:0;font-size:.94rem;line-height:1.65}.sp-landing-features-section,.phx-landing-features-section{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:80px 24px}.sp-landing-section-header,.phx-landing-section-header{text-align:center;max-width:720px;margin:0 auto 56px}.sp-landing-section-tag,.phx-landing-section-tag{color:var(--phx-brand-flame);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.8rem;font-weight:800;display:block}.sp-landing-section-title,.phx-landing-section-title{color:var(--phx-text-primary);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(1.65rem,3.5vw + .3rem,2.25rem);font-weight:900;line-height:1.2}.sp-landing-section-desc,.phx-landing-section-desc{color:var(--phx-text-secondary);margin:0;font-size:clamp(.95rem,1.2vw + .3rem,1.05rem);line-height:1.6}.sp-landing-features-grid,.phx-landing-features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.sp-landing-hero-cards,.phx-landing-hero-cards{text-align:left;box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;max-width:960px;margin:0 auto;display:grid}@media (width<=768px){.sp-landing-hero-cards,.phx-landing-hero-cards{grid-template-columns:1fr;gap:16px;max-width:480px}}.sp-landing-feature-card,.phx-landing-feature-card{border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);box-shadow:var(--phx-shadow-sm);box-sizing:border-box;background-color:#fff;flex-direction:column;gap:16px;padding:32px 28px;transition:all .2s;display:flex}.sp-landing-feature-card:hover,.phx-landing-feature-card:hover{box-shadow:var(--phx-shadow-md);border-color:var(--phx-border-hover);transform:translateY(-4px)}.sp-feature-icon-badge,.phx-feature-icon-badge{border-radius:var(--phx-radius-md);background-color:var(--phx-brand-flame-light);width:48px;height:48px;color:var(--phx-brand-flame);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-feature-icon-badge svg,.phx-feature-icon-badge svg{width:24px;height:24px}.sp-landing-feature-card h4,.phx-landing-feature-card h4{color:var(--phx-text-primary);margin:0;font-size:1.18rem;font-weight:800;line-height:1.3}.sp-landing-feature-card p,.phx-landing-feature-card p{color:var(--phx-text-secondary);margin:0;font-size:.92rem;line-height:1.6}.sp-landing-arch-section,.phx-landing-arch-section{border-top:1px solid var(--phx-border);border-bottom:1px solid var(--phx-border);box-sizing:border-box;background-color:#fff;padding:80px 24px}.sp-landing-arch-container,.phx-landing-arch-container{max-width:1200px;margin:0 auto}.sp-arch-diagram,.phx-arch-diagram{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;display:grid;position:relative}.sp-arch-step-card,.phx-arch-step-card{background-color:var(--phx-bg-canvas);border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);box-sizing:border-box;flex-direction:column;gap:12px;padding:24px;display:flex;position:relative}.sp-arch-step-number,.phx-arch-step-number{background-color:var(--phx-brand-flame);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex}.sp-arch-step-card h5,.phx-arch-step-card h5{color:var(--phx-text-primary);margin:0;font-size:1.05rem;font-weight:800}.sp-arch-step-card p,.phx-arch-step-card p{color:var(--phx-text-secondary);margin:0;font-size:.88rem;line-height:1.5}.sp-landing-cta-banner,.phx-landing-cta-banner{box-sizing:border-box;max-width:1200px;margin:80px auto;padding:0 24px}.sp-landing-cta-card,.phx-landing-cta-card{border-radius:var(--phx-radius-xl);text-align:center;color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:64px 40px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a26}.sp-landing-cta-card h3,.phx-landing-cta-card h3{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(1.65rem,3.5vw + .3rem,2.5rem);font-weight:900;line-height:1.2}.sp-landing-cta-card p,.phx-landing-cta-card p{color:#94a3b8;max-width:580px;margin:0 auto 36px;font-size:clamp(.95rem,1.2vw + .3rem,1.1rem);line-height:1.6}.sp-landing-cta-actions,.phx-landing-cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.sp-landing-cta-btn,.phx-landing-cta-btn{padding:16px 36px}.sp-landing-footer,.phx-landing-footer{border-top:1px solid var(--phx-border);box-sizing:border-box;background-color:#fff;padding:48px 24px 32px}.sp-landing-footer-container,.phx-landing-footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.sp-landing-footer-copy,.phx-landing-footer-copy{color:var(--phx-text-secondary);font-size:.88rem;line-height:1.5}.sp-landing-footer-links,.phx-landing-footer-links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.sp-landing-footer-link,.phx-landing-footer-link{color:var(--phx-text-secondary);font-size:.88rem;font-weight:600;text-decoration:none;transition:color .15s}.sp-landing-footer-link:hover,.phx-landing-footer-link:hover{color:var(--phx-brand-flame)}.sp-legal-main,.phx-legal-main{box-sizing:border-box;z-index:1;flex:1 0 auto;width:100%;max-width:960px;margin:0 auto;padding:56px 24px 80px;position:relative}.sp-legal-header,.phx-legal-header{text-align:center;margin-bottom:40px}.sp-legal-badge,.phx-legal-badge{border-radius:var(--phx-radius-pill);background:var(--phx-brand-glow);color:var(--phx-brand-flame);text-transform:uppercase;letter-spacing:.05em;border:1px solid #ff5e183d;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.sp-legal-badge svg,.phx-legal-badge svg{width:16px;height:16px}.sp-legal-title,.phx-legal-title{color:var(--phx-text-primary);letter-spacing:-.02em;margin:0 0 12px;font-size:2.5rem;font-weight:800;line-height:1.2}.sp-legal-lead,.phx-legal-lead{color:var(--phx-text-secondary);max-width:680px;margin:0 auto 12px;font-size:1.05rem;line-height:1.6}.sp-legal-meta,.phx-legal-meta{color:var(--phx-text-muted);font-size:.85rem;font-family:var(--phx-font-mono)}.sp-legal-body,.phx-legal-body{background:var(--phx-bg-surface);border:1px solid var(--phx-border);border-radius:var(--phx-radius-lg);box-shadow:var(--phx-shadow-sm);padding:40px}.sp-legal-summary,.phx-legal-summary{border-bottom:1px solid var(--phx-border);margin-bottom:36px;padding-bottom:32px}.sp-legal-section,.phx-legal-section{margin-bottom:36px}.sp-legal-section:last-child,.phx-legal-section:last-child{margin-bottom:0}.sp-legal-section-title,.phx-legal-section-title{color:var(--phx-text-primary);letter-spacing:-.01em;margin:0 0 14px;font-size:1.35rem;font-weight:800}.sp-legal-section-p,.phx-legal-section-p{color:var(--phx-text-secondary);margin:0 0 14px;font-size:.95rem;line-height:1.7}.sp-legal-callout,.phx-legal-callout{border-left:4px solid var(--phx-brand-flame);background:var(--phx-bg-canvas);border-radius:0 var(--phx-radius-md) var(--phx-radius-md) 0;margin-bottom:18px;padding:16px 20px}.sp-legal-callout-title,.phx-legal-callout-title{color:var(--phx-text-primary);margin-bottom:4px;font-size:.95rem;font-weight:700}.sp-legal-callout-text,.phx-legal-callout-text{color:var(--phx-text-secondary);margin:0;font-size:.92rem;line-height:1.6}.sp-legal-boxes,.phx-legal-boxes{flex-direction:column;gap:16px;display:flex}.sp-legal-box,.phx-legal-box{background:var(--phx-bg-canvas);border:1px solid var(--phx-border);border-radius:var(--phx-radius-md);padding:20px}.sp-legal-box-title,.phx-legal-box-title{color:var(--phx-text-primary);margin:0 0 6px;font-size:1.05rem;font-weight:700}.sp-legal-box-text,.phx-legal-box-text{color:var(--phx-text-secondary);margin:0;font-size:.92rem;line-height:1.6}.sp-legal-list,.phx-legal-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.sp-legal-list-item,.phx-legal-list-item{align-items:flex-start;gap:12px;display:flex}.sp-legal-list-icon,.phx-legal-list-icon{color:var(--phx-brand-flame);flex-shrink:0;margin-top:2px}.sp-legal-list-icon svg,.phx-legal-list-icon svg{width:18px;height:18px}.sp-legal-code,.phx-legal-code{font-family:var(--phx-font-mono);background:var(--phx-bg-base);color:var(--phx-text-primary);border-radius:4px;padding:2px 6px;font-size:.85em}.sp-legal-link,.phx-legal-link{color:var(--phx-brand-flame);font-weight:600;text-decoration:none;transition:color .15s}.sp-legal-link:hover,.phx-legal-link:hover{text-decoration:underline}.sp-legal-back-link,.phx-legal-back-link{color:var(--phx-text-secondary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.sp-legal-back-link:hover,.phx-legal-back-link:hover{color:var(--phx-brand-flame)}.sp-legal-back-link svg,.phx-legal-back-link svg{width:16px;height:16px}@media (width>=640px) and (width<=1023px){.sp-landing-nav-container,.phx-landing-nav-container{padding:14px 20px}.sp-landing-nav-links,.phx-landing-nav-links{gap:18px}.sp-landing-hero,.phx-landing-hero{padding:48px 20px 64px}.sp-legal-main,.phx-legal-main{padding:40px 20px 64px}.sp-landing-why-section,.phx-landing-why-section{padding:64px 20px}.sp-landing-why-grid,.phx-landing-why-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.sp-landing-why-card,.phx-landing-why-card{padding:28px 22px}.sp-landing-features-section,.phx-landing-features-section{padding:64px 20px}.sp-landing-section-header,.phx-landing-section-header{margin-bottom:40px}.sp-landing-features-grid,.phx-landing-features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.sp-landing-hero-cards,.phx-landing-hero-cards{gap:16px;max-width:900px}.sp-landing-feature-card,.phx-landing-feature-card{padding:26px 22px}.sp-landing-arch-section,.phx-landing-arch-section{padding:64px 20px}.sp-arch-diagram,.phx-arch-diagram{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:36px}.sp-landing-cta-banner,.phx-landing-cta-banner{margin:60px auto;padding:0 20px}.sp-landing-cta-card,.phx-landing-cta-card{padding:48px 32px}.sp-landing-footer,.phx-landing-footer{padding:40px 20px 28px}}@media (width<=639px){.sp-desktop-only,.phx-desktop-only{display:none!important}.sp-landing-nav-toggle,.phx-landing-nav-toggle{display:flex!important}.sp-landing-mobile-menu,.phx-landing-mobile-menu{display:flex}.sp-landing-nav-container,.phx-landing-nav-container{padding:12px 16px}.sp-landing-brand-text,.phx-landing-brand-text{font-size:1.05rem}.sp-landing-logo-badge,.phx-landing-logo-badge{width:34px;height:34px}.sp-landing-logo-badge svg,.phx-landing-logo-badge svg{width:18px;height:18px}.sp-landing-hero,.phx-landing-hero{padding:36px 16px 48px}.sp-legal-main,.phx-legal-main{padding:32px 16px 48px}.sp-legal-title,.phx-legal-title{font-size:1.85rem}.sp-legal-body,.phx-legal-body{padding:24px 16px}.sp-landing-hero-actions,.phx-landing-hero-actions{flex-direction:column;gap:12px;width:100%;max-width:360px;margin:0 auto}.sp-landing-hero-btn-primary,.phx-landing-hero-btn-primary,.sp-landing-hero-btn-secondary,.phx-landing-hero-btn-secondary{width:100%;min-height:48px;padding:14px 20px;font-size:1rem}.sp-landing-why-section,.phx-landing-why-section{padding:48px 16px}.sp-landing-why-grid,.phx-landing-why-grid{grid-template-columns:1fr;gap:16px}.sp-landing-why-card,.phx-landing-why-card{padding:24px 20px}.sp-landing-features-section,.phx-landing-features-section{padding:48px 16px}.sp-landing-section-header,.phx-landing-section-header{margin-bottom:32px}.sp-landing-features-grid,.phx-landing-features-grid{grid-template-columns:1fr;gap:16px}.sp-landing-hero-cards,.phx-landing-hero-cards{grid-template-columns:1fr;gap:16px;max-width:480px}.sp-landing-feature-card,.phx-landing-feature-card{padding:22px 18px}.sp-landing-arch-section,.phx-landing-arch-section{padding:48px 16px}.sp-arch-diagram,.phx-arch-diagram{grid-template-columns:1fr;gap:12px;margin-top:28px}.sp-arch-step-card,.phx-arch-step-card{padding:18px 16px}.sp-landing-cta-banner,.phx-landing-cta-banner{margin:40px auto;padding:0 16px}.sp-landing-cta-card,.phx-landing-cta-card{border-radius:var(--phx-radius-lg);padding:36px 20px}.sp-landing-cta-btn,.phx-landing-cta-btn{width:100%;max-width:340px;padding:14px 20px}.sp-landing-footer,.phx-landing-footer{padding:36px 16px 28px}.sp-landing-footer-container,.phx-landing-footer-container{text-align:center;flex-direction:column-reverse;align-items:center;gap:20px}.sp-landing-footer-links,.phx-landing-footer-links{justify-content:center;gap:14px 20px}}@media (width<=375px){.sp-landing-brand-text,.phx-landing-brand-text{font-size:.95rem}.sp-landing-hero-title,.phx-landing-hero-title{font-size:1.85rem}.sp-landing-section-title,.phx-landing-section-title,.sp-landing-cta-card h3,.phx-landing-cta-card h3{font-size:1.5rem}}@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-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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}