@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-duration:initial;--tw-ease:initial;--tw-content:""}}}@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-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--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-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--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-900:oklch(40.8% .123 38.172);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--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: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--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;--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;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{.collapse{visibility:collapse}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-6{top:calc(var(--spacing)*6)}.top-7{top:calc(var(--spacing)*7)}.top-8{top:calc(var(--spacing)*8)}.top-9{top:calc(var(--spacing)*9)}.top-10{top:calc(var(--spacing)*10)}.top-11{top:calc(var(--spacing)*11)}.top-12{top:calc(var(--spacing)*12)}.top-13{top:calc(var(--spacing)*13)}.top-14{top:calc(var(--spacing)*14)}.top-15{top:calc(var(--spacing)*15)}.top-16{top:calc(var(--spacing)*16)}.top-17{top:calc(var(--spacing)*17)}.top-18{top:calc(var(--spacing)*18)}.top-19{top:calc(var(--spacing)*19)}.top-20{top:calc(var(--spacing)*20)}.right-0{right:calc(var(--spacing)*0)}.right-6{right:calc(var(--spacing)*6)}.right-10{right:calc(var(--spacing)*10)}.right-16{right:calc(var(--spacing)*16)}.-bottom-3{bottom:calc(var(--spacing)*-3)}.bottom-12{bottom:calc(var(--spacing)*12)}.bottom-20{bottom:calc(var(--spacing)*20)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-6{left:calc(var(--spacing)*6)}.left-10{left:calc(var(--spacing)*10)}.left-20{left:calc(var(--spacing)*20)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.mt-0\.5{margin-top: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-6{margin-top:calc(var(--spacing)*6)}.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-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.h-0\.5{height:calc(var(--spacing)*.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-28{height:calc(var(--spacing)*28)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(90vh-180px\)\]{max-height:calc(90vh - 180px)}.max-h-\[calc\(90vh-220px\)\]{max-height:calc(90vh - 220px)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-28{width:calc(var(--spacing)*28)}.w-72{width:calc(var(--spacing)*72)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-2px\]{--tw-translate-y:-2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.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-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-400{border-color:var(--color-blue-400)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-600{border-color:var(--color-emerald-600)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-300{border-color:var(--color-orange-300)}.border-purple-100{border-color:var(--color-purple-100)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-200{border-color:var(--color-red-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:#0000}.bg-\[var\(--bg-card\)\]{background-color:var(--bg-card)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-50\/50{background-color:#fffbeb80}@supports (color:color-mix(in lab,red,red)){.bg-amber-50\/50{background-color:color-mix(in oklab,var(--color-amber-50)50%,transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-50\/50{background-color:#f0fdf480}@supports (color:color-mix(in lab,red,red)){.bg-green-50\/50{background-color:color-mix(in oklab,var(--color-green-50)50%,transparent)}}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-50\/50{background-color:#faf5ff80}@supports (color:color-mix(in lab,red,red)){.bg-purple-50\/50{background-color:color-mix(in oklab,var(--color-purple-50)50%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from: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))}.from-blue-50\/50{--tw-gradient-from:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.from-blue-50\/50{--tw-gradient-from:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.from-blue-50\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-100{--tw-gradient-from:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-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-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-green-600{--tw-gradient-from:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-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-purple-600{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-amber-600{--tw-gradient-to:var(--color-amber-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-emerald-600{--tw-gradient-to:var(--color-emerald-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-green-700{--tw-gradient-to:var(--color-green-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))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-50\/30{--tw-gradient-to:#eef2ff4d}@supports (color:color-mix(in lab,red,red)){.to-indigo-50\/30{--tw-gradient-to:color-mix(in oklab,var(--color-indigo-50)30%,transparent)}}.to-indigo-50\/30{--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-indigo-600{--tw-gradient-to:var(--color-indigo-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-purple-600{--tw-gradient-to:var(--color-purple-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-purple-700{--tw-gradient-to:var(--color-purple-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))}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.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)}.p-12{padding:calc(var(--spacing)*12)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.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-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.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))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-emerald-600{color:var(--color-emerald-600)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-10{opacity:.1}.opacity-15{opacity:.15}.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-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)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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-blue-200\/50{--tw-shadow-color:#bedbff80}@supports (color:color-mix(in lab,red,red)){.shadow-blue-200\/50{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-200)50%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-blue-500\/25{--tw-shadow-color:#3080ff40}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/25{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)25%,transparent)var(--tw-shadow-alpha),transparent)}}.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,)}.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{--tw-backdrop-blur:blur(8px);-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-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))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.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-all{-webkit-user-select:all;user-select:all}.peer-checked\:bg-indigo-600:is(:where(.peer):checked~*){background-color:var(--color-indigo-600)}.peer-focus\:ring-4:is(:where(.peer):focus~*){--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)}.peer-focus\:ring-indigo-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-indigo-300)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing)*5)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing)*5)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);border-color:var(--color-gray-300)}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{content:var(--tw-content);border-color:var(--color-white)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-green-100:hover{background-color:var(--color-green-100)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-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\:from-green-700:hover{--tw-gradient-from:var(--color-green-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\:from-purple-700:hover{--tw-gradient-from:var(--color-purple-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\:to-green-800:hover{--tw-gradient-to:var(--color-green-800);--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-indigo-700:hover{--tw-gradient-to:var(--color-indigo-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\:to-purple-800:hover{--tw-gradient-to:var(--color-purple-800);--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-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-green-800:hover{color:var(--color-green-800)}.hover\:text-indigo-700:hover{color:var(--color-indigo-700)}.hover\:text-indigo-900:hover{color:var(--color-indigo-900)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-2xl:hover{--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)}.hover\:shadow-md:hover{--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)}.hover\:shadow-blue-500\/35:hover{--tw-shadow-color:#3080ff59}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-blue-500\/35:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)35%,transparent)var(--tw-shadow-alpha),transparent)}}}.focus\:border-purple-500:focus{border-color:var(--color-purple-500)}.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-orange-500:focus{--tw-ring-color:var(--color-orange-500)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-indigo-400:disabled{background-color:var(--color-indigo-400)}.disabled\:opacity-50:disabled{opacity:.5}@media(hover:hover){.disabled\:hover\:translate-y-0:disabled:hover{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media(min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media(prefers-color-scheme:dark){.dark\:border-blue-800{border-color:var(--color-blue-800)}.dark\:border-emerald-800{border-color:var(--color-emerald-800)}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-purple-800{border-color:var(--color-purple-800)}.dark\:bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30{background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-blue-900\/50{background-color:#1c398e80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/50{background-color:color-mix(in oklab,var(--color-blue-900)50%,transparent)}}.dark\:bg-emerald-900\/50{background-color:#004e3b80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/50{background-color:color-mix(in oklab,var(--color-emerald-900)50%,transparent)}}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-800\/80{background-color:#1e2939cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-800\/80{background-color:color-mix(in oklab,var(--color-gray-800)80%,transparent)}}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:bg-gray-900\/30{background-color:#1018284d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/30{background-color:color-mix(in oklab,var(--color-gray-900)30%,transparent)}}.dark\:bg-gray-900\/50{background-color:#10182880}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/50{background-color:color-mix(in oklab,var(--color-gray-900)50%,transparent)}}.dark\:bg-green-900{background-color:var(--color-green-900)}.dark\:bg-green-900\/30{background-color:#0d542b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/30{background-color:color-mix(in oklab,var(--color-green-900)30%,transparent)}}.dark\:bg-indigo-900\/30{background-color:#312c854d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-indigo-900\/30{background-color:color-mix(in oklab,var(--color-indigo-900)30%,transparent)}}.dark\:bg-orange-900\/30{background-color:#7e2a0c4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/30{background-color:color-mix(in oklab,var(--color-orange-900)30%,transparent)}}.dark\:bg-purple-900\/30{background-color:#59168b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/30{background-color:color-mix(in oklab,var(--color-purple-900)30%,transparent)}}.dark\:bg-purple-900\/50{background-color:#59168b80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/50{background-color:color-mix(in oklab,var(--color-purple-900)50%,transparent)}}.dark\:bg-red-900\/30{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:bg-yellow-900{background-color:var(--color-yellow-900)}.dark\:bg-yellow-900\/30{background-color:#733e0a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/30{background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-gray-100{color:var(--color-gray-100)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-500{color:var(--color-gray-500)}.dark\:text-gray-600{color:var(--color-gray-600)}.dark\:text-green-100{color:var(--color-green-100)}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-indigo-300{color:var(--color-indigo-300)}.dark\:text-indigo-400{color:var(--color-indigo-400)}.dark\:text-orange-400{color:var(--color-orange-400)}.dark\:text-purple-400{color:var(--color-purple-400)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-white{color:var(--color-white)}.dark\:text-yellow-100{color:var(--color-yellow-100)}.dark\:text-yellow-400{color:var(--color-yellow-400)}.dark\:peer-focus\:ring-indigo-800:is(:where(.peer):focus~*){--tw-ring-color:var(--color-indigo-800)}@media(hover:hover){.dark\:hover\:border-gray-600:hover{border-color:var(--color-gray-600)}.dark\:hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.dark\:hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.dark\:hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.dark\:hover\:bg-red-900\/20:hover{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/20:hover{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}.dark\:hover\:text-indigo-100:hover{color:var(--color-indigo-100)}.dark\:hover\:text-white:hover{color:var(--color-white)}}}}:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:"Plus Jakarta Sans","Inter",sans-serif;--font-mono:"SF Mono","Monaco","Consolas","ui-monospace",monospace;--bg-page:linear-gradient(135deg,#f5f7fa 0%,#f0f2f5 100%);--bg-sidebar:#fff;--bg-card:#fff;--bg-soft:#f8fafc;--bg-input:#fff;--bg-hover:#f8f9ff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--border-subtle:#e2e8f0;--border-normal:#cbd5e1;--shadow-sm:0 2px 12px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 24px #0000001f;--accent-primary:#5b6ef5;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--trendline-color:#1e293b}.dark{--bg-page:#0a0e17;--bg-sidebar:#151922;--bg-card:#16181f;--bg-soft:#1a1d28;--bg-input:#252b3b;--bg-hover:#4c8ef71f;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-subtle:#ffffff0f;--border-normal:#ffffff1f;--shadow-sm:0 4px 16px #0006;--shadow-md:0 8px 32px #00000080;--shadow-lg:0 16px 48px #0009;--trendline-color:#fff}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html{font-size:16px!important}body{font-family:var(--font-primary);background:var(--bg-page);color:var(--text-primary);overflow-x:hidden}.no-spinners::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinners{-moz-appearance:textfield}h1,h2,h3,h4,h5,h6,.sidebar-header h1,.page-title h2,.chart-card h3,.section-header,.funnel-title{font-family:var(--font-heading)}#root{min-height:100vh}input,select,textarea{color:var(--text-primary)}input::placeholder{color:var(--text-muted)}select option,.dark select option{background:var(--bg-card);color:var(--text-primary)}.sidebar{background:var(--bg-sidebar);width:280px;height:100vh;color:var(--text-primary);z-index:1000;box-shadow:var(--shadow-md);border-right:1px solid var(--border-subtle);flex-direction:column;padding:0;display:flex;position:fixed;top:0;left:0;overflow:visible}.sidebar-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:32px 24px 24px}.sidebar-header-top{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.sidebar-logo-container{flex-direction:column;gap:0;display:flex}.sidebar-header h1{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:0;font-size:18px;font-weight:700}.sidebar-slogan{color:var(--text-muted);letter-spacing:.2px;margin-top:-3px;font-size:13px;font-weight:500}.theme-toggle,.language-toggle{border:1px solid var(--border-normal);background:var(--bg-hover);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle{font-size:20px}.language-toggle{color:var(--text-primary);margin-right:8px;font-size:11px;font-weight:700}.theme-toggle:hover{background:#5b6ef5;border-color:#5b6ef5;transform:rotate(180deg);box-shadow:0 4px 12px #5b6ef540}.language-toggle:hover{color:#fff;background:#5b6ef5;border-color:#5b6ef5;box-shadow:0 4px 12px #5b6ef540}.nav-menu{flex-direction:column;flex:1;padding:16px;display:flex;overflow:visible auto}.nav-item{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{color:#fff;background:#5b6ef5;font-weight:600}.nav-item.active .nav-icon svg path[fill],.nav-item.active .nav-icon svg rect[fill],.nav-item.active .nav-icon svg circle[fill]{fill:#fff!important}.nav-item.active:hover{background:#4c5fe5}.nav-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-icon svg{width:20px;height:20px;stroke:var(--text-secondary);color:var(--text-secondary);fill:none;transition:stroke .2s,color .2s}.nav-item:hover .nav-icon svg{stroke:var(--text-primary);color:var(--text-primary)}.nav-item.active .nav-icon{color:#fff}.nav-item.active .nav-icon svg{stroke:#fff!important;color:#fff!important}.nav-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#5b6ef5,#8b5cf6);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.nav-badge-dev{background:linear-gradient(135deg,#ef4444,#f97316)}.nav-item-wrapper{position:relative}.nav-item-with-submenu{justify-content:flex-start}.nav-chevron{opacity:.5;flex-shrink:0;margin-left:auto;transition:all .2s}.nav-item-with-submenu:hover .nav-chevron,.nav-item-with-submenu.active .nav-chevron{opacity:1}.nav-chevron.rotated{transform:rotate(90deg)}button.nav-item-with-submenu{text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.nav-submenu-panel{background:var(--bg-card);border:1px solid var(--border-normal);width:auto;min-width:200px;max-width:350px;box-shadow:var(--shadow-lg),0 0 0 1px #0000000d;opacity:0;visibility:hidden;z-index:9999;border-radius:12px;max-height:calc(100vh - 100px);padding:8px;transition:all .25s cubic-bezier(.4,0,.2,1);position:fixed;left:280px;overflow-y:auto;transform:translate(-10px)}.nav-submenu-panel.visible{opacity:1;visibility:visible;transform:translate(0)}.nav-submenu-header{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:8px;padding:12px 16px 8px;font-size:11px;font-weight:700}.nav-submenu-item{color:var(--text-secondary);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-submenu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-submenu-item.active{color:#fff;background:linear-gradient(135deg,#5b6ef5,#7b68ee);font-weight:600}.nav-submenu-item.active .nav-icon{color:#fff}.nav-submenu-item.active .nav-icon svg{stroke:#fff!important;color:#fff!important}.nav-submenu-item.active .nav-icon svg path[fill],.nav-submenu-item.active .nav-icon svg rect[fill],.nav-submenu-item.active .nav-icon svg circle[fill]{fill:#fff!important}.nav-submenu-item .nav-icon,.nav-submenu-item .nav-icon svg{width:18px;height:18px}.nav-submenu-item .nav-badge{padding:2px 6px;font-size:9px}.dark .nav-submenu-panel{background:var(--bg-card);border-color:var(--border-normal)}.nav-separator{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:20px 16px 8px;font-size:11px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;margin-top:auto;padding:16px}.logout-btn{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.logout-btn:hover{color:#ef4444;background:#fef2f2;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.dark .logout-btn:hover{color:#f87171;background:#ef44441a}.main-content{background:var(--bg-page);min-height:100vh;margin-left:280px;padding:88px 24px 24px}.page-header{background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:12px 0;display:flex}.page-title{flex-direction:column;gap:4px;display:flex}.page-title h2{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 -3px;font-size:22px;font-weight:700;line-height:1.3}.page-title p{color:var(--text-secondary);margin:0;font-size:15px;font-weight:500;line-height:1.5}.dashboard-toolbar{align-items:center;gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#5b6ef5,#7b68ee);border:none;box-shadow:0 4px 12px #5b6ef540}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b6ef559}.btn-secondary{color:#5b6ef5;background:#f8f9ff;border:1px solid #e2e8f0;padding:10px 18px;font-size:14px;font-weight:600}.btn-secondary:hover{color:#fff;background:#5b6ef5;border-color:#5b6ef5;transform:translateY(-2px);box-shadow:0 4px 12px #5b6ef540}.btn-success{color:#fff;background:#10b981!important;border-color:#10b981!important}.btn-success:hover{background:#059669!important}.chart-selector,.form-select{border:1px solid var(--border-normal);cursor:pointer;color:var(--text-primary);appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:10px;outline:none;min-width:180px;padding:10px 40px 10px 16px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.chart-selector:hover,.form-select:hover{background-color:var(--bg-card);border-color:#5b6ef5;box-shadow:0 2px 8px #5b6ef526}.chart-selector:focus,.form-select:focus{border-color:#5b6ef5;box-shadow:0 0 0 3px #5b6ef51a}input,select,textarea{background:var(--bg-input);border:1px solid var(--border-normal);color:var(--text-primary)}.filter-state-banner{color:#1e40af;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:16px;font-weight:700;display:flex}.dark .filter-state-banner{color:#7fb4ff;background:#3b82f614;border-color:#3b82f640}.funnel-wrapper{background:0 0;border:none;margin-bottom:28px;padding:0}.funnel-title,.section-header{border-bottom:2px solid var(--border-normal);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:700}.section-header-spaced{margin-top:32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-normal);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;padding:20px 24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card:before{content:"";background:linear-gradient(#5b6ef5,#10b981);width:5px;height:100%;position:absolute;top:0;left:0}.stat-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.stat-period{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.stat-value{color:var(--text-primary);text-align:center;margin-bottom:12px;font-size:48px;font-weight:700;line-height:1}.stat-footer{flex-direction:column;align-items:center;gap:8px;margin-top:auto;display:flex}.stat-change{align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-change.neutral{color:var(--text-muted)}.stat-progress-bar{background:var(--border-normal);border-radius:2px;width:100%;height:4px;overflow:hidden}.stat-progress-fill{background:#10b981;border-radius:2px;height:100%;transition:width .3s}.stat-subtitle{color:var(--text-muted);font-size:13px}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:20px;display:grid}.chart-card{background:var(--bg-card);border:1px solid var(--border-normal);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}.chart-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.chart-card h3{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.chart-card p{color:var(--text-muted);margin-bottom:8px;font-size:12px}.data-table,.table-container{background:var(--bg-card);border:1px solid var(--border-normal);box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.table-header{background:var(--bg-soft);border-bottom:1px solid var(--border-normal);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.data-table table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-soft);border-bottom:1px solid var(--border-normal);white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:600}.data-table th.text-right,.data-table th[data-type=number]{text-align:right}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border-normal);vertical-align:middle;padding:12px 16px;font-size:14px}.data-table td.text-right,.data-table td[data-type=number]{text-align:right;font-variant-numeric:tabular-nums}.data-table tbody tr:nth-child(odd){background:var(--bg-card)}.data-table tbody tr:nth-child(2n){background:var(--bg-soft)}.data-table tbody tr:hover{background:#5b6ef50a;transition:background .15s}.data-table tbody tr.selected{background:#5b6ef50d}.data-table tbody tr.highlighted{background:#10b9810f;animation:2s ease-out tableHighlightPulse}@keyframes tableHighlightPulse{0%{background:#10b98126}to{background:#10b9810f}}.table-badge{border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.table-badge.success{color:#059669;background:#10b9811a}.table-badge.warning{color:#d97706;background:#f59e0b1a}.table-badge.danger{color:#dc2626;background:#ef44441a}.table-badge.info{color:#2563eb;background:#3b82f61a}.table-badge.neutral{background:var(--bg-soft);color:var(--text-secondary)}.table-toggle{cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.table-toggle.off{background:#d1d5db}.table-toggle.on,.table-toggle.on.pos{background:#10b981}.table-toggle.on.app{background:#3b82f6}.table-toggle.on.glovo{background:#f59e0b}.table-toggle.on.bolt{background:#22c55e}.table-toggle.on.wolt{background:#3b82f6}.table-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;box-shadow:0 1px 3px #0003}.table-toggle.off:after{left:2px}.table-toggle.on:after{left:22px}.table-actions{justify-content:flex-end;gap:4px;display:flex}.table-action-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.table-action-btn:hover{background:var(--bg-soft);color:var(--text-primary)}.table-action-btn.danger:hover{color:#dc2626;background:#ef44441a}.dark .data-table,.dark .table-container{border-color:#ffffff14}.dark .data-table th{background:#ffffff08}.dark .data-table td{border-color:#ffffff0f}.dark .data-table tbody tr:nth-child(2n){background:#ffffff05}.dark .data-table tbody tr:hover{background:#ffffff0a}@media(max-width:1024px){.data-table th,.data-table td{padding:10px 12px;font-size:13px}.data-table th{font-size:11px}}@media(max-width:768px){.data-table,.table-container{border-radius:12px}.data-table th,.data-table td{padding:8px 10px;font-size:12px}.data-table .hide-mobile{display:none}}table.data-table,.data-table table{border-collapse:collapse;width:100%}.data-table th{background:var(--bg-soft);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:600}.data-table td{border-top:1px solid var(--border-normal);color:var(--text-primary);padding:12px 16px;font-size:14px}.badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-active,.badge-new{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.badge-vip{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a)}.badge-regular{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.search-box{width:300px;position:relative}.search-box input{border:2px solid var(--border-normal);background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 16px 10px 40px;font-size:14px}.search-box input:focus{border-color:#5b6ef5;outline:none;box-shadow:0 0 0 3px #5b6ef51a}.search-box .search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.customer-stat-card{background:var(--bg-card);border:1px solid var(--border-normal);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s}.customer-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.modal-backdrop{z-index:2000;background:#00000080;position:fixed;inset:0}.drawer{background:var(--bg-card);width:100%;max-width:480px;height:100vh;box-shadow:var(--shadow-lg);z-index:2001;position:fixed;top:0;right:0;overflow-y:auto}.drawer-header{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);z-index:10;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.drawer-header h2{color:var(--text-primary);font-size:18px;font-weight:700}.customer-360-drawer{background:var(--bg-card);z-index:2001;flex-direction:column;width:420px;max-width:100vw;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #00000026}.drawer-header-360{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.drawer-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:8px;transition:all .15s}.drawer-close-btn:hover{background:var(--bg-soft)}.drawer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.drawer-identity{align-items:center;gap:16px;padding:0 24px 16px;display:flex}.drawer-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:700;display:flex}.drawer-identity-info h2{color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:700;line-height:1.2}.drawer-email{color:var(--text-secondary);margin-bottom:2px;font-size:13px}.drawer-phone{color:var(--text-muted);font-size:12px}.drawer-segment-badge{border-radius:12px;align-items:center;gap:8px;margin:0 24px 16px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.segment-emoji{font-size:20px}.drawer-scroll-content{flex:1;padding:0;overflow-y:auto}.drawer-section{border-bottom:1px solid var(--border-subtle);padding:20px 24px}.drawer-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.drawer-metrics-table{border-collapse:collapse;width:100%}.drawer-metrics-table tr{border-bottom:1px solid var(--border-subtle)}.drawer-metrics-table tr:last-child{border-bottom:none}.drawer-metrics-table td{color:var(--text-secondary);padding:12px 0;font-size:13px}.drawer-metrics-table td.metric-value{color:var(--text-primary);text-align:right;font-size:14px;font-weight:600}.metric-subvalue{color:var(--text-muted);margin-left:4px;font-weight:400}.drawer-wallet-card{color:#fff;border-radius:12px;margin-bottom:16px;padding:20px}.wallet-value{margin-bottom:4px;font-size:32px;font-weight:700}.wallet-sublabel{opacity:.7;font-size:12px}.drawer-action-buttons{gap:10px;display:flex}.drawer-action-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.drawer-action-btn:hover{opacity:.9}.drawer-action-btn-secondary{background:var(--bg-soft);color:var(--text-primary);border:2px solid var(--border-normal);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.drawer-action-btn-secondary:hover{border-color:var(--accent-primary)}.drawer-input-row{gap:10px;margin-top:16px;display:flex}.drawer-input{border:2px solid var(--border-normal);background:var(--bg-input);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:12px;font-size:14px}.drawer-input:focus{border-color:var(--accent-primary)}.drawer-timeline{max-height:300px;overflow-y:auto}.timeline-empty{text-align:center;color:var(--text-muted);padding:30px 20px;font-size:13px}.timeline-empty p{margin-top:12px}.timeline-item{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:12px 16px;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-date{color:var(--text-muted);font-size:11px;font-weight:500}.timeline-content{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.timeline-coupon-code{color:var(--text-primary);font-size:13px;font-weight:600}.timeline-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:600}.timeline-status-badge.status-active{color:#10b981;background:#10b98126}.timeline-status-badge.status-redeemed{color:#6366f1;background:#6366f126}.timeline-value{color:var(--text-secondary);font-size:12px}.timeline-item-vertical{border-left:2px solid var(--border-subtle);margin-left:8px;padding-bottom:20px;padding-left:24px;position:relative}.timeline-item-vertical:last-child{border-left-color:#0000;padding-bottom:0}.timeline-dot{border:2px solid var(--bg-card);border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:-7px}.timeline-card{background:var(--bg-soft);border-radius:10px;padding:12px}.timeline-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.timeline-location{color:var(--text-muted)}.timeline-time{color:var(--text-muted);margin-top:4px;font-size:11px}.account-status-form{flex-direction:column;gap:16px;display:flex}.drawer-select{border:2px solid var(--border-normal);background:var(--bg-input);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;outline:none;padding:10px 36px 10px 14px;font-size:13px}.drawer-select:focus{border-color:var(--accent-primary)}.drawer-input-full{border:2px solid var(--border-normal);background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:10px 14px;font-size:13px}.drawer-input-full:focus{border-color:var(--accent-primary)}.status-warning{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:500;display:flex}.drawer-action-btn-full{color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .15s}.drawer-action-btn-full:hover{opacity:.9;transform:translateY(-1px)}.modal-content{background:var(--bg-card);width:100%;max-width:420px;box-shadow:var(--shadow-lg);z-index:3001;border-radius:16px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.modal-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:8px;transition:all .15s}.modal-close-btn:hover{background:var(--bg-soft)}.modal-body{padding:24px}.modal-footer{background:var(--bg-soft);border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input{border:2px solid var(--border-normal);background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--accent-primary)}.form-select{border:2px solid var(--border-normal);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:10px;outline:none;padding:12px 40px 12px 14px;font-size:14px}.form-select:focus{border-color:var(--accent-primary)}.form-textarea{border:2px solid var(--border-normal);background:var(--bg-input);width:100%;min-height:80px;color:var(--text-primary);resize:vertical;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-textarea:focus{border-color:var(--accent-primary)}.btn-warning{color:#fff;background:#f59e0b}.btn-warning:hover{background:#d97706}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.animate-scale-in{animation:.2s ease-out scaleIn}.drawer-textarea{border:2px solid var(--border-normal);background:var(--bg-input);width:100%;min-height:80px;color:var(--text-primary);resize:vertical;border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:13px}.drawer-textarea:focus{border-color:var(--accent-primary)}.drawer-save-btn{color:#fff;cursor:pointer;background:#5b6ef5;border:none;border-radius:8px;margin-top:10px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s}.drawer-save-btn:hover{background:#4c5ce5}.drawer-footer{background:var(--bg-soft);border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-shrink:0;justify-content:space-between;padding:16px 24px;font-size:11px;display:flex}.dark .customer-360-drawer{background:#16181f;box-shadow:-4px 0 24px #00000080}.dark .drawer-header-360{border-color:#ffffff0f}.dark .drawer-identity-info h2{color:#e5e7eb}.dark .drawer-email{color:#9ca3af}.dark .drawer-phone{color:#6b7280}.dark .drawer-section{background:#16181f;border-color:#ffffff0f}.dark .drawer-section-title{color:#9ca3af}.dark .drawer-metrics-table td{color:#94a3b8;border-color:#ffffff0f}.customer-modal__backdrop{z-index:3000;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}.customer-modal{background:var(--bg-card);width:95%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-lg);z-index:3001;border-radius:16px;flex-direction:column;animation:.25s ease-out scaleIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.customer-modal__header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.customer-modal__identity{align-items:center;gap:12px;display:flex}.customer-modal__avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.customer-modal__info{flex-direction:column;gap:2px;display:flex}.customer-modal__name{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.customer-modal__email{color:var(--text-secondary);margin:0;font-size:12px}.customer-modal__phone{color:var(--text-muted);margin:0;font-size:11px}.customer-modal__segment{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;margin-left:8px;padding:4px 10px;font-size:11px;font-weight:600}.customer-modal__close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:8px;transition:all .15s}.customer-modal__close:hover{background:var(--bg-soft);color:var(--text-primary)}.customer-modal__body{flex:1;padding:16px 20px;overflow-y:auto}.customer-modal__grid{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}@media(max-width:768px){.customer-modal__grid{grid-template-columns:1fr}}.customer-modal__left,.customer-modal__right{flex-direction:column;gap:12px;display:flex}.customer-modal__card{background:var(--bg-soft);border:1px solid var(--border-subtle);border-radius:10px;padding:12px 14px}.customer-modal__card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:600;display:flex}.customer-modal__card-title svg{opacity:.6}.customer-modal__metrics{border-collapse:collapse;width:100%}.customer-modal__metrics td{border-bottom:1px solid var(--border-subtle);padding:6px 0;font-size:13px}.customer-modal__metrics tr:last-child td{border-bottom:none}.customer-modal__metrics td:first-child{color:var(--text-muted)}.customer-modal__metrics td:last-child{text-align:right;color:var(--text-primary);font-weight:600}.customer-modal__metrics .metric-subvalue{color:var(--text-muted);margin-left:4px;font-size:11px;font-weight:400}.customer-modal__loyalty-card{color:#fff;border-radius:10px;margin-bottom:10px;padding:12px}.loyalty-label{opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px}.loyalty-value{font-size:24px;font-weight:700}.loyalty-sublabel{opacity:.8;font-size:11px}.customer-modal__wallet-card{color:#fff;border-radius:10px;margin-bottom:10px;padding:12px}.wallet-label{opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.wallet-value{font-size:22px;font-weight:700}.customer-modal__actions{gap:8px;display:flex}.customer-modal__action-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.customer-modal__action-btn:hover{opacity:.9;transform:translateY(-1px)}.customer-modal__action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.customer-modal__action-btn-secondary{background:var(--bg-card);border:1px solid var(--border-normal);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.customer-modal__action-btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.customer-modal__accordion-header{cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.customer-modal__accordion-header:hover{color:var(--text-primary)}.activity-empty-badge{color:var(--text-muted);background:var(--bg-card);text-transform:none;letter-spacing:normal;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:500}.customer-modal__accordion-content{flex-direction:column;gap:12px;margin-top:12px;display:flex}.customer-modal__timeline-section{background:var(--bg-card);border-radius:8px;padding:10px}.customer-modal__timeline-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;font-size:11px;font-weight:600}.customer-modal__timeline{max-height:150px;overflow-y:auto}.timeline-item-compact{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:6px 0;display:flex}.timeline-item-compact:last-child{border-bottom:none}.timeline-dot-compact{border-radius:50%;flex-shrink:0;width:8px;height:8px}.timeline-content-compact{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.timeline-code-compact{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.timeline-date-compact{color:var(--text-muted);flex-shrink:0;margin-left:8px;font-size:10px}.timeline-empty-compact{text-align:center;color:var(--text-muted);padding:16px 12px;font-size:12px}.spinner-small{border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;width:16px;height:16px;margin:0 auto;animation:.8s linear infinite spin}.customer-modal__status-form{flex-direction:column;gap:8px;display:flex}.customer-modal__select{border:1px solid var(--border-normal);background:var(--bg-input);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:8px 32px 8px 12px;font-size:13px}.customer-modal__select:focus{border-color:var(--accent-primary)}.customer-modal__input{border:1px solid var(--border-normal);background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.customer-modal__input:focus{border-color:var(--accent-primary)}.customer-modal__warning{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:500;display:flex}.customer-modal__update-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s}.customer-modal__update-btn:hover{opacity:.9}.customer-modal__textarea{border:1px solid var(--border-normal);background:var(--bg-input);width:100%;min-height:60px;color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:12px}.customer-modal__textarea:focus{border-color:var(--accent-primary)}.customer-modal__save-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.customer-modal__save-btn:hover{opacity:.9}.customer-modal__footer{background:var(--bg-soft);border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-shrink:0;justify-content:space-between;padding:12px 20px;font-size:11px;display:flex}.dark .customer-modal{background:#16181f}.dark .customer-modal__card{background:#1a1d28;border-color:#ffffff0f}.dark .customer-modal__timeline-section{background:#16181f}.dark .customer-modal__select,.dark .customer-modal__input,.dark .customer-modal__textarea{background:#252b3b;border-color:#ffffff1a}.dark .drawer-metrics-table td.metric-value{color:#f1f5f9}.dark .drawer-input{color:#e5e7eb;background:#252b3b;border-color:#ffffff1f}.dark .drawer-input:focus{border-color:#5b6ef5}.dark .drawer-textarea{color:#e5e7eb;background:#252b3b;border-color:#ffffff1f}.dark .drawer-textarea:focus{border-color:#5b6ef5}.dark .drawer-action-btn-secondary{color:#e5e7eb;background:#252b3b;border-color:#ffffff1f}.dark .drawer-action-btn-secondary:hover{border-color:#5b6ef5}.dark .drawer-footer{background:#1a1d28;border-color:#ffffff0f}.dark .timeline-empty{color:#6b7280}.dark .timeline-item{border-color:#ffffff0f}.dark .timeline-coupon-code{color:#e5e7eb}.dark .timeline-value{color:#9ca3af}.dark .timeline-item-vertical{border-left-color:#ffffff14}.dark .timeline-dot{border-color:#16181f}.dark .timeline-card{background:var(--bg-input)}.dark .drawer-select{color:#e5e7eb;background:#252b3b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");border-color:#ffffff1f}.dark .drawer-input-full{color:#e5e7eb;background:#252b3b;border-color:#ffffff1f}.dark .modal-content{background:#16181f}.dark .modal-header{border-color:#ffffff0f}.dark .modal-header h3{color:#e5e7eb}.dark .modal-body{background:#16181f}.dark .modal-footer{background:#1a1d28;border-color:#ffffff0f}.dark .form-label{color:#e5e7eb}.dark .form-input{color:#e5e7eb;background:#252b3b;border-color:#ffffff1f}.dark .form-select{color:#e5e7eb;background-color:#252b3b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-color:#ffffff1f}.dark .form-textarea{color:#e5e7eb;background:#252b3b;border-color:#ffffff1f}.dark .modal-backdrop{background:#0009}.loading-spinner{border:3px solid var(--border-normal);border-top-color:#5b6ef5;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.loading-container p{color:var(--text-muted);font-size:14px}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-in{animation:.3s ease-out slideInRight}.animate-fade-in{animation:.3s ease-out fadeIn}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0;padding:80px 16px 16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.charts-grid{grid-template-columns:1fr}}.dark .nav-item:hover{color:#f1f3f5;background:#5b6ef51a}.dark .nav-item.active{color:#fff;background:#5b6ef5}.dark .btn-primary{background:linear-gradient(135deg,#4c8ef7,#6b7fee);box-shadow:0 6px 20px #4c8ef759}.dark .btn-secondary{color:#4c8ef7;background:#4c8ef71f;border-color:#0000}.dark .btn-secondary:hover{color:#f1f3f5;background:#4c8ef733}.dark .chart-selector:hover,.dark .form-select:hover{background-color:#2a3040;border-color:#4c8ef766}.dark input:focus,.dark select:focus,.dark textarea:focus{background:#2a3040;border-color:#4c8ef7;box-shadow:0 0 0 4px #4c8ef726}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-normal);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-backdrop-glass,.modal-backdrop{-webkit-backdrop-filter:blur(8px)}.dark .modal-backdrop-glass,.dark .modal-backdrop{-webkit-backdrop-filter:blur(10px)}.sticky-header-glass{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:100;background:#ffffffd9;position:sticky;top:0}.dark .sticky-header-glass{background:#16181fd9}.stat-card,.chart-card,.customer-stat-card,.customer-modal__card{transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover,.chart-card:hover,.customer-stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #5b6ef526}.dark .stat-card:hover,.dark .chart-card:hover,.dark .customer-stat-card:hover{box-shadow:0 12px 40px #0006}.btn{position:relative;overflow:hidden}.btn:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:after{width:300px;height:300px}.btn-primary{position:relative}.btn-primary:before{content:"";z-index:-1;opacity:0;filter:blur(8px);background:linear-gradient(135deg,#5b6ef5,#8b5cf6);border-radius:14px;transition:opacity .3s;position:absolute;inset:-2px}.btn-primary:hover:before{opacity:.5}.nav-item{transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-item:hover{transform:translate(4px)}.nav-item.active{transform:translate(0)}.form-input:focus,.form-select:focus,.form-textarea:focus,.drawer-input:focus,.search-box input:focus{box-shadow:0 0 0 4px #5b6ef526,0 4px 12px #5b6ef51a}.dark .form-input:focus,.dark .form-select:focus,.dark .form-textarea:focus,.dark .drawer-input:focus,.dark .search-box input:focus{box-shadow:0 0 0 4px #5b6ef533,0 4px 12px #5b6ef526}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.nav-badge{animation:2s ease-in-out infinite pulse-subtle}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmerRight{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-soft)25%,var(--border-subtle)50%,var(--bg-soft)75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.main-content{animation:.3s ease-out fadeIn}.data-table tr{transition:background-color .2s,transform .2s}.data-table tr:hover{background:var(--bg-hover)}.stat-progress-fill{transition:width .6s cubic-bezier(.4,0,.2,1)}.customer-360-drawer,.drawer{animation:.35s cubic-bezier(.4,0,.2,1) slideInRight}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-md);white-space:nowrap;opacity:0;visibility:hidden;z-index:1000;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.95)}.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}@keyframes success-pop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.animate-success{animation:.4s cubic-bezier(.4,0,.2,1) success-pop}.theme-toggle svg{transition:transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover svg{transform:rotate(180deg)}.global-header{background:var(--bg-card);border-bottom:1px solid var(--border-light);z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--bg-card-rgb,255,255,255),.95);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:280px;right:0}.dark .global-header{background:#18181bf2}.header-left{flex:1;max-width:700px;position:relative}.header-search{background:var(--bg-soft);border:1px solid var(--border-light);cursor:text;border-radius:12px;flex-flow:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:10px 16px;transition:all .2s;display:flex}.header-search:hover,.header-search.active{border-color:var(--primary);box-shadow:0 0 0 3px #5b6ef51a}.header-search .search-icon{color:var(--text-muted);flex:0 0 18px;order:0;width:18px;min-width:18px;height:18px;display:block;position:relative!important}.header-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:auto;order:1;min-width:0;margin-left:0;padding-left:0;font-size:14px;position:relative!important}.header-search input::placeholder{color:var(--text-muted)}.header-search .search-shortcut{background:var(--bg-page);border:1px solid var(--border-normal);color:var(--text-muted);border-radius:6px;flex-shrink:0;order:2;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;display:flex}.header-dropdown{background:var(--bg-card);border:1px solid var(--border-normal);border-radius:16px;animation:.2s dropdownFadeIn;position:absolute;top:calc(100% + 8px);overflow:hidden;box-shadow:0 10px 40px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-dropdown{min-width:400px;max-height:400px;left:0;right:0;overflow-y:auto}.search-results{padding:8px}.search-category{margin-bottom:8px}.search-category:last-child{margin-bottom:0}.search-category-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:8px 12px 6px;font-size:11px;font-weight:600}.search-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.search-item:hover{background:var(--bg-soft)}.search-item svg:first-child{color:var(--text-muted)}.search-item span{flex:1}.search-item-arrow{color:var(--text-muted);opacity:0;transition:all .15s;transform:translate(-4px)}.search-item:hover .search-item-arrow{opacity:1;transform:translate(0)}.search-empty{text-align:center;color:var(--text-muted);padding:24px}.header-right{align-items:center;gap:16px;display:flex}.header-datetime{border-right:1px solid var(--border-light);align-items:center;gap:16px;padding-right:16px;display:flex}.datetime-time,.datetime-date{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.datetime-time{font-variant-numeric:tabular-nums;font-weight:600}.datetime-time svg,.datetime-date svg{color:var(--text-muted)}.header-notifications{position:relative}.header-icon-btn{cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.header-icon-btn:hover,.header-icon-btn.active{background:var(--bg-soft);color:var(--text-primary)}.notification-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:flex;position:absolute;top:6px;right:6px}.notifications-dropdown{width:360px;right:0}.dropdown-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dropdown-header h4{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.mark-all-read{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.mark-all-read:hover{text-decoration:underline}.notifications-list{max-height:320px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-light);cursor:pointer;gap:12px;padding:14px 20px;transition:background .15s;display:flex}.notification-item:hover{background:var(--bg-soft)}.notification-item:last-child{border-bottom:none}.notification-dot{background:var(--border-normal);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-item.unread .notification-dot{background:var(--primary)}.notification-content{flex:1;min-width:0}.notification-title{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:500}.notification-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:13px;overflow:hidden}.notification-time{color:var(--text-muted);font-size:12px}.dropdown-footer{background:var(--bg-soft);width:100%;color:var(--primary);cursor:pointer;text-align:center;border:none;padding:14px;font-size:13px;font-weight:500;transition:background .15s;display:block}.dropdown-footer:hover{background:#5b6ef51a}.header-user{position:relative}.user-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.user-button:hover,.user-button.active{background:var(--bg-soft);border-color:var(--border-light)}.user-avatar{color:#fff;background:linear-gradient(135deg,#5b6ef5,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.user-avatar.large{border-radius:12px;width:48px;height:48px;font-size:18px}.user-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-role{color:var(--text-muted);font-size:12px}.user-button .chevron{color:var(--text-muted);transition:transform .2s}.user-button .chevron.rotated{transform:rotate(180deg)}.user-dropdown{width:280px;right:0}.dropdown-user-header{align-items:center;gap:14px;padding:20px;display:flex}.dropdown-user-header .user-name{margin:0;font-size:15px}.dropdown-user-header .user-email{color:var(--text-muted);margin:4px 0 0;font-size:13px}.dropdown-divider{background:var(--border-light);height:1px;margin:4px 0}.dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 20px;font-size:14px;transition:all .15s;display:flex}.dropdown-item:hover{background:var(--bg-soft);color:var(--text-primary)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{color:#ef4444;background:#ef44441a}@media(max-width:1024px){.global-header{padding:0 16px;left:0}.header-datetime,.user-info{display:none}.user-button{padding:6px}}@media(max-width:640px){.header-search{padding:8px 12px}.search-shortcut{display:none}.header-search input{min-width:100px}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes toastBounceIn{0%{opacity:0;transform:translateY(-30px)scale(.9)}50%{opacity:1;transform:translateY(8px)scale(1.02)}70%{transform:translateY(-4px)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIconPulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.global-toast{transition:transform .2s,box-shadow .2s}.global-toast:hover{transform:translateY(-2px)scale(1.01)}.header-toast{transition:transform .3s,opacity .3s}.header-toast:hover{transform:scale(1.02)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}.sales-dashboard{display:flex;flex-direction:column;gap:20px;padding:24px 24px 40px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:var(--text-muted)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.dashboard-header-left{display:flex;flex-direction:column;gap:4px}.dashboard-title{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.dashboard-subtitle{margin:0;font-size:14px;color:var(--text-muted)}.dashboard-header-controls{display:flex;align-items:center;gap:12px}.dashboard-selector{position:relative}.selector-button{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.selector-button:hover{border-color:var(--border-hover);background:var(--bg-hover)}.selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:100;padding:8px}.selector-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background .15s}.selector-option:hover{background:var(--bg-hover)}.selector-option input[type=checkbox]{width:16px;height:16px;accent-color:#5B6EF5}.selector-divider{height:1px;background:var(--border-normal);margin:8px 0}.select-all{font-weight:600;color:var(--text-primary)}.date-selector{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:10px;overflow:hidden}.date-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:40px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s}.date-nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.date-nav-btn:disabled{opacity:.4;cursor:not-allowed}.date-display{display:flex;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:500;color:var(--text-primary);border-left:1px solid var(--border-normal);border-right:1px solid var(--border-normal)}.dashboard-refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:all .2s}.dashboard-refresh-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.dashboard-row{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:stretch}.dashboard-col-wide{min-width:0}.dashboard-col-wide>.dashboard-chart-card{height:100%}.dashboard-col-narrow{display:flex;flex-direction:column;gap:12px}.dashboard-col-narrow .dashboard-stat-card{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.dashboard-row-equal{display:grid;grid-template-columns:1.1fr 1.4fr;gap:20px}.dashboard-row-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1200px){.dashboard-row{grid-template-columns:200px 1fr}}@media(max-width:992px){.dashboard-row{grid-template-columns:1fr}.dashboard-col-narrow{flex-direction:row;flex-wrap:wrap}.dashboard-col-narrow .dashboard-stat-card{flex:1 1 calc(50% - 6px);min-width:150px}.dashboard-row-equal{grid-template-columns:1fr}.dashboard-row-triple{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-col-narrow .dashboard-stat-card{flex:1 1 100%}.dashboard-row-triple{grid-template-columns:1fr}}.dashboard-stat-card{background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.dashboard-stat-card.stat-card-small{padding:12px 14px}.dashboard-stat-card.stat-card-medium{padding:14px 16px}.dashboard-stat-card.stat-card-large{padding:18px 20px}.stat-card-top{display:flex;justify-content:space-between;align-items:flex-start}.stat-card-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.stat-card-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-small .stat-card-icon{width:26px;height:26px;border-radius:6px}.stat-card-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card-small .stat-card-value{font-size:18px}.stat-card-medium .stat-card-value{font-size:22px}.stat-card-large .stat-card-value{font-size:26px}.stat-card-trend{display:flex;align-items:center;gap:6px;margin-top:2px;min-height:18px}.trend-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.trend-badge.trend-positive{background:#10b98126;color:#10b981}.trend-badge.trend-negative{background:#ef444426;color:#ef4444}.trend-badge.trend-neutral{background:#f59e0b26;color:#f59e0b}.trend-label{font-size:10px;color:var(--text-muted)}.stat-card-progress{height:4px;background:var(--border-normal);border-radius:2px;margin-top:6px;overflow:hidden}.stat-card-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.dashboard-chart-card{background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;padding:20px;position:relative;display:flex;flex-direction:column}.chart-card-header{margin-bottom:12px;flex-shrink:0}.chart-card-header h3{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--text-primary)}.chart-card-header p{margin:0;font-size:12px;color:var(--text-muted)}.chart-container{width:100%;flex:1;min-height:0}.sales-chart-card{padding:16px;height:100%;display:flex;flex-direction:column}.chart-card-header-inline{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-shrink:0;gap:16px}.chart-card-header-inline h3{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--text-primary)}.chart-card-header-inline p{margin:0;font-size:12px;color:var(--text-muted)}.chart-legend-inline{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-secondary);white-space:nowrap}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-container-full{flex:1;min-height:200px;width:100%;height:100%}.bottom-chart-card{min-height:280px;display:flex;flex-direction:column}.chart-container-bottom{flex:1;min-height:180px;width:100%}.chart-legend-small{flex-wrap:wrap;gap:8px}.chart-legend-small .legend-item{font-size:9px}.chart-legend-small .legend-dot{width:6px;height:6px}.comparison-list{display:flex;flex-direction:column;gap:12px;flex:1}.comparison-list-item{display:flex;align-items:center;gap:10px}.comparison-list-label{flex:1;font-size:13px;font-weight:500;color:var(--text-primary)}.comparison-list-value{font-size:14px;font-weight:700;color:var(--text-primary)}.comparison-chart-mini{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-normal)}.donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);text-align:center;pointer-events:none}.donut-total{display:block;font-size:24px;font-weight:700;color:var(--text-primary)}.donut-label{display:block;font-size:12px;color:var(--text-muted)}.top-products-table-wrapper{overflow-x:auto;margin:0 -20px;padding:0 20px;flex:1}.top-products-table{width:100%;border-collapse:collapse;font-size:12px}.top-products-table th{text-align:left;padding:8px 6px;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);border-bottom:1px solid var(--border-normal)}.top-products-table td{padding:10px 6px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.top-products-table tr:last-child td{border-bottom:none}.rank-cell{width:32px}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:11px;font-weight:600;background:var(--bg-hover);color:var(--text-muted)}.rank-badge.top-3{background:linear-gradient(135deg,#5b6ef5,#8b5cf6);color:#fff}.product-name-cell{font-weight:500}.category-cell,.location-cell{color:var(--text-muted);font-size:11px}.quantity-cell{font-weight:600}.value-cell{font-weight:600;color:var(--text-primary)}.trend-cell .trend-badge{font-size:10px}.trend-icon{flex-shrink:0}.trend-icon.positive{color:#10b981}.trend-icon.negative{color:#ef4444}.trend-icon.neutral{color:#f59e0b}.location-cards-section{padding:20px}.location-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}@media(max-width:1400px){.location-cards-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:992px){.location-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.location-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.location-cards-grid{grid-template-columns:1fr}}.location-revenue-card{background:var(--bg-secondary);border:1px solid var(--border-normal);border-top:3px solid;border-radius:10px;padding:14px}.location-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.location-dot{width:8px;height:8px;border-radius:50%}.location-name{font-size:12px;font-weight:600;color:var(--text-primary)}.location-card-value{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.location-card-value span{font-size:13px;font-weight:500;color:var(--text-muted)}.location-card-trend{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;margin-bottom:10px}.location-card-trend.trend-positive{color:#10b981}.location-card-trend.trend-negative{color:#ef4444}.location-card-trend.trend-neutral{color:#f59e0b}.location-card-trend .vs-label{font-weight:400;color:var(--text-muted)}.location-card-comparison{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid var(--border-normal)}.comparison-row{display:flex;justify-content:space-between;font-size:11px}.comparison-label{color:var(--text-muted)}.comparison-value{color:var(--text-secondary);font-weight:500}.comparison-bars-card{display:flex;flex-direction:column}.comparison-summary{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--border-normal);margin-top:12px}.comparison-stat{display:flex;align-items:center;gap:8px}.comparison-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.comparison-stat-label{flex:1;font-size:12px;color:var(--text-muted)}.comparison-stat-value{font-size:12px;font-weight:600;color:var(--text-primary)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-normal)}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:11px!important}.recharts-tooltip-wrapper{outline:none}:root[data-theme=dark] .recharts-text{fill:var(--text-muted)}:root[data-theme=dark] .recharts-cartesian-axis-line{stroke:var(--border-normal)}.chart-tooltip{background:var(--bg-card);border:1px solid var(--border-normal);border-radius:10px;padding:12px 14px;box-shadow:0 8px 24px #0003;min-width:160px}.chart-tooltip-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-normal)}.chart-tooltip-items{display:flex;flex-direction:column;gap:6px}.chart-tooltip-item{display:flex;align-items:center;gap:8px}.chart-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip-name{flex:1;font-size:12px;color:var(--text-secondary);white-space:nowrap}.chart-tooltip-value{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap}.dashboard-divider{display:flex;align-items:center;gap:16px;margin:40px 0}.dashboard-divider-line{flex:1;height:2px;background:linear-gradient(90deg,var(--border-normal) 0%,var(--border-hover) 50%,var(--border-normal) 100%)}.dashboard-divider-label{padding:8px 20px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:20px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.sparklines-section{padding:20px}.sparklines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.sparkline-card{background:var(--bg-secondary);border:1px solid var(--border-normal);border-top:3px solid;border-radius:10px;padding:12px;transition:all .2s ease}.sparkline-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--border-hover)}.sparkline-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.sparkline-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sparkline-name{font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sparkline-chart{height:40px;margin-bottom:8px}.sparkline-footer{display:flex;justify-content:space-between;align-items:center}.sparkline-value{font-size:14px;font-weight:700;color:var(--text-primary)}.sparkline-value span{font-size:10px;font-weight:500;color:var(--text-muted)}.sparkline-trend{display:flex;align-items:center;gap:2px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.sparkline-trend.positive{background:#10b98126;color:#10b981}.sparkline-trend.negative{background:#ef444426;color:#ef4444}.sparkline-trend.neutral{background:#f59e0b26;color:#f59e0b}.aggregated-chart-card{position:relative}.chart-view-toggle{position:absolute;top:16px;right:16px;display:flex;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-normal);border-radius:8px;padding:4px}.view-toggle-btn{padding:6px 12px;border:none;background:transparent;border-radius:6px;font-size:11px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:#5b6ef5;color:#fff}@media(max-width:1200px){.sparklines-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:768px){.sparklines-grid{grid-template-columns:repeat(2,1fr)}}.sparklines-grid-expanded{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.sparkline-card-expanded{background:var(--bg-card);border:1px solid var(--border-normal);border-top:3px solid;border-radius:12px;padding:16px;transition:all .2s ease}.sparkline-card-expanded:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:var(--border-hover)}.sparkline-chart-expanded{height:50px;margin-bottom:12px}.sparkline-today{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-normal)}.sparkline-today-value{font-size:18px;font-weight:700;color:var(--text-primary)}.sparkline-today-value span{font-size:12px;font-weight:500;color:var(--text-muted);margin-left:2px}.sparkline-trend-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.sparkline-trend-badge.positive{background:#10b98126;color:#10b981}.sparkline-trend-badge.negative{background:#ef444426;color:#ef4444}.sparkline-trend-badge.neutral{background:#f59e0b26;color:#f59e0b}.sparkline-comparisons{display:flex;flex-direction:column;gap:6px}.sparkline-comparison-row{display:flex;justify-content:space-between;align-items:center}.sparkline-comparison-label{font-size:12px;color:var(--text-muted)}.sparkline-comparison-value{font-size:12px;font-weight:600;color:var(--text-secondary)}@media(max-width:1400px){.sparklines-grid-expanded{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:992px){.sparklines-grid-expanded{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sparklines-grid-expanded{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sparklines-grid-expanded{grid-template-columns:1fr}}.donut-chart-card{min-height:480px}.donut-chart-container{position:relative;flex:1;min-height:380px;display:flex;align-items:center;justify-content:center}.donut-center-text-large{position:absolute;top:calc(50% - 30px);left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.donut-total-large{display:block;font-size:36px;font-weight:800;color:var(--text-primary);letter-spacing:-1px;line-height:1}.donut-label-large{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:4px}.dark .donut-chart-card{background:var(--bg-card);border-color:var(--border-normal)}.dark .donut-total-large{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dark .donut-label-large{color:#ffffffb3}.comparison-bars-list{display:flex;flex-direction:column;gap:20px;flex:1;justify-content:center}.comparison-bar-item{display:flex;flex-direction:column;gap:10px}.comparison-bar-header{display:flex;justify-content:space-between;align-items:center}.comparison-bar-label{display:flex;align-items:center;gap:10px}.comparison-bar-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.comparison-bar-name{font-size:14px;font-weight:500;color:var(--text-primary)}.comparison-bar-value{font-size:15px;font-weight:700;color:var(--text-primary)}.comparison-bar-track{width:100%;height:24px;background:var(--bg-secondary);border-radius:6px;overflow:hidden}.comparison-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.comparison-vertical-chart{flex:1;display:flex;align-items:stretch;min-height:0}.comparison-card{display:flex;flex-direction:column}.comparison-card .chart-card-header{flex-shrink:0;margin-bottom:8px}.comparison-card .chart-card-header h3{font-size:15px;font-weight:600}.top-products-pie-card{position:relative}.top-products-pie-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center}.top-products-pie-center{position:absolute;top:calc(45% - 10px);left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.top-products-pie-total{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.2}.top-products-pie-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.dark .top-products-pie-total{color:#fff}.dark .top-products-pie-label{color:#fff9}.chart-card-header-with-controls{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-shrink:0;gap:16px;flex-wrap:wrap}.chart-card-header-left h3{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--text-primary)}.chart-card-header-left p{margin:0;font-size:12px;color:var(--text-muted)}.chart-card-controls{display:flex;align-items:center;gap:10px}.chart-selector{position:relative}.chart-selector-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:8px;font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.chart-selector-button:hover{border-color:var(--border-hover);background:var(--bg-hover)}.chart-selector-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:10px;box-shadow:0 8px 24px #00000026;z-index:100;padding:6px}.chart-selector-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:12px;color:var(--text-primary);cursor:pointer;transition:background .15s}.chart-selector-option:hover{background:var(--bg-hover)}.chart-selector-option input[type=checkbox]{width:14px;height:14px;accent-color:#5B6EF5}.chart-selector-option.select-all{font-weight:600}.chart-selector-divider{height:1px;background:var(--border-normal);margin:6px 0}.chart-date-selector{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:8px;overflow:hidden}.chart-date-nav-btn{display:flex;align-items:center;justify-content:center;width:30px;height:32px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s}.chart-date-nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.chart-date-nav-btn:disabled{opacity:.4;cursor:not-allowed}.chart-date-display{display:flex;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;color:var(--text-primary);border-left:1px solid var(--border-normal);border-right:1px solid var(--border-normal)}.chart-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.chart-refresh-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.dashboard-v2{display:flex;flex-direction:column;gap:24px}.dashboard-v2-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.dashboard-v2-title{margin:0;font-size:24px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.dashboard-v2-title-prefix{color:var(--text-muted);font-weight:500}.dashboard-v2-title-separator{color:var(--text-muted);font-weight:400}.dashboard-v2-badge{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,#5b6ef5,#8b5cf6);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;border-radius:6px;margin-left:8px}.dashboard-v2-subtitle{margin:4px 0 0;color:var(--text-muted);font-size:14px}.btn-pos-preview{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#5b6ef5,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #5b6ef54d}.btn-pos-preview:hover{transform:translateY(-1px);box-shadow:0 4px 16px #5b6ef566}.btn-pos-preview:active{transform:scale(.98) translateY(0)}.btn-refresh-v2{display:flex;align-items:center;gap:8px;background:#4ecfa5;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;transition:all .2s;color:#fff;font-size:14px;font-weight:500;box-shadow:0 2px 8px #4ecfa54d}.btn-refresh-v2:hover{background:#3dbf95;box-shadow:0 4px 12px #4ecfa566;transform:translateY(-1px)}.btn-refresh-v2:active{transform:scale(.98) translateY(0)}.dashboard-v2-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px}.dashboard-v2-controls-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.location-selector-dropdown select{border:none;background:transparent;font-size:15px;font-weight:600;color:#fff;cursor:pointer;appearance:none;padding-right:28px;min-width:200px}.location-selector-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;font-size:15px;font-weight:600;color:#fff;cursor:pointer;padding:0;min-width:200px}.location-selector-button:focus{outline:none}.location-selector-button .select-arrow{color:#ffffffe6;transition:transform .2s}.location-selector-button .select-arrow.rotated{transform:rotate(180deg)}.location-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;padding:8px 0;max-height:400px;overflow-y:auto}.location-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s;color:var(--text-primary);font-size:14px;font-weight:500}.location-dropdown-item:hover{background:var(--bg-soft)}.location-dropdown-item.select-all{font-weight:600;color:#5b6ef5}.location-dropdown-divider{height:1px;background:var(--border-normal);margin:6px 0}.checkbox-indicator{width:18px;height:18px;border:2px solid var(--border-normal);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.checkbox-indicator.checked{background:#5b6ef5;border-color:#5b6ef5;color:#fff}.dark .location-dropdown-menu{background:var(--bg-card);border-color:var(--border-normal);box-shadow:0 10px 40px #0006}.dark .location-dropdown-item:hover{background:var(--bg-soft)}.dark .checkbox-indicator{border-color:var(--border-normal)}.view-mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 20px;border:1px solid var(--border-normal);background:var(--bg-card);color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;border-radius:14px;transition:all .2s ease}.view-mode-btn .btn-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.view-mode-btn.active{background:var(--bg-card);color:#5b6ef5;border-color:#5b6ef5;box-shadow:0 2px 8px #5b6ef526}.custom-period-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 20px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:14px;cursor:pointer;color:var(--text-primary);transition:all .2s}.custom-period-btn .date-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.custom-period-btn:hover{border-color:var(--border-hover)}.custom-dates-text{font-size:15px;font-weight:600;white-space:nowrap;color:var(--text-primary)}.custom-period-popup{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;min-width:520px;padding:20px}.custom-period-header{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.cancel-btn{flex:1;padding:10px 16px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.cancel-btn:hover{background:var(--bg-hover)}.apply-custom-btn{flex:1;padding:10px 16px;background:#5b6ef5;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.apply-custom-btn:hover:not(:disabled){background:#4f5de0}.apply-custom-btn:disabled{background:var(--text-muted);cursor:not-allowed}.dashboard-v2-kpi-row-with-chart,.dashboard-v2-kpi-row-with-two-charts{display:grid;grid-template-columns:minmax(380px,480px) 1fr;gap:20px;align-items:stretch}.dashboard-v2-two-charts-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-v2-two-charts-side>.dashboard-v2-chart-col{display:flex;flex-direction:column}.dashboard-v2-two-charts-side>.dashboard-v2-chart-col>.dashboard-chart-card{flex:1;display:flex;flex-direction:column;min-height:0}.dashboard-v2-kpi-row-with-chart>.dashboard-v2-chart-col{display:flex;flex-direction:column}.dashboard-v2-kpi-row-with-chart>.dashboard-v2-chart-col>.dashboard-chart-card{flex:1;display:flex;flex-direction:column;min-height:0}.dashboard-v2-kpi-row-with-chart>.dashboard-v2-chart-col .chart-container-full{flex:1;min-height:0}.dashboard-v2-full-width-chart{width:100%}.dashboard-v2-full-width-chart .dashboard-chart-card{min-height:350px;height:auto}.dashboard-v2-full-width-chart .dashboard-chart-card .chart-container-full{min-height:260px;height:260px;flex:1}.dashboard-v2-full-width-chart .sales-chart-card{height:320px}.dashboard-v2-full-width-chart .sales-chart-card .chart-container-full{height:260px}.dashboard-v2-two-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-v2-two-charts-row .dashboard-v2-chart-col{min-height:280px}@media(max-width:768px){.dashboard-v2-two-charts-row{grid-template-columns:1fr}}.dashboard-v2-three-charts-row{display:grid;grid-template-columns:minmax(380px,480px) 1fr;gap:20px;align-items:stretch}.dashboard-v2-three-charts-row .dashboard-v2-chart-col{min-height:280px}.dashboard-v2-two-charts-right{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-v2-two-charts-right .dashboard-v2-chart-col{min-height:280px}@media(max-width:1200px){.dashboard-v2-three-charts-row{grid-template-columns:minmax(340px,420px) 1fr}}@media(max-width:992px){.dashboard-v2-three-charts-row{grid-template-columns:1fr}.dashboard-v2-two-charts-right{grid-template-columns:1fr 1fr}}@media(max-width:768px){.dashboard-v2-two-charts-right{grid-template-columns:1fr}}.dashboard-v2-kpi-grid-4col{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start}.dashboard-v2-kpi-grid-4col .dashboard-stat-card{min-height:80px}.dashboard-v2-kpi-grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;height:100%}.dashboard-v2-kpi-grid-3x3 .dashboard-stat-card{min-height:80px;display:flex;flex-direction:column;justify-content:center}.dashboard-v2-chart-col{display:flex;flex-direction:column}.dashboard-v2-chart-col .dashboard-chart-card{flex:1;min-height:0}.dashboard-v2-chart-col .comparison-card,.dashboard-v2-chart-col .cash-register-card,.dashboard-v2-chart-col .payment-methods-card{height:100%}.payment-methods-card{position:relative}.payment-methods-stacked{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:10px 0}.stacked-bar-container{width:100%}.stacked-bar{display:flex;width:100%;height:32px;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.stacked-bar-segment{height:100%;transition:width .3s ease,opacity .2s ease;min-width:2px}.stacked-bar-segment:hover{opacity:.85}.stacked-bar-segment:first-child{border-radius:8px 0 0 8px}.stacked-bar-segment:last-child{border-radius:0 8px 8px 0}.stacked-bar-segment:only-child{border-radius:8px}.stacked-bar-legend{display:flex;flex-direction:column;gap:12px}.stacked-legend-item{display:flex;justify-content:space-between;align-items:center}.stacked-legend-header{display:flex;align-items:center;gap:10px}.stacked-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.stacked-legend-name{font-size:13px;font-weight:500;color:var(--text-primary)}.stacked-legend-values{display:flex;align-items:center;gap:8px}.stacked-legend-value{font-size:13px;font-weight:600;color:var(--text-primary)}.stacked-legend-percent{font-size:11px;font-weight:500;color:var(--text-muted)}.stacked-bar-tooltip{position:absolute;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-primary);box-shadow:0 4px 12px #00000026;white-space:nowrap;pointer-events:none;transform:translate(-50%);z-index:100}.stacked-bar-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:var(--bg-card) transparent transparent transparent}.stacked-bar-tooltip:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:7px 7px 0;border-style:solid;border-color:var(--border-normal) transparent transparent transparent}.payment-methods-horizontal-card{display:flex;flex-direction:column}.horizontal-stacked-bar-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:4px 0}.horizontal-stacked-bar-container{width:100%}.horizontal-stacked-bar{display:flex;width:100%;height:68px;border-radius:12px;overflow:hidden;gap:2px;background:var(--bg-soft)}.horizontal-stacked-bar-segment{height:100%;transition:filter .2s ease;cursor:pointer;min-width:4px;display:flex;align-items:center;justify-content:center}.segment-initial{font-size:18px;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-user-select:none;user-select:none}.horizontal-stacked-bar-segment:first-child{border-radius:12px 0 0 12px}.horizontal-stacked-bar-segment:last-child{border-radius:0 12px 12px 0}.horizontal-stacked-bar-segment:hover,.horizontal-stacked-bar-segment.hovered{filter:brightness(1.08)}.horizontal-bar-tooltip{position:absolute;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-primary);box-shadow:0 4px 12px #00000026;white-space:nowrap;pointer-events:none;transform:translate(-50%);z-index:100}.horizontal-bar-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:var(--bg-card) transparent transparent transparent}.horizontal-bar-tooltip:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:7px 7px 0;border-style:solid;border-color:var(--border-normal) transparent transparent transparent}.horizontal-stacked-bar-svg{display:block;overflow:visible;border-radius:10px}.horizontal-bar-path{transition:opacity .2s ease,filter .2s ease}.horizontal-bar-path:hover,.horizontal-bar-path.hovered{filter:brightness(1.08);opacity:.95}.horizontal-stacked-bar-legend{display:flex;flex-direction:column;gap:8px}.horizontal-legend-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:6px;transition:background .15s ease;cursor:pointer}.horizontal-legend-item:hover,.horizontal-legend-item.highlighted{background:var(--bg-soft)}.horizontal-legend-header{display:flex;align-items:center;gap:8px}.horizontal-legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.horizontal-legend-name{font-size:12px;font-weight:500;color:var(--text-primary)}.horizontal-legend-values{display:flex;align-items:center;gap:6px}.horizontal-legend-value{font-size:13px;font-weight:600;color:var(--text-primary)}.horizontal-legend-percent{font-size:11px;font-weight:500;color:var(--text-muted)}.dark .horizontal-bar-tooltip{background:var(--bg-card);border-color:var(--border-normal);box-shadow:0 4px 16px #0000004d}.dark .horizontal-legend-item:hover,.dark .horizontal-legend-item.highlighted{background:var(--bg-soft)}.dashboard-row-double{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.dashboard-v2-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dashboard-v2-kpi-row .dashboard-stat-card{min-height:90px}.dashboard-v2-chart-row{min-height:350px;width:100%}.dashboard-v2-chart-row .dashboard-chart-card{height:100%;min-height:350px}.dashboard-v2-chart-row .chart-container-full{min-height:300px}.dashboard-v2-main{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:stretch}.dashboard-v2-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start}.dashboard-v2-kpi-grid .dashboard-stat-card{min-height:90px}.dashboard-v2-chart{min-height:400px}.dashboard-v2-chart .dashboard-chart-card{height:100%}@media(max-width:1400px){.dashboard-v2-kpi-row-with-chart,.dashboard-v2-kpi-row-with-two-charts{grid-template-columns:minmax(340px,420px) 1fr}.dashboard-v2-kpi-grid-3x3{grid-template-columns:repeat(3,1fr);gap:8px}}@media(max-width:1200px){.dashboard-v2-kpi-row-with-chart,.dashboard-v2-kpi-row-with-two-charts{grid-template-columns:1fr}.dashboard-v2-two-charts-side{grid-template-columns:1fr 1fr}.dashboard-v2-kpi-grid-4col{grid-template-columns:repeat(4,1fr)}.dashboard-v2-kpi-grid-3x3{grid-template-columns:repeat(3,1fr)}.dashboard-v2-three-charts-row{grid-template-columns:minmax(340px,420px) 1fr}.dashboard-v2-chart-col{min-height:350px}.dashboard-v2-kpi-row{grid-template-columns:repeat(4,1fr)}.dashboard-v2-main{grid-template-columns:300px 1fr}.dashboard-v2-controls-left{gap:6px}.view-mode-btn{padding:10px 14px;font-size:13px}.custom-period-btn{padding:10px 14px}.custom-dates-text{font-size:13px}}@media(max-width:992px){.dashboard-v2-kpi-row-with-chart,.dashboard-v2-kpi-row-with-two-charts{grid-template-columns:1fr}.dashboard-v2-two-charts-side{grid-template-columns:1fr 1fr}.dashboard-v2-kpi-grid-4col{grid-template-columns:repeat(2,1fr)}.dashboard-v2-kpi-grid-3x3{grid-template-columns:repeat(3,1fr)}.dashboard-v2-three-charts-row{grid-template-columns:1fr}.dashboard-v2-two-charts-right{grid-template-columns:1fr 1fr}.dashboard-v2-three-charts-row .dashboard-v2-chart-col{min-height:260px}.dashboard-v2-chart-col{min-height:300px}.dashboard-v2-kpi-row{grid-template-columns:repeat(4,1fr)}.dashboard-v2-main{grid-template-columns:1fr}.dashboard-v2-kpi-grid{grid-template-columns:repeat(4,1fr)}.dashboard-v2-chart{min-height:350px}.dashboard-v2-controls-left{flex-wrap:wrap}.dashboard-row-double{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-v2-two-charts-side{grid-template-columns:1fr}.dashboard-v2-kpi-grid-4col{grid-template-columns:repeat(2,1fr)}.dashboard-v2-kpi-grid-3x3{grid-template-columns:repeat(3,1fr)}.dashboard-v2-kpi-row,.dashboard-v2-kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-v2-header{flex-direction:column;gap:16px}.dashboard-v2-title{flex-wrap:wrap}.location-selector-prominent{margin-right:0;width:100%}.view-mode-btn{flex:1 1 calc(50% - 4px);min-width:120px}}.calendar-container{display:flex;flex-direction:row;gap:24px;margin-bottom:16px}.calendar-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.calendar-nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s}.calendar-nav:hover{background:var(--bg-secondary);color:var(--text-primary)}.calendar-month{font-size:14px;font-weight:600;color:var(--text-primary)}.calendar-weekdays .weekday{text-align:center;font-size:11px;font-weight:600;color:var(--text-muted);padding:4px 0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--text-primary);background:transparent;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .15s;padding:0;min-width:30px;min-height:30px}.calendar-day:hover:not(.empty):not(.disabled):not(.selected){background:var(--bg-soft)}.calendar-day.disabled{color:var(--text-muted);opacity:.4;cursor:not-allowed}.calendar-day.today{border-color:#5b6ef5;color:#5b6ef5;font-weight:600}.calendar-day.selected,.calendar-day.today.selected{background:#5b6ef5;color:#fff;border-color:#5b6ef5}.calendar-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-normal)}.calendar-actions .cancel-btn{flex:1;padding:10px;background:var(--bg-soft);color:var(--text-secondary);border:1px solid var(--border-normal);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.calendar-actions .cancel-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.payment-methods-vertical-card{display:flex;flex-direction:column}.payment-methods-vertical-card .chart-card-header{flex-shrink:0;margin-bottom:8px}.payment-methods-vertical-card .chart-card-header h3{font-size:15px;font-weight:600}.payment-methods-vertical-chart{flex:1;display:flex;align-items:stretch;min-height:180px}.dashboard-data-info-bar{display:flex;align-items:center;gap:20px;margin:0 0 8px}.data-info-content{display:flex;align-items:center;gap:12px;padding:8px 20px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:20px;white-space:nowrap}.data-info-text{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.data-info-text strong{color:var(--text-primary);font-weight:600}.data-info-badge{font-size:13px;font-weight:500;color:#5b6ef5;padding:4px 10px;background:#5b6ef51a;border-radius:10px}.dark .data-info-content{background:var(--bg-card);border-color:var(--border-normal)}.dark .data-info-text{color:var(--text-secondary)}.dark .data-info-text strong{color:var(--text-primary)}.dark .data-info-badge{color:#818cf8;background:#818cf826}.dashboard-section-divider{display:flex;align-items:center;gap:20px;margin:32px 0}.section-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-normal) 50%,transparent 100%)}.section-divider-content{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:24px;white-space:nowrap}.section-divider-title{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.section-divider-subtitle{font-size:13px;font-weight:500;color:#5b6ef5;padding:4px 10px;background:#5b6ef51a;border-radius:10px}.dark .section-divider-content{background:var(--bg-card);border-color:var(--border-normal)}.dark .section-divider-title{color:var(--text-primary)}.dark .section-divider-subtitle{color:#818cf8;background:#818cf826}.login-container{display:flex;min-height:100vh;background:var(--bg-page, #F8F9FC)}.login-illustration{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;background:linear-gradient(135deg,#0a0a1a,#0d0d2b,#0a0a1a);position:relative;overflow:hidden}.login-illustration:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:linear-gradient(125deg,transparent 0%,transparent 40%,rgba(34,211,238,.15) 45%,rgba(59,130,246,.2) 50%,rgba(139,92,246,.25) 55%,rgba(236,72,153,.2) 60%,transparent 65%,transparent 100%);animation:auroraSweep 8s ease-in-out infinite;pointer-events:none;filter:blur(60px)}@keyframes auroraSweep{0%{transform:translate(-30%) translateY(30%) rotate(-15deg) scale(1)}25%{transform:translate(10%) translateY(-10%) rotate(0) scale(1.1)}50%{transform:translate(30%) translateY(-30%) rotate(15deg) scale(1)}75%{transform:translate(0) translateY(10%) rotate(5deg) scale(1.15)}to{transform:translate(-30%) translateY(30%) rotate(-15deg) scale(1)}}.login-illustration:after{content:"";position:absolute;width:120%;height:120%;top:-10%;left:-10%;background:radial-gradient(ellipse 80% 50% at 20% 80%,rgba(91,110,245,.4) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(236,72,153,.35) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 50% 50%,rgba(139,92,246,.3) 0%,transparent 40%);animation:nebulaFloat 12s ease-in-out infinite;pointer-events:none;filter:blur(50px)}@keyframes nebulaFloat{0%{transform:scale(1) rotate(0);opacity:.8}33%{transform:scale(1.1) rotate(5deg);opacity:1}66%{transform:scale(.95) rotate(-3deg);opacity:.9}to{transform:scale(1) rotate(0);opacity:.8}}.illustration-content:before{content:"";position:absolute;width:350px;height:350px;background:linear-gradient(135deg,#22d3ee80,#3b82f64d);filter:blur(40px);animation:morphBlob1 10s ease-in-out infinite;pointer-events:none;z-index:0;top:50%;left:50%}@keyframes morphBlob1{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(-80%,-30%) rotate(0) scale(1)}25%{border-radius:30% 60% 70% 40%/50% 60% 30%;transform:translate(-20%,-60%) rotate(90deg) scale(1.2)}50%{border-radius:50% 60% 30%/30% 40% 70% 50%;transform:translate(-50%,-80%) rotate(180deg) scale(.9)}75%{border-radius:40% 30% 60% 50%/60% 70% 30% 40%;transform:translate(-70%,-40%) rotate(270deg) scale(1.1)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(-80%,-30%) rotate(360deg) scale(1)}}.illustration-content:after{content:"";position:absolute;width:280px;height:280px;background:linear-gradient(135deg,#ec489980,#a855f74d);filter:blur(35px);animation:morphBlob2 8s ease-in-out infinite;pointer-events:none;z-index:0;top:50%;left:50%}@keyframes morphBlob2{0%{border-radius:40% 60% 60% 40%/70% 30%;transform:translate(20%,30%) rotate(0) scale(1)}33%{border-radius:60% 40% 30% 70%/40% 60%;transform:translate(-30%,-20%) rotate(-120deg) scale(1.15)}66%{border-radius:30% 70% 50% 50%/50%;transform:translate(10%,50%) rotate(-240deg) scale(.95)}to{border-radius:40% 60% 60% 40%/70% 30%;transform:translate(20%,30%) rotate(-360deg) scale(1)}}.slides-container:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(139,92,246,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.08) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 15s linear infinite;pointer-events:none;z-index:0}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}.slides-container:after{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(236,72,153,.5),rgba(34,211,238,.5),transparent);bottom:20%;left:0;animation:glowLineMove 6s ease-in-out infinite;pointer-events:none;z-index:0;filter:blur(1px);box-shadow:0 0 20px #8b5cf666}@keyframes glowLineMove{0%,to{transform:translate(-30%) scaleX(.7);opacity:.5}50%{transform:translate(30%) scaleX(1);opacity:1}}.illustration-dots:before{content:"";position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:100px -150px 0 2px #ffffffe6,-80px -200px 0 1px #fffc,200px -80px 0 3px #ffffffb3,-150px -100px 0 2px #ffffffe6,50px -250px 0 2px #fffc,-200px -50px 0 4px #22d3eecc,150px -180px 0 3px #8b5cf6e6,-100px -280px 0 4px #ec4899cc,220px -220px 0 2px #3b82f6e6,-180px -180px 0 3px #a855f7cc,30px -320px 0 1px #fff9,-250px -130px 0 1px #ffffff80,180px -300px 0 1px #ffffffb3,-60px -350px 0 2px #ffffff80;animation:starsSparkle 3s ease-in-out infinite;pointer-events:none;top:50%;left:50%}@keyframes starsSparkle{0%,to{opacity:.6;transform:scale(1)}25%{opacity:1;transform:scale(1.1)}50%{opacity:.8;transform:scale(.95)}75%{opacity:1;transform:scale(1.05)}}.illustration-dots:after{content:"";position:absolute;width:120px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(139,92,246,.5),transparent);border-radius:2px;animation:shootingStar1 4s ease-out infinite;pointer-events:none;top:15%;right:10%;box-shadow:0 0 10px #ffffff80,0 0 20px #8b5cf64d}@keyframes shootingStar1{0%{transform:translate(50px) translateY(0) rotate(-35deg);opacity:0}5%{opacity:1}25%{transform:translate(-350px) translateY(180px) rotate(-35deg);opacity:1}26%{opacity:0}to{opacity:0}}.login-logo:after{content:"";position:fixed;width:80px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(34,211,238,.5),transparent);border-radius:2px;animation:shootingStar2 6s ease-out infinite 2s;pointer-events:none;top:35%;left:60%;box-shadow:0 0 8px #fff6,0 0 15px #22d3ee4d}@keyframes shootingStar2{0%{transform:translate(0) translateY(0) rotate(-40deg);opacity:0}3%{opacity:1}20%{transform:translate(-300px) translateY(200px) rotate(-40deg);opacity:1}21%{opacity:0}to{opacity:0}}.login-form-wrapper:before{content:"";position:fixed;width:8px;height:8px;background:radial-gradient(circle,rgba(139,92,246,1) 0%,transparent 70%);border-radius:50%;animation:floatingOrb1 8s ease-in-out infinite;pointer-events:none;left:20%;top:60%;box-shadow:0 0 20px #8b5cf6cc}@keyframes floatingOrb1{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-50px) scale(1.5);opacity:1}50%{transform:translate(-20px,-80px) scale(1);opacity:.8}75%{transform:translate(40px,-30px) scale(1.3);opacity:.9}}.illustration-graphic:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(139,92,246,.3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulseWave1 4s ease-out infinite;pointer-events:none}.illustration-graphic:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(34,211,238,.3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulseWave2 4s ease-out infinite 2s;pointer-events:none}@keyframes pulseWave1{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes pulseWave2{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.illustration-content{text-align:center;z-index:1;max-width:400px;width:100%;position:relative}.slides-container{position:relative;width:100%;height:380px}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(30px);transition:all .5s ease-in-out;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.slide.active{opacity:1;transform:translate(0);pointer-events:auto}.slide h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px;text-shadow:0 0 40px rgba(139,92,246,.5)}.slide p{color:#fffc;font-size:16px;line-height:1.6;text-shadow:0 0 20px rgba(0,0,0,.5)}.illustration-graphic{margin-bottom:40px;position:relative;z-index:2}.illustration-graphic svg{width:100%;max-width:350px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3)) drop-shadow(0 0 60px rgba(139,92,246,.3));animation:svgFloat 6s ease-in-out infinite}@keyframes svgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.illustration-content h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px}.illustration-content p{color:#ffffffd9;font-size:16px;line-height:1.6}.illustration-dots{display:flex;gap:8px;margin-top:40px;z-index:1;position:relative}.illustration-dots .dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .3s ease;cursor:pointer}.illustration-dots .dot:hover{background:#ffffff80}.illustration-dots .dot.active{width:24px;border-radius:4px;background:#fff}.login-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-card, white)}.login-form-wrapper{width:100%;max-width:400px}.login-logo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:40px}.login-logo img{transition:transform .3s ease}.login-logo:hover img{transform:scale(1.02)}.logo-slogan{font-size:13px;font-weight:500;color:var(--text-muted, #9CA3AF);letter-spacing:.3px;margin-left:2px}.login-header{margin-bottom:32px}.login-header h1{font-size:28px;font-weight:700;color:var(--text-primary, #1F2937);margin-bottom:8px;letter-spacing:-.5px}.login-header p{font-size:15px;color:var(--text-secondary, #6B7280)}.login-error{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:12px;color:#dc2626;font-size:14px;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:0!important}.login-container .form-group{margin-bottom:0!important}.login-form .form-group label{font-size:14px;font-weight:600;color:var(--text-primary, #374151)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:14px 46px 14px 16px;border:2px solid var(--border-normal, #E5E7EB);border-radius:12px;font-size:15px;color:var(--text-primary, #1F2937);background:var(--bg-input, #F9FAFB);transition:all .2s ease;outline:none}.input-wrapper input::placeholder{color:var(--text-muted, #9CA3AF)}.input-wrapper input:focus{border-color:#5b6ef5;background:var(--bg-card, white);box-shadow:0 0 0 4px #5b6ef51a}.password-toggle{position:absolute;right:14px;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted, #9CA3AF);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:var(--text-secondary, #6B7280)}.form-options{display:flex;justify-content:space-between;align-items:center}.remember-me{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary, #4B5563);cursor:pointer}.remember-me input{display:none}.remember-me .checkmark{width:18px;height:18px;border:2px solid var(--border-normal, #D1D5DB);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remember-me input:checked+.checkmark{background:#5b6ef5;border-color:#5b6ef5}.remember-me input:checked+.checkmark:after{content:"✓";color:#fff;font-size:11px;font-weight:700}.forgot-password{font-size:14px;color:#5b6ef5;text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-password:hover{color:#4c5fe5}.login-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button.primary{width:100%;background:linear-gradient(135deg,#5b6ef5,#7b68ee);color:#fff;box-shadow:0 4px 12px #5b6ef540}.login-button.primary:hover:not(:disabled){box-shadow:0 8px 20px #5b6ef559;transform:translateY(-2px)}.login-button.primary:active:not(:disabled){transform:translateY(0)}.login-button.quick{width:100%;background:var(--bg-soft, #F3F4F6);color:var(--text-primary, #374151);border:2px solid var(--border-normal, #E5E7EB)}.login-button.quick:hover:not(:disabled){background:#5b6ef5;color:#fff;border-color:#5b6ef5;transform:translateY(-2px);box-shadow:0 4px 12px #5b6ef540}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-normal, #E5E7EB)}.login-divider span{font-size:13px;color:var(--text-muted, #9CA3AF);text-transform:uppercase;letter-spacing:.5px}.login-footer{margin-top:32px;text-align:center;font-size:14px;color:var(--text-secondary, #6B7280)}.login-footer a{color:#5b6ef5;text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}@media(max-width:1024px){.login-illustration{display:none}.login-form-side{flex:1}}@media(max-width:480px){.login-form-side{padding:24px}.login-header h1{font-size:24px}.login-logo{margin-bottom:32px}.form-options{flex-direction:column;gap:12px;align-items:flex-start}}.tenant-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.tenant-option{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;background:var(--bg-input, #F9FAFB);border:2px solid var(--border-normal, #E5E7EB);border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left}.tenant-option:hover:not(:disabled){background:var(--bg-card, white);border-color:#5b6ef5;box-shadow:0 4px 12px #5b6ef526;transform:translateY(-2px)}.tenant-option:active:not(:disabled){transform:translateY(0)}.tenant-option:disabled{opacity:.6;cursor:not-allowed}.tenant-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b6ef5,#7b68ee);border-radius:12px;color:#fff;flex-shrink:0}.tenant-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.tenant-name{font-size:15px;font-weight:600;color:var(--text-primary, #1F2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-role{font-size:13px;color:var(--text-muted, #9CA3AF);font-weight:500}.tenant-arrow{color:var(--text-muted, #9CA3AF);flex-shrink:0;transition:transform .2s ease,color .2s ease}.tenant-option:hover .tenant-arrow{color:#5b6ef5;transform:translate(4px)}.login-button.secondary{width:100%;background:var(--bg-soft, #F3F4F6);color:var(--text-secondary, #4B5563);border:2px solid var(--border-normal, #E5E7EB)}.login-button.secondary:hover:not(:disabled){background:var(--bg-input, #F9FAFB);border-color:var(--text-muted, #9CA3AF)}.dark .login-container{background:var(--bg-page)}.dark .login-form-side{background:var(--bg-card)}.dark .login-header h1{color:var(--text-primary)}.dark .login-header p,.dark .login-form .form-group label{color:var(--text-secondary)}.dark .input-wrapper input{background:var(--bg-input);border-color:var(--border-normal);color:var(--text-primary)}.dark .input-wrapper input:focus{background:var(--bg-input);border-color:#5b6ef5;box-shadow:0 0 0 4px #5b6ef526}.dark .remember-me{color:var(--text-secondary)}.dark .remember-me .checkmark{border-color:var(--border-normal)}.dark .login-button.quick{background:var(--bg-soft);border-color:var(--border-normal);color:var(--text-primary)}.dark .login-button.quick:hover:not(:disabled){background:#5b6ef5;color:#fff;border-color:#5b6ef5}.dark .login-divider:before,.dark .login-divider:after{background:var(--border-normal)}.dark .login-footer{color:var(--text-secondary)}.dark .login-error{background:#ef44441a;border-color:#ef44444d}.dark .tenant-option{background:var(--bg-input);border-color:var(--border-normal)}.dark .tenant-option:hover:not(:disabled){background:var(--bg-soft);border-color:#5b6ef5}.dark .tenant-name{color:var(--text-primary)}.dark .tenant-role{color:var(--text-muted)}.dark .login-button.secondary{background:var(--bg-soft);border-color:var(--border-normal);color:var(--text-secondary)}.dark .login-button.secondary:hover:not(:disabled){background:var(--bg-input);border-color:var(--text-muted)}.loyalty-page{padding:24px;max-width:1400px;margin:0 auto}.loyalty-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.loyalty-page .header-left h1{margin:0 0 4px;font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.loyalty-page .subtitle{color:var(--text-secondary, #64748b);font-size:14px}.loyalty-page .date-select{padding:10px 40px 10px 16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;background:var(--bg-input, white);color:var(--text-primary, #1e293b);font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08));transform:translateY(-2px)}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #1e293b);line-height:1.2}.stat-label{font-size:13px;color:var(--text-secondary, #64748b);margin-top:4px}.quick-actions{margin-bottom:32px}.quick-actions h2{font-size:18px;font-weight:600;color:var(--text-primary, #1e293b);margin:0 0 16px}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1200px){.actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.actions-grid{grid-template-columns:1fr}}.action-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .2s;text-align:left}.action-card:hover{border-color:var(--accent-primary, #667eea);box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.action-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.action-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.action-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.action-content h3{font-size:16px;font-weight:600;color:var(--text-primary, #1e293b);margin:0 0 4px}.action-content p{font-size:13px;color:var(--text-secondary, #64748b);margin:0}.section-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-link{background:none;border:none;color:var(--accent-primary, #667eea);font-size:14px;font-weight:500;cursor:pointer;padding:0}.tiers-list{display:flex;flex-direction:column;gap:12px}.tier-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-soft, #f8fafc);border-radius:12px}.tier-info{display:flex;align-items:center;gap:12px}.tier-badge{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.tier-details{display:flex;flex-direction:column}.tier-name{font-weight:600;color:var(--text-primary, #1e293b)}.tier-threshold{font-size:12px;color:var(--text-secondary, #64748b)}.tier-users{text-align:right}.users-count{display:block;font-size:20px;font-weight:700;color:var(--text-primary, #1e293b)}.users-label{font-size:12px;color:var(--text-secondary, #64748b)}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-soft, #f8fafc);border-radius:12px}.activity-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.activity-details{flex:1;display:flex;flex-direction:column}.activity-user{font-weight:500;color:var(--text-primary, #1e293b);font-size:14px}.activity-action{font-size:12px;color:var(--text-secondary, #64748b)}.activity-points{font-weight:700;font-size:16px}.activity-points.positive{color:#10b981}.activity-points.negative{color:#ef4444}.settings-form{max-width:600px}.form-section{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-group input,.form-group select{width:100%;padding:12px 16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:10px;font-size:14px;background:var(--bg-input, white);color:var(--text-primary, #1e293b);transition:border-color .2s}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary, #667eea)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.tiers-management{display:flex;flex-direction:column;gap:16px}.tier-edit-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}@media(max-width:768px){.tier-edit-card{grid-template-columns:1fr}}.tier-color-picker{display:flex;flex-direction:column;align-items:center;gap:8px}.color-input{width:60px;height:60px;border:none;border-radius:12px;cursor:pointer;padding:0}.tier-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.tier-fields{grid-template-columns:1fr}}.tier-actions{display:flex;gap:8px}.stamp-preview{background:var(--bg-soft, #f8fafc);border-radius:16px;padding:32px;text-align:center}.stamp-preview h4{font-size:16px;font-weight:600;color:var(--text-primary, #1e293b);margin:0 0 20px}.stamps-visual{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px}.stamp{width:48px;height:48px;border-radius:50%;border:2px dashed var(--border-normal, #e2e8f0);display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--bg-card, white)}.stamp.filled{border-style:solid;border-color:#10b981;background:#dcfce7}.stamp.reward{border-color:#f59e0b;background:#fef3c7}.stamp-info{font-size:14px;color:var(--text-secondary, #64748b)}.history-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.history-filters input,.history-filters select{padding:10px 16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;background:var(--bg-input, white);color:var(--text-primary, #1e293b);font-size:14px}.history-filters select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.history-filters input{flex:1;min-width:200px}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-normal, #e2e8f0)}.history-table th{font-size:12px;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;background:var(--bg-soft, #f8fafc)}.history-table td{font-size:14px;color:var(--text-primary, #1e293b)}.history-table tr:hover td{background:var(--bg-soft, #f8fafc)}.type-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.type-badge.earned{background:#dcfce7;color:#16a34a}.type-badge.redeemed{background:#fee2e2;color:#dc2626}.type-badge.bonus{background:#fef3c7;color:#d97706}.type-badge.expired{background:#f1f5f9;color:#64748b}.notifications-page{padding:24px;max-width:1400px;margin:0 auto}.notifications-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.notifications-page .header-left h1{margin:0 0 4px;font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.notifications-page .subtitle{color:var(--text-secondary, #64748b);font-size:14px}.notifications-page .header-actions{display:flex;gap:12px}.notifications-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media(max-width:1200px){.notifications-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.notifications-page .stats-grid{grid-template-columns:1fr}}.notifications-page .stat-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px}.notifications-page .stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.notifications-page .stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notifications-page .stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notifications-page .stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notifications-page .stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.notifications-page .stat-content{display:flex;flex-direction:column}.notifications-page .stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.notifications-page .stat-label{font-size:13px;color:var(--text-secondary, #64748b)}.notifications-page .filters-bar{margin-bottom:20px}.notifications-page .filters-bar select{padding:10px 40px 10px 16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;color:var(--text-primary, #1e293b);font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-input, white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;transition:box-shadow .2s}.notification-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08))}@media(max-width:900px){.notification-card{grid-template-columns:1fr;gap:16px}}.notification-main{display:flex;gap:16px;align-items:flex-start}.notification-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-content h3{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text-primary, #1e293b)}.notification-content p{margin:0 0 10px;font-size:14px;color:var(--text-secondary, #64748b)}.notification-meta{display:flex;gap:16px;font-size:12px;color:var(--text-muted, #94a3b8)}.notification-stats{display:flex;gap:24px}.stat-mini{text-align:center}.stat-mini .value{display:block;font-size:18px;font-weight:700;color:var(--text-primary, #1e293b)}.stat-mini .label{font-size:11px;color:var(--text-secondary, #64748b)}.notification-actions{display:flex;align-items:center;gap:12px}.status-badge{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500}.status-badge.sent{background:#dcfce7;color:#16a34a}.status-badge.scheduled{background:#fef3c7;color:#d97706}.status-badge.draft{background:#f1f5f9;color:#64748b}.btn-icon{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-normal, #e2e8f0);background:var(--bg-card, white);color:var(--text-secondary, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon.danger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.btn-back{background:none;border:none;color:var(--text-secondary, #64748b);font-size:14px;cursor:pointer;padding:0;margin-right:16px}.btn-back:hover{color:var(--accent-primary, #667eea)}.btn-secondary{padding:12px 24px;background:var(--bg-card, white);color:var(--text-primary, #1e293b);border:1px solid var(--border-normal, #e2e8f0);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.notification-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:1200px){.notification-form-layout{grid-template-columns:1fr}}.form-section{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px}.form-section h3{font-size:18px;font-weight:600;color:var(--text-primary, #1e293b);margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--border-normal, #e2e8f0)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary, #1e293b);margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:10px;font-size:14px;background:var(--bg-input, white);color:var(--text-primary, #1e293b);transition:border-color .2s}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary, #667eea)}.form-group textarea{resize:vertical;font-family:inherit}.form-group .helper-text{font-size:12px;color:var(--text-secondary, #64748b);margin-top:6px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:12px;cursor:pointer;transition:all .2s}.radio-option:hover{border-color:var(--accent-primary, #667eea)}.radio-option input[type=radio]{width:auto;margin-top:4px}.radio-content{display:flex;flex-direction:column}.radio-title{font-weight:500;color:var(--text-primary, #1e293b)}.radio-desc{font-size:13px;color:var(--text-secondary, #64748b)}.tier-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.tier-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.tier-checkbox input{width:auto}.tier-badge{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500}.tier-badge.bronze{background:#fef3c7;color:#92400e}.tier-badge.silver{background:#f1f5f9;color:#475569}.tier-badge.gold{background:#fef9c3;color:#854d0e}.tier-badge.platinum{background:#f0f9ff;color:#0369a1}.preview-section{grid-column:2;grid-row:1 / span 3}@media(max-width:1200px){.preview-section{grid-column:1;grid-row:auto}}.phone-preview{display:flex;justify-content:center;padding:20px}.phone-frame{width:280px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:36px;padding:12px;box-shadow:0 20px 40px #0003}.phone-notch{width:100px;height:24px;background:#0f172a;border-radius:12px;margin:0 auto 16px}.notification-preview{background:var(--bg-card, white);border-radius:16px;padding:12px;display:flex;gap:12px;margin:0 8px}.app-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.notification-preview-content{flex:1;min-width:0}.notification-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.app-name{font-size:11px;font-weight:600;color:var(--text-secondary, #64748b)}.time{font-size:10px;color:var(--text-muted, #94a3b8)}.notification-preview-content h4{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-preview-content p{margin:0;font-size:12px;color:var(--text-secondary, #64748b);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reviews-page{padding:24px;max-width:1200px;margin:0 auto}.reviews-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.reviews-page .header-left h1{margin:0 0 4px;font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.reviews-page .subtitle{color:var(--text-secondary, #64748b);font-size:14px}.reviews-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media(max-width:1000px){.reviews-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.reviews-page .stats-grid{grid-template-columns:1fr}}.reviews-page .stat-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px}.reviews-page .stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.reviews-page .stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.reviews-page .stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.reviews-page .stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.reviews-page .stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.reviews-page .stat-content{display:flex;flex-direction:column}.reviews-page .stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.reviews-page .stat-label{font-size:13px;color:var(--text-secondary, #64748b)}.reviews-page .filters-bar{display:flex;gap:12px;margin-bottom:24px}.reviews-page .filters-bar select{padding:10px 40px 10px 16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;color:var(--text-primary, #1e293b);font-size:14px;min-width:180px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-input, white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;transition:box-shadow .2s}.review-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08))}.review-card.hidden{opacity:.5;border-style:dashed}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.review-user{display:flex;align-items:center;gap:12px}.user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--text-primary, #1e293b)}.review-date{font-size:12px;color:var(--text-secondary, #64748b)}.review-rating{display:flex;align-items:center}.stars{display:flex;gap:2px}.star{font-size:18px;color:#e2e8f0}.star.filled{color:#fbbf24}.review-meta{display:flex;gap:16px;margin-bottom:12px;font-size:13px}.store-name{color:var(--accent-primary, #667eea);font-weight:500}.order-id{color:var(--text-secondary, #64748b)}.review-comment{margin:0 0 16px;font-size:15px;color:var(--text-primary, #1e293b);line-height:1.6}.admin-response{background:var(--bg-soft, #f8fafc);border-left:3px solid var(--accent-primary, #667eea);border-radius:0 8px 8px 0;padding:16px;margin-bottom:16px}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.response-label{font-size:12px;font-weight:600;color:var(--accent-primary, #667eea);text-transform:uppercase}.response-date{font-size:11px;color:var(--text-secondary, #64748b)}.admin-response p{margin:0;font-size:14px;color:var(--text-primary, #1e293b)}.response-form{background:var(--bg-soft, #f8fafc);border-radius:12px;padding:16px;margin-bottom:16px}.response-form textarea{width:100%;padding:12px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;background:var(--bg-card, white);color:var(--text-primary, #1e293b);margin-bottom:12px}.response-form textarea:focus{outline:none;border-color:var(--accent-primary, #667eea)}.response-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-secondary{padding:10px 20px;background:var(--bg-card, white);color:var(--text-primary, #1e293b);border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.review-actions{display:flex;gap:12px;border-top:1px solid var(--border-normal, #e2e8f0);padding-top:16px}.btn-action{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;color:var(--text-secondary, #64748b);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-action:hover{border-color:var(--accent-primary, #667eea);color:var(--accent-primary, #667eea)}.btn-action.active{background:var(--accent-primary, #667eea);border-color:var(--accent-primary, #667eea);color:#fff}.settings-page{padding:24px;max-width:1200px;margin:0 auto}.settings-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.settings-page .header-left h1{margin:0 0 4px;font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.settings-page .subtitle{color:var(--text-secondary, #64748b);font-size:14px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:32px}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}}.settings-tabs{display:flex;flex-direction:column;gap:8px}@media(max-width:900px){.settings-tabs{flex-direction:row;overflow-x:auto;padding-bottom:8px}}.tab-button{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.tab-button:hover{border-color:var(--accent-primary, #667eea)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.tab-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.tab-label{font-size:14px;font-weight:500}.settings-content{flex:1}.settings-section h2{font-size:20px;font-weight:600;color:var(--text-primary, #1e293b);margin:0 0 24px}.setting-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px}.setting-card.full-width{flex-direction:column;align-items:stretch}.setting-card.full-width textarea{margin-top:16px;width:100%;padding:12px 16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;background:var(--bg-input, white);color:var(--text-primary, #1e293b)}.setting-card.full-width textarea:focus{outline:none;border-color:var(--accent-primary, #667eea)}.setting-info{flex:1}.setting-info h3{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-primary, #1e293b)}.setting-info p{margin:0;font-size:13px;color:var(--text-secondary, #64748b)}.setting-input{width:120px;padding:10px 14px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;font-size:14px;text-align:center;background:var(--bg-input, white);color:var(--text-primary, #1e293b)}.setting-input:focus{outline:none;border-color:var(--accent-primary, #667eea)}.fiscal-section{margin-bottom:16px}.fiscal-section-header{padding:0 20px 20px}@media(max-width:600px){.setting-card{flex-direction:column;align-items:flex-start;gap:16px}.setting-input{width:100%}}.reports-page{padding:24px;max-width:1400px;margin:0 auto}.reports-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.reports-page .header-left h1{margin:0 0 4px;font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.reports-page .subtitle{color:var(--text-secondary, #64748b);font-size:14px}.reports-page .header-actions{display:flex;gap:12px}.date-select{padding:10px 40px 10px 16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;color:var(--text-primary, #1e293b);font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-input, white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.btn-secondary{padding:10px 20px;background:var(--bg-card, white);color:var(--text-primary, #1e293b);border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;transition:all .2s}.btn-secondary:hover{background:var(--bg-soft, #f8fafc)}.main-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}@media(max-width:900px){.main-stats{grid-template-columns:1fr}}.stat-card.large{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:20px;padding:28px;display:flex;align-items:flex-start;gap:20px}.stat-card.large .stat-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center}.stat-card.large .stat-value{font-size:32px;font-weight:700;color:var(--text-primary, #1e293b);line-height:1.2}.stat-card.large .stat-label{font-size:14px;color:var(--text-secondary, #64748b);margin-top:4px}.stat-change{display:inline-block;font-size:13px;font-weight:500;margin-top:8px;padding:4px 10px;border-radius:6px}.stat-change.positive{background:#dcfce7;color:#16a34a}.stat-change.negative{background:#fee2e2;color:#dc2626}.stats-grid{display:grid;gap:20px}.secondary-stats{grid-template-columns:repeat(4,1fr);margin-top:32px}@media(max-width:1200px){.secondary-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.secondary-stats{grid-template-columns:1fr}}.stat-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.stat-label{font-size:13px;color:var(--text-secondary, #64748b)}.chart-section{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:20px;padding:28px;margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:18px;font-weight:600;color:var(--text-primary, #1e293b);margin:0}.section-subtitle{font-size:13px;color:var(--text-secondary, #64748b)}.chart-container{height:250px}.bar-chart{display:flex;justify-content:space-between;align-items:flex-end;height:100%;gap:16px;padding-bottom:32px}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:100%;max-width:60px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:8px 8px 0 0;position:relative;min-height:20px;transition:height .3s ease}.bar:hover{opacity:.9}.bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;color:var(--text-primary, #1e293b);white-space:nowrap}.bar-label{margin-top:12px;font-size:13px;font-weight:500;color:var(--text-secondary, #64748b)}.section-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:20px;padding:28px}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-item{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--bg-soft, #f8fafc);border-radius:12px;transition:background .2s}.ranking-item:hover{background:var(--bg-hover, #f1f5f9)}.rank-badge{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.ranking-item:nth-child(1) .rank-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.ranking-item:nth-child(2) .rank-badge{background:linear-gradient(135deg,#94a3b8,#64748b)}.ranking-item:nth-child(3) .rank-badge{background:linear-gradient(135deg,#cd7f32,#b87333)}.rank-info{flex:1;display:flex;flex-direction:column}.rank-name{font-weight:600;color:var(--text-primary, #1e293b);font-size:14px}.rank-meta{font-size:12px;color:var(--text-secondary, #64748b)}.rank-value{font-weight:700;color:var(--text-primary, #1e293b);font-size:15px}.subscriptions-page{padding:24px;max-width:1400px;margin:0 auto}.subscriptions-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.subscriptions-page .header-left h1{margin:0 0 4px;font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.subscriptions-page .subtitle{color:var(--text-secondary, #64748b);font-size:14px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.subscriptions-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media(max-width:1200px){.subscriptions-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.subscriptions-page .stats-grid{grid-template-columns:1fr}}.subscriptions-page .stat-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px}.subscriptions-page .stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.subscriptions-page .stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.subscriptions-page .stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.subscriptions-page .stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.subscriptions-page .stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.subscriptions-page .stat-content{display:flex;flex-direction:column}.subscriptions-page .stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.subscriptions-page .stat-label{font-size:13px;color:var(--text-secondary, #64748b)}.tabs-bar{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-normal, #e2e8f0);padding-bottom:0}.tab-btn{padding:12px 20px;background:none;border:none;color:var(--text-secondary, #64748b);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.tab-btn:hover{color:var(--accent-primary, #667eea)}.tab-btn.active{color:var(--accent-primary, #667eea);border-bottom-color:var(--accent-primary, #667eea)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1200px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.plans-grid{grid-template-columns:1fr}}.plan-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:20px;padding:28px;display:flex;flex-direction:column;transition:all .2s}.plan-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08));transform:translateY(-4px)}.plan-card.inactive{opacity:.6}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.plan-header h3{margin:0;font-size:22px;font-weight:700;color:var(--text-primary, #1e293b)}.plan-price{font-size:24px;font-weight:700;color:var(--accent-primary, #667eea)}.plan-price span{font-size:14px;font-weight:400;color:var(--text-secondary, #64748b)}.plan-description{margin:0 0 20px;font-size:14px;color:var(--text-secondary, #64748b)}.plan-benefits{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan-benefits li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--text-primary, #1e293b)}.plan-benefits li svg{color:#10b981;flex-shrink:0}.plan-stats{display:flex;gap:24px;padding:16px 0;border-top:1px solid var(--border-normal, #e2e8f0);border-bottom:1px solid var(--border-normal, #e2e8f0);margin-bottom:16px}.plan-stat{display:flex;flex-direction:column}.plan-stat-value{font-size:18px;font-weight:700;color:var(--text-primary, #1e293b)}.plan-stat-label{font-size:12px;color:var(--text-secondary, #64748b)}.plan-actions{display:flex;gap:12px}.btn-edit{flex:1;padding:12px;background:var(--bg-soft, #f8fafc);border:1px solid var(--border-normal, #e2e8f0);border-radius:10px;color:var(--text-primary, #1e293b);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit:hover{background:var(--accent-primary, #667eea);color:#fff;border-color:var(--accent-primary, #667eea)}.section-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;overflow:hidden}.subscribers-table{width:100%;border-collapse:collapse}.subscribers-table th,.subscribers-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border-normal, #e2e8f0)}.subscribers-table th{font-size:12px;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;background:var(--bg-soft, #f8fafc)}.subscribers-table td{font-size:14px;color:var(--text-primary, #1e293b)}.subscribers-table tr:hover td{background:var(--bg-soft, #f8fafc)}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.plan-badge{padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-size:12px;font-weight:500}.status-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.paused{background:#fef3c7;color:#d97706}.status-badge.cancelled{background:#fee2e2;color:#dc2626}.drinks-usage{font-weight:600;color:var(--accent-primary, #667eea)}.btn-action-small{padding:6px 14px;background:var(--bg-soft, #f8fafc);border:1px solid var(--border-normal, #e2e8f0);border-radius:6px;color:var(--text-secondary, #64748b);font-size:13px;cursor:pointer;transition:all .2s}.btn-action-small:hover{border-color:var(--accent-primary, #667eea);color:var(--accent-primary, #667eea)}.referrals-page{padding:24px;max-width:1200px;margin:0 auto}.referrals-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.referrals-page .header-left h1{margin:0 0 4px;font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.referrals-page .subtitle{color:var(--text-secondary, #64748b);font-size:14px}.referrals-page .btn-primary{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.referrals-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.referrals-page .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.referrals-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}@media(max-width:1000px){.referrals-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.referrals-page .stats-grid{grid-template-columns:1fr}}.referrals-page .stat-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px}.referrals-page .stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.referrals-page .stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.referrals-page .stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.referrals-page .stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.referrals-page .stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.referrals-page .stat-content{display:flex;flex-direction:column}.referrals-page .stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.referrals-page .stat-label{font-size:13px;color:var(--text-secondary, #64748b)}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:900px){.two-column-layout{grid-template-columns:1fr}}.config-section h2,.referrals-section h2{font-size:20px;font-weight:600;color:var(--text-primary, #1e293b);margin:0 0 20px}.config-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;overflow:hidden;margin-bottom:20px}.config-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-normal, #e2e8f0)}.config-item:last-child{border-bottom:none}.config-info h3{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-primary, #1e293b)}.config-info p{margin:0;font-size:13px;color:var(--text-secondary, #64748b)}.config-input{width:100px;padding:10px 14px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;font-size:14px;text-align:center;background:var(--bg-input, white);color:var(--text-primary, #1e293b)}.config-input:focus{outline:none;border-color:var(--accent-primary, #667eea)}.toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.info-box{background:var(--bg-soft, #f8fafc);border:1px solid var(--border-normal, #e2e8f0);border-radius:12px;padding:20px}.info-box h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #1e293b)}.info-box ol{margin:0;padding-left:20px}.info-box li{font-size:13px;color:var(--text-secondary, #64748b);margin-bottom:8px;line-height:1.5}.info-box li:last-child{margin-bottom:0}.referrals-list{display:flex;flex-direction:column;gap:16px}.referral-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:20px;transition:box-shadow .2s}.referral-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08))}.referral-flow{display:flex;align-items:center;gap:16px;margin-bottom:12px}.user-badge{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.user-badge .user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.user-badge.referrer .user-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.user-badge.referee .user-avatar{background:linear-gradient(135deg,#10b981,#059669)}.user-badge .user-name{font-size:14px;font-weight:500;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reward-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;flex-shrink:0}.flow-arrow{color:var(--text-secondary, #64748b);flex-shrink:0}.referral-meta{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-normal, #e2e8f0)}.status-badge.completed{background:#10b9811a;color:#059669}.status-badge.pending{background:#f59e0b1a;color:#d97706}.referral-date{font-size:12px;color:var(--text-secondary, #64748b)}@media(max-width:600px){.referral-flow{flex-direction:column;gap:12px}.flow-arrow{transform:rotate(90deg)}.user-badge{width:100%;justify-content:center}}.wallet-page{padding:24px;max-width:1200px;margin:0 auto}.wallet-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.wallet-page .header-left h1{margin:0 0 4px;font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.wallet-page .subtitle{color:var(--text-secondary, #64748b);font-size:14px}.wallet-page .btn-primary{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.wallet-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.wallet-page .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.wallet-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media(max-width:1000px){.wallet-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wallet-page .stats-grid{grid-template-columns:1fr}}.wallet-page .stat-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px}.wallet-page .stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.wallet-page .stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.wallet-page .stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.wallet-page .stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.wallet-page .stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.wallet-page .stat-content{display:flex;flex-direction:column}.wallet-page .stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.wallet-page .stat-label{font-size:13px;color:var(--text-secondary, #64748b)}.tabs-container{margin-bottom:24px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-normal, #e2e8f0)}.tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s;margin-bottom:-1px}.tab:hover{color:var(--text-primary, #1e293b)}.tab.active{color:var(--accent-primary, #667eea);border-bottom-color:var(--accent-primary, #667eea)}.wallet-page .filters-bar{display:flex;gap:12px;margin-bottom:24px}.wallet-page .filters-bar select{padding:10px 40px 10px 16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;background:var(--bg-input, white);color:var(--text-primary, #1e293b);font-size:14px;min-width:180px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-card, white);color:var(--text-primary, #1e293b);border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-left:auto}.btn-secondary:hover{background:var(--bg-soft, #f8fafc);border-color:var(--accent-primary, #667eea)}.table-container{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:16px 20px;font-size:12px;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-soft, #f8fafc);border-bottom:1px solid var(--border-normal, #e2e8f0)}.data-table td{padding:16px 20px;font-size:14px;color:var(--text-primary, #1e293b);border-bottom:1px solid var(--border-normal, #e2e8f0)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-soft, #f8fafc)}.gift-code{font-family:Monaco,Menlo,monospace;background:var(--bg-soft, #f1f5f9);padding:4px 8px;border-radius:6px;font-size:13px;color:var(--accent-primary, #667eea)}.value-positive{color:#059669;font-weight:600}.value-zero{color:var(--text-secondary, #64748b)}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.active{background:#10b9811a;color:#059669}.status-badge.used{background:#64748b1a;color:#64748b}.status-badge.expired{background:#ef44441a;color:#dc2626}.table-actions{display:flex;gap:8px}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s}.btn-icon:hover{border-color:var(--accent-primary, #667eea);color:var(--accent-primary, #667eea)}.btn-icon.danger:hover{border-color:#ef4444;color:#ef4444}.wallet-page .config-section{max-width:700px}.wallet-page .section-title{font-size:16px;font-weight:600;color:var(--text-primary, #1e293b);margin:24px 0 16px}.wallet-page .config-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;overflow:hidden}.wallet-page .config-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-normal, #e2e8f0)}.wallet-page .config-item:last-child{border-bottom:none}.wallet-page .config-info h3{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-primary, #1e293b)}.wallet-page .config-info p{margin:0;font-size:13px;color:var(--text-secondary, #64748b)}.wallet-page .config-input{width:100px;padding:10px 14px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;font-size:14px;text-align:center;background:var(--bg-input, white);color:var(--text-primary, #1e293b)}.wallet-page .config-input:focus{outline:none;border-color:var(--accent-primary, #667eea)}.wallet-page .toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.wallet-page .toggle input{opacity:0;width:0;height:0}.wallet-page .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:28px}.wallet-page .toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.wallet-page .toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.wallet-page .toggle input:checked+.toggle-slider:before{transform:translate(24px)}@media(max-width:768px){.table-container{overflow-x:auto}.data-table{min-width:800px}}.operations-page{padding:24px;max-width:1400px;margin:0 auto}.operations-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.operations-page .header-left h1{margin:0 0 4px;font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.operations-page .subtitle{color:var(--text-secondary, #64748b);font-size:14px}.operations-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media(max-width:1200px){.operations-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.operations-page .stats-grid{grid-template-columns:1fr}}.operations-page .stat-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s}.operations-page .stat-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08));transform:translateY(-2px)}.operations-page .stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.operations-page .stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.operations-page .stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.operations-page .stat-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.operations-page .stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.operations-page .stat-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.operations-page .stat-icon.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.operations-page .stat-content{display:flex;flex-direction:column;flex:1}.operations-page .stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #1e293b)}.operations-page .stat-label{font-size:13px;color:var(--text-secondary, #64748b)}.operations-page .stat-link{font-size:12px;color:var(--accent-primary, #667eea);text-decoration:none;display:flex;align-items:center;gap:4px;margin-top:8px}.operations-page .stat-link:hover{text-decoration:underline}.operations-page .section-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;margin-bottom:24px}.operations-page .section-card h2{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--text-primary, #1e293b)}.operations-page .quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.operations-page .quick-actions{grid-template-columns:repeat(2,1fr)}}.operations-page .quick-action{display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:var(--bg-soft, #f8fafc);border:1px solid var(--border-normal, #e2e8f0);border-radius:12px;text-decoration:none;color:var(--text-primary, #1e293b);transition:all .2s}.operations-page .quick-action:hover{background:var(--accent-primary, #667eea);color:#fff;border-color:var(--accent-primary, #667eea);transform:translateY(-2px)}.operations-page .quick-action-icon{font-size:32px;margin-bottom:12px}.operations-page .quick-action span{font-size:14px;font-weight:500}.operations-page .items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1200px){.operations-page .items-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.operations-page .items-grid{grid-template-columns:1fr}}.operations-page .item-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:16px;padding:24px;transition:all .2s}.operations-page .item-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08));transform:translateY(-2px)}.operations-page .item-card.inactive{opacity:.6}.operations-page .item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.operations-page .item-title{display:flex;align-items:center;gap:12px}.operations-page .item-title h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #1e293b)}.operations-page .item-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.operations-page .item-details{margin-bottom:16px}.operations-page .item-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light, #f1f5f9);font-size:14px}.operations-page .item-detail:last-child{border-bottom:none}.operations-page .item-detail-label{color:var(--text-secondary, #64748b)}.operations-page .item-detail-value{font-weight:500;color:var(--text-primary, #1e293b)}.operations-page .item-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--border-normal, #e2e8f0)}.operations-page .data-table{width:100%;border-collapse:collapse}.operations-page .data-table th,.operations-page .data-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border-normal, #e2e8f0)}.operations-page .data-table th{font-size:12px;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;background:var(--bg-soft, #f8fafc)}.operations-page .data-table td{font-size:14px;color:var(--text-primary, #1e293b)}.operations-page .data-table tr:hover td{background:var(--bg-soft, #f8fafc)}.operations-page .status-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.operations-page .status-badge.active,.operations-page .status-badge.online,.operations-page .status-badge.open{background:#dcfce7;color:#16a34a}.operations-page .status-badge.inactive,.operations-page .status-badge.offline,.operations-page .status-badge.closed{background:#f3f4f6;color:#6b7280}.operations-page .status-badge.warning,.operations-page .status-badge.pending{background:#fef3c7;color:#d97706}.operations-page .status-badge.error,.operations-page .status-badge.voided{background:#fee2e2;color:#dc2626}.operations-page .btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;text-decoration:none;border:none}.operations-page .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.operations-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.operations-page .btn-secondary{background:var(--bg-soft, #f8fafc);color:var(--text-primary, #1e293b);border:1px solid var(--border-normal, #e2e8f0)}.operations-page .btn-secondary:hover{background:var(--accent-primary, #667eea);color:#fff;border-color:var(--accent-primary, #667eea)}.operations-page .btn-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.operations-page .btn-danger:hover{background:#dc2626;color:#fff}.operations-page .btn-sm{padding:6px 12px;font-size:13px}.operations-page .filters-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.operations-page .filter-input{flex:1;min-width:200px;padding:12px 16px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:10px;font-size:14px;color:var(--text-primary, #1e293b)}.operations-page .filter-input:focus{outline:none;border-color:var(--accent-primary, #667eea);box-shadow:0 0 0 3px #667eea1a}.operations-page .filter-select{padding:12px 40px 12px 16px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:10px;font-size:14px;color:var(--text-primary, #1e293b);min-width:150px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.operations-page .empty-state{text-align:center;padding:60px 20px}.operations-page .empty-state-icon{font-size:64px;margin-bottom:16px}.operations-page .empty-state p{color:var(--text-secondary, #64748b);margin-bottom:20px}.operations-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.operations-page .loading-spinner{width:40px;height:40px;border:3px solid var(--border-normal, #e2e8f0);border-top-color:var(--accent-primary, #667eea);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.operations-page .form-group{margin-bottom:20px}.operations-page .form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary, #1e293b)}.operations-page .form-input{width:100%;padding:12px 16px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:10px;font-size:14px;color:var(--text-primary, #1e293b);transition:all .2s}.operations-page .form-input:focus{outline:none;border-color:var(--accent-primary, #667eea);box-shadow:0 0 0 3px #667eea1a}.operations-page .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:768px){.operations-page .form-grid{grid-template-columns:1fr}}.operations-page .toggle-container{display:flex;align-items:center;gap:12px}.operations-page .toggle{position:relative;width:48px;height:26px;background:var(--border-normal, #e2e8f0);border-radius:13px;cursor:pointer;transition:background .2s}.operations-page .toggle.active{background:var(--accent-primary, #667eea)}.operations-page .toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.operations-page .toggle.active:after{transform:translate(22px)}.operations-page .tabs-bar{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-normal, #e2e8f0)}.operations-page .tab-btn{padding:12px 20px;background:none;border:none;color:var(--text-secondary, #64748b);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.operations-page .tab-btn:hover{color:var(--accent-primary, #667eea)}.operations-page .tab-btn.active{color:var(--accent-primary, #667eea);border-bottom-color:var(--accent-primary, #667eea)}.operations-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.operations-page .modal-content{background:var(--bg-card, white);border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.operations-page .modal-content h3{margin:0 0 16px;font-size:20px;font-weight:600}.operations-page .alert-card{padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.operations-page .alert-card.warning{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.operations-page .alert-card.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.operations-page .alert-card.success{background:#dcfce7;border:1px solid #86efac;color:#166534}.operations-page .alert-icon{font-size:20px}.operations-page .form-select{width:100%;padding:12px 40px 12px 16px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:10px;font-size:14px;color:var(--text-primary, #1e293b);transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.operations-page .form-select:focus{outline:none;border-color:var(--accent-primary, #667eea);box-shadow:0 0 0 3px #667eea1a}.operations-page .form-error{display:block;margin-top:6px;font-size:13px;color:#dc2626}.operations-page .checkbox-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;border:1px solid var(--border-normal, #e2e8f0);cursor:pointer;transition:all .2s}.operations-page .checkbox-card:hover{border-color:var(--accent-primary, #667eea);background:var(--bg-soft, #f8fafc)}.operations-page .checkbox-card input[type=checkbox]{display:none}.operations-page .checkbox-card input[type=checkbox]:checked+.checkbox-icon{background:var(--accent-primary, #667eea);color:#fff}.operations-page .checkbox-card input[type=checkbox]:checked~.checkbox-content .checkbox-title{color:var(--accent-primary, #667eea)}.operations-page .checkbox-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-soft, #f1f5f9);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #64748b);transition:all .2s;flex-shrink:0}.operations-page .checkbox-content{display:flex;flex-direction:column;flex:1}.operations-page .checkbox-title{font-weight:600;font-size:14px;color:var(--text-primary, #1e293b);transition:color .2s}.operations-page .checkbox-desc{font-size:13px;color:var(--text-secondary, #64748b);margin-top:2px}.operations-page .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@keyframes bannerGlide{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.unsynced-banner{animation:bannerGlide .25s ease-out forwards}.products-page-wrapper{padding:24px}.products-tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-normal);flex-wrap:nowrap;width:100%}.products-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;flex:1;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.products-tab:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-normal)}.products-tab.active{background:#5b6ef5;color:#fff;border-color:#5b6ef5;font-weight:600}.products-tab.active svg{stroke:#fff}.products-content{min-height:400px}.product-form-page{padding:24px}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center;height:42px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;overflow:hidden}.search-box svg{position:absolute;left:14px;color:var(--text-muted, #64748b);pointer-events:none;z-index:1;flex-shrink:0}.search-box input{width:100%;height:100%;padding:0 16px 0 46px;border:none;font-size:14px;background:transparent;color:var(--text-primary, #1e293b)}.search-box:focus-within{border-color:#5b6ef5;box-shadow:0 0 0 3px #5b6ef51a}.search-box input::placeholder{color:var(--text-muted, #94a3b8)}.filter-group select{padding:10px 40px 10px 16px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:14px;min-width:150px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.product-card{background:var(--bg-card);border-radius:10px;border:1px solid var(--border-color, #e2e8f0);overflow:hidden;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.product-card.unavailable{opacity:.6}.product-image{position:relative;height:120px;background:var(--bg-soft)}.product-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;background:var(--bg-soft)}.product-badges{position:absolute;top:8px;left:8px;display:flex;gap:4px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;letter-spacing:.01em}.badge-success{background:#10b98126;color:#059669}.badge-danger{background:#ef44441f;color:#dc2626}.badge-warning,.badge.featured{background:#f59e0b1f;color:#d97706}.badge.unavailable{background:#ef44441f;color:#dc2626}.badge.new{background:#10b98126;color:#059669}.badge-info{background:#5b6ef51f;color:#5b6ef5}.product-content{padding:12px}.product-content h3{margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-category{color:var(--text-secondary, #64748b);font-size:11px;margin:0 0 8px}.product-price{font-size:14px;font-weight:700;color:var(--primary, #0ea5e9)}.product-price small{font-size:10px;font-weight:400;color:var(--text-secondary, #64748b)}.product-sizes{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.size-tag{padding:2px 8px;background:var(--bg-soft);border-radius:4px;font-size:11px;color:var(--text-secondary, #64748b)}.product-actions{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border-color, #e2e8f0);background:var(--bg-soft)}.btn-icon{background:var(--bg-card);border:1px solid var(--border-color, #e2e8f0);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.btn-icon:hover{background:var(--bg-soft)}.categories-container{display:grid;grid-template-columns:1fr 300px;gap:24px}.categories-list{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);overflow:hidden}.category-item{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-color, #e2e8f0);transition:background .2s}.category-item:last-child{border-bottom:none}.category-item:hover{background:var(--bg-soft)}.category-item.inactive{opacity:.5}.drag-handle{cursor:grab;color:var(--text-secondary, #64748b);padding:4px}.drag-handle:active{cursor:grabbing}.category-icon{width:40px;height:40px;border-radius:8px;background:var(--primary-light, #e0f2fe);display:flex;align-items:center;justify-content:center;font-size:20px}.category-info{flex:1}.category-info h4{margin:0 0 2px;font-size:15px;font-weight:600}.category-info span{font-size:12px;color:var(--text-secondary, #64748b)}.category-actions{display:flex;gap:8px}.category-form-panel{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);padding:24px;position:sticky;top:24px}.category-form-panel h3{margin:0 0 20px;font-size:16px;font-weight:600}.product-form-container{display:grid;grid-template-columns:1fr 320px;gap:24px}.form-main,.form-sidebar{display:flex;flex-direction:column;gap:24px}.form-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:0}.form-tabs .tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary, #64748b);transition:all .2s;margin-bottom:-1px}.form-tabs .tab:hover{color:var(--text-primary, #1e293b)}.form-tabs .tab.active{color:var(--primary, #0ea5e9);border-bottom-color:var(--primary, #0ea5e9)}.form-section{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);padding:24px}.form-section h3{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--text-primary, #1e293b)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary, #64748b)}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:14px}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary, #0ea5e9);box-shadow:0 0 0 3px var(--primary-light, rgba(14, 165, 233, .1))}.form-group input.error{border-color:#dc2626}.error-text{color:#dc2626;font-size:12px}.jsonb-editor{border:1px solid var(--border-color, #e2e8f0);border-radius:8px;overflow:hidden}.jsonb-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-soft);border-bottom:1px solid var(--border-color, #e2e8f0)}.jsonb-header h4{margin:0;font-size:14px;font-weight:600}.jsonb-items{padding:12px}.jsonb-item{display:flex;gap:12px;align-items:center;padding:12px;background:var(--bg-soft);border-radius:8px;margin-bottom:8px}.jsonb-item:last-child{margin-bottom:0}.jsonb-item input{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:13px}.jsonb-item .btn-remove{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;font-size:16px}.empty-jsonb{padding:24px;text-align:center;color:var(--text-secondary, #64748b)}.options-editor{display:flex;flex-wrap:wrap;gap:8px}.option-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-soft);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:13px}.option-tag.selected{background:var(--primary-light, #e0f2fe);border-color:var(--primary, #0ea5e9);color:var(--primary, #0ea5e9)}.option-tag input[type=checkbox]{display:none}.product-preview{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);overflow:hidden}.preview-header{padding:16px;border-bottom:1px solid var(--border-color, #e2e8f0)}.preview-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-secondary, #64748b)}.preview-image{height:200px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center}.preview-image img{width:100%;height:100%;object-fit:cover}.preview-image .placeholder{font-size:48px;color:var(--text-secondary, #64748b)}.preview-content{padding:16px}.preview-content h4{margin:0 0 4px;font-size:18px;font-weight:600}.preview-content .category{color:var(--text-secondary, #64748b);font-size:13px;margin-bottom:8px}.preview-content .description{font-size:14px;color:var(--text-secondary, #64748b);margin-bottom:12px;line-height:1.5}.preview-content .price{font-size:20px;font-weight:700;color:var(--primary, #0ea5e9)}.settings-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);padding:20px}.settings-card h3{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-secondary, #64748b)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.checkbox-label input{width:18px;height:18px}.btn-primary{background:var(--primary, #0ea5e9);color:#fff;border:none;padding:0 20px;height:42px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.btn-secondary{background:var(--bg-card);color:var(--text-primary, #1e293b);border:1px solid var(--border-color, #e2e8f0);padding:0 20px;height:42px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-soft)}.btn-small{background:var(--bg-card);border:1px solid var(--border-color, #e2e8f0);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-small:hover{background:var(--bg-soft)}.btn-add{display:flex;align-items:center;gap:6px;padding:8px 12px;background:none;border:1px dashed var(--border-color, #e2e8f0);border-radius:6px;color:var(--text-secondary, #64748b);cursor:pointer;font-size:13px;width:100%;justify-content:center;margin-top:8px}.btn-add:hover{border-color:var(--primary, #0ea5e9);color:var(--primary, #0ea5e9)}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px #10b9814d}50%{box-shadow:0 0 0 6px #10b98126}}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 2px #10b98180,0 0 8px #10b98126}50%{box-shadow:0 0 0 3px #10b98159,0 0 12px #10b9811a}}@keyframes highlightFadeOut{0%{background:#10b98114}to{background:transparent}}@keyframes pulse{0%,to{border-color:#ffc24499}50%{border-color:#ffc244}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.product-card.highlighted{position:relative;z-index:10}.empty-state p{color:var(--text-secondary, #64748b);margin:0 0 20px}.recipes-page{padding:0}.recipe-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.recipe-stat-card{background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.recipe-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.recipe-stat-icon.total{background:#5b6ef51a;color:#5b6ef5}.recipe-stat-icon.success{background:#10b9811a;color:#10b981}.recipe-stat-icon.danger{background:#ef44441a;color:#ef4444}.recipe-stat-icon.info{background:#f59e0b1a;color:#f59e0b}.recipe-stat-content{display:flex;flex-direction:column;flex:1}.recipe-stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.recipe-stat-label{font-size:13px;color:var(--text-muted)}.completion-bar{width:100%;height:6px;background:var(--bg-soft);border-radius:3px;margin-top:8px;overflow:hidden}.completion-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:3px;transition:width .3s ease}.quick-filters{display:flex;gap:8px;margin-bottom:16px}.quick-filter-btn{display:flex;align-items:center;gap:6px;padding:0 16px;height:42px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.quick-filter-btn:hover{background:var(--bg-hover)}.quick-filter-btn.active{background:#5b6ef5;color:#fff;border-color:#5b6ef5}.quick-filter-btn.success:not(.active):hover{background:#10b9811a;border-color:#10b981;color:#10b981}.quick-filter-btn.danger:not(.active):hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.sort-buttons{display:flex;gap:8px}.sort-btn{display:flex;align-items:center;gap:6px;padding:0 14px;height:42px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sort-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sort-btn.active{background:var(--bg-hover);border-color:#5b6ef5;color:#5b6ef5}.row-warning{background:#ef444408!important}.row-warning:hover{background:#ef44440f!important}.product-name-cell{display:flex;align-items:center;gap:8px}.warning-icon{color:#ef4444;flex-shrink:0}.recipe-warning-banner{display:flex;align-items:center;gap:16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:16px 20px;margin-top:24px}.recipe-warning-banner svg{color:#ef4444;flex-shrink:0}.recipe-warning-banner div{flex:1}.recipe-warning-banner strong{display:block;color:#ef4444;margin-bottom:4px}.recipe-warning-banner p{font-size:13px;color:var(--text-secondary);margin:0}.products-page .selectors-row{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px;margin-bottom:20px}.products-page .action-buttons{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.products-page .action-buttons .btn-action-outline:hover{background:var(--bg-hover);border-color:#5b6ef5;color:#5b6ef5}.products-page .product-list-item{background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;padding:16px 20px;display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;transition:box-shadow .2s,transform .2s}.products-page .product-list-item:hover{box-shadow:0 4px 12px #00000014}.product-clickable-area:hover{transform:scale(1.02);transition:transform .2s ease}.product-title-link:hover{text-decoration:underline;text-underline-offset:3px}.dark .product-card{background:var(--bg-card);border-color:var(--border-normal)}.dark .product-card:hover{box-shadow:0 4px 12px #0000004d}.dark .product-title-link{color:#f3f4f6!important}.dark .product-info-badge{color:#9ca3af!important}.dark .product-info-badge-margin-good{color:#34d399!important}.dark .product-info-badge-margin-medium{color:#fbbf24!important}.dark .product-info-badge-margin-low{color:#f87171!important}.dark .product-sku{color:#6b7280!important}.dark .product-category-text{color:#9ca3af!important}.dark .dimension-badge{background:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}.dark .product-action-btn{background:transparent!important;border-color:#374151!important;color:#9ca3af!important}.dark .product-action-btn:hover{background:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}.dark .product-action-btn-recipe{background:#10b9811a!important;border-color:#10b9814d!important;color:#34d399!important}.dark .quick-action-btn{background:transparent!important;border-color:#374151!important}.dark .quick-action-btn:hover{background:#374151!important}.dark .price-label{color:#6b7280!important}.dark .price-value{color:#f3f4f6!important}.dark .price-value-promo{color:#f87171!important}.dark .price-value-old{color:#4b5563!important}.dark .unavailable-badge{background:#ef444433!important;color:#f87171!important}.dark .product-image-placeholder{background:#1f2937!important;color:#4b5563!important}.dark .detail-quick-btn{background:transparent!important;border-color:#374151!important;color:#9ca3af!important}.dark .detail-quick-btn:hover{background:#374151!important;color:#e5e7eb!important}.dark .sidebar-item{background:#1f2937!important}.dark .option-tag{background:#1f2937!important;color:#d1d5db!important}.dark .price-card{background:#1f2937!important}.dark .nutrition-card{background:#f59e0b26!important}.dark .detail-action-btn{background:transparent!important;border-color:#374151!important;color:#9ca3af!important}.dark .detail-action-btn:hover{background:#374151!important;color:#e5e7eb!important}.dark .detail-back-btn{background:transparent!important;border-color:#374151!important;color:#9ca3af!important}.dark .detail-back-btn:hover{background:#374151!important;color:#e5e7eb!important}.products-page .category-header-card{background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;padding:16px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}@media(max-width:1024px){.product-form-container,.categories-container{grid-template-columns:1fr}.form-sidebar{order:-1}.products-page .selectors-row{grid-template-columns:1fr 1fr}.products-page .product-list-item{grid-template-columns:60px 1fr;gap:12px}.products-page .product-list-item>div:last-child{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:768px){.page-header{flex-direction:column;gap:16px;align-items:flex-start}.filters-bar{flex-direction:column}.filter-group{flex-wrap:wrap}.form-row,.products-grid,.products-page .selectors-row{grid-template-columns:1fr}.products-page .action-buttons{flex-direction:column}.products-page .action-buttons>*{justify-content:center}.products-page .category-header-card{flex-direction:column;gap:16px;align-items:flex-start}.products-page .category-header-card>div:last-child{width:100%;display:flex;gap:8px}.products-page .category-header-card>div:last-child>*{flex:1;justify-content:center}}.product-detail-layout{padding:24px}.product-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.product-detail-header-left{display:flex;align-items:center;gap:16px}.product-detail-header-right{display:flex;align-items:center;gap:12px}.product-detail-tabs{display:flex;gap:4px;margin-bottom:24px;padding-bottom:0;border-bottom:1px solid var(--border-normal);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.product-detail-tabs::-webkit-scrollbar{display:none}.product-detail-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .2s;margin-bottom:-1px;white-space:nowrap}.product-detail-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.product-detail-tab.active{color:#5b6ef5;border-bottom-color:#5b6ef5;font-weight:600}.product-detail-tab.active svg{color:#5b6ef5}.product-detail-content{min-height:400px}.store-selector-wrapper{display:flex;align-items:center;gap:8px}.store-selector-wrapper label{font-size:13px;color:var(--text-muted)}.store-selector-wrapper select{padding:8px 32px 8px 12px;border:1px solid var(--border-normal);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:14px;min-width:200px;cursor:pointer}.dark .product-detail-layout{background:var(--bg-page)}.dark .product-detail-tabs{border-bottom-color:#374151}.dark .product-detail-tab{color:#9ca3af}.dark .product-detail-tab:hover{color:#e5e7eb;background:#ffffff0d}.dark .product-detail-tab.active{color:#818cf8;border-bottom-color:#818cf8}.dark .store-selector-wrapper select{background:#1f2937;border-color:#374151;color:#e5e7eb}.dark .details-tab-section{background:var(--bg-card);border-color:#374151}.dark .details-tab-section h3{color:#f3f4f6}.dark .details-tab-input,.dark .details-tab-select,.dark .details-tab-textarea{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}.dark .details-tab-input:focus,.dark .details-tab-select:focus,.dark .details-tab-textarea:focus{border-color:#5b6ef5!important}.dark .details-tab-label{color:#9ca3af!important}.dark .price-slot-card{background:#1f2937!important;border-color:#374151!important}.dark .price-slot-card.enabled{border-color:#5b6ef5!important}.dark .price-slot-card.disabled{opacity:.5}.dark .price-slot-header{color:#d1d5db!important}.dark .image-upload-area{background:#1f2937!important;border-color:#374151!important}.dark .image-upload-area:hover{border-color:#5b6ef5!important;background:#5b6ef51a!important}.dark .attributes-group-card{background:var(--bg-card)!important;border-color:#374151!important}.dark .attributes-group-card:hover{border-color:#5b6ef5!important}.dark .attributes-group-header{color:#f3f4f6!important}.dark .attributes-group-options{background:#1f2937!important}.dark .attribute-option-tag{background:#374151!important;color:#d1d5db!important}.dark .available-group-item{background:#1f2937!important;border-color:#374151!important}.dark .available-group-item:hover{border-color:#5b6ef5!important}.dark .promo-slot-card{background:var(--bg-card)!important;border-color:#374151!important}.dark .promo-slot-card.active{border-color:#10b981!important;background:#10b9810d!important}.dark .promo-slot-header{background:#1f2937!important;color:#d1d5db!important}.dark .promo-discount-badge{background:#ef444433!important;color:#f87171!important}.dark .promo-day-btn{background:#374151!important;border-color:#4b5563!important;color:#9ca3af!important}.dark .promo-day-btn.selected{background:#5b6ef5!important;border-color:#5b6ef5!important;color:#fff!important}.dark .promo-label-input{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}.dark .recipe-table{background:var(--bg-card)!important;border-color:#374151!important}.dark .recipe-table th{background:#1f2937!important;color:#9ca3af!important;border-bottom-color:#374151!important}.dark .recipe-table td{border-bottom-color:#374151!important;color:#e5e7eb!important}.dark .recipe-table tr:hover{background:#ffffff05!important}.dark .recipe-cost-card{background:#1f2937!important;border-color:#374151!important}.dark .recipe-add-btn{background:transparent!important;border-color:#374151!important;color:#9ca3af!important}.dark .recipe-add-btn:hover{border-color:#5b6ef5!important;color:#5b6ef5!important}.dark .no-recipe-card{background:#f59e0b1a!important;border-color:#f59e0b4d!important}.dark .nutrition-section{background:var(--bg-card)!important;border-color:#374151!important}.dark .allergen-checkbox{background:#1f2937!important;border-color:#374151!important}.dark .allergen-checkbox.checked{background:#ef444426!important;border-color:#ef44444d!important}.dark .allergen-checkbox label{color:#d1d5db!important}.dark .nutrition-grid-item{background:#1f2937!important}.dark .nutrition-grid-item label{color:#9ca3af!important}.dark .nutrition-grid-item input{background:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}.dark .ingredients-textarea{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}.dark .used-in-card{background:var(--bg-card)!important;border-color:#374151!important}.dark .used-in-card:hover{border-color:#5b6ef5!important;background:#5b6ef50d!important}.dark .used-in-empty{background:var(--bg-card)!important;border-color:#374151!important}.dark .used-in-warning{background:#f59e0b1a!important;border-color:#f59e0b33!important}.dark .used-in-warning p{color:#fbbf24!important}.store-selector-btn span{max-width:160px}@media(max-width:1200px){.product-detail-layout{padding:16px!important}.store-selector-btn{max-width:180px!important}.store-selector-btn span{max-width:130px}}@media(max-width:1024px){.product-detail-header{flex-direction:column;gap:16px;align-items:flex-start}.product-detail-header-right{width:100%;justify-content:flex-start}.store-selector-wrapper{flex:1}.store-selector-wrapper select{width:100%}.detail-action-btn:nth-child(2),.detail-action-btn:nth-child(3){display:none}}@media(max-width:768px){.product-detail-layout{padding:16px}.product-detail-tabs{gap:0}.product-detail-tab{padding:10px 14px;font-size:13px}.product-detail-tab svg{display:none}}.product-details-tab{max-width:100%;overflow:hidden}.product-details-tab>div{max-width:100%}.product-details-tab .price-slots-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -8px;padding:0 8px}@media(max-width:1100px){.product-details-tab>div{display:flex!important;flex-direction:column!important;gap:20px}.product-details-tab>div>div:last-child{order:-1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:640px){.product-details-tab>div>div:last-child{grid-template-columns:1fr}}.toggle-switch-small{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.toggle-switch-small input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:22px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.toggle-switch-small input:checked+.toggle-slider{background-color:#10b981}.toggle-switch-small input:checked+.toggle-slider:before{transform:translate(18px)}.dark .toggle-slider{background-color:#374151}.dark .toggle-switch-small input:checked+.toggle-slider{background-color:#10b981}.products-table-container{width:100%}.products-table-header{-webkit-user-select:none;user-select:none}.products-table-header>div:hover{color:var(--text-primary)}.products-table-row:last-child{border-bottom:none}.products-grid{width:100%}.product-grid-card{position:relative}@media(max-width:900px){.products-table-container .products-table-header,.products-table-container .products-table-row{grid-template-columns:40px 48px 1fr 100px 80px 60px!important;gap:8px!important;font-size:12px}.products-table-header>div:nth-child(4),.products-table-row>div:nth-child(4){display:none}}@media(max-width:600px){.products-table-container .products-table-header,.products-table-container .products-table-row{grid-template-columns:32px 40px 1fr 70px 50px!important;padding:8px 12px!important}.products-table-header>div:nth-child(6),.products-table-row>div:nth-child(6){display:none}}.products-table-row:nth-child(odd){background:var(--bg-card)}.products-table-row:nth-child(2n){background:var(--bg-soft)}.products-table-row:hover{background:#5b6ef50a!important;transition:background .15s ease}.products-table-row.selected{background:#5b6ef50d!important}.products-table-row.highlighted{background:#10b9810f!important;border-radius:8px;animation:highlightPulse 1.2s ease-in-out infinite!important}.dark .products-table-container{background:var(--bg-card);border-color:#ffffff14}.dark .products-table-header{background:#ffffff08;border-bottom-color:#ffffff0f;color:var(--text-secondary)}.dark .products-table-row{border-bottom-color:#ffffff0f}.dark .products-table-row:nth-child(2n){background:#ffffff05}.dark .products-table-row:hover{background:#ffffff0a!important}.dark .product-grid-card{background:var(--bg-card);border-color:#374151}.dark .product-grid-card:hover{border-color:#5b6ef5}.view-switcher{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:8px;overflow:hidden}.view-switcher button{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.view-switcher button:first-child{border-right:1px solid var(--border-normal)}.view-switcher button:hover{background:var(--bg-hover);color:var(--text-primary)}.view-switcher button.active{background:var(--primary-blue);color:#fff}.dark .view-switcher{background:#1f2937;border-color:#374151}.dark .view-switcher button:first-child{border-right-color:#374151}.dark .view-switcher button:hover{background:#374151}.dark .view-switcher button.active{background:#5b6ef5}.product-wizard-modal{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overflow-x:hidden}@media(max-width:1024px){.product-wizard-modal{max-width:90vw!important;margin:0 auto}}@media(max-width:768px){.product-wizard-modal{max-width:100vw!important;width:100vw!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important}.product-wizard-modal h2{font-size:20px!important}.product-wizard-modal .wizard-icon{width:48px!important;height:48px!important}}@media(max-width:480px){.product-wizard-modal{padding:16px!important}.product-wizard-modal h2{font-size:18px!important}}.image-uploader{--uploader-primary: #8B5CF6;--uploader-primary-light: rgba(139, 92, 246, .1);--uploader-primary-border: rgba(139, 92, 246, .3);--uploader-danger: #EF4444;--uploader-success: #10B981}.image-drop-zone{border:2px dashed var(--border-normal);border-radius:12px;padding:32px 20px;text-align:center;transition:all .3s ease;cursor:pointer;background:var(--bg-soft);min-height:180px;display:flex;align-items:center;justify-content:center}.image-drop-zone:hover{border-color:var(--uploader-primary);background:var(--uploader-primary-light)}.image-drop-zone.dragging{border-color:var(--uploader-primary);background:var(--uploader-primary-light);transform:scale(1.02);border-style:solid}.image-drop-zone.processing{pointer-events:none;opacity:.7}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon{color:var(--text-muted);opacity:.6}.image-drop-zone:hover .upload-icon{color:var(--uploader-primary);opacity:1}.upload-text{font-size:14px;color:var(--text-secondary);margin:0}.select-button{background:var(--uploader-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.select-button:hover{background:#7c3aed;transform:translateY(-1px)}.upload-hint{font-size:12px;color:var(--text-muted);margin:0}.drop-indicator{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--uploader-primary);animation:bounce .5s ease infinite alternate}.drop-indicator span{font-size:16px;font-weight:500}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.processing-indicator{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-normal);border-top-color:var(--uploader-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner.small{width:16px;height:16px;border-width:2px}.image-preview-wrapper{display:flex;flex-direction:column;gap:12px}.image-preview{position:relative;border-radius:12px;overflow:hidden;background:var(--bg-soft);border:1px solid var(--border-normal)}.image-preview img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover}.image-preview-actions{display:flex;flex-direction:column;gap:8px}.preview-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--border-normal);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;background:var(--bg-soft);color:var(--text-secondary);width:100%}.preview-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--text-muted)}.preview-btn.edit:hover{border-color:var(--uploader-primary);color:var(--uploader-primary);background:var(--uploader-primary-light)}.preview-btn.replace{background:var(--uploader-primary);color:#fff;border-color:var(--uploader-primary)}.preview-btn.replace:hover{background:#7c3aed;border-color:#7c3aed}.preview-btn.delete:hover{border-color:var(--uploader-danger);color:var(--uploader-danger);background:#ef444414}.crop-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.crop-modal{background:var(--bg-card);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:600px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-normal)}.crop-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-normal)}.crop-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.close-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-muted);border-radius:8px;transition:all .2s}.close-btn:hover{background:var(--bg-soft);color:var(--text-primary)}.crop-container{position:relative;height:350px;background:#18181b}.crop-controls{padding:20px 24px;background:var(--bg-card)}.zoom-label{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.zoom-label span:first-child{width:40px}.zoom-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--border-normal);border-radius:3px;outline:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--uploader-primary);border-radius:50%;cursor:pointer;transition:transform .2s}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.zoom-slider::-moz-range-thumb{width:18px;height:18px;background:var(--uploader-primary);border-radius:50%;cursor:pointer;border:none}.zoom-value{width:40px;text-align:right;font-weight:500;color:var(--text-primary)}.rotation-controls{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-normal)}.rotation-label{font-size:14px;color:var(--text-secondary);width:40px}.rotation-buttons{display:flex;align-items:center;gap:12px}.rotation-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-normal);border-radius:10px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s}.rotation-btn:hover{background:var(--uploader-primary-light);border-color:var(--uploader-primary);color:var(--uploader-primary)}.rotation-btn:active{transform:scale(.95)}.rotation-value{font-size:14px;font-weight:600;color:var(--text-primary);min-width:40px;text-align:center}.crop-hint{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:12px 16px;background:var(--uploader-primary-light);border:1px solid var(--uploader-primary-border);border-radius:8px;font-size:13px;color:var(--uploader-primary)}.crop-hint svg{flex-shrink:0}.crop-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-normal);background:var(--bg-soft)}.btn-cancel,.btn-save{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--bg-card);border:1px solid var(--border-normal);color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-soft);color:var(--text-primary)}.btn-save{background:var(--uploader-primary);border:none;color:#fff}.btn-save:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.btn-save:disabled{opacity:.7;cursor:not-allowed}@media(max-width:640px){.crop-modal{max-width:100%;margin:10px}.crop-container{height:280px}.image-preview-actions{flex-wrap:wrap}.preview-btn{flex:1;justify-content:center;min-width:80px}}.collapsible-option{border:2px solid var(--border-normal);border-radius:12px;background:var(--bg-soft);overflow:hidden;transition:border-color .2s ease}.collapsible-option:hover:not(.disabled){border-color:var(--text-muted)}.collapsible-option.expanded{border-color:#5b6ef5;background:#5b6ef508}.collapsible-option.disabled{opacity:.5;cursor:not-allowed}.collapsible-option-header{width:100%;padding:16px 20px;display:flex;align-items:center;gap:14px;border:none;background:transparent;cursor:pointer;text-align:left}.collapsible-option.disabled .collapsible-option-header{cursor:not-allowed}.collapsible-option-checkbox{position:relative;width:22px;height:22px;flex-shrink:0}.collapsible-option-checkbox input{position:absolute;opacity:0;cursor:pointer}.collapsible-option-checkmark{position:absolute;top:0;left:0;width:22px;height:22px;border:2px solid var(--border-normal);border-radius:6px;background:var(--bg-card);transition:all .2s ease}.collapsible-option.expanded .collapsible-option-checkmark{background:#5b6ef5;border-color:#5b6ef5}.collapsible-option.expanded .collapsible-option-checkmark:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.collapsible-option-text{flex:1}.collapsible-option-label{display:block;font-size:15px;font-weight:500;color:var(--text-primary)}.collapsible-option-desc{display:block;font-size:13px;color:var(--text-muted);margin-top:2px}.collapsible-option-arrow{color:var(--text-muted);transition:transform .3s ease}.collapsible-option-arrow.rotated{transform:rotate(180deg)}.collapsible-option-content{overflow:hidden;transition:max-height .3s ease,opacity .3s ease;pointer-events:auto;position:relative;z-index:1}.collapsible-option-inner{pointer-events:auto;padding:16px 20px 20px;border-top:1px solid var(--border-normal);margin-top:0}.product-type-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:600px){.product-type-picker{grid-template-columns:1fr}}.product-type-card{position:relative;padding:20px;background:var(--bg-soft);border:2px solid var(--border-normal);border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:12px}.product-type-card:hover{border-color:var(--text-muted)}.product-type-card.selected{border-color:#8b5cf6;background:#8b5cf60d}.product-type-emoji{font-size:32px}.product-type-content{display:flex;flex-direction:column;gap:4px}.product-type-content strong{font-size:15px;color:var(--text-primary)}.product-type-desc{font-size:13px;color:var(--text-secondary);line-height:1.4}.product-type-examples{font-size:12px;color:var(--text-muted);font-style:italic;margin-top:4px}.product-type-check{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#8b5cf6;display:flex;align-items:center;justify-content:center;color:#fff}.channels-picker{display:flex;flex-direction:column;gap:24px}.channels-section h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:600px){.channels-grid{grid-template-columns:1fr}}.channel-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-soft);border:2px solid var(--border-normal);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.channel-card:hover{border-color:var(--text-muted)}.channel-card.selected{border-color:#10b981;background:#10b9810d}.channel-card.delivery.selected{border-color:#f59e0b;background:#f59e0b0d}.channel-icon{width:36px;height:36px;border-radius:10px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.channel-info{flex:1;min-width:0}.channel-info strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.channel-info span{font-size:12px;color:var(--text-muted)}.channel-checkbox{color:var(--text-muted)}.channel-card.selected .channel-checkbox{color:#10b981}.channel-card.delivery.selected .channel-checkbox{color:#f59e0b}.channels-hint{margin:12px 0 0;padding:12px 16px;background:#5b6ef514;border-radius:10px;font-size:13px;color:var(--text-secondary);line-height:1.5}.channels-picker-v2{display:flex;flex-direction:column;gap:28px}.channels-section-v2{display:flex;flex-direction:column;gap:12px}.channels-section-title{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.channels-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel-card-v2{display:flex;flex-direction:column;gap:4px;padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.channel-card-v2:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.channel-card-v2.selected{border-color:#10b981;background:linear-gradient(135deg,#10b9810a,#10b98114)}.channel-card-v2.delivery.bolt.selected{border-color:#34d399;background:linear-gradient(135deg,#34d3990a,#34d3991a)}.channel-card-v2.delivery.wolt.selected{border-color:#00c2e8;background:linear-gradient(135deg,#00c2e80a,#00c2e81a)}.channel-card-v2.delivery.glovo.selected{border-color:#ffc244;background:linear-gradient(135deg,#ffc2440a,#ffc2441f)}.channel-card-top{display:flex;align-items:center;gap:10px;width:100%}.channel-name{flex:1;font-size:15px;font-weight:600;color:#111827}.channel-desc{font-size:13px;color:#6b7280;text-align:center;white-space:nowrap}.channel-icon-v2{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f3f4f6;color:#6b7280}.channel-icon-v2.pos{background:#ecfdf5;color:#059669}.channel-icon-v2.app{background:#eff6ff;color:#2563eb}.channel-icon-v2.website{background:#f5f3ff;color:#7c3aed}.channel-logo-v2{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:10px;letter-spacing:.5px}.channel-logo-v2.bolt{background:#34d399;color:#fff}.channel-logo-v2.wolt{background:#00c2e8;color:#fff}.channel-logo-v2.glovo{background:#ffc244;color:#1a1a1a}.channel-info-v2{flex:1;min-width:0}.channel-info-v2 strong{display:block;font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.channel-info-v2 span{display:block;font-size:12px;color:#6b7280}.channel-checkbox-v2{width:24px;height:24px;border-radius:6px;border:2px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.channel-checkbox-v2.checked{border-color:#10b981;background:#10b981;color:#fff}.channel-checkbox-v2.bolt.checked{border-color:#34d399;background:#34d399}.channel-checkbox-v2.wolt.checked{border-color:#00c2e8;background:#00c2e8}.channel-checkbox-v2.glovo.checked{border-color:#ffc244;background:#ffc244;color:#1a1a1a}.channels-hint-v2{margin:8px 0 0;padding:12px 16px;background:#fffbeb;border:1px solid #fef3c7;border-radius:10px;font-size:13px;color:#92400e;line-height:1.5}.dark .channel-card-v2{background:#1f2937;border-color:#374151}.dark .channel-card-v2:hover{border-color:#4b5563}.dark .channel-card-v2.selected{border-color:#10b981;background:#10b9811a}.dark .channel-icon-v2{background:#374151;color:#9ca3af}.dark .channel-info-v2 strong{color:#f9fafb}.dark .channel-info-v2 span{color:#9ca3af}.dark .channel-name{color:#f9fafb}.dark .channel-desc{color:#9ca3af}.dark .channel-checkbox-v2{border-color:#4b5563;background:#374151}.dark .channels-hint-v2{background:#fffbeb1a;border-color:#fef3c733;color:#fcd34d}@media(max-width:768px){.channels-grid-v2{grid-template-columns:1fr}}.price-editor{display:flex;flex-direction:column;gap:24px}.price-editor-main{text-align:center}.price-editor-main label{display:block;font-size:14px;color:var(--text-muted);margin-bottom:12px}.price-input-row{display:flex;align-items:center;justify-content:center;gap:12px}.price-input-row.compact{justify-content:flex-start}.price-input-large{width:180px;padding:16px 20px;font-size:28px;font-weight:700;text-align:center;border:2px solid var(--border-normal);border-radius:12px;background:var(--bg-soft);color:var(--text-primary);transition:all .2s ease}.price-input-large:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.price-currency{font-size:18px;font-weight:600;color:var(--text-muted)}.vat-selector{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.vat-selector span{font-size:14px;color:var(--text-muted)}.vat-btn{padding:8px 16px;border:2px solid var(--border-normal);border-radius:8px;background:var(--bg-soft);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.vat-btn:hover{border-color:var(--text-muted)}.vat-btn.selected{border-color:#5b6ef5;background:#5b6ef51a;color:#5b6ef5}.price-editor-options{display:flex;flex-direction:column;gap:12px}.price-editor-options h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.sizes-option{border:2px solid var(--border-normal);border-radius:12px;background:var(--bg-soft);overflow:hidden;transition:border-color .2s ease}.sizes-option:hover:not(.expanded){border-color:var(--text-muted)}.sizes-option.expanded{border-color:#5b6ef5;background:#5b6ef508}.sizes-option-header{width:100%;padding:16px 20px;display:flex;align-items:center;gap:14px;border:none;background:transparent;cursor:pointer;text-align:left}.sizes-main-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sizes-option-checkmark-visual{position:relative;width:22px;height:22px;border:2px solid var(--border-normal);border-radius:6px;background:var(--bg-card);transition:all .2s ease;flex-shrink:0}.sizes-option.expanded .sizes-option-checkmark-visual{background:#5b6ef5;border-color:#5b6ef5}.sizes-option.expanded .sizes-option-checkmark-visual:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.sizes-option-text{flex:1}.sizes-option-label{display:block;font-size:15px;font-weight:500;color:var(--text-primary)}.sizes-option-desc{display:block;font-size:13px;color:var(--text-muted);margin-top:2px}.sizes-option-arrow{color:var(--text-muted);transition:transform .3s ease}.sizes-option-arrow.rotated{transform:rotate(180deg)}.sizes-option-content{padding:16px 20px 20px;border-top:1px solid var(--border-normal)}.sizes-list-native{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.size-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:10px;transition:all .15s ease}.size-item:hover{border-color:var(--text-muted)}.size-item.selected{border-color:#10b981;background:#10b9810d}.size-item-label{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1;position:relative}.size-item-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#10B981}.size-item-checkmark{display:none}.size-item.selected .size-item-checkmark{background:#10b981;border-color:#10b981}.size-item.selected .size-item-checkmark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.size-item-name{font-size:14px;font-weight:500;color:var(--text-primary)}.size-item-price{display:flex;align-items:center;gap:6px}.size-item-price input{width:80px;padding:8px 12px;border:1px solid var(--border-normal);border-radius:8px;font-size:14px;font-weight:600;text-align:right;background:var(--bg-soft)}.size-item-price input:focus{outline:none;border-color:#5b6ef5}.size-item-price span{font-size:12px;color:var(--text-muted)}.sizes-hint{font-size:13px;color:var(--text-muted);margin:0 0 12px}.add-size-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:2px dashed var(--border-normal);border-radius:10px;background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s ease}.add-size-btn:hover{border-color:#5b6ef5;color:#5b6ef5}.add-size-input{display:flex;gap:8px}.add-size-input input{flex:1;padding:10px 14px;border:1px solid var(--border-normal);border-radius:8px;font-size:14px;background:var(--bg-card)}.confirm-btn,.cancel-btn{width:40px;height:40px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.confirm-btn{background:#10b981;color:#fff}.cancel-btn{background:var(--bg-soft);border:1px solid var(--border-normal);color:var(--text-muted)}.price-groups-editor{display:flex;flex-direction:column;gap:10px}.price-groups-hint{margin:0 0 12px;font-size:13px;color:var(--text-muted)}.price-group-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:10px;border-left:4px solid var(--border-normal);opacity:.6;transition:opacity .2s ease}.price-group-row.enabled{opacity:1}.price-group-checkbox{position:relative;display:flex;align-items:center;cursor:pointer}.price-group-checkbox input{position:absolute;opacity:0;width:0;height:0}.price-group-checkmark{width:20px;height:20px;border:2px solid var(--border-normal);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.price-group-checkbox input:checked+.price-group-checkmark{border-color:currentColor}.price-group-checkbox input:checked+.price-group-checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.price-group-label{display:flex;align-items:center;gap:8px;flex:1}.price-group-label strong{font-size:14px;color:var(--text-primary)}.price-group-input{display:flex;align-items:center;gap:6px}.price-group-input input{width:90px;padding:8px 12px;border:1px solid var(--border-normal);border-radius:8px;font-size:14px;font-weight:600;text-align:right;background:var(--bg-soft)}.price-group-input input:focus{outline:none;border-color:#5b6ef5}.price-group-input input:disabled{opacity:.5;cursor:not-allowed}.price-group-input span{font-size:12px;color:var(--text-muted)}.single-price-editor{display:flex;flex-direction:column;gap:12px}.single-price-editor .price-input-row input{width:120px;padding:10px 14px;font-size:16px;font-weight:600;text-align:right;border:1px solid var(--border-normal);border-radius:8px;background:var(--bg-card)}.single-price-editor .price-input-row input:focus{outline:none;border-color:#5b6ef5}.single-price-editor .price-input-row span{font-size:14px;color:var(--text-muted)}.delivery-hint{margin:0 0 12px;padding:10px 14px;background:#f59e0b14;border-radius:8px;font-size:13px;color:var(--text-secondary);line-height:1.5}.size-prices-list{display:flex;flex-direction:column;gap:10px}.size-price-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:10px}.size-price-name{font-size:14px;font-weight:500;color:var(--text-primary)}.size-price-input{display:flex;align-items:center;gap:6px}.size-price-input input{width:80px;padding:8px 12px;border:1px solid var(--border-normal);border-radius:8px;font-size:14px;font-weight:600;text-align:right;background:var(--bg-soft)}.size-price-input input:focus{outline:none;border-color:#5b6ef5}.size-price-input span{font-size:12px;color:var(--text-muted)}.summary-card{background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:14px;padding:24px}.summary-header{margin-bottom:16px}.summary-header h3{margin:0 0 4px;font-size:20px;font-weight:600;color:var(--text-primary)}.summary-header p{margin:0;font-size:14px;color:var(--text-muted)}.summary-divider{height:1px;background:var(--border-normal);margin:16px 0}.summary-row{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 0}.summary-row>span{font-size:14px;color:var(--text-muted)}.summary-row>strong{font-size:14px;color:var(--text-primary);text-align:right}.summary-vat{font-weight:400;color:var(--text-muted);font-size:12px}.summary-channels{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.summary-channel-badge{padding:4px 10px;background:#5b6ef51a;border-radius:6px;font-size:12px;font-weight:500;color:#5b6ef5}.summary-no-channels{font-size:13px;color:var(--text-muted);font-style:italic}.status-active{color:#10b981!important}.status-inactive{color:#ef4444!important}.summary-labels{display:flex;gap:6px}.summary-label{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.summary-label.featured{background:#f59e0b1a;color:#d97706}.summary-label.new{background:#10b9811a;color:#10b981}.dark .collapsible-option{background:#ffffff05}.dark .collapsible-option.expanded{background:#5b6ef50d}.dark .product-type-card,.dark .channel-card{background:#ffffff05}.dark .size-item,.dark .price-group-row{background:#ffffff08}.dark .sizes-option{background:#ffffff05}.dark .sizes-option.expanded{background:#5b6ef50d}.dark .summary-card{background:#ffffff05}.summary-card-v2{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.summary-section-header{background:#f9fafb;padding:14px 20px;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.summary-table{padding:4px 20px}.summary-table-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.summary-table-row:last-child{border-bottom:none}.summary-table-row .summary-label{font-size:14px;color:#6b7280;font-weight:400}.summary-table-row .summary-value{font-size:14px;color:#111827;font-weight:500;text-align:right}.summary-table-row .summary-value-price{font-size:16px;font-weight:600;color:#111827}.summary-divider-v2{height:1px;background:#e5e7eb}.summary-channels-section{padding:16px 20px}.summary-channels-title{display:block;font-size:13px;color:#6b7280;margin-bottom:12px}.summary-channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.summary-channel-item{display:flex;align-items:center;gap:6px;font-size:13px;padding:8px 12px;border-radius:6px;background:#f9fafb}.summary-channel-item.active{color:#059669;background:#ecfdf5}.summary-channel-item.inactive{color:#9ca3af;background:#f9fafb}.summary-channel-check{color:#10b981}.summary-channel-x{color:#d1d5db}.summary-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.summary-status-badge.active{background:#ecfdf5;color:#059669}.summary-status-badge.inactive{background:#fef2f2;color:#dc2626}.dark .summary-card-v2{background:#1f2937;border-color:#374151}.dark .summary-section-header{background:#111827;color:#e5e7eb;border-color:#374151}.dark .summary-table-row{border-color:#374151}.dark .summary-table-row .summary-label{color:#9ca3af}.dark .summary-table-row .summary-value{color:#f9fafb}.dark .summary-divider-v2{background:#374151}.dark .summary-channels-title{color:#9ca3af}.dark .summary-channel-item{background:#374151}.dark .summary-channel-item.active{background:#10b98126;color:#34d399}.dark .summary-channel-item.inactive{color:#6b7280}.dark .summary-status-badge.active{background:#10b98126;color:#34d399}.dark .summary-status-badge.inactive{background:#ef444426;color:#f87171}.wizard-image-hint{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}@media(max-width:600px){.price-input-large{width:140px;font-size:24px;padding:14px 16px}.vat-selector{flex-wrap:wrap}.size-item{flex-direction:column;align-items:flex-start;gap:10px}.size-item-label,.size-item-price{width:100%}.size-item-price input{flex:1}.price-group-row{flex-direction:column;align-items:flex-start;gap:10px}.price-group-input{width:100%}.price-group-input input{flex:1}.summary-row{flex-direction:column;gap:4px}.summary-channels{justify-content:flex-start}.summary-channels-grid{grid-template-columns:repeat(2,1fr)}.summary-table-row{flex-direction:column;align-items:flex-start;gap:4px}.summary-table-row .summary-value{text-align:left}}.product-wizard-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg-main)}.wizard-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-card);border-bottom:1px solid var(--border-normal)}.wizard-header-left{display:flex;align-items:center;gap:16px}.wizard-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--border-normal);border-radius:10px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.wizard-back-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.wizard-back-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-header-right{display:flex;align-items:center;gap:12px}.wizard-step-label{font-size:14px;font-weight:500;color:var(--text-muted);background:var(--bg-soft);padding:8px 16px;border-radius:8px}.wizard-skip-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px dashed var(--border-normal);border-radius:8px;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.wizard-skip-btn:hover{background:#f59e0b14;border-color:#f59e0b;color:#f59e0b}.wizard-skip-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-progress{height:6px;background:var(--bg-soft);overflow:hidden}.wizard-progress-bar{height:100%;background:linear-gradient(90deg,#5b6ef5,#8b5cf6,#a855f7);border-radius:0 3px 3px 0;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 12px #8b5cf666}.wizard-progress-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmerRight 2s ease-in-out infinite}@keyframes shimmerRight{0%{background-position:-200% 0}to{background-position:200% 0}}.wizard-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:40px 24px}.wizard-content-inner{max-width:600px;margin:0 auto}.wizard-step{animation:fadeIn .3s ease}.wizard-step-header{text-align:center;margin-bottom:32px}.wizard-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px #00000026}.wizard-step-header h2{margin:0 0 12px;font-size:26px;font-weight:700;color:var(--text-primary)}.wizard-step-header p{margin:0;font-size:15px;line-height:1.6;color:var(--text-muted)}.wizard-step-header .hint{font-size:13px;opacity:.8}.wizard-input-large{width:100%;padding:18px 24px;font-size:18px;font-weight:500;text-align:center;border:2px solid var(--border-normal);border-radius:14px;background:var(--bg-soft);color:var(--text-primary);transition:all .2s ease}.wizard-input-large:focus{outline:none;border-color:#5b6ef5;box-shadow:0 0 0 4px #5b6ef51a}.wizard-input-large::placeholder{color:var(--text-muted)}.wizard-input{width:100%;padding:14px 18px;font-size:15px;border:2px solid var(--border-normal);border-radius:12px;background:var(--bg-soft);color:var(--text-primary);transition:all .2s ease}.wizard-input:focus{outline:none;border-color:#5b6ef5;box-shadow:0 0 0 3px #5b6ef51a}.wizard-dropdown-container{position:relative}.wizard-dropdown-overlay{position:fixed;inset:0;z-index:99}.wizard-dropdown-trigger{width:100%;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border:2px solid var(--border-normal);border-radius:14px;background:var(--bg-soft);cursor:pointer;transition:all .2s ease}.wizard-dropdown-trigger.open{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.wizard-dropdown-trigger-content{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:var(--text-primary)}.dropdown-arrow{transition:transform .2s ease}.wizard-dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.wizard-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:14px;box-shadow:0 12px 36px #00000026;z-index:100;max-height:300px;overflow-y:auto}.wizard-dropdown-create{width:100%;padding:14px 18px;display:flex;align-items:center;gap:10px;border:none;border-bottom:1px solid var(--border-normal);background:transparent;color:#5b6ef5;font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s ease}.wizard-dropdown-create:hover{background:var(--bg-soft)}.wizard-dropdown-item{width:100%;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border:none;border-bottom:1px solid var(--border-normal);background:transparent;color:var(--text-primary);font-size:15px;cursor:pointer;text-align:left;transition:background .15s ease}.wizard-dropdown-item:last-child{border-bottom:none}.wizard-dropdown-item:hover{background:var(--bg-soft)}.wizard-dropdown-item.selected{background:#10b98114;font-weight:500}.wizard-selection-confirm{margin-top:20px;padding:16px 20px;display:flex;align-items:center;gap:14px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:12px}.wizard-selection-confirm-icon{width:36px;height:36px;border-radius:10px;background:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wizard-selection-confirm-text{flex:1}.wizard-selection-confirm-text strong{display:block;font-size:13px;color:#10b981;margin-bottom:2px}.wizard-selection-confirm-text span{font-size:15px;color:var(--text-primary)}.wizard-selection-change{padding:8px 14px;border:1px solid rgba(16,185,129,.3);border-radius:8px;background:transparent;color:#10b981;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.wizard-selection-change:hover{background:#10b9811a}.wizard-channel-options{display:flex;flex-direction:column;gap:12px}.wizard-channel-option{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--bg-soft);border:2px solid var(--border-normal);border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left}.wizard-channel-option:hover{border-color:var(--text-muted)}.wizard-channel-option.selected{border-color:#10b981;background:#10b9810d}.wizard-channel-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.wizard-channel-info{flex:1}.wizard-channel-info strong{display:block;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.wizard-channel-info span{font-size:14px;line-height:1.5;color:var(--text-secondary)}.wizard-channel-check{color:var(--text-muted)}.wizard-type-options{display:flex;flex-direction:column;gap:12px}.wizard-type-option{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--bg-soft);border:2px solid var(--border-normal);border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.wizard-type-option:hover{border-color:var(--text-muted)}.wizard-type-option.selected{border-color:#8b5cf6;background:#8b5cf60d}.wizard-type-emoji{font-size:28px;width:48px;text-align:center}.wizard-type-info{flex:1}.wizard-type-info strong{display:block;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.wizard-type-info span{font-size:14px;line-height:1.5;color:var(--text-secondary)}.wizard-type-check{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#8b5cf6;display:flex;align-items:center;justify-content:center}.wizard-price-input-container{display:flex;align-items:center;gap:12px;max-width:300px;margin:0 auto}.wizard-price-input{flex:1;padding:18px 24px;font-size:32px;font-weight:700;text-align:center;border:2px solid var(--border-normal);border-radius:14px;background:var(--bg-soft);color:var(--text-primary);transition:all .2s ease}.wizard-price-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.wizard-price-currency{font-size:20px;font-weight:600;color:var(--text-muted)}.wizard-vat-selector{margin-top:24px;text-align:center}.wizard-vat-selector label{display:block;font-size:14px;color:var(--text-muted);margin-bottom:12px}.wizard-vat-options{display:flex;justify-content:center;gap:10px}.wizard-vat-btn{padding:10px 20px;border:2px solid var(--border-normal);border-radius:10px;background:var(--bg-soft);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.wizard-vat-btn:hover{border-color:var(--text-muted)}.wizard-vat-btn.selected{border-color:#5b6ef5;background:#5b6ef51a;color:#5b6ef5}.wizard-sizes-toggle{display:flex;gap:12px;margin-bottom:24px}.wizard-toggle-btn{flex:1;padding:16px 20px;border:2px solid var(--border-normal);border-radius:12px;background:var(--bg-soft);color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.wizard-toggle-btn:hover{border-color:var(--text-muted)}.wizard-toggle-btn.selected{border-color:#5b6ef5;background:#5b6ef514;color:#5b6ef5}.wizard-sizes-list{display:flex;flex-direction:column;gap:10px}.wizard-sizes-hint{font-size:14px;color:var(--text-muted);margin-bottom:8px}.wizard-size-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:2px solid var(--border-normal);border-radius:12px;background:var(--bg-soft);color:var(--text-primary);font-size:15px;cursor:pointer;transition:all .2s ease}.wizard-size-item:hover{border-color:var(--text-muted)}.wizard-size-item.selected{border-color:#10b981;background:#10b9810d}.wizard-add-size-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:2px dashed var(--border-normal);border-radius:12px;background:transparent;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .2s ease}.wizard-add-size-btn:hover{border-color:#5b6ef5;color:#5b6ef5}.wizard-add-size-input{display:flex;gap:8px}.wizard-add-size-input input{flex:1;padding:12px 16px;border:2px solid var(--border-normal);border-radius:10px;background:var(--bg-soft);font-size:14px}.wizard-add-size-confirm,.wizard-add-size-cancel{width:44px;height:44px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.wizard-add-size-confirm{background:#10b981;color:#fff}.wizard-add-size-cancel{background:var(--bg-soft);border:1px solid var(--border-normal);color:var(--text-muted)}.wizard-size-prices{display:flex;flex-direction:column;gap:12px}.wizard-size-price-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:12px}.wizard-size-name{font-size:15px;font-weight:500;color:var(--text-primary)}.wizard-size-price-input{display:flex;align-items:center;gap:8px}.wizard-size-price-input input{width:100px;padding:10px 14px;border:2px solid var(--border-normal);border-radius:10px;background:var(--bg-card);font-size:16px;font-weight:600;text-align:right}.wizard-size-price-input input:focus{outline:none;border-color:#5b6ef5}.wizard-size-price-input span{font-size:14px;color:var(--text-muted)}.wizard-price-groups{display:flex;flex-direction:column;gap:16px}.wizard-price-group{padding:20px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:14px}.wizard-price-group-header{margin-bottom:12px}.wizard-price-group-header strong{display:block;font-size:15px;color:var(--text-primary);margin-bottom:4px}.wizard-price-group-stores{font-size:13px;color:var(--text-muted)}.wizard-price-group-input{display:flex;align-items:center;gap:10px}.wizard-price-group-input input{flex:1;padding:12px 16px;border:2px solid var(--border-normal);border-radius:10px;background:var(--bg-card);font-size:16px;font-weight:600}.wizard-price-group-input input:focus{outline:none;border-color:#5b6ef5}.wizard-price-group-input span{font-size:14px;color:var(--text-muted);font-weight:500}.wizard-checkbox-option{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-soft);border:2px solid var(--border-normal);border-radius:14px;cursor:pointer;transition:all .2s ease}.wizard-checkbox-option:hover{border-color:var(--text-muted)}.wizard-checkbox-option input[type=checkbox]{width:22px;height:22px;accent-color:#10B981;cursor:pointer}.wizard-checkbox-text{display:flex;flex-direction:column;gap:2px}.wizard-checkbox-text strong{font-size:15px;color:var(--text-primary)}.wizard-checkbox-text span{font-size:14px;line-height:1.5;color:var(--text-secondary)}.wizard-availability-options{display:flex;flex-direction:column;gap:16px}.wizard-availability-option{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:14px;cursor:pointer}.wizard-availability-info{display:flex;flex-direction:column;gap:4px}.wizard-availability-info strong{font-size:15px;color:var(--text-primary)}.wizard-availability-info span{font-size:14px;line-height:1.5;color:var(--text-secondary)}.wizard-toggle{width:52px;height:28px;border-radius:14px;background:#d1d5db;position:relative;transition:background .2s ease;cursor:pointer}.wizard-toggle.on{background:#10b981}.wizard-toggle-handle{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s ease}.wizard-toggle.on .wizard-toggle-handle{transform:translate(24px)}.wizard-image-upload{display:flex;flex-direction:column;gap:16px}.wizard-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;background:var(--bg-soft);border:2px dashed var(--border-normal);border-radius:16px;color:var(--text-muted)}.wizard-image-preview{position:relative;border-radius:16px;overflow:hidden}.wizard-image-preview img{width:100%;height:200px;object-fit:cover}.wizard-image-remove{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:8px;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.wizard-image-remove:hover{background:#ef4444cc}.wizard-summary{background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:14px;padding:20px;margin-bottom:24px}.wizard-summary-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-normal)}.wizard-summary-row:last-child{border-bottom:none}.wizard-summary-row span{font-size:14px;color:var(--text-muted)}.wizard-summary-row strong{font-size:14px;color:var(--text-primary)}.wizard-reminder{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:14px}.wizard-reminder-icon{font-size:24px}.wizard-reminder-text strong{display:block;font-size:14px;color:#d97706;margin-bottom:4px}.wizard-reminder-text span{font-size:13px;color:var(--text-secondary)}.wizard-footer{position:sticky;bottom:0;z-index:100;padding:16px 24px;background:var(--bg-card);border-top:1px solid var(--border-normal)}.wizard-footer-inner{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:12px}.wizard-validation-error{margin-top:20px;padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:13px;font-weight:500;text-align:center}.wizard-btn-back{padding:14px 24px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:12px;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.wizard-btn-back:hover{background:var(--bg-hover);color:var(--text-primary)}.wizard-btn-back:disabled{opacity:.5;cursor:not-allowed}.wizard-btn-skip{padding:14px 20px;background:transparent;border:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer}.wizard-btn-skip:hover{color:var(--text-secondary)}.wizard-btn-next{flex:1;padding:14px 24px;background:linear-gradient(135deg,#5b6ef5,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;box-shadow:0 4px 12px #5b6ef54d}.wizard-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 16px #5b6ef566}.wizard-btn-next.disabled{background:var(--bg-soft);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.wizard-btn-next .spinner{animation:spin .8s linear infinite}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark .wizard-header{background:var(--bg-card);border-bottom-color:#ffffff14}.dark .wizard-footer{background:var(--bg-card);border-top-color:#ffffff14}.dark .wizard-input-large,.dark .wizard-input,.dark .wizard-price-input{background:#ffffff0d;border-color:#ffffff1a}.dark .wizard-dropdown-menu{background:var(--bg-card);border-color:#ffffff1a}.dark .wizard-channel-option,.dark .wizard-type-option,.dark .wizard-size-item{background:#ffffff08;border-color:#ffffff14}.dark .wizard-toggle{background:#374151}.dark .wizard-toggle.on{background:#10b981}@media(max-width:1024px){.wizard-content-inner{max-width:90%}.wizard-header{padding:14px 20px}.wizard-back-btn span{display:none}.wizard-footer{padding:14px 20px}}@media(max-width:768px){.wizard-header{padding:12px 16px}.wizard-back-btn{padding:10px}.wizard-back-btn span{display:none}.wizard-step-label{font-size:13px;padding:6px 12px}.wizard-content{padding:28px 16px}.wizard-content-inner{max-width:100%}.wizard-icon{width:56px;height:56px;border-radius:14px}.wizard-icon svg{width:28px;height:28px}.wizard-step-header h2{font-size:22px}.wizard-step-header p{font-size:14px}.wizard-input-large{padding:16px 20px;font-size:16px}.wizard-price-input{font-size:28px;padding:16px 20px}.wizard-channel-option,.wizard-type-option{padding:14px 16px}.wizard-channel-info span,.wizard-type-info span{font-size:13px}.wizard-channel-info strong,.wizard-type-info strong{font-size:14px}.wizard-channel-icon{width:42px;height:42px}.wizard-type-emoji{font-size:24px;width:42px}.wizard-sizes-toggle{flex-direction:column}.wizard-footer{padding:12px 16px}.wizard-btn-back,.wizard-btn-next{padding:12px 18px;font-size:14px}.wizard-btn-skip{display:none}.wizard-dropdown-menu{max-height:250px}}@media(max-width:480px){.wizard-header{padding:10px 12px}.wizard-step-label{font-size:12px}.wizard-content{padding:24px 12px}.wizard-step-header h2{font-size:20px}.wizard-price-input-container{max-width:100%}.wizard-footer-inner{flex-wrap:wrap}.wizard-btn-back{width:auto}.wizard-btn-next{min-width:0}}@supports (padding-bottom: env(safe-area-inset-bottom)){.wizard-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}@media(max-width:768px){.wizard-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}}.wizard-info-box{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:#5b6ef514;border:1px solid rgba(91,110,245,.2);border-radius:12px;margin-top:20px;margin-bottom:24px}.wizard-info-box.warning{background:#f59e0b14;border-color:#f59e0b33}.wizard-info-box svg{flex-shrink:0;margin-top:2px}.wizard-info-box p{margin:0;font-size:15px;line-height:1.6;color:var(--text-secondary)}.wizard-info-box>div>p{margin:0;font-size:15px;line-height:1.6;color:var(--text-secondary)}.wizard-info-box>div>p+p{margin-top:8px}.wizard-type-examples{font-size:12px;color:var(--text-muted);font-style:italic;margin-top:6px;line-height:1.5}.wizard-discount-options{display:flex;flex-direction:column;gap:12px}.wizard-discount-option{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:12px;cursor:pointer}.wizard-discount-info{display:flex;flex-direction:column;gap:4px}.wizard-discount-info strong{font-size:15px;color:var(--text-primary)}.wizard-discount-info span{font-size:14px;line-height:1.5;color:var(--text-secondary)}.wizard-discount-slider{margin-top:8px;padding:16px 20px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:12px}.wizard-discount-slider label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wizard-discount-slider label span{font-size:14px;color:var(--text-secondary)}.wizard-discount-slider label strong{font-size:16px;font-weight:700;color:#5b6ef5}.wizard-discount-slider input[type=range]{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#5B6EF5 0%,#5B6EF5 var(--value, 100%),var(--bg-soft) var(--value, 100%),var(--bg-soft) 100%);-webkit-appearance:none;appearance:none;cursor:pointer}.wizard-discount-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#5b6ef5;border:3px solid white;box-shadow:0 2px 8px #5b6ef566;cursor:pointer}.wizard-discount-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#5b6ef5;border:3px solid white;box-shadow:0 2px 8px #5b6ef566;cursor:pointer}.wizard-price-groups-preview{display:flex;flex-direction:column;gap:16px;margin-top:20px}.wizard-price-group-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-soft);border:2px solid var(--border-normal);border-radius:14px;cursor:pointer;transition:all .2s ease}.wizard-price-group-card:hover{border-color:var(--text-muted)}.wizard-price-group-card.selected{border-color:var(--group-color, #5B6EF5);background:#5b6ef50d}.wizard-price-group-emoji{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:12px}.wizard-price-group-info{flex:1}.wizard-price-group-info strong{display:block;font-size:16px;color:var(--text-primary);margin-bottom:4px}.wizard-price-group-info span{display:block;font-size:14px;color:var(--text-secondary);line-height:1.5}.wizard-price-group-hint{font-size:12px;color:var(--text-muted);font-style:italic;margin-top:4px;opacity:.8}.wizard-price-group-compact{padding:16px 20px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:12px;margin-bottom:12px}.wizard-price-group-compact-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.wizard-price-group-compact-header span{font-size:20px}.wizard-price-group-compact-header strong{font-size:14px;color:var(--text-primary)}.wizard-price-group-compact-input{display:flex;align-items:center;gap:10px}.wizard-price-group-compact-input input{flex:1;padding:12px 16px;border:2px solid var(--border-normal);border-radius:10px;background:var(--bg-card);font-size:16px;font-weight:600;text-align:right}.wizard-price-group-compact-input input:focus{outline:none;border-color:#5b6ef5}.wizard-price-group-compact-input span{font-size:14px;color:var(--text-muted);font-weight:500}.wizard-sizes-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding:16px;background:var(--bg-soft);border-radius:12px}.wizard-sizes-summary-label{width:100%;font-size:13px;color:var(--text-muted);margin-bottom:6px}.wizard-size-tag{padding:8px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;font-size:13px;font-weight:500;color:#10b981}.wizard-form-fields{display:flex;flex-direction:column;gap:20px}.wizard-form-group{display:flex;flex-direction:column;gap:8px}.wizard-form-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.wizard-textarea{width:100%;padding:14px 18px;font-size:15px;border:2px solid var(--border-normal);border-radius:12px;background:var(--bg-soft);color:var(--text-primary);resize:vertical;min-height:100px;font-family:inherit;transition:all .2s ease}.wizard-textarea:focus{outline:none;border-color:#5b6ef5;box-shadow:0 0 0 3px #5b6ef51a}.wizard-summary-section{margin-bottom:20px}.wizard-summary-section h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-normal)}.wizard-summary-channels{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.channel-badge{padding:6px 12px;background:#5b6ef51a;border:1px solid rgba(91,110,245,.2);border-radius:6px;font-size:12px;font-weight:500;color:#5b6ef5}.channel-badge.delivery{background:#f59e0b1a;border-color:#f59e0b33;color:#d97706}.wizard-summary-price-groups{display:flex;flex-direction:column;gap:8px;margin-top:8px}.wizard-summary-price-group{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border-radius:8px}.wizard-summary-price-group span:first-child{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary)}.wizard-summary-price-group span:last-child{font-size:14px;font-weight:600;color:#10b981}.wizard-summary-discount-settings{display:flex;flex-direction:column;gap:6px;margin-top:8px}.wizard-summary-discount-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-card);border-radius:6px}.wizard-summary-discount-item span:first-child{font-size:13px;color:var(--text-secondary)}.wizard-summary-discount-item span:last-child{font-size:13px;font-weight:500}.wizard-summary-discount-item span.enabled{color:#10b981}.wizard-summary-discount-item span.disabled{color:#ef4444}.wizard-existing-prices{margin-top:20px;padding:16px 20px;background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:12px}.wizard-existing-prices h4{font-size:14px;font-weight:600;color:#10b981;margin:0 0 12px}.wizard-existing-prices-list{display:flex;flex-direction:column;gap:8px}.wizard-existing-price-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border-radius:8px}.wizard-existing-price-row span:first-child{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary)}.wizard-existing-price-row span:last-child{font-size:14px;font-weight:600;color:var(--text-secondary)}.dark .wizard-info-box{background:#5b6ef51a;border-color:#5b6ef540}.dark .wizard-info-box.warning{background:#f59e0b1a;border-color:#f59e0b40}.dark .wizard-price-group-card,.dark .wizard-price-group-compact,.dark .wizard-discount-option,.dark .wizard-discount-slider{background:#ffffff08}@media(max-width:768px){.wizard-info-box{padding:14px 16px}.wizard-info-box p,.wizard-info-box>div>p,.wizard-info-box ul li{font-size:14px}.wizard-info-box strong{font-size:14px}.wizard-info-box>div{font-size:14px}.wizard-price-group-card{padding:16px;flex-direction:column;text-align:center}.wizard-price-group-emoji{width:48px;height:48px;font-size:28px}.wizard-discount-option{padding:14px 16px}.wizard-summary-section h4{font-size:12px}}.wizard-form-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.wizard-discount-limit{padding:16px 20px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:12px;margin-top:12px}.wizard-discount-limit label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:12px}.wizard-discount-limit .wizard-discount-slider{padding:0;background:transparent;border:none;display:flex;align-items:center;gap:16px}.wizard-discount-limit input[type=range]{flex:1;height:8px;border-radius:4px;background:var(--bg-soft);-webkit-appearance:none;appearance:none;cursor:pointer}.wizard-discount-limit input[type=range]::-webkit-slider-track{background:linear-gradient(to right,#5B6EF5 0%,#5B6EF5 var(--value, 100%),var(--bg-soft) var(--value, 100%),var(--bg-soft) 100%);height:8px;border-radius:4px}.wizard-discount-limit input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#5b6ef5;border:3px solid white;box-shadow:0 2px 8px #5b6ef566;cursor:pointer;margin-top:-7px}.wizard-discount-value{font-size:18px;font-weight:700;color:#5b6ef5;min-width:50px;text-align:right}.wizard-sizes-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.wizard-price-group-title{display:flex;align-items:center;gap:10px;margin-bottom:4px}.wizard-price-group-emoji{font-size:20px}.wizard-price-group-desc{font-size:14px;line-height:1.5;color:var(--text-secondary);display:block;margin-bottom:4px}.wizard-price-group-hint{font-size:12px;color:var(--text-muted);font-style:italic;display:block}.wizard-price-group-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.wizard-price-group-label span:first-child{font-size:18px}.wizard-price-group-label strong{font-size:14px;color:var(--text-primary)}.wizard-store-price{font-size:12px;color:var(--text-muted);margin-left:auto}.wizard-price-group,.wizard-price-group-compact{border-left:4px solid var(--border-normal)}.wizard-info-box ul{margin:8px 0 0;padding-left:0;list-style:none}.wizard-info-box ul li{margin-bottom:6px;padding-left:16px;position:relative;font-size:15px;line-height:1.6;color:var(--text-secondary)}.wizard-info-box ul li:before{content:"–";position:absolute;left:0;color:var(--text-muted)}.wizard-info-box strong{display:block;margin-bottom:8px;font-size:15px;font-weight:600;color:var(--text-primary)}.wizard-creating-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:20px}.wizard-creating-spinner{color:#5b6ef5}.wizard-creating-state p{font-size:16px;font-weight:500;color:var(--text-secondary);text-align:center}.wizard-field{margin-bottom:24px}.wizard-field label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.wizard-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media(max-width:500px){.wizard-field-row{grid-template-columns:1fr}}.wizard-settings{display:flex;flex-direction:column;gap:24px}.wizard-setting-group h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.wizard-setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:12px;cursor:pointer;margin-bottom:8px}.wizard-setting-row:last-child{margin-bottom:0}.wizard-setting-info{display:flex;flex-direction:column;gap:2px}.wizard-setting-info strong{font-size:15px;color:var(--text-primary)}.wizard-setting-info span{font-size:13px;color:var(--text-muted)}.wizard-discount-limit{padding:16px 20px;background:var(--bg-soft);border:1px solid var(--border-normal);border-radius:12px;margin-bottom:8px}.wizard-discount-limit label{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--text-secondary);margin-bottom:12px}.wizard-discount-limit label strong{color:#5b6ef5;font-size:16px}.wizard-discount-limit input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--bg-card);-webkit-appearance:none;appearance:none;cursor:pointer}.wizard-discount-limit input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#5b6ef5;border:3px solid white;box-shadow:0 2px 6px #5b6ef566;cursor:pointer}.wizard-discount-limit input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#5b6ef5;border:3px solid white;box-shadow:0 2px 6px #5b6ef566;cursor:pointer}.dark .wizard-setting-row,.dark .wizard-discount-limit{background:#ffffff05}@media(max-width:600px){.wizard-setting-row{padding:14px 16px}.wizard-setting-info strong{font-size:14px}.wizard-setting-info span{font-size:12px}}.store-settings-page{padding:0 32px 32px}.store-settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.store-settings-header-left{display:flex;align-items:center;gap:16px}.store-settings-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-soft);color:var(--text-secondary);text-decoration:none;border:none;cursor:pointer;transition:all .15s ease}.store-settings-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.store-settings-title{display:flex;align-items:center;gap:12px}.store-settings-title h1{font-size:24px;font-weight:700;margin:0;color:var(--text-primary)}.store-settings-subtitle{font-size:14px;color:var(--text-muted);margin:4px 0 0}.store-status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.store-status-badge.active{background:#10b9811a;color:#10b981}.store-status-badge.inactive{background:#ef44441a;color:#ef4444}.store-settings-save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#5b6ef5,#4f46e5);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.store-settings-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5b6ef54d}.store-settings-save-btn:disabled{opacity:.7;cursor:wait}.store-settings-save-btn.success{background:#10b981}.store-settings-tabs{display:flex;gap:4px;padding:4px;background:var(--bg-soft);border-radius:12px;margin-bottom:24px;overflow-x:auto;width:fit-content;max-width:100%}.store-settings-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .15s ease}.store-settings-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.store-settings-tab.active{background:var(--bg-card);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.store-settings-content{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-normal);overflow:hidden}.store-settings-section{padding:24px}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:15px;font-weight:600;margin:0 0 16px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.settings-section-title svg{color:#5b6ef5}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}}.settings-card{background:var(--bg-soft);border-radius:12px;padding:20px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border-normal);border-radius:8px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:border-color .15s ease}.form-input:focus{outline:none;border-color:#5b6ef5}.form-input::placeholder{color:var(--text-muted)}.form-select{width:100%;padding:10px 14px;border:1px solid var(--border-normal);border-radius:8px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.form-row{display:grid;gap:12px}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.checkbox-item input[type=checkbox]{width:18px;height:18px;margin-top:1px;accent-color:#5B6EF5;cursor:pointer}.checkbox-label{font-size:14px;color:var(--text-primary);line-height:1.4}.checkbox-description{font-size:12px;color:var(--text-muted);margin-top:2px}.toggle-switch{position:relative;width:44px;height:24px;cursor:pointer}.toggle-switch input{display:none}.toggle-track{position:absolute;inset:0;background:var(--bg-soft);border-radius:12px;transition:background .2s ease}.toggle-switch input:checked+.toggle-track{background:#5b6ef5}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:left .2s ease}.toggle-switch input:checked~.toggle-thumb{left:22px}.hours-table{display:flex;flex-direction:column;gap:8px}.hours-row{display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center;padding:12px 16px;background:var(--bg-soft);border-radius:10px;border:1px solid var(--border-normal)}.hours-row.closed{opacity:.6;background:var(--bg-hover)}.hours-day{font-size:14px;font-weight:500;color:var(--text-primary)}.hours-inputs{display:flex;align-items:center;gap:12px}.hours-input{padding:8px 12px;border:1px solid var(--border-normal);border-radius:6px;font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.hours-separator{color:var(--text-muted)}.feature-card{padding:20px;border-radius:12px;border:1px solid var(--border-normal);background:var(--bg-soft);transition:all .15s ease}.feature-card.enabled{border-color:#5b6ef5;background:#5b6ef50d}.feature-card-header{display:flex;justify-content:space-between;align-items:flex-start}.feature-card-info{display:flex;align-items:center;gap:12px}.feature-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.feature-card-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.feature-card-subtitle{margin:2px 0 0;font-size:13px;color:var(--text-muted)}.channel-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-normal)}.channel-row+.channel-row{margin-top:8px}.channel-name{font-size:14px;color:var(--text-primary)}.channel-select{padding:6px 12px;border:1px solid var(--border-normal);border-radius:6px;font-size:13px;background:var(--bg-soft);color:var(--text-primary);cursor:pointer}.info-box{padding:12px 16px;border-radius:8px;display:flex;align-items:flex-start;gap:10px;font-size:13px}.info-box.warning{background:#fef3c7;color:#92400e}.info-box.info{background:#5b6ef51a;color:#5b6ef5}.number-input-group{display:flex;align-items:center;gap:8px}.number-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-normal);background:var(--bg-primary);color:var(--text-primary);font-size:16px;cursor:pointer;transition:all .15s ease}.number-btn:hover{background:var(--bg-hover)}.number-value{font-size:16px;font-weight:600;min-width:30px;text-align:center}.delivery-platform-card{background:var(--bg-soft);border-radius:16px;border:1px solid var(--border-normal);padding:20px;transition:all .15s ease}.delivery-platform-card.enabled{border-color:var(--border-normal);box-shadow:0 2px 8px #0000000a}.delivery-platform-header{display:flex;justify-content:space-between;align-items:center}.delivery-platform-info{display:flex;align-items:center;gap:14px}.delivery-platform-logo{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.delivery-platform-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.delivery-platform-content{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-normal)}.delivery-platform-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.delivery-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none;color:#fff}.delivery-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.delivery-action-btn.secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-normal)}.delivery-action-btn.secondary:hover{background:var(--bg-hover);box-shadow:none;transform:none}.delivery-action-btn.outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-normal)}.delivery-action-btn.outline:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:none;transform:none}@media(max-width:640px){.delivery-platform-actions{flex-direction:column}.delivery-action-btn{width:100%;justify-content:center}}.billing-page{padding:24px;max-width:1400px;margin:0 auto}.billing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px;flex-wrap:wrap}.billing-header-left h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.billing-header-left .subtitle{font-size:14px;color:var(--text-secondary)}.billing-header-actions{display:flex;gap:12px}.billing-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.billing-stat-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);padding:20px;display:flex;align-items:flex-start;gap:16px;transition:all .2s ease}.billing-stat-card:hover{border-color:var(--border-normal);box-shadow:var(--shadow-sm)}.billing-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.billing-stat-content{flex:1;min-width:0}.billing-stat-value{font-size:24px;font-weight:700;color:var(--text-primary);display:block;line-height:1.2}.billing-stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px;display:block}.billing-stat-extra{font-size:12px;color:var(--text-muted);margin-top:2px}.billing-content-grid{display:grid;grid-template-columns:1fr 380px;gap:24px}@media(max-width:1024px){.billing-content-grid{grid-template-columns:1fr}}.billing-section{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);overflow:hidden}.billing-section-header{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.billing-section-header h2{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.billing-section-content{padding:24px}.current-plan-card{padding:24px;border-radius:12px;position:relative;overflow:hidden}.current-plan-badge{position:absolute;top:16px;right:16px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.current-plan-name{font-size:24px;font-weight:700;margin:0 0 8px}.current-plan-price{font-size:32px;font-weight:800;margin:0}.current-plan-price span{font-size:14px;font-weight:400;opacity:.8}.current-plan-features{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}.plan-feature-tag{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;background:#fff3}.cost-breakdown{margin-top:24px}.cost-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-light)}.cost-breakdown-item:last-child{border-bottom:none}.cost-breakdown-item.total{border-top:2px solid var(--border-normal);border-bottom:none;margin-top:8px;padding-top:16px}.cost-breakdown-label{font-size:14px;color:var(--text-secondary)}.cost-breakdown-label.total{font-size:16px;font-weight:600;color:var(--text-primary)}.cost-breakdown-value{font-size:14px;font-weight:600;color:var(--text-primary)}.cost-breakdown-value.total{font-size:20px;font-weight:700}.addon-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;background:var(--bg-soft);color:var(--text-primary);margin-right:8px;margin-bottom:8px}.addon-tag .quantity{background:var(--bg-card);padding:2px 6px;border-radius:4px;font-size:11px}.quick-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-soft)}.invoice-table td{padding:16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.invoice-table tr:last-child td{border-bottom:none}.invoice-table tr:hover td{background:var(--bg-soft)}.invoice-number{font-family:monospace;font-weight:600}.invoice-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.invoice-status.paid{background:#dcfce7;color:#166534}.invoice-status.pending{background:#fef3c7;color:#92400e}.invoice-status.overdue{background:#fee2e2;color:#991b1b}.invoice-actions{display:flex;gap:8px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.plan-card{background:var(--bg-card);border-radius:16px;border:2px solid var(--border-light);padding:24px;position:relative;transition:all .2s ease}.plan-card:hover{border-color:var(--border-normal);transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan-card.current{border-color:#5b6ef5}.plan-card.popular{border-color:#8b5cf6}.plan-card-header{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.plan-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.plan-name{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.plan-price{font-size:36px;font-weight:800;color:var(--text-primary)}.plan-price span{font-size:14px;font-weight:400;color:var(--text-secondary)}.plan-features{list-style:none;padding:20px 0;margin:0}.plan-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--text-secondary)}.plan-features li svg{color:#10b981;flex-shrink:0}.plan-features li.disabled{color:var(--text-muted);text-decoration:line-through}.plan-features li.disabled svg{color:var(--text-muted)}.plan-card-footer{padding-top:20px}.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.addon-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);padding:24px;display:flex;gap:16px;transition:all .2s ease}.addon-card:hover{border-color:var(--border-normal);box-shadow:var(--shadow-sm)}.addon-card.active{border-color:#10b981;background:#10b98105}.addon-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.addon-content{flex:1;min-width:0}.addon-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.addon-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.addon-active-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;background:#dcfce7;color:#166534}.addon-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.addon-pricing{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.addon-price{font-size:18px;font-weight:700;color:var(--text-primary)}.addon-price span{font-size:13px;font-weight:400;color:var(--text-secondary)}.addon-trial{font-size:12px;color:#8b5cf6;font-weight:500}.usage-bar-container{margin-top:16px}.usage-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.usage-bar-label{font-size:13px;color:var(--text-secondary)}.usage-bar-value{font-size:13px;font-weight:600;color:var(--text-primary)}.usage-bar{height:8px;background:var(--bg-soft);border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.usage-bar-fill.normal{background:linear-gradient(90deg,#5b6ef5,#8b5cf6)}.usage-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#f97316)}.usage-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#5b6ef5,#4f46e5);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5b6ef54d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--bg-soft);color:var(--text-primary);border:1px solid var(--border-normal);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-card);border-color:var(--border-strong)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:transparent;color:var(--text-secondary);border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background:var(--bg-soft);color:var(--text-primary)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#fee2e2;color:#991b1b;border:1px solid rgba(239,68,68,.2);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-sm{padding:6px 12px;font-size:12px;border-radius:6px}.billing-alert{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px}.billing-alert.warning{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.billing-alert.info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.billing-alert.success{background:#dcfce7;border:1px solid #86efac;color:#166534}.billing-alert-icon{flex-shrink:0;margin-top:2px}.billing-alert-content{flex:1}.billing-alert-title{font-weight:600;margin-bottom:4px}.billing-alert-message{font-size:13px;line-height:1.5}.billing-alert-actions{display:flex;gap:8px;margin-top:12px}.billing-sidebar-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);padding:20px;margin-bottom:20px}.billing-sidebar-card h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.billing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.billing-loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:#5b6ef5;border-radius:50%;animation:spin .8s linear infinite}.billing-loading-text{margin-top:16px;font-size:14px;color:var(--text-secondary)}.billing-empty{text-align:center;padding:48px 24px}.billing-empty-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.billing-empty-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.billing-empty-message{font-size:14px;color:var(--text-secondary);margin:0 0 20px}@media(max-width:768px){.billing-page{padding:16px}.billing-header{flex-direction:column;align-items:stretch}.billing-header-actions{justify-content:stretch}.billing-header-actions .btn-primary{flex:1}.billing-stats-grid{grid-template-columns:1fr 1fr}.plans-grid,.addons-grid{grid-template-columns:1fr}.addon-card{flex-direction:column}.addon-icon{width:40px;height:40px}.addon-header,.addon-pricing{flex-direction:column;align-items:flex-start}.invoice-table{font-size:12px}.invoice-table th,.invoice-table td{padding:12px 8px}.current-plan-price{font-size:26px}.plan-price{font-size:28px}.billing-section-header{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:12px}.billing-section-content{padding:16px 20px}.quick-actions{flex-direction:column}.quick-actions button{width:100%}}@media(max-width:480px){.billing-page{padding:12px}.billing-header-left h1{font-size:22px}.billing-stats-grid{grid-template-columns:1fr;gap:12px}.billing-stat-card{padding:16px}.billing-stat-value{font-size:20px}.billing-stat-icon{width:40px;height:40px}.invoice-table,.invoice-table thead,.invoice-table tbody,.invoice-table th,.invoice-table td,.invoice-table tr{display:block}.invoice-table thead{display:none}.invoice-table tr{margin-bottom:16px;background:var(--bg-soft);border-radius:12px;padding:16px;border:1px solid var(--border-light)}.invoice-table tr:hover td{background:transparent}.invoice-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light);font-size:14px}.invoice-table td:last-child{border-bottom:none;padding-top:12px;margin-top:4px}.invoice-table td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.invoice-actions{width:100%;justify-content:flex-end}.plan-card{padding:20px}.plan-card-header{padding-bottom:16px}.plan-name{font-size:18px}.plan-price{font-size:24px}.plan-features{padding:16px 0}.plan-features li{font-size:13px;padding:6px 0}.current-plan-card{padding:20px}.current-plan-name{font-size:20px}.current-plan-price{font-size:22px}.current-plan-badge{top:12px;right:12px;font-size:10px;padding:3px 10px}.current-plan-features{margin-top:16px}.plan-feature-tag{padding:5px 10px;font-size:11px}.cost-breakdown-item{padding:10px 0;flex-wrap:wrap;gap:4px}.cost-breakdown-label,.cost-breakdown-value{font-size:13px}.cost-breakdown-value.total{font-size:18px}.btn-primary,.btn-secondary,.btn-danger{padding:12px 16px;font-size:14px;width:100%;justify-content:center}.billing-header-actions{flex-direction:column;gap:8px}.billing-alert{flex-direction:column;padding:14px 16px}.billing-alert-actions{flex-direction:column;width:100%}.billing-alert-actions button{width:100%}.billing-sidebar-card{padding:16px}.billing-empty{padding:32px 16px}.billing-empty-icon{width:56px;height:56px}}@media(max-width:480px){.modal-overlay{padding:0!important;align-items:flex-end!important}.modal-content,.billing-modal-content{max-width:100%!important;width:100%!important;border-radius:20px 20px 0 0!important;max-height:90vh;overflow-y:auto}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media(max-width:480px){.modal-content,.billing-modal-content{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}}@media(max-width:768px){.btn-ghost{min-height:44px;padding:10px 16px}.btn-sm{min-height:36px;padding:8px 14px}.invoice-actions button{min-width:36px;min-height:36px}}@media(prefers-reduced-motion:reduce){.billing-stat-card,.plan-card,.addon-card,.btn-primary,.btn-secondary,.usage-bar-fill{transition:none}.billing-loading-spinner{animation:none}}@media(prefers-contrast:high){.invoice-status.paid{border:2px solid #166534}.invoice-status.pending{border:2px solid #92400e}.invoice-status.overdue{border:2px solid #991b1b}.plan-card.current,.plan-card.popular{border-width:3px}}.orders-page{padding:24px}.order-detail-page{padding:24px;max-width:1200px}.header-left{display:flex;align-items:center;gap:16px}.header-left h1{margin:0;font-size:24px;font-weight:600}.count-badge{background:var(--primary-light, #e0f2fe);color:var(--primary, #0ea5e9);padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500}.header-actions{display:flex;gap:12px}.btn-back{background:none;border:none;color:var(--text-secondary, #64748b);cursor:pointer;font-size:14px;padding:8px 0}.btn-back:hover{color:var(--text-primary, #1e293b)}.btn-sound{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-secondary, #64748b)}.btn-sound:hover{background:var(--bg-secondary, #f8fafc)}.btn-sound.active{background:#dcfce7;border-color:#86efac;color:#16a34a}.sound-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:soundPulse 1.5s infinite}@keyframes soundPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.btn-refresh{display:flex;align-items:center;gap:8px;background:#4ecfa5;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;transition:all .2s;color:#fff;font-size:14px;font-weight:500;box-shadow:0 2px 8px #4ecfa54d}.btn-refresh:hover{background:#3dbf95;color:#fff;box-shadow:0 4px 12px #4ecfa566;transform:translateY(-1px)}.btn-refresh:active{transform:scale(.98) translateY(0)}.dark .btn-refresh{background:#4ecfa5;border:none;color:#fff}.dark .btn-refresh:hover{background:#3dbf95;color:#fff}.orders-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:16px 20px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:12px}.view-mode-toggle{display:flex;align-items:center;gap:4px;padding:4px;background:var(--bg-soft, #f1f5f9);border-radius:10px}.period-selector{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 20px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:14px}.period-selector .period-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted, #64748b)}.period-selector .period-label svg{width:14px;height:14px}.period-selector .period-dropdown{display:flex;align-items:center;position:relative;width:100%}.period-selector select{appearance:none;background:transparent;border:none;padding:0 20px 0 0;font-size:15px;font-weight:600;color:var(--text-primary, #1e293b);cursor:pointer;width:100%}.period-selector select:hover,.period-selector select:focus{outline:none}.period-selector .select-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--text-muted, #64748b);pointer-events:none}.dark .period-selector{background:var(--bg-card);border-color:var(--border-normal)}.dark .period-selector .period-label{color:var(--text-muted)}.dark .period-selector select{color:var(--text-primary)}.dark .period-selector .select-arrow{color:var(--text-muted)}.custom-period-wrapper{position:relative}.custom-period-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 20px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:14px;cursor:pointer;color:var(--text-primary, #1e293b);transition:all .2s}.custom-period-btn .date-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted, #64748b)}.custom-period-btn .date-label svg{width:14px;height:14px}.custom-period-btn:hover{border-color:var(--border-hover, #cbd5e1)}.custom-period-btn.active{border-color:#5b6ef5}.custom-period-btn.active .date-label{color:#5b6ef5}.custom-period-btn.has-dates{width:auto}.custom-dates-text{font-size:15px;font-weight:600;white-space:nowrap;color:var(--text-primary, #1e293b)}.custom-period-popup{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;min-width:280px;padding:16px}.custom-period-header{font-size:13px;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:12px}.dark .custom-period-btn{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-primary)}.dark .custom-period-btn .date-label{color:var(--text-muted)}.dark .custom-period-btn:hover{border-color:var(--border-hover)}.dark .custom-period-btn.active{border-color:#818cf8}.dark .custom-period-btn.active .date-label{color:#818cf8}.dark .custom-dates-text{color:var(--text-primary)}.dark .custom-period-popup{background:var(--bg-card);border-color:var(--border-normal);box-shadow:0 10px 40px #0006}.dark .custom-period-header{color:var(--text-primary)}.period-selector-wrapper{position:relative;margin-left:8px;padding-left:12px;border-left:1px solid var(--border-normal, #e2e8f0)}.period-selector-btn{display:flex;align-items:center;gap:8px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary, #1e293b);transition:all .2s;white-space:nowrap}.period-selector-btn:hover{background:var(--bg-secondary, #f8fafc);border-color:var(--border-hover, #cbd5e1)}.period-selector-btn .chevron{transition:transform .2s}.period-selector-btn .chevron.open{transform:rotate(180deg)}.date-picker-popup{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;min-width:280px;overflow:hidden}.date-picker-presets{display:flex;flex-direction:column;padding:8px;border-bottom:1px solid var(--border-normal, #e2e8f0);max-height:300px;overflow-y:auto}.preset-btn{display:block;width:100%;text-align:left;padding:10px 12px;border:none;background:transparent;font-size:13px;color:var(--text-primary, #1e293b);cursor:pointer;border-radius:6px;transition:background .15s}.preset-btn:hover{background:var(--bg-secondary, #f1f5f9)}.preset-btn.active{background:var(--primary-light, #e0f2fe);color:var(--primary, #0ea5e9);font-weight:500}.date-picker-custom{padding:12px;background:var(--bg-secondary, #f8fafc)}.date-picker-custom .custom-header{font-size:12px;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.date-inputs{display:flex;gap:12px;margin-bottom:12px}.date-input-group{flex:1}.date-input-group label{display:block;font-size:11px;font-weight:500;color:var(--text-muted, #64748b);margin-bottom:4px}.date-input-group input[type=date]{width:100%;padding:8px 10px;border:1px solid var(--border-normal, #e2e8f0);border-radius:6px;font-size:13px;color:var(--text-primary, #1e293b);background:var(--bg-card, white);transition:border-color .2s}.date-input-group input[type=date]:focus{outline:none;border-color:var(--primary, #0ea5e9)}.apply-custom-btn{width:100%;padding:10px;background:var(--primary, #0ea5e9);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.apply-custom-btn:hover:not(:disabled){background:var(--primary-dark, #0284c7)}.apply-custom-btn:disabled{background:var(--text-muted, #94a3b8);cursor:not-allowed}.dark .period-selector-wrapper{border-left-color:var(--border-normal)}.dark .period-selector-btn{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-primary)}.dark .period-selector-btn:hover{background:var(--bg-soft);border-color:var(--border-hover)}.dark .date-picker-popup{background:var(--bg-card);border-color:var(--border-normal);box-shadow:0 10px 40px #0006}.dark .date-picker-presets{border-bottom-color:var(--border-normal)}.dark .preset-btn{color:var(--text-primary)}.dark .preset-btn:hover{background:var(--bg-soft)}.dark .preset-btn.active{background:#5b6ef533;color:#818cf8}.dark .date-picker-custom{background:var(--bg-soft)}.dark .date-picker-custom .custom-header,.dark .date-input-group label{color:var(--text-muted)}.dark .date-input-group input[type=date]{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-primary)}.dark .date-input-group input[type=date]:focus{border-color:#5b6ef5}.dark .apply-custom-btn{background:#5b6ef5}.dark .apply-custom-btn:hover:not(:disabled){background:#4f5de0}.dark .apply-custom-btn:disabled{background:var(--text-muted)}.view-mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 20px;border:1px solid var(--border-normal, #e2e8f0);background:var(--bg-card, white);color:var(--text-primary, #1e293b);font-size:15px;font-weight:600;cursor:pointer;border-radius:14px;transition:all .2s ease}.view-mode-btn .btn-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted, #64748b)}.view-mode-btn .btn-label svg{width:14px;height:14px}.view-mode-btn:hover{border-color:#5b6ef5}.view-mode-btn.active{background:var(--bg-card, white);color:#5b6ef5;border-color:#5b6ef5;box-shadow:0 2px 8px #5b6ef526}.view-mode-btn.active .btn-label{color:#5b6ef5}.view-mode-btn.active .btn-label svg{color:#5b6ef5}.location-selector{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#5b6ef514,#7b68ee14);border:2px solid rgba(91,110,245,.2);border-radius:12px;position:relative;min-width:280px}.location-selector>svg:first-child{color:#5b6ef5;flex-shrink:0}.location-selector select{flex:1;border:none;background:transparent;font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;appearance:none;padding-right:24px}.location-selector select:focus{outline:none}.location-selector .select-arrow{position:absolute;right:16px;color:#5b6ef5;pointer-events:none}.location-selector-inline{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;background:var(--bg-card, white);border-radius:8px;margin-right:4px;position:relative;cursor:pointer;transition:all .2s}.location-selector-inline:hover{background:var(--bg-secondary, #f8fafc)}.location-selector-inline>svg:first-child{color:#5b6ef5;flex-shrink:0}.location-selector-inline select{border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-primary, #1e293b);cursor:pointer;appearance:none;padding-right:18px;min-width:100px}.location-selector-inline select:focus{outline:none}.location-selector-inline .select-arrow{position:absolute;right:10px;color:var(--text-muted, #94a3b8);pointer-events:none}.dark .location-selector-inline{background:var(--bg-card)}.dark .location-selector-inline:hover{background:var(--bg-soft)}.dark .location-selector-inline select{color:var(--text-primary)}.dark .location-selector-inline .select-arrow{color:var(--text-muted)}.location-selector-prominent{display:flex;flex-direction:column;gap:6px;padding:12px 20px;background:linear-gradient(135deg,#5b6ef5,#3b82f6);border:2px solid #5B6EF5;border-radius:14px;margin-right:16px;position:relative;transition:all .2s;box-shadow:0 4px 16px #5b6ef559,0 0 0 4px #5b6ef526;animation:location-pulse 2s ease-in-out infinite}@keyframes location-pulse{0%,to{box-shadow:0 4px 16px #5b6ef559,0 0 0 4px #5b6ef526}50%{box-shadow:0 4px 20px #5b6ef580,0 0 0 6px #5b6ef533}}.location-selector-prominent:hover{transform:translateY(-1px);box-shadow:0 6px 20px #5b6ef573,0 0 0 4px #5b6ef533;animation:none}.location-selector-prominent:focus-within{box-shadow:0 4px 16px #5b6ef566,0 0 0 4px #5b6ef54d;animation:none}.location-selector-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.8px;color:#ffffffe6;text-transform:uppercase}.location-selector-label svg{color:#ffffffe6}.location-selector-dropdown{display:flex;align-items:center;position:relative}.location-selector-dropdown select{border:none;background:transparent;font-size:15px;font-weight:600;color:#fff;cursor:pointer;appearance:none;padding-right:28px;min-width:220px}.location-selector-dropdown select option{color:#1e293b;background:#fff}.location-selector-dropdown select:focus{outline:none}.location-selector-dropdown .select-arrow{position:absolute;right:0;color:#ffffffe6;pointer-events:none}.dark .location-selector-prominent{background:linear-gradient(135deg,#5b6ef5,#4f46e5);border-color:#6366f1}.dark .location-selector-prominent:hover{box-shadow:0 6px 24px #6366f180,0 0 0 4px #6366f140}.dark .location-selector-dropdown select{color:#fff}.dark .location-selector-dropdown select option{color:#e2e8f0;background:#1e293b}.orders-dashboard{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.orders-dashboard.six-cols{grid-template-columns:repeat(6,1fr);gap:10px}.dashboard-stat{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:10px;position:relative;overflow:hidden}.dashboard-stat .stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-stat .stat-icon svg{width:20px;height:20px}.dashboard-stat .stat-content{display:flex;flex-direction:column;min-width:0}.dashboard-stat .stat-value{font-size:20px;font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-stat .stat-label{font-size:11px;color:var(--text-muted, #64748b);margin-top:2px;white-space:nowrap}.dashboard-stat.urgent{border-color:#ef44444d}.dashboard-stat.urgent .stat-icon{background:#ef44441a;color:#ef4444}.dashboard-stat.urgent .stat-value{color:#ef4444}.dashboard-stat.warning{border-color:#f59e0b4d}.dashboard-stat.warning .stat-icon{background:#f59e0b1a;color:#f59e0b}.dashboard-stat.warning .stat-value{color:#f59e0b}.dashboard-stat.info{border-color:#3b82f64d}.dashboard-stat.info .stat-icon{background:#3b82f61a;color:#3b82f6}.dashboard-stat.info .stat-value{color:#3b82f6}.dashboard-stat.success{border-color:#10b9814d}.dashboard-stat.success .stat-icon{background:#10b9811a;color:#10b981}.dashboard-stat.success .stat-value{color:#10b981}.dashboard-stat.neutral .stat-icon{background:#5b6ef51a;color:#5b6ef5}.dashboard-stat.neutral .stat-value{color:var(--text-primary)}.dashboard-stat.revenue{border-color:#f59e0b33}.dashboard-stat.revenue .stat-icon{background:#f59e0b1a;color:#f59e0b}.dashboard-stat.revenue .stat-value{color:#f59e0b}.dashboard-stat.danger{border-color:#ef444433}.dashboard-stat.danger .stat-icon{background:#ef44441a;color:#ef4444}.dashboard-stat.danger .stat-value{color:#ef4444}.stat-pulse{position:absolute;top:10px;right:10px;width:10px;height:10px;background:#ef4444;border-radius:50%;animation:statPulse 1.5s infinite}@keyframes statPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.location-filter{display:flex;align-items:center;gap:8px;position:relative;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;padding:0 12px}.location-filter svg:first-child{color:var(--text-muted, #64748b)}.location-filter select{border:none;background:transparent;padding:10px 24px 10px 4px;font-size:14px;color:var(--text-primary);cursor:pointer;appearance:none;min-width:180px}.location-filter select:focus{outline:none}.location-filter .select-arrow{position:absolute;right:12px;color:var(--text-muted, #64748b);pointer-events:none}.date-filter{padding:10px 16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;font-size:14px;background:var(--bg-card, white);cursor:pointer}.location-cell{min-width:100px;max-width:130px}.location-cell .location-info{display:flex;align-items:flex-start;gap:4px;font-size:12px;color:var(--text-secondary, #64748b);line-height:1.3}.location-cell .location-info svg{color:var(--text-muted, #94a3b8);flex-shrink:0;margin-top:2px}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:250px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;padding:0 14px}.search-box svg{color:var(--text-muted, #64748b);flex-shrink:0}.search-box input{flex:1;border:none;background:transparent;padding:10px 0;font-size:14px}.search-box input:focus{outline:none}.status-overview{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.status-card{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:#fff;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;cursor:pointer;transition:all .2s;min-width:120px}.status-card:hover{border-color:var(--status-color)}.status-card.active{background:var(--status-bg);border-color:var(--status-color)}.status-card.status-pending{background:#dc2626;border-color:#dc2626;animation:pendingCardPulse 2s infinite}.status-card.status-pending .status-count,.status-card.status-pending .status-label{color:#fff}@keyframes pendingCardPulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.status-count{font-size:28px;font-weight:700;color:var(--status-color)}.status-label{font-size:13px;color:var(--text-secondary, #64748b);margin-top:4px}.filters-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:250px}.search-box input{width:100%;padding:10px 16px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:14px}.filter-group{display:flex;gap:12px}.filter-group select{padding:10px 16px;border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;font-size:14px;background:var(--bg-card, white);color:var(--text-primary, #1e293b)}.orders-table-container{background:var(--bg-card, white);border-radius:12px;border:1px solid var(--border-normal, #e2e8f0);overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--border-normal, #e2e8f0);position:relative;vertical-align:top;color:var(--text-primary, #1e293b)}.orders-table td.status-cell,.orders-table td.payment-cell,.orders-table td.time-cell,.orders-table td.actions-cell{vertical-align:middle}.orders-table th{background:var(--bg-secondary, #f8fafc);font-weight:600;font-size:13px;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px}.orders-table tbody tr{cursor:pointer;transition:background .2s}.orders-table tbody tr:nth-child(odd){background:var(--bg-card, white)}.orders-table tbody tr:nth-child(2n){background:var(--bg-secondary, #f8fafc)}.orders-table tbody tr:hover{background:var(--bg-soft, #f1f5f9)}.orders-table tbody tr.new-order{background:#fef3c7;animation:pulse 2s infinite}@keyframes pulse{0%,to{background:#fef3c7}50%{background:#fde68a}}.orders-table tbody tr:last-child td{border-bottom:none}.order-number{min-width:90px;max-width:120px}.order-number strong{display:block;font-size:13px}.order-type{display:block;font-size:11px;color:var(--text-secondary, #64748b);margin-top:2px;white-space:nowrap}.customer-cell .customer-id{font-family:monospace;font-size:12px;color:var(--text-secondary, #64748b)}.items-cell{min-width:120px;max-width:160px}.items-summary{display:flex;flex-direction:column;gap:2px}.items-count{font-size:13px;font-weight:500;color:var(--text-primary, #1e293b)}.items-list{font-size:11px;color:var(--text-secondary, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.no-items{color:var(--text-muted, #94a3b8);font-size:13px}.customer-cell{min-width:110px;max-width:140px}.customer-cell .customer-name{display:block;font-weight:500;color:var(--text-primary, #1e293b)}.customer-cell .customer-phone{display:block;font-size:12px;color:var(--text-secondary, #64748b);margin-top:2px}.customer-cell .customer-unknown{color:var(--text-muted, #94a3b8);font-style:italic;font-size:13px}.total-cell{min-width:70px;white-space:nowrap}.total-cell strong{display:block;font-size:13px}.total-cell .points{display:block;font-size:10px;color:#16a34a}.total-cell .points.no-points{color:var(--text-muted, #94a3b8)}.time-cell{min-width:50px;white-space:nowrap}.time-cell .time{display:block;font-weight:500;font-size:13px}.time-cell .date{display:block;font-size:11px;color:var(--text-secondary, #64748b)}.status-cell{min-width:90px}.payment-cell{min-width:70px}.status-badge{display:inline-block;padding:5px 10px;border-radius:10px;font-size:11px;font-weight:600;position:relative;white-space:nowrap}.status-badge.status-pending,.orders-table .status-badge.status-pending{background:#dc2626!important;background-color:#dc2626!important;color:#fff!important;animation:pendingPulse 2s infinite}@keyframes pendingPulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}.status-badge.large{padding:6px 14px;font-size:14px}.payment-badge{display:inline-block;padding:6px 10px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.actions-cell{white-space:nowrap}.actions-cell .actions-wrapper{display:inline-flex;gap:6px;align-items:center}.btn-action{display:inline-block;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;border:none;transition:all .2s;white-space:nowrap}.btn-action.primary{background:var(--primary, #0ea5e9);color:#fff}.btn-action.primary:hover{background:#0284c7}.btn-action.danger{background:#fee2e2;color:#dc2626}.btn-action.danger:hover{background:#fecaca}.btn-action:disabled{opacity:.5;cursor:not-allowed}.history-indicator{display:inline-block;padding:4px 10px;background:var(--bg-subtle, #f1f5f9);color:var(--text-muted, #64748b);border-radius:4px;font-size:11px;font-weight:500}.history-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#6b72801a,#4b55631a);border:1px solid rgba(107,114,128,.2);border-radius:8px;margin-bottom:16px;color:var(--text-secondary, #64748b);font-size:13px}.history-banner svg{color:var(--text-muted, #94a3b8);flex-shrink:0}.orders-table-container.history-mode{opacity:.95}.orders-table-container.history-mode .orders-table tbody tr{background:transparent!important;animation:none!important}.orders-table-container.history-mode .status-badge{animation:none!important}.orders-table-container.history-mode .pickup-code,.orders-table-container.history-mode .pickup-code.intern{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.order-content{display:flex;flex-direction:column;gap:24px}.order-section{background:var(--bg-card, white);border-radius:12px;border:1px solid var(--border-normal, #e2e8f0);padding:24px}.order-section h3{margin:0 0 20px;font-size:16px;font-weight:600}.order-section h4{margin:16px 0 8px;font-size:14px;font-weight:600;color:var(--text-secondary, #64748b)}.status-timeline{display:flex;justify-content:space-between;position:relative;margin-bottom:24px}.status-timeline:before{content:"";position:absolute;top:18px;left:30px;right:30px;height:2px;background:var(--border-color, #e2e8f0)}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1}.step-indicator{width:36px;height:36px;border-radius:50%;background:var(--bg-card, white);border:2px solid var(--border-normal, #e2e8f0);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-secondary, #64748b);transition:all .3s}.timeline-step.active .step-indicator{background:var(--primary-light, #e0f2fe);color:var(--primary, #0ea5e9)}.timeline-step.completed .step-indicator{background:#dcfce7;border-color:#16a34a;color:#16a34a}.timeline-step.current .step-indicator{transform:scale(1.1);box-shadow:0 0 0 4px var(--primary-light, #e0f2fe)}.step-label{font-size:12px;color:var(--text-secondary, #64748b)}.timeline-step.active .step-label{color:var(--text-primary, #1e293b);font-weight:500}.status-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-color, #e2e8f0)}.cancelled-notice{display:flex;align-items:center;gap:12px;padding:16px;background:#fee2e2;border-radius:8px;color:#dc2626;font-weight:500}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.items-section{grid-column:1 / 2;grid-row:1 / 3}.items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.order-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:var(--bg-secondary, #f8fafc);border-radius:8px}.item-info{display:flex;gap:12px}.item-quantity{font-weight:600;color:var(--primary, #0ea5e9);min-width:30px}.item-details{display:flex;flex-direction:column;gap:4px}.item-name{font-weight:500}.item-option{font-size:12px;color:var(--text-secondary, #64748b)}.item-instructions{font-size:12px;color:#f59e0b;font-style:italic}.item-price{font-weight:600}.order-totals{border-top:1px solid var(--border-color, #e2e8f0);padding-top:16px}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.total-row.discount{color:#16a34a}.total-row.final{font-size:18px;font-weight:600;border-top:1px solid var(--border-color, #e2e8f0);padding-top:12px;margin-top:4px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--text-secondary, #64748b)}.info-value{font-weight:500}.info-value.points{color:#16a34a}.info-value.points.used{color:#dc2626}.delivery-info,.order-notes{margin-top:16px;padding:12px;background:var(--bg-secondary, #f8fafc);border-radius:8px}.delivery-info p,.order-notes p{margin:0;font-size:14px}.customer-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary, #f8fafc);border-radius:8px}.customer-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-light, #e0f2fe);display:flex;align-items:center;justify-content:center;font-size:24px}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-id{font-family:monospace;font-size:13px;color:var(--text-secondary, #64748b)}.btn-link{background:none;border:none;color:var(--primary, #0ea5e9);cursor:pointer;font-size:13px;padding:0;text-align:left}.btn-link:hover{text-decoration:underline}.btn-primary{background:var(--primary, #0ea5e9);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#0284c7}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-card, white);color:var(--text-primary, #1e293b);border:1px solid var(--border-normal, #e2e8f0);padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-secondary, #f8fafc)}.btn-danger{background:#fee2e2;color:#dc2626;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#fecaca}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--border-color, #e2e8f0);border-top-color:var(--primary, #0ea5e9);border-radius:50%;animation:spin .8s linear infinite}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state p{color:var(--text-secondary, #64748b);margin:0}@media(max-width:1600px){.orders-dashboard{grid-template-columns:repeat(5,1fr);gap:10px}.orders-dashboard.six-cols{grid-template-columns:repeat(6,1fr);gap:8px}.orders-dashboard.six-cols .dashboard-stat{padding:8px 10px;gap:6px}.orders-dashboard.six-cols .dashboard-stat .stat-icon{width:30px;height:30px}.orders-dashboard.six-cols .dashboard-stat .stat-icon svg{width:16px;height:16px}.orders-dashboard.six-cols .dashboard-stat .stat-value{font-size:16px}.orders-dashboard.six-cols .dashboard-stat .stat-label{font-size:9px}.dashboard-stat{padding:10px 12px;gap:8px}.dashboard-stat .stat-icon{width:34px;height:34px}.dashboard-stat .stat-value{font-size:18px}.dashboard-stat .stat-label{font-size:10px}}@media(max-width:1400px){.orders-dashboard{grid-template-columns:repeat(3,1fr)}.orders-dashboard.six-cols{grid-template-columns:repeat(3,1fr);gap:10px}.orders-dashboard.six-cols .dashboard-stat{padding:10px 12px;gap:8px}.orders-dashboard.six-cols .dashboard-stat .stat-icon{width:34px;height:34px}.orders-dashboard.six-cols .dashboard-stat .stat-icon svg{width:18px;height:18px}.orders-dashboard.six-cols .dashboard-stat .stat-value{font-size:18px}.orders-dashboard.six-cols .dashboard-stat .stat-label{font-size:10px}.dashboard-stat{padding:12px 14px;gap:10px}.dashboard-stat .stat-icon{width:38px;height:38px}.dashboard-stat .stat-value{font-size:20px}}@media(max-width:1280px){.orders-controls{flex-direction:column;align-items:stretch}.location-selector{min-width:unset}}@media(max-width:1024px){.orders-dashboard{grid-template-columns:repeat(2,1fr)}.order-grid{grid-template-columns:1fr}.items-section{grid-column:1;grid-row:auto}}@media(max-width:768px){.page-header{flex-direction:column;gap:16px;align-items:flex-start}.status-overview{flex-wrap:nowrap}.status-card{min-width:100px;padding:12px 16px}.status-count{font-size:22px}.orders-table-container{overflow-x:auto}.orders-table{min-width:800px}.status-timeline{flex-wrap:wrap;gap:16px}.status-timeline:before{display:none}.info-grid{grid-template-columns:1fr}}.order-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#00000080!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:20px;margin:0!important}.order-modal-overlay .order-modal{position:relative!important;background:var(--bg-card, white)!important;border-radius:16px!important;width:900px!important;max-width:calc(100vw - 40px)!important;max-height:calc(100vh - 40px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:0 25px 50px -12px #00000040!important;margin:0!important;padding:0!important}.order-modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px!important;border-bottom:1px solid var(--border-normal, #e2e8f0)!important;background:var(--bg-soft, #f8fafc)!important;flex-shrink:0!important;width:100%!important;box-sizing:border-box!important;margin:0!important;border-radius:16px 16px 0 0!important;position:relative!important;transform:none!important;top:auto!important;left:auto!important}.order-modal-title{flex:1}.order-modal-title h2{font-size:20px!important;font-weight:700!important;color:var(--text-primary, #1e293b)!important;margin:0 0 4px!important;padding:0!important}.order-modal-delivery-type{font-size:14px!important;color:var(--text-secondary, #64748b)!important;display:block}.order-modal-close{background:var(--bg-card, white)!important;border:1px solid var(--border-normal, #e2e8f0)!important;cursor:pointer!important;color:var(--text-secondary, #64748b)!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:10px!important;transition:all .2s!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;padding:0!important;margin:0!important;position:relative!important;transform:none!important;top:auto!important;left:auto!important}.order-modal-close:hover{background:#fee2e2!important;border-color:#fecaca!important;color:#dc2626!important}.order-modal-body{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;padding:24px!important;overflow-y:auto!important;flex:1!important;background:var(--bg-card, white)!important;position:relative!important;transform:none!important;top:auto!important;left:auto!important}.order-modal-body .modal-column{display:flex!important;flex-direction:column!important;gap:16px!important}.order-modal-overlay .modal-status-section{margin-bottom:8px}.order-modal-overlay .modal-card{background:var(--bg-secondary, #f8fafc)!important;border-radius:12px!important;padding:16px!important;border:1px solid var(--border-color, #e2e8f0)!important}.order-modal-overlay .modal-card h3{display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;font-weight:600!important;color:var(--text-primary, #1e293b)!important;margin:0 0 12px!important;padding-bottom:10px!important;border-bottom:1px solid var(--border-color, #e2e8f0)!important}.order-modal-overlay .modal-card h3 svg{color:var(--primary, #0ea5e9)!important}.order-modal-overlay .modal-card-content{display:flex;flex-direction:column;gap:10px}.order-modal-overlay .info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-modal-overlay .info-row .info-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary, #64748b);flex-shrink:0}.order-modal-overlay .info-row .info-label svg{color:var(--text-muted, #94a3b8)}.order-modal-overlay .info-row .info-value{font-size:14px;font-weight:500;color:var(--text-primary, #1e293b);text-align:right}.order-modal-overlay .info-row .phone-value{font-family:monospace;font-size:15px;color:var(--primary, #0ea5e9)}.order-modal-overlay .info-row .address-value{font-size:13px;line-height:1.4;max-width:200px}.order-modal-overlay .info-row .points-earned{color:#16a34a;font-weight:600}.order-modal-overlay .no-customer{color:var(--text-muted, #94a3b8);font-style:italic;font-size:13px;margin:0;text-align:center;padding:12px 0}.order-modal-overlay .items-card{flex:1;display:flex;flex-direction:column}.order-modal-overlay .order-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:250px;overflow-y:auto}.order-modal-overlay .order-item-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-card, white);border-radius:8px;border:1px solid var(--border-normal, #e2e8f0)}.order-modal-overlay .order-item-row .item-qty{background:var(--primary, #0ea5e9);color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;min-width:32px;text-align:center}.order-modal-overlay .order-item-row .item-name{flex:1;font-size:14px;font-weight:500;color:var(--text-primary, #1e293b)}.order-modal-overlay .order-item-row .item-price{font-size:14px;font-weight:600;color:var(--text-primary, #1e293b)}.order-modal-overlay .order-summary{border-top:1px solid var(--border-color, #e2e8f0);padding-top:12px;margin-top:auto}.order-modal-overlay .summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;color:var(--text-secondary, #64748b)}.order-modal-overlay .summary-row.discount{color:#16a34a}.order-modal-overlay .summary-row.total{border-top:2px solid var(--border-color, #e2e8f0);margin-top:8px;padding-top:12px;font-size:18px;font-weight:700;color:var(--text-primary, #1e293b)}.order-modal-overlay .modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.order-modal-overlay .modal-action-btn{width:100%;padding:14px 20px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.order-modal-overlay .modal-action-btn.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #0ea5e94d}.order-modal-overlay .modal-action-btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0ea5e966}.order-modal-overlay .modal-action-btn.btn-danger{background:#fee2e2!important;color:#dc2626!important;border:1px solid #fecaca!important}.order-modal-overlay .modal-action-btn.btn-danger:hover{background:#fecaca!important}@media(max-width:768px){.order-modal-body{grid-template-columns:1fr!important;padding:16px!important;gap:16px!important}.order-modal-overlay .order-modal{max-width:100%!important;margin:10px!important;max-height:calc(100vh - 40px)!important}.order-modal-header{padding:16px!important}.order-modal-title h2{font-size:18px!important}}.pickup-code-cell{vertical-align:middle}.pickup-code{display:inline-block;background:linear-gradient(135deg,#f59e0b,#eab308);color:#1e293b;font-size:13px;font-weight:700;padding:5px 10px;border-radius:6px;font-family:monospace;letter-spacing:1px}.pickup-code.intern{background:linear-gradient(135deg,#5b6ef5,#8b5cf6);color:#fff}.no-code{color:var(--text-secondary, #64748b);font-size:13px}.item-details-modal{flex:1;display:flex;flex-direction:column;gap:4px}.item-details-modal .item-name{font-size:14px;font-weight:500;color:var(--text-primary, #1e293b)}.item-options{display:flex;flex-wrap:wrap;gap:6px}.item-option{display:inline-block;background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b);font-size:11px;padding:3px 8px;border-radius:6px;white-space:nowrap}.order-modal-overlay .order-item-row{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-soft, #f8fafc);border-radius:8px;border:1px solid var(--border-normal, #e2e8f0)}.order-modal-overlay .order-item-row .item-price{font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);white-space:nowrap}.page-title{display:flex;flex-direction:column;gap:4px}.page-title .title-row{display:flex;align-items:center;gap:12px}.page-title h2{margin:0;font-size:24px;font-weight:600}.title-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.title-tag.intern{background:linear-gradient(135deg,#5b6ef5,#8b5cf6);color:#fff}.title-tag.external{background:linear-gradient(135deg,#f59e0b,#eab308);color:#1e293b}.page-subtitle{margin:0;font-size:14px;color:var(--text-secondary, #64748b)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--border-normal, #e2e8f0);background:var(--bg-soft, #f8fafc);border-radius:0 0 12px 12px}.pagination-info{font-size:13px;color:var(--text-secondary, #64748b)}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--bg-soft, #f8fafc);color:var(--text-primary, #1e293b);border-color:var(--border-strong, #cbd5e1)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:4px}.pagination-page{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s}.pagination-page:hover{background:var(--bg-soft, #f8fafc);color:var(--text-primary, #1e293b)}.pagination-page.active{background:#5b6ef5;border-color:#5b6ef5;color:#fff}.dark .orders-table-container{background:var(--bg-card);border-color:var(--border-normal)}.dark .orders-table th{background:var(--bg-soft);color:var(--text-secondary)}.dark .orders-table td{border-color:var(--border-normal);color:var(--text-primary)}.dark .orders-table tbody tr:nth-child(odd){background:var(--bg-card)}.dark .orders-table tbody tr:nth-child(2n){background:var(--bg-secondary)}.dark .orders-table tbody tr:hover{background:var(--bg-soft)}.dark .orders-table tbody tr.new-order{background:#f59e0b26}@keyframes pulseDark{0%,to{background:#f59e0b26}50%{background:#f59e0b40}}.dark .orders-table tbody tr.new-order{animation:pulseDark 2s infinite}.dark .dashboard-stat{background:var(--bg-card);border-color:var(--border-normal)}.dark .dashboard-stat .stat-value{color:var(--text-primary)}.dark .dashboard-stat .stat-label{color:var(--text-muted)}.dark .dashboard-stat.neutral .stat-icon{background:#5b6ef526;color:#818cf8}.dark .dashboard-stat.neutral .stat-value{color:#818cf8}.dark .dashboard-stat.revenue .stat-icon{background:#10b98126;color:#34d399}.dark .dashboard-stat.revenue .stat-value{color:#34d399}.dark .orders-controls{background:var(--bg-card);border-color:var(--border-normal)}.dark .view-mode-toggle{background:var(--bg-soft)}.dark .view-mode-btn{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-primary)}.dark .view-mode-btn .btn-label{color:var(--text-muted)}.dark .view-mode-btn:hover{border-color:#818cf8}.dark .view-mode-btn.active{background:var(--bg-card);color:#818cf8;border-color:#818cf8;box-shadow:0 2px 8px #818cf833}.dark .view-mode-btn.active .btn-label{color:#818cf8}.dark .view-mode-btn.active .btn-label svg{color:#818cf8}.dark .location-selector{background:#5b6ef51a;border-color:#5b6ef54d}.dark .location-selector select{color:var(--text-primary)}.dark .btn-sound{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-secondary)}.dark .btn-sound:hover{background:var(--bg-soft)}.dark .btn-sound.active{background:#16a34a26;border-color:#86efac4d;color:#4ade80}.dark .search-box{background:var(--bg-card);border-color:var(--border-normal)}.dark .search-box input{background:transparent;color:var(--text-primary)}.dark .filter-group select{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-primary)}.dark .status-badge{font-weight:600}.dark .payment-badge{background:var(--bg-soft)!important;border:1px solid var(--border-normal)}.dark .customer-cell .customer-name{color:var(--text-primary)}.dark .customer-cell .customer-phone{color:var(--text-secondary)}.dark .customer-cell .customer-unknown{color:var(--text-muted)}.dark .location-cell .location-info{color:var(--text-secondary)}.dark .total-cell strong,.dark .time-cell .time{color:var(--text-primary)}.dark .time-cell .date{color:var(--text-secondary)}.dark .btn-action.primary{background:#5b6ef5}.dark .btn-action.primary:hover{background:#4c5fe5}.dark .btn-action.danger{background:#dc262626;color:#f87171}.dark .btn-action.danger:hover{background:#dc262640}.dark .empty-state h3{color:var(--text-primary)}.dark .empty-state p{color:var(--text-secondary)}.dark .order-modal-overlay .order-modal{background:var(--bg-card)!important;box-shadow:0 25px 50px -12px #00000080!important}.dark .order-modal-header{background:var(--bg-soft)!important;border-color:var(--border-normal)!important}.dark .order-modal-title h2{color:var(--text-primary)!important}.dark .order-modal-delivery-type{color:var(--text-secondary)!important}.dark .order-modal-close{background:var(--bg-card)!important;border-color:var(--border-normal)!important;color:var(--text-secondary)!important}.dark .order-modal-close:hover{background:#dc262626!important;border-color:#f871714d!important;color:#f87171!important}.dark .order-modal-body{background:var(--bg-card)!important}.dark .order-modal-overlay .modal-card{background:var(--bg-soft)!important;border-color:var(--border-normal)!important}.dark .order-modal-overlay .modal-card h3{color:var(--text-primary)!important;border-color:var(--border-normal)!important}.dark .order-modal-overlay .info-row .info-label{color:var(--text-secondary)}.dark .order-modal-overlay .info-row .info-value{color:var(--text-primary)}.dark .order-modal-overlay .order-item-row{background:var(--bg-card);border-color:var(--border-normal)}.dark .order-modal-overlay .order-item-row .item-name,.dark .order-modal-overlay .order-item-row .item-price{color:var(--text-primary)}.dark .order-modal-overlay .order-summary{border-color:var(--border-normal)}.dark .order-modal-overlay .summary-row{color:var(--text-secondary)}.dark .order-modal-overlay .summary-row.total{color:var(--text-primary);border-color:var(--border-normal)}.dark .order-section{background:var(--bg-card);border-color:var(--border-normal)}.dark .order-section h3{color:var(--text-primary)}.dark .order-section h4{color:var(--text-secondary)}.dark .status-timeline:before{background:var(--border-normal)}.dark .step-indicator{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-secondary)}.dark .timeline-step.active .step-indicator{background:#5b6ef526;color:#818cf8}.dark .timeline-step.completed .step-indicator{background:#16a34a26;border-color:#4ade80;color:#4ade80}.dark .step-label{color:var(--text-secondary)}.dark .timeline-step.active .step-label{color:var(--text-primary)}.dark .order-item{background:var(--bg-soft)}.dark .item-name{color:var(--text-primary)}.dark .item-option{background:var(--bg-card);color:var(--text-secondary)}.dark .order-totals{border-color:var(--border-normal)}.dark .total-row{color:var(--text-primary)}.dark .total-row.final{border-color:var(--border-normal)}.dark .customer-card{background:var(--bg-soft)}.dark .customer-avatar{background:#5b6ef526}.dark .delivery-info,.dark .order-notes{background:var(--bg-soft)}.dark .delivery-info p,.dark .order-notes p{color:var(--text-primary)}.dark .btn-secondary{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-primary)}.dark .btn-secondary:hover{background:var(--bg-soft)}.dark .cancelled-notice{background:#dc262626;color:#f87171}.dark .status-actions{border-color:var(--border-normal)}.dark .info-label{color:var(--text-secondary)}.dark .info-value{color:var(--text-primary)}.dark .pickup-code{background:linear-gradient(135deg,#f59e0b,#eab308);color:#1e293b}.dark .pickup-code.intern{background:linear-gradient(135deg,#5b6ef5,#8b5cf6);color:#fff}.dark .items-count{color:var(--text-primary)}.dark .items-list{color:var(--text-secondary)}.dark .order-number strong{color:var(--text-primary)}.dark .order-type{color:var(--text-secondary)}.dark .pagination{background:var(--bg-soft);border-color:var(--border-normal)}.dark .pagination-info{color:var(--text-secondary)}.dark .pagination-btn{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-secondary)}.dark .pagination-btn:hover:not(:disabled){background:var(--bg-soft);color:var(--text-primary)}.dark .pagination-page{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-secondary)}.dark .pagination-page:hover{background:var(--bg-soft);color:var(--text-primary)}.dark .pagination-page.active{background:#5b6ef5;border-color:#5b6ef5;color:#fff}.dark .history-banner{background:linear-gradient(135deg,#4b556333,#37415133);border-color:#6b72804d;color:var(--text-secondary)}.dark .history-banner svg{color:var(--text-muted)}.dark .history-indicator{background:var(--bg-soft);color:var(--text-muted)}.dark .orders-table-container.history-mode .pickup-code,.dark .orders-table-container.history-mode .pickup-code.intern{background:linear-gradient(135deg,#4b5563,#374151);color:#9ca3af}.custom-period-popup.calendar-popup{min-width:520px;padding:20px}.calendar-container{display:flex;gap:24px;margin-bottom:16px}.calendar-picker{flex:1;min-width:220px}.calendar-label{font-size:12px;font-weight:600;color:var(--text-secondary, #64748b);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-soft, #f1f5f9);border:1px solid var(--border-normal, #e2e8f0);border-radius:6px;cursor:pointer;color:var(--text-secondary, #64748b);transition:all .15s}.calendar-nav:hover{background:var(--bg-secondary, #e2e8f0);color:var(--text-primary, #1e293b)}.calendar-month{font-size:14px;font-weight:600;color:var(--text-primary, #1e293b)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:6px}.calendar-weekdays .weekday{text-align:center;font-size:11px;font-weight:600;color:var(--text-muted, #94a3b8);padding:4px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--text-primary, #1e293b);background:transparent;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .15s;padding:0;min-width:30px;min-height:30px}.calendar-day:hover:not(.empty):not(.disabled):not(.selected){background:var(--bg-soft, #f1f5f9)}.calendar-day.empty{cursor:default}.calendar-day.disabled{color:var(--text-muted, #94a3b8);opacity:.4;cursor:not-allowed}.calendar-day.today{border-color:var(--primary, #0ea5e9);color:var(--primary, #0ea5e9);font-weight:600}.calendar-day.selected,.calendar-day.today.selected{background:var(--primary, #0ea5e9);color:#fff;border-color:var(--primary, #0ea5e9)}.calendar-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-normal, #e2e8f0)}.calendar-actions .cancel-btn{flex:1;padding:10px;background:var(--bg-soft, #f1f5f9);color:var(--text-secondary, #64748b);border:1px solid var(--border-normal, #e2e8f0);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.calendar-actions .cancel-btn:hover{background:var(--bg-secondary, #e2e8f0);color:var(--text-primary, #1e293b)}.calendar-actions .apply-custom-btn{flex:1}.dark .calendar-label{color:var(--text-secondary)}.dark .calendar-nav{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-secondary)}.dark .calendar-nav:hover{background:var(--bg-soft);color:var(--text-primary)}.dark .calendar-month{color:var(--text-primary)}.dark .calendar-weekdays .weekday{color:var(--text-muted)}.dark .calendar-day{color:var(--text-primary)}.dark .calendar-day:hover:not(.empty):not(.disabled):not(.selected){background:var(--bg-soft)}.dark .calendar-day.disabled{color:var(--text-muted)}.dark .calendar-day.today{border-color:#818cf8;color:#818cf8}.dark .calendar-day.selected,.dark .calendar-day.today.selected{background:#5b6ef5;color:#fff;border-color:#5b6ef5}.dark .calendar-actions{border-color:var(--border-normal)}.dark .calendar-actions .cancel-btn{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-secondary)}.dark .calendar-actions .cancel-btn:hover{background:var(--bg-soft);color:var(--text-primary)}.title-tag.shop{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.shop-orders-page .view-mode-toggle{background:transparent;padding:0;gap:12px}.shop-date-display{display:flex;flex-direction:column;gap:6px;padding:12px 20px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:14px}.shop-date-display .date-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted, #64748b)}.shop-date-display .date-label svg{color:var(--text-muted, #64748b)}.shop-date-display .date-value{font-size:15px;font-weight:600;color:var(--text-primary, #1e293b)}.dark .shop-date-display{background:var(--bg-card);border-color:var(--border-normal)}.dark .shop-date-display .date-label{color:var(--text-muted)}.dark .shop-date-display .date-label svg{color:var(--text-muted)}.dark .shop-date-display .date-value{color:var(--text-primary)}.kds-header-actions{display:flex;align-items:center;gap:12px}.btn-nav{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary, #1e293b);cursor:pointer;transition:all .2s}.btn-nav svg{color:var(--text-muted, #64748b);transition:all .2s}.kds-btn-kds:hover{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff;box-shadow:0 4px 12px #22c55e40}.kds-btn-kds:hover svg{color:#fff}.kds-btn-delivery:hover{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;color:#fff;box-shadow:0 4px 12px #f9731640}.kds-btn-delivery:hover svg{color:#fff}.kds-btn-app:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff;box-shadow:0 4px 12px #8b5cf640}.kds-btn-app:hover svg{color:#fff}.dark .btn-nav{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-primary)}.dark .btn-nav svg{color:var(--text-muted)}.preparing-section{background:linear-gradient(135deg,#10b98114,#05966914);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:20px;margin-bottom:24px}.preparing-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary, #1e293b)}.kds-label{font-size:16px;font-weight:600;color:var(--text-primary, #1e293b);margin-right:8px}.dark .kds-label{color:var(--text-primary, #f1f5f9)}.preparing-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;background:#10b981;color:#fff;font-size:13px;font-weight:700;border-radius:13px}.preparing-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:1400px){.preparing-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.preparing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.preparing-grid{grid-template-columns:1fr}}.preparing-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px}.preparing-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.preparing-card-header{display:flex;justify-content:space-between;align-items:center}.preparing-receipt-id{font-size:14px;font-weight:700;color:var(--text-primary, #1e293b)}.preparing-time{font-size:12px;color:var(--text-secondary, #64748b)}.preparing-card-body{display:flex;flex-direction:column;gap:6px}.preparing-items{display:flex;flex-direction:column;gap:2px}.preparing-item{font-size:12px;color:var(--text-secondary, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preparing-item-more{font-size:11px;color:var(--text-muted, #94a3b8);font-style:italic}.preparing-total{font-size:16px;font-weight:700;color:#10b981}.kds-card-header{display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid var(--border-normal, #e2e8f0);margin-bottom:6px}.kds-order-id{font-size:14px;font-weight:700;color:var(--text-primary, #1e293b)}.kds-order-id.vip{color:#ef4444}.dark .kds-order-id.vip{color:#f87171}.kds-pickup-code{display:inline-block;padding:4px 12px;border-radius:6px;font-size:15px;font-weight:800;font-family:SF Mono,Monaco,monospace;letter-spacing:1px}.kds-pickup-code.app{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.kds-pickup-code.delivery{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1e293b}.dark .kds-pickup-code.app{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.dark .kds-pickup-code.delivery{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b}.kds-timer{margin-left:auto;font-size:15px;font-weight:700;color:#fff;background:#1f2937;padding:4px 10px;border-radius:6px;font-family:SF Mono,Monaco,monospace;letter-spacing:.5px}.dark .kds-card-header{border-color:#ffffff1a}.dark .kds-order-id{color:var(--text-primary)}.dark .kds-timer{background:#1f2937;color:#f3f4f6}.priority-card .kds-timer,.dark .priority-card .kds-timer{background:#dc2626;color:#fff}.kds-customer{font-size:11px;font-weight:500;color:var(--text-secondary, #64748b);padding:2px 0;margin-bottom:2px}.kds-customer.vip{font-weight:600;color:#dc2626}.dark .kds-customer{color:var(--text-secondary)}.dark .kds-customer.vip{color:#f87171}.kds-vip-badge{display:inline-block;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:700;color:#fff;background:#dc2626;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.kds-products{display:flex;flex-direction:column;gap:4px}.kds-product{padding:4px 0;border-bottom:1px dashed var(--border-normal, #e5e7eb)}.kds-product:last-child{border-bottom:none;padding-bottom:0}.kds-product-main{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.kds-qty{font-size:13px;font-weight:700;color:var(--text-primary, #1e293b);min-width:22px}.kds-name{font-size:12px;font-weight:600;color:var(--text-primary, #1e293b);flex:1;min-width:0}.kds-size{font-size:11px;font-weight:700;color:#fff;background:#374151;padding:1px 5px;border-radius:3px;margin-left:4px}.dark .kds-qty,.dark .kds-name{color:var(--text-primary)}.dark .kds-size{background:#fff;color:#1f2937}.dark .kds-product{border-color:#ffffff1a}.kds-customizations{display:flex;flex-direction:column;gap:2px;padding-left:26px;margin-top:3px}.kds-custom{font-size:11px;font-weight:600;color:#4b5563;line-height:1.4}.dark .kds-custom{color:#9ca3af}.kds-complete-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:10px 16px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.kds-complete-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.kds-complete-btn:active{transform:translateY(0)}.preparing-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border-normal, #e2e8f0)}.preparing-created-by{font-size:11px;color:var(--text-muted, #94a3b8)}.preparing-payment{font-size:10px;font-weight:500;padding:3px 8px;border-radius:10px}.dark .preparing-section{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b9814d}.dark .preparing-title{color:var(--text-primary)}.dark .preparing-card{background:var(--bg-card);border-color:var(--border-normal)}.dark .preparing-card:hover{border-color:#34d399;box-shadow:0 4px 12px #10b98133}.dark .preparing-receipt-id{color:var(--text-primary)}.dark .preparing-time,.dark .preparing-item{color:var(--text-secondary)}.dark .preparing-total{color:#34d399}.dark .preparing-card-footer{border-color:var(--border-normal)}.dark .preparing-created-by{color:var(--text-muted)}.payment-summary-bar{display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:12px;margin-bottom:24px}.summary-item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-soft, #f1f5f9);border-radius:8px;flex:1;min-width:140px}.summary-item svg{color:var(--text-muted, #94a3b8);flex-shrink:0}.summary-item .summary-label{font-size:12px;color:var(--text-secondary, #64748b);white-space:nowrap}.summary-item .summary-value{margin-left:auto;font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);white-space:nowrap}.summary-item.summary-total{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.2)}.summary-item.summary-total svg{color:#10b981}.summary-item.summary-total .summary-label{color:#059669;font-weight:500}.summary-item.summary-total .summary-value{color:#10b981;font-size:16px}.dark .payment-summary-bar{background:var(--bg-card);border-color:var(--border-normal)}.dark .summary-item{background:var(--bg-soft)}.dark .summary-item svg{color:var(--text-muted)}.dark .summary-item .summary-label{color:var(--text-secondary)}.dark .summary-item .summary-value{color:var(--text-primary)}.dark .summary-item.summary-total{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#34d3994d}.dark .summary-item.summary-total svg{color:#34d399}.dark .summary-item.summary-total .summary-label,.dark .summary-item.summary-total .summary-value{color:#34d399}.payment-summary-grid{display:flex;gap:16px;padding:16px 20px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:12px;margin-bottom:24px}.summary-grid-left{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1}.summary-grid-right{display:flex;align-items:stretch;gap:12px}.summary-total-big{display:flex;align-items:center;gap:14px;padding:16px 24px;background:linear-gradient(135deg,#10b98126,#05966926);border:2px solid rgba(16,185,129,.3);border-radius:12px;min-width:180px}.summary-total-big.summary-avg-time{background:linear-gradient(135deg,#3b82f626,#2563eb26);border-color:#3b82f64d}.summary-total-big.summary-avg-time svg{color:#3b82f6}.summary-total-big.summary-avg-time .total-label{color:#2563eb}.summary-total-big.summary-self-order{background:linear-gradient(135deg,#f59e0b26,#d9770626);border-color:#f59e0b4d}.summary-total-big.summary-self-order svg{color:#f59e0b}.summary-total-big.summary-self-order .total-label{color:#d97706}.summary-total-big.summary-self-order .total-subvalue{font-size:12px;font-weight:400;color:var(--text-muted, #64748b);margin-left:4px}.summary-total-big.summary-avg-time .total-value{color:#3b82f6}.summary-total-big svg{color:#10b981;flex-shrink:0}.summary-total-big .total-content{display:flex;flex-direction:column;gap:2px}.summary-total-big .total-label{font-size:12px;font-weight:500;color:#059669;text-transform:uppercase;letter-spacing:.5px}.summary-total-big .total-value{font-size:22px;font-weight:700;color:#10b981}.summary-item.summary-protocol{background:#f59e0b14;border:1px solid rgba(245,158,11,.2)}.summary-item.summary-protocol svg{color:#f59e0b}.summary-item.summary-protocol .summary-label{color:#d97706}.summary-item.summary-protocol .summary-value{color:#f59e0b}.summary-item.summary-discounts{background:#ef444414;border:1px solid rgba(239,68,68,.2)}.summary-item.summary-discounts svg{color:#ef4444}.summary-item.summary-discounts .summary-label{color:#dc2626}.summary-item.summary-discounts .summary-value{color:#ef4444}.dark .payment-summary-grid{background:var(--bg-card);border-color:var(--border-normal)}.dark .summary-total-big{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#34d39966}.dark .summary-total-big svg{color:#34d399}.dark .summary-total-big .total-label,.dark .summary-total-big .total-value{color:#34d399}.dark .summary-total-big.summary-avg-time{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#60a5fa66}.dark .summary-total-big.summary-avg-time svg{color:#60a5fa}.dark .summary-total-big.summary-avg-time .total-label,.dark .summary-total-big.summary-avg-time .total-value{color:#60a5fa}.dark .summary-item.summary-protocol{background:#f59e0b1f;border-color:#f59e0b4d}.dark .summary-item.summary-protocol svg{color:#fbbf24}.dark .summary-item.summary-protocol .summary-label,.dark .summary-item.summary-protocol .summary-value{color:#fbbf24}.dark .summary-item.summary-discounts{background:#ef44441f;border-color:#ef44444d}.dark .summary-item.summary-discounts svg{color:#f87171}.dark .summary-item.summary-discounts .summary-label,.dark .summary-item.summary-discounts .summary-value{color:#f87171}@media(max-width:1200px){.payment-summary-grid{flex-direction:column}.summary-grid-right{justify-content:flex-end}.summary-total-big{width:100%;justify-content:center}}@media(max-width:768px){.summary-grid-left{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.summary-grid-left{grid-template-columns:1fr}}.shop-table .receipt-id-cell{min-width:100px;white-space:nowrap}.shop-table .receipt-id-cell strong{font-size:14px;color:var(--text-primary, #1e293b)}.shop-table .receipt-id-cell .priority-icon-cell{margin-left:8px;margin-right:4px;vertical-align:middle}.shop-table .receipt-id-cell .priority-tier-badge{vertical-align:middle;margin-left:4px}.shop-table .date-cell{min-width:150px;font-size:13px;color:var(--text-primary, #1e293b)}.shop-table .date-cell.date-compact{min-width:80px;vertical-align:middle}.shop-table .date-cell.date-compact>span{display:block}.shop-table .date-compact .date-row{font-size:13px;font-weight:500;color:var(--text-primary, #1e293b)}.shop-table .date-compact .time-row{font-size:11px;color:var(--text-muted, #94a3b8)}.shop-table .prep-time-cell{min-width:60px;text-align:center;vertical-align:middle}.shop-table .prep-time{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;font-family:monospace;background:#22c55e26;color:#16a34a}.shop-table .prep-time.slow{background:#f59e0b26;color:#d97706}.dark .shop-table .prep-time{background:#22c55e33;color:#4ade80}.dark .shop-table .prep-time.slow{background:#f59e0b33;color:#fbbf24}.shop-table .created-by-cell{min-width:100px;font-size:13px;color:var(--text-secondary, #64748b)}.shop-table .total-cell strong{font-size:14px;color:var(--text-primary, #1e293b)}.shop-table .discount-cell{min-width:90px}.shop-table .discount-cell .discount-value{color:#16a34a;font-weight:500}.shop-table .discount-cell .no-discount{color:var(--text-muted, #94a3b8)}.shop-table .receipt-number-cell{min-width:80px}.shop-table .receipt-number{display:inline-block;background:var(--bg-soft, #f1f5f9);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text-secondary, #64748b);font-family:monospace}.btn-view{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--bg-soft, #f1f5f9);border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;cursor:pointer;color:var(--text-secondary, #64748b);transition:all .2s}.btn-view:hover{background:var(--primary-light, #e0f2fe);border-color:var(--primary, #0ea5e9);color:var(--primary, #0ea5e9)}.dark .shop-table .receipt-id-cell strong,.dark .shop-table .date-cell{color:var(--text-primary)}.dark .shop-table .created-by-cell{color:var(--text-secondary)}.dark .shop-table .total-cell strong{color:var(--text-primary)}.dark .shop-table .discount-cell .discount-value{color:#34d399}.dark .shop-table .discount-cell .no-discount{color:var(--text-muted)}.dark .shop-table .receipt-number{background:var(--bg-soft);color:var(--text-secondary)}.dark .btn-view{background:var(--bg-soft);border-color:var(--border-normal);color:var(--text-secondary)}.dark .btn-view:hover{background:#5b6ef526;border-color:#818cf8;color:#818cf8}.receipt-modal{width:600px!important;max-height:90vh!important;display:flex!important;flex-direction:column!important}.receipt-modal-header{background:linear-gradient(135deg,#10b9811a,#0596691a)!important;flex-shrink:0}.receipt-modal-body{display:flex!important;flex-direction:column!important;gap:20px!important;padding:24px!important;overflow-y:auto!important;flex:1;min-height:0}.receipt-modal-body::-webkit-scrollbar{width:8px}.receipt-modal-body::-webkit-scrollbar-track{background:var(--bg-soft, #f1f5f9);border-radius:4px}.receipt-modal-body::-webkit-scrollbar-thumb{background:var(--border-normal, #cbd5e1);border-radius:4px}.receipt-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #94a3b8)}.dark .receipt-modal-body::-webkit-scrollbar-track{background:var(--bg-soft)}.dark .receipt-modal-body::-webkit-scrollbar-thumb{background:var(--border-normal)}.dark .receipt-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.receipt-info-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-soft, #f8fafc);border-radius:10px;border:1px solid var(--border-normal, #e2e8f0)}.receipt-info-row{display:flex;justify-content:space-between;align-items:center}.receipt-info-label{font-size:13px;color:var(--text-secondary, #64748b)}.receipt-info-value{font-size:14px;font-weight:500;color:var(--text-primary, #1e293b)}.receipt-items-section{padding:16px;background:var(--bg-soft, #f8fafc);border-radius:10px;border:1px solid var(--border-normal, #e2e8f0)}.receipt-items-section h3{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary, #1e293b)}.receipt-items-table{width:100%;border-collapse:collapse}.receipt-items-table th,.receipt-items-table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--border-normal, #e2e8f0);font-size:13px}.receipt-items-table th{font-weight:600;color:var(--text-secondary, #64748b);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.receipt-items-table .qty-cell{width:60px;font-weight:600;color:#10b981}.receipt-items-table .product-cell{flex:1}.receipt-items-table .product-cell .product-name{font-weight:500;color:var(--text-primary, #1e293b);display:block}.receipt-items-table .product-cell .product-size{font-size:11px;color:var(--text-secondary, #64748b);display:block;margin-top:2px}.receipt-items-table .product-cell .product-customizations{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.receipt-items-table .product-cell .customization-tag{font-size:10px;padding:2px 6px;background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:4px;color:var(--text-secondary, #64748b)}.receipt-items-table .vat-cell{width:60px;text-align:center;color:var(--text-secondary, #64748b)}.receipt-items-table .price-cell{width:100px;text-align:right;font-weight:600;color:var(--text-primary, #1e293b)}.receipt-summary-section{padding:16px;background:var(--bg-soft, #f8fafc);border-radius:10px;border:1px solid var(--border-normal, #e2e8f0)}.receipt-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:var(--text-secondary, #64748b)}.receipt-summary-row.discount{color:#16a34a}.receipt-summary-row.total{margin-top:8px;padding-top:12px;border-top:2px solid var(--border-normal, #e2e8f0);font-size:18px;font-weight:700;color:#10b981}.dark .receipt-modal-header{background:linear-gradient(135deg,#10b98126,#05966926)!important}.dark .receipt-info-section,.dark .receipt-items-section,.dark .receipt-summary-section{background:var(--bg-soft);border-color:var(--border-normal)}.dark .receipt-info-label{color:var(--text-secondary)}.dark .receipt-info-value,.dark .receipt-items-section h3{color:var(--text-primary)}.dark .receipt-items-table th{color:var(--text-secondary)}.dark .receipt-items-table td{border-color:var(--border-normal)}.dark .receipt-items-table .qty-cell{color:#34d399}.dark .receipt-items-table .product-cell .product-name{color:var(--text-primary)}.dark .receipt-items-table .product-cell .product-size{color:var(--text-secondary)}.dark .receipt-items-table .product-cell .customization-tag{background:var(--bg-card);border-color:var(--border-normal);color:var(--text-secondary)}.dark .receipt-items-table .vat-cell{color:var(--text-secondary)}.dark .receipt-items-table .price-cell{color:var(--text-primary)}.dark .receipt-summary-row{color:var(--text-secondary)}.dark .receipt-summary-row.discount{color:#34d399}.dark .receipt-summary-row.total{border-color:var(--border-normal);color:#34d399}.priority-count-badge{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:6px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:12px;font-weight:700;border-radius:20px;animation:priorityPulse 1.5s ease-in-out infinite;box-shadow:0 0 20px #ef444480}.priority-count-badge svg{animation:zapFlash .8s ease-in-out infinite}@keyframes priorityPulse{0%,to{box-shadow:0 0 20px #ef444480;transform:scale(1)}50%{box-shadow:0 0 35px #ef4444cc;transform:scale(1.05)}}@keyframes zapFlash{0%,to{opacity:1}50%{opacity:.5}}.preparing-card.priority-card{background:var(--bg-card, white);border:2px solid #ef4444;border-left:4px solid #ef4444;box-shadow:0 2px 8px #ef444426}@keyframes priorityCardGlow{0%,to{box-shadow:0 0 0 2px #fff,0 0 20px #f59e0b66,0 8px 25px #f59e0b4d}50%{box-shadow:0 0 0 2px #fff,0 0 40px #f59e0bb3,0 12px 35px #f59e0b80}}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.priority-banner{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin:-14px -14px 10px;border-radius:7px 7px 0 0;animation:bannerFlash 2s ease-in-out infinite}.priority-banner svg{color:#fbbf24}@keyframes bannerFlash{0%,to{background:linear-gradient(135deg,#ef4444,#dc2626)}50%{background:linear-gradient(135deg,#f87171,#ef4444)}}.priority-tier{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:800;margin-left:auto}.priority-tier.tier-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b}.priority-tier.tier-platinum{background:linear-gradient(135deg,#e2e8f0,#94a3b8);color:#1e293b}.priority-tier.tier-vip{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;animation:vipShine 2s ease-in-out infinite}@keyframes vipShine{0%,to{box-shadow:0 0 5px #a855f780}50%{box-shadow:0 0 15px #a855f7cc}}.priority-customer-name{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f59e0b33;border-radius:6px;font-size:13px;font-weight:600;color:#92400e;margin-bottom:8px}.priority-customer-name svg{color:#f59e0b}.preparing-total.priority-total{font-size:18px;font-weight:800;color:#dc2626;text-shadow:0 1px 2px rgba(0,0,0,.1)}.priority-row{background:#fef3c7!important;border-left:4px solid #f59e0b}.priority-row:hover{background:#fef3c7!important}.priority-icon-cell{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-radius:50%;margin-right:8px;animation:iconBounce 1s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.priority-tier-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:10px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.priority-tier-badge.tier-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b}.priority-tier-badge.tier-platinum{background:linear-gradient(135deg,#e2e8f0,#94a3b8);color:#1e293b}.priority-tier-badge.tier-vip{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.priority-creator{display:flex;flex-direction:column;gap:4px}.priority-app-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:10px;font-weight:700;border-radius:4px;width:fit-content}.priority-customer{font-size:12px;font-weight:600;color:#92400e}.dark .priority-count-badge{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 25px #ef444499}.dark .preparing-card.priority-card{background:var(--bg-card);border:2px solid #ef4444;border-left:4px solid #ef4444;box-shadow:0 2px 8px #ef444433}.dark .priority-banner{background:linear-gradient(135deg,#dc2626,#991b1b)}.dark .priority-customer-name{background:#f59e0b26;color:#fbbf24}.dark .preparing-total.priority-total{color:#fbbf24}.dark .priority-row{background:#451a03!important;border-left:4px solid #f59e0b}.dark .priority-row:hover{background:#451a03!important}.dark .priority-icon-cell{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.dark .priority-customer{color:#fbbf24}.shop-orders-page .preparing-grid{grid-template-columns:repeat(6,1fr)}@media(max-width:1600px){.shop-orders-page .preparing-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.shop-orders-page .preparing-grid{grid-template-columns:repeat(3,1fr)}}.history-section{background:linear-gradient(135deg,#78716c14,#57534e14);border:1px solid rgba(120,113,108,.25);border-radius:12px;padding:20px;margin-bottom:24px;position:relative}.history-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#b4a07808,#96826408);border-radius:12px;pointer-events:none}.history-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-secondary, #64748b)}.history-label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-secondary, #64748b)}.history-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;background:#78716c;color:#fff;font-size:13px;font-weight:700;border-radius:13px}.history-period-info{font-size:13px;font-weight:500;color:var(--text-muted, #94a3b8);margin-left:auto;padding:4px 12px;background:#78716c1a;border-radius:6px}.history-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:1600px){.history-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.history-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.history-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.history-grid{grid-template-columns:1fr}}.history-card{background:var(--bg-card, white);border:1px solid var(--border-normal, #e2e8f0);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px;opacity:.85;filter:sepia(15%) saturate(85%)}.history-card:hover{border-color:#78716c;box-shadow:0 4px 12px #78716c33;opacity:1;filter:sepia(5%) saturate(95%)}.history-card .kds-card-header{border-bottom-color:#78716c33}.history-card .kds-order-id{color:var(--text-secondary, #64748b)}.history-card .kds-pickup-code{opacity:.8}.history-prep-time{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:12px;font-weight:600;color:var(--text-muted, #94a3b8);background:#78716c1a;padding:2px 8px;border-radius:4px}.history-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid var(--border-light, #f1f5f9)}.history-date{font-size:11px;color:var(--text-muted, #94a3b8)}.history-total{font-size:14px;font-weight:700;color:#78716c}.history-card.priority-card{border-left:3px solid #d4a574}.history-card.priority-card:hover{border-color:#d4a574}.history-card.source-app{border-left:3px solid rgba(139,92,246,.5)}.history-card.source-delivery{border-left:3px solid rgba(245,158,11,.5)}.history-card.source-self_order{border-left:3px solid rgba(59,130,246,.5)}.dark .history-section{background:linear-gradient(135deg,#78716c1f,#57534e1f);border-color:#78716c4d}.dark .history-section:before{background:linear-gradient(135deg,#8c82640d,#786e500d)}.dark .history-title,.dark .history-label{color:var(--text-muted, #94a3b8)}.dark .history-badge{background:#57534e}.dark .history-period-info{background:#78716c33}.dark .history-card{background:var(--bg-card, #1e293b);border-color:#78716c4d}.dark .history-card:hover{border-color:#a8a29e;box-shadow:0 4px 12px #78716c4d}.dark .history-card .kds-order-id{color:var(--text-muted, #94a3b8)}.dark .history-total{color:#a8a29e}.dark .history-prep-time{background:#78716c33;color:#a8a29e}.dark .history-card-footer{border-top-color:#78716c33}.promo-codes-page{padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:12px}.header-left h1{margin:0;font-size:24px;font-weight:700}.count-badge{padding:4px 12px;background:var(--bg-secondary);border-radius:20px;font-size:13px;color:var(--text-secondary)}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#5b6ef5,#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.filters-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-card)}.filter-group{display:flex;gap:8px}.filter-group select{padding:10px 40px 10px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#5b6ef5;border-radius:50%;animation:spin 1s linear infinite}.empty-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:18px}.empty-state p{margin:0 0 20px;color:var(--text-secondary)}.promo-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.promo-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;transition:box-shadow .2s,transform .2s}.promo-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.promo-card.inactive{opacity:.7}.promo-card.expired{border-color:#fecaca}.promo-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.promo-code{font-family:monospace;font-size:18px;font-weight:700;color:#5b6ef5;letter-spacing:1px}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fee2e2;color:#dc2626}.status-badge.coming-soon{background:#fef3c7;color:#d97706}.promo-content{padding:16px}.promo-content h3{margin:0 0 8px;font-size:16px;font-weight:600}.promo-description{margin:0 0 12px;font-size:14px;color:var(--text-secondary);line-height:1.4}.promo-discount{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.discount-value{font-size:24px;font-weight:700;color:#10b981}.discount-type{font-size:13px;color:var(--text-secondary)}.promo-meta{display:flex;gap:16px;margin-bottom:12px}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-item .label{font-size:11px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.meta-item .value{font-size:14px;font-weight:600}.promo-dates{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.promo-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.btn-icon{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:background .2s}.btn-icon:hover{background:var(--bg-secondary)}.btn-icon.danger:hover{background:#fee2e2;border-color:#fecaca}.stock-tabs-container{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-normal)}.stock-tabs-row{display:flex;gap:8px;width:100%}.stock-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;flex:1;min-width:0;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-tab:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-normal)}.stock-tab.active{background:#5b6ef5;color:#fff;border-color:#5b6ef5;font-weight:600}.stock-tab.active svg{stroke:#fff}@media(max-width:1200px){.stock-tab{padding:8px 10px;font-size:12px;gap:4px}.stock-tab svg{width:14px;height:14px}}@media(max-width:768px){.stock-tabs-row{flex-wrap:wrap}.stock-tab{flex:1 1 calc(50% - 4px);min-width:0;font-size:12px;padding:8px}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.stat-label{font-size:13px;color:var(--text-muted)}.stock-bar-container{width:100px;height:8px;background:var(--bg-soft);border-radius:4px;overflow:hidden;margin-bottom:4px}.stock-bar{height:100%;border-radius:4px;transition:width .3s ease}.stock-bar-ok{background:linear-gradient(90deg,#10b981,#34d399)}.stock-bar-low{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stock-bar-critical{background:linear-gradient(90deg,#ef4444,#f87171)}.stock-range{font-size:11px;color:var(--text-muted)}.batch-list{display:flex;flex-direction:column;gap:12px}.batch-card{background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;overflow:hidden}.batch-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s ease}.batch-header:hover{background:var(--bg-hover)}.batch-info{display:flex;align-items:center;gap:12px}.batch-icon{width:40px;height:40px;background:#5b6ef51a;color:#5b6ef5;border-radius:10px;display:flex;align-items:center;justify-content:center}.batch-info h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.batch-number{font-size:13px;color:var(--text-muted)}.batch-meta{display:flex;align-items:center;gap:16px}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.quantity-badge{background:var(--bg-soft);padding:4px 10px;border-radius:6px;font-weight:600;font-size:13px}.batch-details{padding:20px;border-top:1px solid var(--border-subtle);background:var(--bg-soft)}.detail-row{display:flex;gap:12px;margin-bottom:12px}.detail-label{font-size:13px;color:var(--text-muted);min-width:120px}.location-tags{display:flex;gap:8px;flex-wrap:wrap}.location-tag{display:flex;align-items:center;gap:4px;background:var(--bg-card);padding:4px 10px;border-radius:6px;font-size:12px;color:var(--text-secondary);border:1px solid var(--border-normal)}.movements-section{margin-top:20px}.movements-section h5{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.movements-timeline{display:flex;flex-direction:column;gap:8px}.movement-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);padding:12px 16px;border-radius:8px;border:1px solid var(--border-normal)}.movement-flow{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px}.movement-location{font-weight:500}.movement-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-muted)}.movement-qty{font-weight:600;color:var(--text-primary)}.invoice-stats{display:flex;gap:32px;margin-bottom:24px;padding:20px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px}.invoice-stat{display:flex;flex-direction:column}.invoice-stat .stat-value{font-size:20px;font-weight:700;color:var(--text-primary)}.invoice-stat .stat-label{font-size:13px;color:var(--text-muted)}.invoice-number{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:500}.daily-summary{margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#5b6ef51a,#7b68ee1a);border:1px solid rgba(91,110,245,.2);border-radius:12px;padding:16px 20px}.summary-card svg{color:#5b6ef5}.summary-date{display:block;font-size:13px;color:var(--text-muted)}.summary-value{font-size:16px;font-weight:600;color:var(--text-primary)}.vouchers-list{display:flex;flex-direction:column;gap:12px}.voucher-card{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;padding:16px 20px}.voucher-icon{width:48px;height:48px;background:#f59e0b1a;color:#f59e0b;border-radius:12px;display:flex;align-items:center;justify-content:center}.voucher-details{flex:1}.voucher-header{display:flex;justify-content:space-between;margin-bottom:4px}.voucher-number{font-weight:600;color:var(--text-primary)}.voucher-date{font-size:13px;color:var(--text-muted)}.voucher-meta{display:flex;gap:16px;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.voucher-footer{display:flex;justify-content:space-between;align-items:center}.voucher-value{font-weight:600;color:#5b6ef5}.voucher-creator{font-size:12px;color:var(--text-muted)}.scheduled-inventory{margin-bottom:24px}.scheduled-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px dashed var(--border-normal);border-radius:12px;padding:16px 20px}.scheduled-card svg{color:var(--text-muted)}.scheduled-card div{flex:1}.scheduled-label{display:block;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.scheduled-date{font-size:15px;font-weight:500;color:var(--text-primary)}.inventory-number{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:500}.discrepancy-badge{display:inline-flex;align-items:center;gap:4px;color:#ef4444;font-size:13px}.no-discrepancy{color:#10b981;font-size:13px}.type-tabs{display:flex;gap:8px;margin-bottom:24px}.type-tab{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.type-tab:hover{background:var(--bg-hover)}.type-tab.active{background:#5b6ef5;color:#fff;border-color:#5b6ef5}.transport-notes-list{display:flex;flex-direction:column;gap:12px}.transport-note-card{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border-normal);border-radius:12px;padding:16px 20px}.note-icon{width:48px;height:48px;background:#5b6ef51a;color:#5b6ef5;border-radius:12px;display:flex;align-items:center;justify-content:center}.note-details{flex:1}.note-header{display:flex;justify-content:space-between;margin-bottom:8px}.note-number{font-weight:600;color:var(--text-primary)}.note-date{font-size:13px;color:var(--text-muted)}.note-route{display:flex;align-items:center;gap:8px;margin-bottom:8px}.route-location{font-size:14px;color:var(--text-secondary)}.route-location.from{color:var(--text-muted)}.route-location.to{font-weight:500;color:var(--text-primary)}.route-arrow{color:var(--text-muted)}.note-footer{display:flex;align-items:center;gap:16px}.note-items{font-size:13px;color:var(--text-muted)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.section-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.section-header p{font-size:14px;color:var(--text-muted);margin:0}.header-actions{display:flex;gap:8px}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.invoice-stats{flex-wrap:wrap;gap:16px}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.batch-header{flex-direction:column;align-items:flex-start;gap:12px}.batch-meta{width:100%;justify-content:space-between}.section-header{flex-direction:column;gap:16px}.header-actions{width:100%;flex-wrap:wrap}}.debug-panel{padding:24px;max-width:1200px;margin:0 auto}.debug-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--border-color, #e2e8f0)}.header-left h1{margin:0 0 8px;font-size:28px;font-weight:700}.header-left p{margin:0;color:var(--text-secondary, #64748b)}.header-actions{display:flex;align-items:center;gap:20px}.test-stats{display:flex;gap:12px}.test-stats .stat{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.test-stats .stat.success{background:#dcfce7;color:#16a34a}.test-stats .stat.error{background:#fee2e2;color:#dc2626}.test-stats .stat.total{background:var(--bg-secondary, #f8fafc);color:var(--text-secondary, #64748b)}.btn-run-all{background:linear-gradient(135deg,#5b6ef5,#8b5cf6);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #5b6ef54d}.btn-run-all:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5b6ef566}.btn-run-all:disabled{opacity:.7;cursor:not-allowed}.test-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:32px}.test-group{background:#fff;border-radius:16px;border:1px solid var(--border-color, #e2e8f0);overflow:hidden;transition:box-shadow .2s}.test-group:hover{box-shadow:0 4px 20px #0000000d}.group-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-secondary, #f8fafc);border-bottom:1px solid var(--border-color, #e2e8f0)}.group-icon{font-size:24px}.group-header h2{margin:0;font-size:16px;font-weight:600;flex:1}.group-count{font-size:12px;color:var(--text-secondary, #64748b);background:#fff;padding:4px 10px;border-radius:12px}.tests-list{padding:12px}.test-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:10px;margin-bottom:8px;transition:all .2s;border:1px solid transparent}.test-item:last-child{margin-bottom:0}.test-item.status-idle{background:var(--bg-secondary, #f8fafc)}.test-item.status-running{background:#eff6ff;border-color:#93c5fd}.test-item.status-success{background:#f0fdf4;border-color:#86efac}.test-item.status-error{background:#fef2f2;border-color:#fecaca}.test-info{flex:1;min-width:0}.test-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.test-status{font-size:16px}.status-running .test-status{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.test-name{font-weight:600;font-size:14px}.test-duration{font-size:11px;color:var(--text-secondary, #64748b);background:#fff;padding:2px 8px;border-radius:10px;margin-left:auto}.test-description{margin:0 0 4px;font-size:12px;color:var(--text-secondary, #64748b);font-family:SF Mono,Menlo,monospace}.test-message{margin:6px 0 0;font-size:13px;font-weight:500}.test-message.success{color:#16a34a}.test-message.error{color:#dc2626}.btn-run-test{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-run-test:hover:not(:disabled){background:var(--primary, #0ea5e9);border-color:var(--primary, #0ea5e9);color:#fff}.btn-run-test:disabled{opacity:.5;cursor:not-allowed}.results-console{background:#1e1e1e;border-radius:16px;overflow:hidden;border:1px solid #333}.results-console h3{margin:0;padding:16px 20px;font-size:14px;font-weight:600;color:#e5e5e5;background:#252525;border-bottom:1px solid #333}.console-content{padding:16px;max-height:400px;overflow-y:auto;font-family:SF Mono,Menlo,Monaco,monospace;font-size:13px}.console-entry{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;margin-bottom:6px;border-radius:6px;background:#ffffff08}.console-entry.success{background:#22c55e1a}.console-entry.error{background:#ef44441a}.console-entry.running{background:#3b82f61a}.console-icon{font-size:14px;flex-shrink:0}.console-test{color:#9ca3af;min-width:180px}.console-message{color:#e5e5e5;flex:1}.console-entry.success .console-message{color:#4ade80}.console-entry.error .console-message{color:#f87171}.console-data{width:100%;margin-top:8px}.console-data summary{cursor:pointer;color:#6b7280;font-size:12px}.console-data summary:hover{color:#9ca3af}.console-data pre{margin:8px 0 0;padding:12px;background:#0000004d;border-radius:6px;overflow-x:auto;color:#a5b4fc;font-size:11px;max-height:200px;overflow-y:auto}.console-empty{text-align:center;padding:40px;color:#6b7280}.console-content::-webkit-scrollbar{width:8px}.console-content::-webkit-scrollbar-track{background:transparent}.console-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.console-content::-webkit-scrollbar-thumb:hover{background:#555}@media(prefers-color-scheme:dark){.test-group{background:#1e293b;border-color:#334155}.group-header{background:#0f172a;border-color:#334155}.group-count{background:#334155}.test-item.status-idle{background:#0f172a}.btn-run-test{background:#1e293b;border-color:#334155}.test-duration{background:#334155}}@media(max-width:768px){.debug-header{flex-direction:column;gap:16px}.header-actions{width:100%;flex-direction:column;gap:12px}.test-stats{justify-content:center}.btn-run-all{width:100%}.test-groups{grid-template-columns:1fr}}