@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Instrument+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&family=Oswald:wght@300;400;600&family=Playfair+Display:wght@400;700&family=Anton&display=swap";@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-space-x-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:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Geist Variable",sans-serif;--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-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--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-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-emerald-100:oklch(95% .052 163.051);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--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-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-200:oklch(87% .065 274.039);--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-900:oklch(35.9% .144 278.697);--color-violet-500:oklch(60.6% .25 292.717);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--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-pink-100:oklch(94.8% .028 342.258);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-700:oklch(52.5% .223 3.958);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-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-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--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 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:calc(var(--radius)*.6);--radius-md:calc(var(--radius)*.8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius)*1.4);--radius-2xl:calc(var(--radius)*1.8);--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-xs:4px;--blur-sm:8px;--blur-md:12px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Geist Variable",sans-serif;--default-mono-font-family:var(--font-mono);--color-border:var(--border);--color-accent:var(--accent);--color-primary:var(--primary)}}@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%;-moz-tab-size:4;-o-tab-size:4;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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:Geist Variable,sans-serif}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.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}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-\[20\%\]{inset:20%}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-4{top:calc(var(--spacing)*-4)}.-top-12{top:calc(var(--spacing)*-12)}.-top-px{top:-1px}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-4{right:calc(var(--spacing)*-4)}.-right-12{right:calc(var(--spacing)*-12)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.-left-12{left:calc(var(--spacing)*-12)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.\!container{width:100%!important}@media(min-width:40rem){.\!container{max-width:40rem!important}}@media(min-width:48rem){.\!container{max-width:48rem!important}}@media(min-width:64rem){.\!container{max-width:64rem!important}}@media(min-width:80rem){.\!container{max-width:80rem!important}}@media(min-width:96rem){.\!container{max-width:96rem!important}}.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-1{margin-inline:calc(var(--spacing)*-1)}.-mx-4{margin-inline:calc(var(--spacing)*-4)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.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-auto{margin-top:auto}.-mr-0\.5{margin-right:calc(var(--spacing)*-.5)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.-mb-4{margin-bottom:calc(var(--spacing)*-4)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.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)}.-ml-4{margin-left:calc(var(--spacing)*-4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-full{width:100%;height:100%}.size-max{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.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-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-32{height:calc(var(--spacing)*32)}.h-\[1\.15rem\]{height:1.15rem}.h-\[20\%\]{height:20%}.h-\[280px\]{height:280px}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--available-height\){max-height:var(--available-height)}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-56{max-height:calc(var(--spacing)*56)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[300px\]{max-height:300px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-\[72px\]{min-height:72px}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-\[200px\]{min-height:200px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-\(--anchor-width\){width:var(--anchor-width)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing)*0)}.w-1{width:calc(var(--spacing)*1)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-\[20\%\]{width:20%}.w-\[100px\]{width:100px}.w-\[140px\]{width:140px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[120px\]{max-width:120px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-32{min-width:calc(var(--spacing)*32)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[60px\]{min-width:60px}.min-w-\[96px\]{min-width:96px}.min-w-\[120px\]{min-width:120px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;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-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%-2px\)\],.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-2{rotate:2deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.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)}.gap-px{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}: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(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}: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)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-4xl{border-radius:calc(var(--radius)*2.6)}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[10px\]{border-radius:10px}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius)*.8)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius)*.6)}.rounded-xl{border-radius:calc(var(--radius)*1.4)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-xl{border-top-left-radius:calc(var(--radius)*1.4);border-top-right-radius:calc(var(--radius)*1.4)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius)*.6)}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius)*1.4);border-bottom-left-radius:calc(var(--radius)*1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-border,.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-destructive\/50{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,var(--destructive)50%,transparent)}}.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-gray-900{border-color:var(--color-gray-900)}.border-green-200{border-color:var(--color-green-200)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-600{border-color:var(--color-indigo-600)}.border-input{border-color:var(--input)}.border-muted-foreground\/25{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.border-muted-foreground\/25{border-color:color-mix(in oklab,var(--muted-foreground)25%,transparent)}}.border-orange-100{border-color:var(--color-orange-100)}.border-primary{border-color:var(--primary)}.border-red-200{border-color:var(--color-red-200)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.border-red-500\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.border-red-500\/50{border-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.border-sidebar-border{border-color:var(--sidebar-border)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-800{border-color:var(--color-slate-800)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-amber-500{border-left-color:var(--color-amber-500)}.border-l-orange-500{border-left-color:var(--color-orange-500)}.border-l-red-500{border-left-color:var(--color-red-500)}.border-l-transparent{border-left-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-accent{background-color:var(--accent)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.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-500\/5{background-color:#3080ff0d}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/5{background-color:color-mix(in oklab,var(--color-blue-500)5%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive,.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-foreground{background-color:var(--foreground)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50)50%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-50{background-color:var(--color-green-50)}.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-indigo-600{background-color:var(--color-indigo-600)}.bg-muted,.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.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-pink-100{background-color:var(--color-pink-100)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-950{background-color:var(--color-slate-950)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-transparent{background-color:#0000}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left 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))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:var(--color-amber-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-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-blue-500\/10{--tw-gradient-from:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.from-blue-500\/10{--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.from-blue-500\/10{--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\/20{--tw-gradient-from:#3080ff33}@supports (color:color-mix(in lab,red,red)){.from-blue-500\/20{--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.from-blue-500\/20{--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-gray-50{--tw-gradient-from:var(--color-gray-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-indigo-50{--tw-gradient-from: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))}.from-transparent{--tw-gradient-from:transparent;--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-blue-500\/20{--tw-gradient-via:#3080ff33}@supports (color:color-mix(in lab,red,red)){.via-blue-500\/20{--tw-gradient-via:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.via-blue-500\/20{--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-blue-600{--tw-gradient-to: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))}.to-orange-50{--tw-gradient-to:var(--color-orange-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-purple-50{--tw-gradient-to:var(--color-purple-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-transparent{--tw-gradient-to:transparent;--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-white{--tw-gradient-to:var(--color-white);--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))}.bg-clip-padding{background-clip:padding-box}.fill-blue-100{fill:var(--color-blue-100)}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.fill-primary{fill:var(--primary)}.stroke-blue-500{stroke:var(--color-blue-500)}.stroke-gray-200{stroke:var(--color-gray-200)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.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-6{padding:calc(var(--spacing)*6)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-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)}.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-12{padding-block:calc(var(--spacing)*12)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pl-1\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.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}.align-middle{vertical-align:middle}.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-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.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-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-accent-foreground{color:var(--accent-foreground)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-background{color:var(--background)}.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-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/60{color:color-mix(in oklab,var(--foreground)60%,transparent)}}.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-900{color:var(--color-gray-900)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-900{color:var(--color-indigo-900)}.text-muted{color:var(--muted)}.text-muted-foreground{color:var(--muted-foreground)}.text-orange-700{color:var(--color-orange-700)}.text-pink-700{color:var(--color-pink-700)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.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-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,var(--sidebar-foreground)70%,transparent)}}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.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,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.opacity-100{opacity:1}.bg-blend-color{background-blend-mode:color}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));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-none{--tw-shadow:0 0 #0000;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-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--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)}.ring-background{--tw-ring-color:var(--background)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab,var(--foreground)10%,transparent)}}.ring-gray-200{--tw-ring-color:var(--color-gray-200)}.ring-indigo-200{--tw-ring-color:var(--color-indigo-200)}.ring-indigo-400{--tw-ring-color:var(--color-indigo-400)}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));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,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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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-opacity{transition-property:opacity;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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.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-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.fade-in{--tw-enter-opacity:0}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:text-indigo-600:is(:where(.group):hover *){color:var(--color-indigo-600)}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *){color:var(--accent-foreground)}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing)*8)}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.group-has-\[\>svg\]\/alert\:col-start-2:is(:where(.group\/alert):has(>svg) *){grid-column-start:2}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *){padding:calc(var(--spacing)*3)}.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *){padding-inline:calc(var(--spacing)*3)}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--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)}.group-data-\[variant\=floating\]\:ring-1:is(:where(.group)[data-variant=floating] *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=floating\]\:ring-sidebar-border:is(:where(.group)[data-variant=floating] *){--tw-ring-color:var(--sidebar-border)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing)*1.5)}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:calc(var(--radius)*.8)}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *){background-color:var(--popover)}.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *){color:var(--popover-foreground)}.group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){--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)}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s}.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation=horizontal]) *){height:calc(var(--spacing)*8)}.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation=vertical]) *){height:-moz-fit-content;height:fit-content}.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation=vertical]) *){width:100%}.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation=vertical]) *){flex-direction:column}.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation=vertical]) *){justify-content:flex-start}@media(hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.peer-data-active\/menu-button\:text-sidebar-accent-foreground:is(:is(:where(.peer\/menu-button):where([data-state=active]),:where(.peer\/menu-button):where([data-active]:not([data-active=false])))~*){color:var(--sidebar-accent-foreground)}.selection\:bg-primary ::-moz-selection{background-color:var(--primary)}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::-moz-selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::-moz-selection{color:var(--primary-foreground)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::-moz-selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing)*6)}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.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)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--muted-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing)*0)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:start-1\/2:after{content:var(--tw-content);inset-inline-start:50%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing)*1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.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-border:after{content:var(--tw-content);border-color:var(--border)}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:mix-blend-darken:after{content:var(--tw-content);mix-blend-mode:darken}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);inset-inline:calc(var(--spacing)*0)}.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);bottom:-5px}.group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);height:calc(var(--spacing)*.5)}.group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);right:calc(var(--spacing)*-1)}.group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);width:calc(var(--spacing)*.5)}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius)*.8);border-bottom-left-radius:calc(var(--radius)*.8)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius)*.8);border-bottom-right-radius:calc(var(--radius)*.8)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.focus-within\:border-ring:focus-within{border-color:var(--ring)}.focus-within\:ring-3:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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-within\:ring-ring\/50:focus-within{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}@media(hover:hover){.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-muted-foreground\/50:hover{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:border-muted-foreground\/50:hover{border-color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-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-700:hover{background-color:var(--color-green-700)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-primary:hover,.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));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-sm:hover{--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)}.hover\:ring-4:hover{--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)}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:z-10:focus{z-index:10}.focus\:border-ring:focus{border-color:var(--ring)}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:text-primary-foreground:focus{color:var(--primary-foreground)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:ring-ring:focus,.focus\:ring-ring\/50:focus{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-ring\/50:focus{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:is(.focus\:\*\*\:text-accent-foreground:focus *),:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--accent-foreground)}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-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-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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-4:focus-visible{--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)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.active\:bg-gray-50:active{background-color:var(--color-gray-50)}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing)*1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing)*2)}.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing)*3)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing)*1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing)*2)}.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing)*3)}.has-data-\[slot\=alert-action\]\:relative:has([data-slot=alert-action]){position:relative}.has-data-\[slot\=alert-action\]\:pr-18:has([data-slot=alert-action]){padding-right:calc(var(--spacing)*18)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing)*0)}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing)*1.5)}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:calc(var(--spacing)*0)}.has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has(>svg){grid-template-columns:auto 1fr}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-2:has(>svg){-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}.has-\[\>svg\]\:gap-x-3:has(>svg){-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-expanded\:opacity-100[aria-expanded=true]{opacity:1}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.aria-selected\:bg-accent[aria-selected=true]{background-color:var(--accent)}.aria-selected\:bg-primary[aria-selected=true]{background-color:var(--primary)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:var(--accent-foreground)}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.aria-selected\:text-primary-foreground[aria-selected=true]{color:var(--primary-foreground)}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-inset\:pl-7[data-inset]{padding-left:calc(var(--spacing)*7)}.data-popup-open\:bg-accent[data-popup-open]{background-color:var(--accent)}.data-popup-open\:text-accent-foreground[data-popup-open]{color:var(--accent-foreground)}.data-starting-style\:opacity-0[data-starting-style]{opacity:0}.data-\[active\=true\]\:z-10[data-active=true]{z-index:10}.data-\[active\=true\]\:border-ring[data-active=true]{border-color:var(--ring)}.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-accent-foreground[data-active=true]{color:var(--accent-foreground)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}.data-\[active\=true\]\:ring-\[3px\][data-active=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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)}.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}@media(hover:hover){.data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover{background-color:var(--accent)}}.data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus{background-color:var(--accent)}.data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true]{border-color:var(--destructive)}.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[error\=true\]\:text-destructive[data-error=true]{color:var(--destructive)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=horizontal\]\:h-4[data-orientation=horizontal]{height:calc(var(--spacing)*4)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:inset-auto[data-side=bottom]{inset:auto}.data-\[side\=bottom\]\:inset-x-0[data-side=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\[side\=bottom\]\:top-1[data-side=bottom]{top:calc(var(--spacing)*1)}.data-\[side\=bottom\]\:top-1\/2[data-side=bottom]{top:50%}.data-\[side\=bottom\]\:right-auto[data-side=bottom]{right:auto}.data-\[side\=bottom\]\:bottom-0[data-side=bottom]{bottom:calc(var(--spacing)*0)}.data-\[side\=bottom\]\:bottom-auto[data-side=bottom]{bottom:auto}.data-\[side\=bottom\]\:left-1\/2[data-side=bottom]{left:50%}.data-\[side\=bottom\]\:h-auto[data-side=bottom]{height:auto}.data-\[side\=bottom\]\:-translate-x-1\/2[data-side=bottom]{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:-translate-y-1\/2[data-side=bottom]{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:rounded-xl[data-side=bottom]{border-radius:calc(var(--radius)*1.4)}.data-\[side\=bottom\]\:border-t[data-side=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[side\=bottom\]\:border-t-0[data-side=bottom]{border-top-style:var(--tw-border-style);border-top-width:0}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=bottom\]\:data-ending-style\:translate-y-2[data-side=bottom][data-ending-style]{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\][data-side=bottom][data-ending-style]{--tw-translate-y:2.5rem;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:data-starting-style\:translate-y-2[data-side=bottom][data-starting-style]{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\][data-side=bottom][data-starting-style]{--tw-translate-y:2.5rem;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=inline-end\]\:top-1\/2\![data-side=inline-end]{top:50%!important}.data-\[side\=inline-end\]\:-left-1[data-side=inline-end]{left:calc(var(--spacing)*-1)}.data-\[side\=inline-end\]\:-translate-y-1\/2[data-side=inline-end]{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=inline-start\]\:top-1\/2\![data-side=inline-start]{top:50%!important}.data-\[side\=inline-start\]\:-right-1[data-side=inline-start]{right:calc(var(--spacing)*-1)}.data-\[side\=inline-start\]\:-translate-y-1\/2[data-side=inline-start]{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=left\]\:inset-y-0[data-side=left]{inset-block:calc(var(--spacing)*0)}.data-\[side\=left\]\:top-1\/2\![data-side=left]{top:50%!important}.data-\[side\=left\]\:-right-1[data-side=left]{right:calc(var(--spacing)*-1)}.data-\[side\=left\]\:left-0[data-side=left]{left:calc(var(--spacing)*0)}.data-\[side\=left\]\:h-full[data-side=left]{height:100%}.data-\[side\=left\]\:w-3\/4[data-side=left]{width:75%}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:-translate-y-1\/2[data-side=left]{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:border-r[data-side=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side=left]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\][data-side=left][data-ending-style],.data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\][data-side=left][data-starting-style]{--tw-translate-x:-2.5rem;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:inset-y-0[data-side=right]{inset-block:calc(var(--spacing)*0)}.data-\[side\=right\]\:top-1\/2\![data-side=right]{top:50%!important}.data-\[side\=right\]\:right-0[data-side=right]{right:calc(var(--spacing)*0)}.data-\[side\=right\]\:-left-1[data-side=right]{left:calc(var(--spacing)*-1)}.data-\[side\=right\]\:h-full[data-side=right]{height:100%}.data-\[side\=right\]\:w-3\/4[data-side=right]{width:75%}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:-translate-y-1\/2[data-side=right]{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:border-l[data-side=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side=right]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\][data-side=right][data-ending-style],.data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\][data-side=right][data-starting-style]{--tw-translate-x:2.5rem;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:inset-x-0[data-side=top]{inset-inline:calc(var(--spacing)*0)}.data-\[side\=top\]\:top-0[data-side=top]{top:calc(var(--spacing)*0)}.data-\[side\=top\]\:-bottom-2\.5[data-side=top]{bottom:calc(var(--spacing)*-2.5)}.data-\[side\=top\]\:h-auto[data-side=top]{height:auto}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:border-b[data-side=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\][data-side=top][data-ending-style],.data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\][data-side=top][data-starting-style]{--tw-translate-y:-2.5rem;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.data-\[size\=md\]\:text-sm[data-size=md]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}.data-\[size\=sm\]\:gap-3[data-size=sm]{gap:calc(var(--spacing)*3)}.data-\[size\=sm\]\:py-3[data-size=sm]{padding-block:calc(var(--spacing)*3)}.data-\[size\=sm\]\:text-xs[data-size=sm]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing)*0)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab,var(--destructive)90%,transparent)}}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--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)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--background)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing)*12)}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:calc(var(--radius)*.6)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\[state\=active\]\:bg-card[data-state=active]{background-color:var(--card)}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open]{--tw-enter-scale:.95}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-scale:.95}@media(hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:var(--accent)}.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:var(--accent)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=outline\]\:shadow-xs[data-variant=outline]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@supports (backdrop-filter:var(--tw)){.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-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,)}}@media(min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.sm\:pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.sm\:pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.sm\:text-left{text-align:left}.data-\[side\=left\]\:sm\:max-w-sm[data-side=left],.data-\[side\=right\]\:sm\:max-w-sm[data-side=right],.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media(min-width:48rem){.md\:absolute{position:absolute}.md\:z-10{z-index:10}.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-16{height:calc(var(--spacing)*16)}.md\:h-40{height:calc(var(--spacing)*40)}.md\:w-16{width:calc(var(--spacing)*16)}.md\:w-40{width:calc(var(--spacing)*40)}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.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-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:gap-3{gap:calc(var(--spacing)*3)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:py-4{padding-block:calc(var(--spacing)*4)}.md\:py-6{padding-block:calc(var(--spacing)*6)}.md\:pb-8{padding-bottom:calc(var(--spacing)*8)}.md\:text-left{text-align:left}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-pretty{text-wrap:pretty}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius)*1.4)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--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)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.ltr\:-translate-x-1\/2:where(:dir(ltr),[dir=ltr],[dir=ltr] *),.rtl\:-translate-x-1\/2:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dark\:border-input:is([data-theme=dark] *){border-color:var(--input)}.dark\:border-slate-800:is([data-theme=dark] *){border-color:var(--color-slate-800)}.dark\:border-white\/\[0\.08\]:is([data-theme=dark] *){border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/\[0\.08\]:is([data-theme=dark] *){border-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.dark\:bg-black:is([data-theme=dark] *){background-color:var(--color-black)}.dark\:bg-black\/50:is([data-theme=dark] *){background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/50:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.dark\:bg-destructive\/20:is([data-theme=dark] *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/20:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.dark\:bg-destructive\/60:is([data-theme=dark] *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is([data-theme=dark] *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:bg-slate-900:is([data-theme=dark] *){background-color:var(--color-slate-900)}.dark\:bg-white\/10:is([data-theme=dark] *){background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/10:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:bg-white\/\[0\.02\]:is([data-theme=dark] *){background-color:#ffffff05}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/\[0\.02\]:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.dark\:fill-blue-900\/30:is([data-theme=dark] *){fill:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:fill-blue-900\/30:is([data-theme=dark] *){fill:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:stroke-blue-400:is([data-theme=dark] *){stroke:var(--color-blue-400)}.dark\:stroke-gray-700:is([data-theme=dark] *){stroke:var(--color-gray-700)}.dark\:text-gray-400:is([data-theme=dark] *){color:var(--color-gray-400)}.dark\:text-muted-foreground:is([data-theme=dark] *){color:var(--muted-foreground)}.dark\:text-red-400:is([data-theme=dark] *){color:var(--color-red-400)}.dark\:text-white:is([data-theme=dark] *){color:var(--color-white)}.dark\:ring-white\/10:is([data-theme=dark] *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:ring-white\/10:is([data-theme=dark] *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:after\:mix-blend-lighten:is([data-theme=dark] *):after{content:var(--tw-content);mix-blend-mode:lighten}@media(hover:hover){.dark\:hover\:bg-accent\/50:is([data-theme=dark] *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is([data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-destructive\/30:is([data-theme=dark] *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-destructive\/30:is([data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--destructive)30%,transparent)}}.dark\:hover\:bg-input\/50:is([data-theme=dark] *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is([data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\:hover\:bg-muted\/50:is([data-theme=dark] *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:is([data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.dark\:hover\:bg-white\/20:is([data-theme=dark] *):hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/20:is([data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:hover\:text-foreground:is([data-theme=dark] *):hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:is([data-theme=dark] *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is([data-theme=dark] *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:disabled\:bg-input\/80:is([data-theme=dark] *):disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:disabled\:bg-input\/80:is([data-theme=dark] *):disabled{background-color:color-mix(in oklab,var(--input)80%,transparent)}}.dark\:aria-invalid\:border-destructive\/50:is([data-theme=dark] *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50:is([data-theme=dark] *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive)50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is([data-theme=dark] *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is([data-theme=dark] *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is([data-theme=dark] *)[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is([data-theme=dark] *)[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=active\]\:border-input:is([data-theme=dark] *)[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30:is([data-theme=dark] *)[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=active\]\:bg-input\/30:is([data-theme=dark] *)[data-state=active]{background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:data-\[state\=active\]\:text-foreground:is([data-theme=dark] *)[data-state=active]{color:var(--foreground)}.dark\:data-\[state\=checked\]\:bg-primary:is([data-theme=dark] *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[state\=checked\]\:bg-primary-foreground:is([data-theme=dark] *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-card-foreground:is([data-theme=dark] *)[data-state=unchecked]{background-color:var(--card-foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:is([data-theme=dark] *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:is([data-theme=dark] *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--input)80%,transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is([data-theme=dark] *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is([data-theme=dark] *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:bg-accent:where([data-state=open]),.data-open\:bg-accent:where([data-open]:not([data-open=false])){background-color:var(--accent)}.data-open\:text-accent-foreground:where([data-state=open]),.data-open\:text-accent-foreground:where([data-open]:not([data-open=false])){color:var(--accent-foreground)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}@media(hover:hover){:is(.data-open\:hover\:bg-sidebar-accent:where([data-state=open]),.data-open\:hover\:bg-sidebar-accent:where([data-open]:not([data-open=false]))):hover{background-color:var(--sidebar-accent)}:is(.data-open\:hover\:text-sidebar-accent-foreground:where([data-state=open]),.data-open\:hover\:text-sidebar-accent-foreground:where([data-open]:not([data-open=false]))):hover{color:var(--sidebar-accent-foreground)}}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:overflow-hidden:where([data-state=closed]),.data-closed\:overflow-hidden:where([data-closed]:not([data-closed=false])){overflow:hidden}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.data-disabled\:pointer-events-none:where([data-disabled=true]),.data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.data-disabled\:opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.data-active\:bg-background:where([data-state=active]),.data-active\:bg-background:where([data-active]:not([data-active=false])){background-color:var(--background)}.data-active\:bg-sidebar-accent:where([data-state=active]),.data-active\:bg-sidebar-accent:where([data-active]:not([data-active=false])){background-color:var(--sidebar-accent)}.data-active\:font-medium:where([data-state=active]),.data-active\:font-medium:where([data-active]:not([data-active=false])){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-active\:text-foreground:where([data-state=active]),.data-active\:text-foreground:where([data-active]:not([data-active=false])){color:var(--foreground)}.data-active\:text-sidebar-accent-foreground:where([data-state=active]),.data-active\:text-sidebar-accent-foreground:where([data-active]:not([data-active=false])){color:var(--sidebar-accent-foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]),.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])){--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)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after{content:var(--tw-content);opacity:1}.dark\:data-active\:border-input:is([data-theme=dark] *):where([data-state=active]),.dark\:data-active\:border-input:is([data-theme=dark] *):where([data-active]:not([data-active=false])){border-color:var(--input)}.dark\:data-active\:bg-input\/30:is([data-theme=dark] *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is([data-theme=dark] *):where([data-active]:not([data-active=false])){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-active\:bg-input\/30:is([data-theme=dark] *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is([data-theme=dark] *):where([data-active]:not([data-active=false])){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:data-active\:text-foreground:is([data-theme=dark] *):where([data-state=active]),.dark\:data-active\:text-foreground:is([data-theme=dark] *):where([data-active]:not([data-active=false])){color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is([data-theme=dark] *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is([data-theme=dark] *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is([data-theme=dark] *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is([data-theme=dark] *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.data-horizontal\:flex-col:where([data-orientation=horizontal]){flex-direction:column}.data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,var(--border)50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}@media(hover:hover){.\[\&_a\]\:hover\:text-foreground a:hover{color:var(--foreground)}}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing)*4)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-top-right-radius:calc(var(--radius)*.8);border-bottom-right-radius:calc(var(--radius)*.8)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-top-left-radius:calc(var(--radius)*.8);border-bottom-left-radius:calc(var(--radius)*.8)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(var(--radius)*.8)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:var(--accent)}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]){border-top-left-radius:calc(var(--radius)*.8);border-bottom-left-radius:calc(var(--radius)*.8)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]),.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius)*.8);border-bottom-right-radius:calc(var(--radius)*.8)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\.border-b\]\:pb-4.border-b{padding-bottom:calc(var(--spacing)*4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing)*3)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media(hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--primary)80%,transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--radius)*1.4);border-top-right-radius:calc(var(--radius)*1.4)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--radius)*1.4);border-bottom-left-radius:calc(var(--radius)*1.4)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.\*\:\[svg\]\:row-span-2>*):is(svg){grid-row:span 2/span 2}:is(.\*\:\[svg\]\:translate-y-0\.5>*):is(svg){--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.\*\:\[svg\]\:text-current>*):is(svg){color:currentColor}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>*):is(svg:not([class*=size-])){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\:last-child\]\:pb-6:last-child{padding-bottom:calc(var(--spacing)*6)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing)*3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing)*3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}@media(hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}:root{--bg-base:#fff;--bg-surface:var(--color-bg-surface);--bg-elevated:var(--color-bg-surface);--bg-hover:#0000000d;--bg-active:#00000014;--app-bg:var(--bg-surface);--content-bg:var(--bg-base);--card-bg:var(--bg-base);--card-hover:var(--bg-elevated);--background:var(--bg-base);--background-secondary:var(--bg-elevated);--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#00000026;--border:var(--border-default);--border-medium:var(--border-strong);--border-dark:var(--border-strong);--divider:var(--border-subtle);--text-primary:var(--color-text-primary);--text-secondary:#111827d9;--text-tertiary:#11182799;--text-muted:#11182766;--text-inverse:var(--text-primary);--text-on-accent:#fff;--btn-secondary-bg:#000;--btn-secondary-text:#fff;--overlay-bg:#00000080;--sidebar-bg:var(--color-bg-dark);--sidebar-text:#fff;--accent-blue:var(--primary);--accent-blue-hover:var(--color-accent);--accent-green:#10b981;--accent-amber:#f59e0b;--accent-red:#ef4444;--accent-purple:#8b5cf6;--accent:var(--accent-blue);--accent-hover:var(--accent-blue-hover);--accent-light:#3b82f61a;--primary:var(--accent-blue);--primary-hover:var(--accent-blue-hover);--success:var(--accent-green);--warning:var(--accent-amber);--danger:var(--accent-red);--status-success-bg:#10b9811f;--status-warning-bg:#f59e0b1f;--status-error-bg:#ef44441f;--status-info-bg:#3b82f61f;--success-bg:var(--status-success-bg);--warning-bg:var(--status-warning-bg);--danger-bg:var(--status-error-bg);--quote-accept-bg:#dcfce7;--quote-accept-text:#166534;--quote-accept-bg-hover:#bbf7d0;--quote-accept-text-hover:#14532d;--quote-decline-bg:#fee2e2;--quote-decline-text:#b91c1c;--quote-decline-bg-hover:#fecaca;--quote-decline-text-hover:#991b1b;--product-type-chooser-icon:var(--accent);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Monaco","Consolas",monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--tracking-widest:.1em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--radius-xs:var(--radius-sm);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #00000026;--shadow-blue:0 8px 32px -8px #3b82f64d;--shadow-green:0 8px 32px -8px #10b9814d;--shadow-red:0 8px 32px -8px #ef44444d;--shadow-xl:var(--shadow-lg);--transition-fast:.15s ease;--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--animation-collapse:.3s cubic-bezier(.4,0,.2,1);--animation-hover:.15s ease-out;--animation-stagger:50ms;--spring-stiffness:300;--spring-damping:30;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--color-bg-page:var(--bg-base);--color-bg-card:var(--card-bg);--color-bg-input:var(--bg-elevated);--color-bg-dark:var(--color-bg-dark);--color-bg-dark-hover:var(--color-bg-dark-hover);--color-bg-surface:var(--bg-surface);--color-accent:var(--accent);--color-accent-hover:var(--accent-hover);--color-accent-text:var(--text-on-accent);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-text-disabled:var(--text-muted);--color-text-on-dark:var(--text-on-accent);--color-border-default:var(--border-default);--color-border-strong:var(--border-strong);--color-border-focus:var(--accent)}[data-theme=dark]{color-scheme:dark;--bg-base:#0f172a;--bg-surface:#1e293b;--bg-elevated:#334155;--bg-hover:#ffffff0f;--bg-active:#ffffff1a;--border-subtle:#ffffff14;--border-default:#ffffff1f;--border-strong:#ffffff2e;--text-primary:var(--color-bg-surface);--text-secondary:#f1f5f9d9;--text-tertiary:#f1f5f9a6;--text-muted:#f1f5f973;--text-inverse:#0f172a;--text-on-accent:#fff;--btn-secondary-bg:var(--bg-elevated);--btn-secondary-text:var(--text-primary);--overlay-bg:#000000b3;--accent-light:var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--accent-light:color-mix(in srgb,var(--accent)20%,transparent)}}[data-theme=dark]{--status-success-bg:#10b98133;--status-warning-bg:#f59e0b33;--status-error-bg:#ef444433;--status-info-bg:var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark]{--status-info-bg:color-mix(in srgb,var(--accent)20%,transparent)}}[data-theme=dark]{--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 8px 24px #00000080;--sidebar-bg:#334155;--sidebar-text:var(--color-bg-surface);--quote-accept-bg:#10b98140;--quote-accept-text:#a7f3d0;--quote-accept-bg-hover:#10b98166;--quote-accept-text-hover:#d1fae5;--quote-decline-bg:#ef444440;--quote-decline-text:#fecaca;--quote-decline-bg-hover:#ef444466;--quote-decline-text-hover:#fee2e2;--product-type-chooser-icon:var(--text-primary);--color-bg-page:var(--bg-base);--color-bg-card:var(--bg-surface);--color-bg-input:var(--bg-elevated);--color-bg-dark:var(--accent);--color-bg-dark-hover:var(--accent-hover);--color-bg-surface:var(--bg-surface);--color-accent:var(--accent);--color-accent-hover:var(--accent-hover);--color-accent-text:var(--color-text-primary);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-text-on-dark:var(--color-text-primary);--color-border-default:var(--border-default);--color-border-strong:var(--border-strong);--color-border-focus:var(--accent)}[data-theme=dark] .new-quote-page .ci-card:has(.line-items-list),[data-theme=dark] .new-quote-page .ci-card:has(.line-items-list) .card-body{background:var(--sidebar-bg)!important;background-color:var(--sidebar-bg)!important}[data-theme=dark] input[type=date],[data-theme=dark] input[type=datetime-local]{color-scheme:dark;padding-right:2.25rem}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.85;cursor:pointer}[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();opacity:.85;cursor:pointer}input:focus,input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-light)!important;outline:none!important}.btn-primary{border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-hover))!important;color:var(--text-on-accent)!important}.btn-danger{border-radius:6px;background:var(--accent-red)!important;color:var(--text-on-accent)!important}button:not(.sidebar-nav-item):not(.sidebar-collapse-toggle):not(.hover-nav-item):not(.hover-collapse-toggle):not(.hover-nav-section-header--collapsible):not(.btn-primary):not(.btn-danger):not(.lic-action):not(.nq-header-action):not(.action-button):not([class*=nav-color]):not([class*=action-]):not(.btn-task):not(.btn-ai-generate):not(.btn-ai-generate-purple):not(.btn-work-order):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.card-expand-toggle):not(.btn-export):not(.tab.active):not(.settings-tab.active):not(.header-button):not(.header-hamburger):not(.notification-bell-button):not(.changelog-button):not(.user-avatar-button):not(.theme-toggle-btn):not(.leads-start-quote-btn):not(.leads-send-email-btn):not(.leads-add-lead-btn):not(.leads-quote-btn):not(.leads-status-card):not(.quote-actions-menu-item-accept):not(.quote-actions-menu-item-decline):not(.shade-swatch-button):not([class*=merch-storefront-]):not(.pm-icon-btn):not(.pm-lightbox-close):not(.pm-file-name--btn):not(.pst-cbp-trigger):not(.pst-cbp-option):not(.pst-delete-btn):not(.pst-add-btn):not(.wom-link-btn):not(.mobile-list-fab):not(.mobile-list-action-item):not(.mobile-list-action-trigger):not(.wrap-approval-btn.approve):not(.wrap-approval-btn.changes):not(.wrap-approval-btn.decline):not(.wrap-approval-side-tab),.btn:not(.btn-primary):not(.btn-danger):not(.action-button):not(.btn-task):not(.btn-ai-generate):not(.btn-ai-generate-purple):not(.btn-work-order):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.btn-export):not(.tab.active):not(.settings-tab.active):not(.shade-swatch-button):not([class*=merch-storefront-]),.btn-secondary:not(.btn-task):not(.btn-ai-generate):not(.btn-ai-generate-purple):not(.btn-work-order):not(.active):not(.shade-swatch-button):not([class*=merch-storefront-]),[class*=btn-]:not(.btn-primary):not(.btn-danger):not(.action-button):not(.btn-task):not(.btn-complete):not(.btn-block):not(.btn-undo):not(.btn-unblock):not(.btn-cancel):not(.btn-ai-generate):not(.btn-ai-generate-purple):not(.btn-work-order):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.btn-export):not(.settings-tab):not(.header-button):not(.header-hamburger):not(.notification-bell-button):not(.changelog-button):not(.user-avatar-button):not(.leads-quote-btn):not(.leads-quote-btn-number):not(.leads-quote-btn-meta):not(.quote-actions-menu-item-accept):not(.quote-actions-menu-item-decline):not(.shade-swatch-button):not([class*=merch-storefront-]):not(.pm-icon-btn):not(.pm-lightbox-close):not(.pm-file-name--btn):not(.pst-cbp-trigger):not(.pst-cbp-option):not(.pst-delete-btn):not(.pst-add-btn):not(.mobile-list-fab):not(.mobile-list-action-item):not(.wrap-approval-btn):not(.wrap-approval-btn.approve):not(.wrap-approval-btn.changes):not(.wrap-approval-btn.decline){border-radius:6px;transition:box-shadow .2s,background .2s,border-color .2s;box-shadow:inset 0 0 #0000;background:var(--bg-elevated)!important;background-color:var(--bg-elevated)!important;color:var(--text-primary)!important}button:not(.sidebar-nav-item):not(.sidebar-collapse-toggle):not(.hover-nav-item):not(.hover-collapse-toggle):not(.hover-nav-section-header--collapsible):not(.btn-primary):not(.btn-danger):not(.lic-action):not(.nq-header-action):not(.btn-work-order):not(.btn-export):not(.tab.active):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.card-expand-toggle):not(.settings-tab.active):not(.header-button):not(.notification-bell-button):not(.changelog-button):not(.user-avatar-button):not(.theme-toggle-btn):not(.quick-action-btn):not(.leads-start-quote-btn):not(.leads-send-email-btn):not(.leads-add-lead-btn):not(.leads-quote-btn):not(.shade-swatch-button):not([class*=merch-storefront-]):not(.pm-icon-btn):not(.pm-lightbox-close):not(.pm-file-name--btn):not(.pst-cbp-trigger):not(.pst-cbp-option):not(.pst-delete-btn):not(.pst-add-btn):not(.wom-link-btn):not(.mobile-list-fab):not(.mobile-list-action-item):not(.mobile-list-action-trigger):not(.wrap-approval-btn.approve):not(.wrap-approval-btn.changes):not(.wrap-approval-btn.decline):not(.wrap-approval-side-tab):hover,.btn:hover:not(.btn-primary):not(.btn-danger):not(.btn-work-order):not(.btn-export):not(.tab.active):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.settings-tab.active):not(.shade-swatch-button):not([class*=merch-storefront-]),.btn-secondary:hover:not(.active):not([class*=merch-storefront-]),.btn-ghost:hover{box-shadow:inset 2px 0 0 0 var(--accent);color:var(--text-primary)!important}.customers-table .icon-button-modern,.customers-table .icon-button-modern svg,.customers-table .icon-button-modern svg path,.customers-table .icon-button-modern svg circle,.sales-orders-table .icon-button-modern,.sales-orders-table .icon-button-modern svg,.sales-orders-table .icon-button-modern svg path,.sales-orders-table .icon-button-modern svg circle{color:var(--text-primary)!important;stroke:var(--text-primary)!important}input:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),textarea:not(.payment-page textarea):not(.payment-page *),select:not(.payment-page select):not(.payment-page *):not(.quote-status-select),.input:not(.payment-page .input):not(.payment-page *),.form-group:not(.payment-page .form-group):not(.payment-page *),.form-row:not(.payment-page .form-row):not(.payment-page *),.card:not(.payment-page .card):not(.payment-page *),.card-body:not(.payment-page .card-body):not(.payment-page *),.modal-content:not(.payment-page .modal-content):not(.payment-page *),.drawer-content:not(.payment-page .drawer-content):not(.payment-page *),.panel:not(.payment-page .panel):not(.payment-page *),.summary-card:not(.payment-page .summary-card):not(.payment-page *),.apparel-line-item-card,.apparel-group-table-container,.line-item-card,.apparel-group-table,.apparel-group-table th,.apparel-group-table td,.apparel-group-table .style-row,.apparel-group-table .margin-row,.apparel-group-table .stock-row,.apparel-group-table .group-header-row,.apparel-group-table .total-column,.empty-state:not(.payment-page .empty-state):not(.payment-page *),.no-items:not(.payment-page .no-items):not(.payment-page *),.form-content:not(.payment-page .form-content):not(.payment-page *),.dropdown:not(.payment-page .dropdown):not(.payment-page *),.popover:not(.payment-page .popover):not(.payment-page *),.designer-modal-content,.group-selector-dropdown,.custom-pantone-form,.ink-color-picker-panel,.addons-list,.addon-select-dropdown,.quote-summary-compact:not(.payment-page .quote-summary-compact):not(.payment-page *),.totals-section:not(.payment-page .totals-section):not(.payment-page *),.financial-summary:not(.payment-page .financial-summary):not(.payment-page *),.signs-modal-content,.signs-modal-body,.signs-modal-summary,.wraps-modal-content,.wraps-modal-summary,.misc-item-modal-content,.modal:not(.payment-page .modal):not(.payment-page *),.modal-body:not(.payment-page .modal-body):not(.payment-page *),.modal-header:not(.payment-page .modal-header):not(.payment-page *),.modal-footer:not(.payment-page .modal-footer):not(.payment-page *),[class*=modal]:not(.payment-page [class*=modal]):not(.payment-page *),[class*=form]:not(.payment-page [class*=form]):not(.payment-page *),[class*=panel]:not(.payment-page [class*=panel]):not(.payment-page *),[class*=card]:not([class*=lucide]):not(.payment-page [class*=card]):not(.payment-page *),[class*=container]:not(.payment-page [class*=container]):not(.payment-wrapper):not(.payment-wrapper *),[class*=wrapper]:not(.payment-page [class*=wrapper]):not(.payment-wrapper):not(.payment-wrapper *),[class*=section]:not(.payment-page [class*=section]):not(.payment-section):not(.payment-section *),[class*=summary]:not(.payment-page [class*=summary]):not(.order-summary):not(.order-summary *),[class*=pricing]:not(.payment-page [class*=pricing]):not(.payment-page *),[class*=price]:not(.payment-page [class*=price]):not(.payment-page *),[class*=table]:not(.payment-page [class*=table]):not(.payment-page *):not(.customers-table):not(.customers-table *):not(.sales-orders-table):not(.sales-orders-table *):not(.invoices-table):not(.invoices-table *):not(.payments-table):not(.payments-table *):not(.report-table):not(.report-table *):not(.queue-table):not(.queue-table *):not(.package-presets-table):not(.package-presets-table *),table:not(.payment-page table):not(.payment-page *):not(.customers-table):not(.sales-orders-table):not(.invoices-table):not(.payments-table):not(.report-table):not(.queue-table):not(.package-presets-table),thead:not(.payment-page thead):not(.payment-page *):not(.customers-table thead):not(.quotes-table thead):not(.sales-orders-table thead):not(.invoices-table thead):not(.payments-table thead):not(.report-table thead):not(.queue-table thead):not(.package-presets-table thead),tbody:not(.payment-page tbody):not(.payment-page *),tr:not(.payment-page tr):not(.payment-page *):not(.customers-table thead tr):not(.quotes-table thead tr):not(.sales-orders-table thead tr):not(.invoices-table thead tr):not(.payments-table thead tr):not(.report-table thead tr):not(.queue-table thead tr):not(.package-presets-table thead tr),th:not(.payment-page th):not(.payment-page *):not(.customers-table th):not(.quotes-table th):not(.sales-orders-table th):not(.invoices-table th):not(.payments-table th):not(.report-table th):not(.queue-table th):not(.package-presets-table th),td:not(.payment-page td):not(.payment-page *),div[class*=form]:not(.payment-page div[class*=form]):not(.payment-page *),div[class*=input]:not(.payment-page div[class*=input]):not(.payment-page *),div[class*=select]:not(.payment-page div[class*=select]):not(.payment-page *),fieldset:not(.payment-page fieldset):not(.payment-page *),label:not(.payment-page label):not(.payment-page *),.label:not(.payment-page .label):not(.payment-page *),.form-label:not(.payment-page .form-label):not(.payment-page *),.form-control:not(.payment-page .form-control):not(.payment-page *),.select:not(.payment-page .select):not(.payment-page *),.textarea:not(.payment-page .textarea):not(.payment-page *),.checkbox:not(.payment-page .checkbox):not(.payment-page *),.radio:not(.payment-page .radio):not(.payment-page *),.switch:not(.payment-page .switch):not(.payment-page *),.summary-row:not(.payment-page .summary-row):not(.payment-page *),.price-override-section:not(.payment-page .price-override-section):not(.payment-page *),.pricing-summary:not(.payment-page .pricing-summary):not(.payment-page *),body:not(:has(.payment-page)) div[class*=input],body:not(:has(.payment-page)) div[class*=select],body:not(:has(.payment-page)) div[class*=textarea],body:not(:has(.payment-page)) div[class*=field],body:not(:has(.payment-page)) div[class*=control],body:not(:has(.payment-page)) div[class*=group]{background:var(--card-bg)!important;background-color:var(--card-bg)!important}.payment-page{color-scheme:light;--color-bg-page:#fff;--color-bg-card:#fff;--color-bg-input:var(--color-bg-surface);--color-bg-surface:var(--color-bg-surface);--color-text-primary:var(--color-text-primary);--color-text-secondary:#111827d9;--color-text-muted:#11182773;--color-border-default:#0000001a;--color-border-strong:#00000026;--card-bg:#fff;--background:#fff;--foreground:var(--color-text-primary);--card:#fff;--card-foreground:var(--color-text-primary);--text-primary:var(--color-text-primary);--text-secondary:#111827d9;--text-muted:#11182773;--bg-base:#fff;--bg-surface:var(--color-bg-surface);--bg-elevated:var(--color-bg-surface);--border-default:#0000001a;--border-strong:#00000026;--content-bg:#fff;--primary:#4f46e5;--primary-foreground:#fff;--muted:var(--color-bg-surface);--muted-foreground:#11182773;--border:#0000001a;--input:var(--color-border-default);--ring:#4f46e5;--accent:#4f46e5;--accent-foreground:#fff;--sidebar:#fff;--sidebar-foreground:var(--color-text-primary)}.payment-page:not(.checkout-layout) .payment-wrapper,.payment-page:not(.checkout-layout) .payment-wrapper :not(.btn-pay):not(.btn-receipt),.payment-page:not(.checkout-layout) .payment-section,.payment-page:not(.checkout-layout) .order-summary,.payment-page:not(.checkout-layout) .payment-content,.payment-page:not(.checkout-layout) .line-items-list,.payment-page:not(.checkout-layout) .payment-totals,.payment-page:not(.checkout-layout) .size-pricing-card,.payment-page:not(.checkout-layout) .square-card-container,.payment-page:not(.checkout-layout) #card-container,.payment-page:not(.checkout-layout) .payment-footer,.payment-page:not(.checkout-layout) .payment-container,.payment-page:not(.checkout-layout) .payment-success-container,.payment-page:not(.checkout-layout) .payment-error-container{background:var(--card-bg)!important;background-color:var(--card-bg)!important}.btn-primary{background:var(--color-bg-dark);font-weight:800;font-size:var(--text-base);cursor:pointer;transition:background var(--transition-base);font-family:var(--font-sans);box-shadow:none;border:none;border-radius:8px;padding:12px 24px;color:var(--color-text-on-dark)!important}.btn-primary:hover:not(:disabled){background:var(--color-bg-dark-hover);color:var(--color-text-on-dark)!important}.btn-secondary{border:1.5px solid var(--color-bg-dark);font-weight:500;font-size:var(--text-base);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base);font-family:var(--font-sans);box-shadow:none;background:0 0;border-radius:8px;padding:12px 24px;color:var(--color-text-primary)!important}.btn-secondary:hover:not(:disabled){background:var(--color-bg-dark);border-color:var(--color-bg-dark);color:var(--color-text-on-dark)!important}.btn-small{font-size:var(--text-sm)!important;padding:8px 16px!important}.btn-danger{background:var(--accent-red);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);border:none;border-radius:6px;padding:12px 24px;color:var(--text-on-accent)!important}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-red);transform:translateY(-1px);color:var(--text-on-accent)!important}.btn-ghost{font-weight:500;font-size:var(--text-base);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;padding:8px 16px;box-shadow:inset 0 0 #0000;color:var(--text-primary)!important}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);box-shadow:inset 2px 0 0 0 var(--accent);color:var(--text-primary)!important}.btn-link{cursor:pointer;transition:color var(--transition-base);font-weight:500;font-family:var(--font-sans);background:0 0;border:none;padding:0;text-decoration:underline;color:var(--accent)!important}.btn-link:hover{color:var(--accent-hover)!important}.card{background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-base)}.card:hover{border-color:var(--border-strong)}.card-header{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-primary);margin-bottom:var(--space-6);font-weight:600}.card-body{background:var(--card-bg);color:var(--text-primary)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;font-family:var(--font-sans);align-items:center;padding:4px 12px;display:inline-flex}.badge-success{background:var(--status-success-bg);color:var(--accent-green)}.badge-warning{background:var(--status-warning-bg);color:var(--accent-amber)}.badge-error{background:var(--status-error-bg);color:var(--accent-red)}.badge-info{background:var(--status-info-bg);color:var(--accent)}.badge-neutral{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.input,input[type=text],input[type=email],input[type=number],input[type=date],input[type=time],input[type=tel],input[type=url],input[type=password],input[type=search],textarea,select{border-radius:var(--radius-sm);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-fast);width:100%;padding:12px 16px;background:var(--card-bg)!important;border:1px solid var(--border-default)!important;color:var(--text-primary)!important}.input:focus,input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-light)!important;outline:none!important}.input::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)!important}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted)!important}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:disabled{opacity:.5;cursor:not-allowed}.label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;font-family:var(--font-sans);display:block}.table{border-collapse:collapse;width:100%}.table thead{background:var(--bg-elevated);z-index:10;position:sticky;top:0}.table th{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-primary);text-align:left;padding:var(--space-4)var(--space-4);border-bottom:1px solid var(--border-default);font-weight:600}.table td{padding:14px var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);font-family:var(--font-sans)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.table .mono{font-family:var(--font-mono);color:var(--text-tertiary);font-size:var(--text-sm)}.modal-backdrop{background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--space-4);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideIn;display:flex;overflow:hidden}.modal-large{max-width:800px}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-body .input{background:var(--card-bg);border:1px solid var(--border-default)}.modal-body .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.modal-title{font-size:var(--text-xl);color:var(--text-primary);font-weight:600;font-family:var(--font-sans)}.modal-close{background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-default);background:var(--card-bg);flex-shrink:0;display:flex}.empty-state{padding:var(--space-16)var(--space-8);text-align:center;background:var(--card-bg);color:var(--text-primary);border:2px dashed var(--border-default);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:48px;height:48px;margin-bottom:var(--space-6);opacity:.5}.empty-state-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:500;font-family:var(--font-sans)}.empty-state-description{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6);font-family:var(--font-sans)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated)0%,var(--bg-hover)50%,var(--bg-elevated)100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:.6s linear infinite spin}.spinner-sm{width:16px;height:16px}.spinner-md{width:24px;height:24px}.spinner-lg{width:32px;height:32px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.interactive{transition:all var(--transition-base)}.hover-transition{transition:all var(--transition-fast)}.modal-transition{transition:all var(--transition-slow)}:root{--motion-fast:.14s;--motion-base:.22s;--motion-slow:.32s;--easing-expressive:cubic-bezier(.22,1,.36,1);--surface-1:0 2px 8px #0f172a0f;--surface-2:0 12px 28px #0f172a1f}.expressive-page{animation:expressiveFadeIn var(--motion-base)var(--easing-expressive)}.expressive-surface{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--surface-1);transition:transform var(--motion-base)var(--easing-expressive),box-shadow var(--motion-base)var(--easing-expressive),border-color var(--motion-fast)ease}.expressive-surface:hover{box-shadow:var(--surface-2);border-color:var(--border-default);transform:translateY(-1px)}.expressive-cta{transition:transform var(--motion-fast)var(--easing-expressive),box-shadow var(--motion-base)var(--easing-expressive),filter var(--motion-fast)ease}.expressive-cta:hover:not(:disabled){filter:saturate(1.06);transform:translateY(-2px)}.expressive-cta:active:not(:disabled){transform:translateY(0)scale(.985)}.expressive-table-row{transition:transform var(--motion-fast)var(--easing-expressive),background-color var(--motion-fast)ease}.expressive-table-row:hover{transform:translate(2px)}.kanban-card{transition:transform var(--motion-fast)var(--easing-expressive),box-shadow var(--motion-base)var(--easing-expressive),border-color var(--motion-fast)ease}.kanban-card:hover{box-shadow:0 10px 24px var(--accent-light,#3b82f624);transform:translateY(-2px)scale(1.01)}.kanban-count{transition:transform var(--motion-fast)var(--easing-expressive),background-color var(--motion-fast)ease}.quotes-toolbar,.payment-section,.order-summary,.customer-detail-header,.help-center-panel,.subscription-header{box-shadow:var(--surface-1)}.quotes-toolbar,.payment-section,.order-summary,.help-center-panel{border-radius:var(--radius-lg)}.dashboard-home .dashboard-card,.subscription-plans-container .plan-card,.customer-detail-content .customer-overview,.customer-detail-tab-panel{transition:transform var(--motion-base)var(--easing-expressive),box-shadow var(--motion-base)var(--easing-expressive)}.dashboard-home .dashboard-card:hover,.subscription-plans-container .plan-card:hover{transform:translateY(-3px)}.status-badge{letter-spacing:.02em;transition:transform var(--motion-fast)var(--easing-expressive),box-shadow var(--motion-fast)ease;border-radius:999px;font-weight:700}.status-badge:hover{transform:translateY(-1px)}@keyframes expressiveFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.expressive-page,.expressive-surface,.expressive-cta,.expressive-table-row,.kanban-card,.kanban-count,.dashboard-home .dashboard-card,.subscription-plans-container .plan-card{transition:none!important;animation:none!important;transform:none!important}}@media(max-width:768px){.actions-menu,.actions-menu-modern,.actions-menu-portal{-webkit-overflow-scrolling:touch;border-radius:12px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 8px 24px #0000004d;z-index:10000!important;position:fixed!important}.actions-menu button,.actions-menu-modern button,.actions-menu-portal button,.menu-section button{text-align:left;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;font-size:15px;display:flex}input[type=text],input[type=email],input[type=number],input[type=tel],input[type=password],input[type=search],textarea,select{font-size:16px}.search-input,input[type=search]{width:100%;max-width:100%}.toolbar,.quotes-toolbar,.customers-toolbar{flex-direction:column;gap:12px}.toolbar>*,.quotes-toolbar>*,.customers-toolbar>*{width:100%}.page-header,.quotes-header,.customers-header{flex-direction:column;align-items:stretch;gap:12px}.page-header h1,.quotes-header h1,.customers-header h1{font-size:22px}.detail-header{flex-direction:column;align-items:stretch;gap:12px}.detail-header .header-actions{flex-flow:wrap;gap:8px}.detail-header .header-actions button{flex:1;min-width:0}.card,.quote-card,.customer-card{margin-bottom:12px;padding:12px}.grid,.quotes-list,.customers-grid{grid-template-columns:1fr;gap:12px}body{overflow-x:hidden}select,.select{width:100%}.modal-overlay{padding:8px}.modal-content{border-radius:12px;max-width:100%;max-height:95vh;margin:0}}@media(min-width:769px)and (max-width:1024px){.actions-menu,.actions-menu-modern{max-width:400px}}button,.btn{-webkit-user-select:none;-moz-user-select:none;user-select:none}button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent,#14b8a6);outline-offset:2px}button:active,.btn:active{transition:transform .1s;transform:scale(.98)}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/geist-cyrillic-wght-normal.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/geist-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/geist-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:var(--font-sans);line-height:var(--leading-normal);color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}a{color:var(--color-text-primary);border-bottom:2px solid var(--color-accent);padding-bottom:1px;font-weight:500;text-decoration:none}a:hover{color:var(--color-text-primary)}*{box-sizing:border-box}body{min-width:320px;max-width:100vw;min-height:100vh;margin:0;overflow-x:hidden}h1,h2,h3{color:var(--color-text-primary);font-weight:800}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--bg-elevated);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base);border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500}button:hover{border-color:var(--color-border-strong)}button:focus,button:focus-visible{box-shadow:0 0 0 3px var(--accent-light,#3b82f659);outline:none}[data-theme=dark]{--background:var(--bg-base);--foreground:var(--text-primary);--card:var(--bg-surface);--card-foreground:var(--text-primary);--popover:var(--bg-surface);--popover-foreground:var(--text-primary);--primary:var(--accent);--primary-foreground:var(--text-on-accent);--secondary:var(--bg-elevated);--secondary-foreground:var(--text-primary);--muted:var(--bg-elevated);--muted-foreground:var(--text-muted);--accent:var(--accent);--accent-foreground:var(--text-on-accent);--destructive:#ef4444;--border:var(--border-default);--input:var(--border-default);--ring:var(--color-border-focus);--sidebar:var(--sidebar-bg);--sidebar-foreground:var(--sidebar-text);--sidebar-primary:var(--accent);--sidebar-primary-foreground:var(--text-on-accent);--sidebar-accent:var(--bg-elevated);--sidebar-accent-foreground:var(--sidebar-text);--sidebar-border:var(--border-default);--sidebar-ring:var(--color-border-focus)}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-space-x-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}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.auth-page button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;margin:0;padding:0;border:none;background:none;cursor:pointer}.auth-page input{font:inherit}.auth-page{min-height:100vh;background:var(--color-bg-page);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.auth-wrap{max-width:1200px;width:100%;display:grid;grid-template-columns:55% 45%;gap:60px;align-items:center;box-sizing:border-box}.auth-left{display:flex;flex-direction:column;gap:28px}.auth-headline-block{margin:0}.auth-headline{margin:0;font-size:48px;font-weight:800;line-height:1.1}.auth-headline-blue{color:var(--color-accent);display:block}.auth-headline-black{color:var(--color-text-primary);display:block}.auth-subtext{margin:12px 0 0;font-size:16px;color:var(--color-text-secondary);line-height:1.5}.auth-features{display:flex;flex-direction:column;gap:20px}.auth-feature{display:flex;gap:16px;align-items:flex-start}.auth-feature-icon-box{width:40px;height:40px;min-width:40px;flex-shrink:0;background:#111;border-radius:10px;display:flex;align-items:center;justify-content:center}.auth-feature-icon-box svg{width:20px;height:20px;flex-shrink:0;stroke:#ffd100;color:var(--color-accent)}.auth-feature-title{margin:0;font-weight:700;font-size:16px;color:var(--color-text-primary)}.auth-feature-desc{margin:4px 0 0;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.auth-feature-checks{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.auth-feature-checks li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary)}.auth-check-icon{flex-shrink:0}.auth-ob5-card{background:#111;border-radius:14px;padding:24px;display:flex;align-items:flex-end;gap:16px;overflow:hidden}.auth-ob5-content{flex:1}.auth-ob5-title{margin:0 0 8px;font-weight:700;font-size:18px;color:var(--color-accent)}.auth-ob5-desc{margin:0 0 14px;font-size:14px;color:#aaa;line-height:1.5}.auth-ob5-pills{display:flex;gap:8px;flex-wrap:wrap}.auth-ob5-pill{background:var(--color-bg-page);color:var(--color-accent);font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid #333333}.auth-ob5-mascot-wrap{flex-shrink:0;width:130px;display:flex;align-items:flex-end;justify-content:center}.auth-ob5-mascot{width:130px;height:auto;max-height:130px;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom;display:block}.auth-cta-block{margin:0}.auth-page button.auth-cta-primary{display:inline-block;padding:14px 28px;font-size:16px;font-weight:800;line-height:1.25;color:var(--color-text-primary)!important;background:#ffd100!important;border:none!important;border-radius:8px;cursor:pointer;letter-spacing:.01em;transition:background .15s;min-height:48px;box-sizing:border-box}.auth-page button.auth-cta-primary:hover{background:#f0c400!important}.auth-page button.auth-cta-primary:focus,.auth-page button.auth-cta-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #ffd10040}.auth-trial-note{margin:10px 0 0;font-size:13px;color:var(--color-text-secondary)}.auth-right{display:flex;justify-content:center;align-items:center}.auth-card{width:100%;max-width:420px;background:var(--color-bg-card);border-radius:16px;border:1px solid var(--color-border-default);box-shadow:none;padding:40px;box-sizing:border-box}.auth-card-title{margin:0 0 6px;font-size:28px;font-weight:800;color:var(--color-text-primary);text-align:center}.auth-card-subtitle{margin:0 0 24px;font-size:15px;color:var(--color-text-secondary);text-align:center}.auth-btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:var(--color-bg-card);border:1.5px solid #E0E0DA;border-radius:8px;font-size:15px;font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:background .15s,border-color .15s;box-sizing:border-box}.auth-btn-google:hover:not(:disabled){background:#fafaf7;border-color:#ccc}.auth-btn-google:disabled{opacity:.7;cursor:not-allowed}.auth-google-icon{width:18px;height:18px;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e0e0da}.auth-divider span{font-size:13px;color:var(--color-text-muted);white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:0}.auth-form-group{margin-bottom:16px}.auth-form-group label{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:6px}.auth-form-group input,.auth-input-with-toggle{width:100%;padding:12px 14px;font-size:15px;border:1.5px solid #E0E0DA;border-radius:8px;background:#fafaf7;color:var(--color-text-primary);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.auth-form-group input:hover:not(:focus),.auth-input-with-toggle:hover:not(:focus){border-color:#ccc}.auth-form-group input:focus,.auth-input-with-toggle:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #ffd1002e}.auth-form-group input::-moz-placeholder,.auth-input-with-toggle::-moz-placeholder{color:var(--color-text-muted)}.auth-form-group input::placeholder,.auth-input-with-toggle::placeholder{color:var(--color-text-muted)}.auth-input-wrap{position:relative}.auth-input-with-toggle{padding-right:44px}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.auth-password-toggle:hover{color:var(--color-text-secondary)}.auth-error{display:flex;align-items:center;justify-content:space-between;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:12px 14px;border-radius:8px;font-size:14px;margin-bottom:16px}.auth-error-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;padding:0 .25rem}.auth-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;padding:12px 14px;border-radius:8px;font-size:14px;margin-bottom:16px}.auth-page button.auth-btn-submit{width:100%;margin-top:24px;padding:14px 16px!important;min-height:48px;background:#111!important;color:#ffd100!important;font-weight:800;font-size:16px;line-height:1.25;border:none!important;border-radius:8px;cursor:pointer;letter-spacing:.02em;box-shadow:none;transition:background .15s,transform .1s;box-sizing:border-box}.auth-page button.auth-btn-submit:hover:not(:disabled){background:var(--color-bg-page)!important}.auth-page button.auth-btn-submit:active:not(:disabled){background:#000!important;transform:scale(.98)}.auth-page button.auth-btn-submit:focus,.auth-page button.auth-btn-submit:focus-visible{outline:none;box-shadow:0 0 0 3px #ffd10040}.auth-page button.auth-btn-submit:disabled{opacity:.6;cursor:not-allowed}.auth-forgot{display:block;text-align:center;margin-top:12px;font-size:14px;color:var(--color-text-primary);text-decoration:none;border-bottom:2px solid #FFD100;padding-bottom:1px;font-weight:500}.auth-forgot:hover{color:var(--color-text-primary)}.auth-switch{text-align:center;margin:20px 0 0;font-size:14px;color:var(--color-text-secondary)}.auth-page button.auth-link{display:inline;padding:0 0 1px!important;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;color:var(--color-text-primary)!important;background:none!important;border:none!important;border-bottom:2px solid #FFD100;cursor:pointer;text-decoration:none;transition:color .15s}.auth-page button.auth-link:hover{color:var(--color-text-primary)!important;text-decoration:none}.auth-page button.auth-link.auth-link-bold{font-weight:700}@media(max-width:900px){.auth-page{padding:40px 24px}.auth-wrap{grid-template-columns:1fr;gap:40px;max-width:480px;margin:0 auto}.auth-right{order:-1}.auth-headline{font-size:clamp(32px,8vw,48px)}.auth-ob5-mascot-wrap{width:100px}.auth-ob5-mascot{width:100px;max-height:100px}}@media(max-width:480px){.auth-page{padding:24px 16px}.auth-card{padding:32px 24px}.auth-headline{font-size:32px}}.paywall-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--content-bg, #f5f5f5);padding:20px}.paywall-content{text-align:center;max-width:500px;background:#000;border-radius:12px;padding:48px 32px;box-shadow:0 4px 6px #0000001a}.paywall-icon{font-size:64px;margin-bottom:24px}.paywall-content h1{font-size:28px;font-weight:600;color:var(--color-text-primary);margin-bottom:16px}.paywall-message{font-size:18px;color:var(--text-secondary, #666);margin-bottom:12px;font-weight:500}.paywall-description{font-size:14px;color:var(--text-secondary, #666);line-height:1.6;margin-bottom:32px}.paywall-button{background:var(--primary-color, var(--color-accent));color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:16px;width:100%;max-width:300px}.paywall-button:hover{background:var(--primary-hover, var(--color-accent))}.paywall-link{background:transparent;color:var(--text-secondary, #666);border:none;font-size:14px;cursor:pointer;text-decoration:underline;padding:8px}.paywall-link:hover{color:var(--primary-color, var(--color-accent))}.subscription-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.subscription-modal-overlay.blocking{background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.subscription-modal-content{background:#000;border-radius:12px;padding:32px;max-width:500px;width:100%;position:relative;box-shadow:0 10px 25px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.subscription-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;color:var(--color-text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.subscription-modal-close:hover{background:#000}.subscription-modal-icon{font-size:64px;text-align:center;margin-bottom:16px}.subscription-modal-content h2{font-size:24px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;text-align:center}.subscription-modal-message{font-size:16px;color:var(--text-secondary, #666);margin-bottom:8px;text-align:center;font-weight:500}.subscription-modal-description{font-size:14px;color:var(--text-secondary, #666);line-height:1.6;margin-bottom:24px;text-align:center}.subscription-modal-details-form{margin-bottom:0}.subscription-modal-details-field{margin-bottom:16px}.subscription-modal-details-field label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary, #666);margin-bottom:6px}.subscription-modal-details-field input{width:100%;padding:10px 12px;border:1px solid var(--color-border-default);border-radius:8px;font-size:15px;box-sizing:border-box;background:var(--color-bg-input);color:var(--color-text-primary)}.subscription-modal-details-field input:focus{outline:none;border-color:var(--primary-color, var(--color-accent))}.subscription-modal-details-field input::-moz-placeholder{color:var(--color-text-muted)}.subscription-modal-details-field input::placeholder{color:var(--color-text-muted)}.subscription-modal-actions{display:flex;flex-direction:column;gap:12px}.subscription-modal-button-primary{background:var(--primary-color, var(--color-accent));color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;width:100%}.subscription-modal-button-primary:hover{background:var(--primary-hover, var(--color-accent))}.subscription-modal-button-secondary{background:transparent;color:var(--text-secondary, #666);border:1px solid var(--color-border-default);border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.subscription-modal-button-secondary:hover{background:#000;border-color:var(--color-text-muted)}.subscription-modal-button-primary:disabled,.subscription-modal-button-secondary:disabled{opacity:.6;cursor:not-allowed}.subscription-modal-error{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px;text-align:center;border:1px solid #fcc}.subscription-modal-disclaimer{margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.subscription-modal-disclaimer p{font-size:12px;color:var(--text-secondary, #666);margin:8px 0;line-height:1.5;text-align:left}.subscription-modal-logout{margin-top:20px;padding-top:16px;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.subscription-modal-logout-btn{background:none;border:none;color:var(--text-secondary, #888);font-size:14px;cursor:pointer;padding:4px 8px;text-decoration:underline;text-underline-offset:2px}.subscription-modal-logout-btn:hover{color:var(--color-text-primary)}.subscription-modal-logout-btn:disabled{opacity:.6;cursor:not-allowed}.shop-financial-setup-panel{max-width:100%}.shop-financial-migration{margin-bottom:var(--space-6, 24px);padding:var(--space-4, 16px);background:var(--accent-light, rgba(59, 130, 246, .1));border:1px solid var(--accent, var(--color-accent));border-radius:var(--radius-md, 8px)}.shop-financial-migration p{margin:0 0 var(--space-3, 12px) 0;font-size:.95rem;color:var(--text-primary)}.shop-financial-migration-actions{display:flex;gap:var(--space-2, 8px)}.shop-financial-migration-actions .btn-secondary{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);color:var(--text-primary);font-size:.9rem;cursor:pointer}.shop-financial-migration-actions .btn-secondary:hover{background:var(--bg-elevated)}.shop-financial-header{margin-bottom:var(--space-6, 24px)}.shop-financial-header h2{margin:0 0 var(--space-2, 8px) 0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.shop-financial-description{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.shop-financial-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6, 24px);align-items:start}@media(max-width:900px){.shop-financial-layout{grid-template-columns:1fr}}.shop-financial-form .form-group{margin-bottom:var(--space-6, 24px)}.shop-financial-form label{display:flex;align-items:center;gap:6px;font-weight:600;margin-bottom:var(--space-2, 8px);color:var(--text-primary)}.shop-financial-form .info-icon{opacity:.6;cursor:help}.shop-financial-form input[type=number],.shop-financial-form input[type=text],.shop-financial-form select{width:100%;max-width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--card-bg);color:var(--text-primary)}.shop-financial-form .form-hint{display:block;margin-top:4px;font-size:.8rem;color:var(--text-secondary)}.btn-add-expense{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;margin-bottom:var(--space-3, 12px);background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;color:var(--text-secondary)}.btn-add-expense:hover{border-color:var(--accent);color:var(--accent)}.expenses-list{list-style:none;margin:0;padding:0}.expenses-list-header{display:flex;align-items:center;gap:8px;padding:0 8px 6px;margin-bottom:4px;border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, .08));font-size:.8rem;font-weight:600;color:var(--text-secondary)}.expenses-list-header .expense-header-name,.expenses-list-header .expense-header-category{flex:1;min-width:0}.expenses-list-header .expense-header-amount{width:100px;flex-shrink:0}.expenses-list-header .expense-header-due{width:70px;flex-shrink:0}.expenses-list-header .expense-header-action{width:36px;flex-shrink:0}.expense-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:var(--space-2, 8px);padding:var(--space-2, 8px);background:var(--bg-surface);border-radius:var(--radius-md)}.expense-fields{flex:1;display:grid;grid-template-columns:1fr 1fr 100px 70px;gap:8px;align-items:center}@media(max-width:600px){.expense-fields{grid-template-columns:1fr 1fr}.expense-fields .expense-due-day{grid-column:span 1}}.expense-name,.expense-category,.expense-amount,.expense-due-day{min-width:0}.btn-remove-expense{flex-shrink:0;padding:8px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--accent-red);cursor:pointer}.btn-remove-expense:hover{background:var(--status-error-bg)}.expenses-empty{margin:0;padding:var(--space-4, 16px);color:var(--text-secondary);font-size:.9rem}.expenses-empty-note{margin:0 0 0 var(--space-4, 16px);padding:0;color:var(--text-muted, #666);font-size:.85rem}.form-actions{margin-top:var(--space-6, 24px)}.form-actions .btn-primary{padding:10px 20px;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.form-actions .btn-primary:hover:not(:disabled){filter:brightness(1.05)}.form-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed}.form-message{margin-top:var(--space-2, 8px);font-size:.9rem}.form-message.success{color:var(--accent-green)}.form-message.error{color:var(--accent-red)}.financial-summary-card{padding:var(--space-5, 20px);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:sticky;top:var(--space-4, 16px)}.financial-summary-card h3{margin:0 0 var(--space-2, 8px) 0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.summary-description{margin:0 0 var(--space-4, 16px) 0;font-size:.85rem;color:var(--text-secondary)}.summary-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.summary-row.highlight{margin-top:var(--space-3, 12px);padding-top:var(--space-3, 12px);border-top:1px solid var(--border);font-weight:700;font-size:1.05rem}.summary-label{color:var(--text-secondary);font-size:.9rem}.summary-row.highlight .summary-label{color:var(--text-primary)}.summary-value{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.summary-hint{display:block;margin-bottom:var(--space-3, 12px);font-size:.75rem;color:var(--text-tertiary)}.summary-row.highlight+.summary-hint{margin-bottom:0}.onboarding-modal-overlay{position:fixed;inset:0;background:#1e1c1a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10001;padding:24px;animation:onboardingFadeIn .35s cubic-bezier(.22,1,.36,1)}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-modal-content{background:linear-gradient(180deg,#fffefb,#fffcf7);border-radius:24px;max-width:480px;width:100%;position:relative;border:1px solid rgba(255,106,0,.12);box-shadow:0 1px #ffffffd9 inset,0 24px 64px -16px #0003,0 12px 32px -8px #0000001f;overflow:hidden;animation:onboardingSlideIn .45s cubic-bezier(.16,1,.3,1)}@keyframes onboardingSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-modal-progress{height:3px;background:linear-gradient(90deg,#ff6a00,#ff8533,#ff6a00);transition:width .4s cubic-bezier(.22,1,.36,1)}.onboarding-modal-inner{padding:40px 32px 36px}.onboarding-modal-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary, #0f1419);margin:0 0 10px;text-align:center;line-height:1.2}.onboarding-modal-subtitle{font-size:1rem;font-weight:500;color:var(--text-secondary, #4b5563);margin:0 0 28px;text-align:center;line-height:1.5}.onboarding-modal-error{font-size:13px;color:#c00;margin:0 0 12px;text-align:center}.onboarding-modal-financial-wrap{max-height:min(60vh,420px);overflow-y:auto;margin-bottom:20px;padding:4px 0}.onboarding-modal-financial-wrap .shop-financial-setup-panel{padding:0}.onboarding-modal-financial-wrap .shop-financial-layout{flex-direction:column}.onboarding-modal-financial-wrap .shop-financial-summary{margin-top:16px}.onboarding-modal-label{display:block;font-size:13px;font-weight:500;color:var(--text-primary, #111);margin-bottom:6px}.onboarding-modal-label input,.onboarding-modal-label select{width:100%;padding:12px 14px;font-size:15px;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;margin-bottom:16px;background:var(--input-bg, #fff);color:var(--text-primary, #111);transition:border-color .2s ease,box-shadow .2s ease}.onboarding-modal-label input:focus,.onboarding-modal-label select:focus{outline:none;border-color:#ff6a00;box-shadow:0 0 0 3px #ff6a0026}.onboarding-modal-btn{display:block;width:100%;padding:14px 24px;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease;margin-top:10px}.onboarding-modal-btn:disabled{opacity:.7;cursor:not-allowed}.onboarding-modal-btn.primary{background:linear-gradient(180deg,#ff8533,#ff6a00 45%,#e55f00);color:#fff;border:none;box-shadow:0 2px #ffffff40 inset,0 4px 16px -2px #ff6a0066,0 2px 6px #00000014}.onboarding-modal-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px #ffffff4d inset,0 8px 24px -4px #ff6a0073,0 4px 12px #0000001a}.onboarding-modal-btn.primary:active:not(:disabled){transform:translateY(0)}.onboarding-modal-btn.secondary{background:transparent;color:var(--text-primary, #111);border:2px solid var(--border-color, #e5e7eb)}.onboarding-modal-btn.secondary:hover:not(:disabled){border-color:#ff6a00;color:#ff6a00;background:#ff6a000a}.onboarding-modal-services{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.onboarding-modal-service-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border-color, #e5e7eb);border-radius:12px;cursor:pointer;font-size:15px;color:var(--text-primary, #111);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.onboarding-modal-service-option:hover{border-color:#ff6a0080;background:#ff6a000a}.onboarding-modal-service-option input{width:18px;height:18px;accent-color:#ff6a00}.onboarding-modal-starter-options{display:flex;flex-direction:column;gap:14px;margin-bottom:10px}.onboarding-modal-starter-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:18px 20px;border:2px solid var(--border-color, #e5e7eb);border-radius:14px;background:var(--content-bg, #fff);cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.onboarding-starter-icon{font-size:26px;margin-bottom:8px;line-height:1}.onboarding-modal-starter-card strong{font-size:15px;font-weight:700;color:var(--text-primary, #111);margin-bottom:6px}.onboarding-modal-starter-card span{font-size:13px;color:var(--text-secondary, #555);line-height:1.5}.onboarding-modal-starter-card:hover:not(:disabled){border-color:#ff6a0080;background:#ff6a000d}.onboarding-modal-starter-card.selected{border-color:#ff6a00;background:#ff6a0014;box-shadow:0 0 0 1px #ff6a0026}.onboarding-modal-complete-actions{display:flex;flex-direction:column;gap:10px}.onboarding-modal-complete-actions .onboarding-modal-btn.secondary{margin-top:0}.weather-forecast-card{min-width:0}.weather-forecast-header{margin-bottom:1rem}.weather-forecast-title{font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary, var(--color-text-primary));margin:0 0 .25rem;line-height:1.3}.weather-forecast-subtitle{font-size:.9375rem;color:var(--text-secondary, var(--color-text-secondary));margin:0;line-height:1.35}.weather-forecast-empty .weather-forecast-subtitle,.weather-forecast-error .weather-forecast-subtitle,.weather-forecast-error-text{font-size:.875rem;color:var(--text-secondary, var(--color-text-muted));margin-top:.25rem}.weather-forecast-loading{display:flex;align-items:center;gap:.75rem;padding:1rem 0;font-size:.875rem;color:var(--text-secondary, var(--color-text-muted))}.weather-forecast-days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;min-width:0}.weather-day{border-radius:10px;padding:8px;text-align:center;border:1px solid var(--border-subtle, var(--color-border-default));background:var(--bg-base, var(--color-bg-surface));display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:0;transition:box-shadow .2s ease,border-color .2s ease}.weather-day:hover{border-color:var(--border-default, var(--color-border-default));box-shadow:0 1px 3px #00000014}.weather-day-good{border-left:4px solid var(--accent-green, #059669);background:linear-gradient(180deg,rgba(16,185,129,.08) 0%,var(--bg-base, var(--color-bg-surface)) 100%)}.weather-day-fair{border-left:4px solid var(--warning, #d97706);background:linear-gradient(180deg,rgba(245,158,11,.12) 0%,var(--bg-base, var(--color-bg-surface)) 100%)}.weather-day-bad{border-left:4px solid var(--accent-red, var(--danger));background:linear-gradient(180deg,rgba(239,68,68,.08) 0%,var(--bg-base, var(--color-bg-surface)) 100%)}.weather-day-icon-wrap{width:36px;height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.weather-day-icon{flex-shrink:0;color:var(--text-secondary, var(--color-text-muted))}.weather-icon-sunny{color:var(--warning, #d97706)}.weather-icon-cloudy,.weather-icon-fog,.weather-icon-default{color:var(--text-tertiary, var(--color-text-muted))}.weather-icon-partly-cloudy{color:var(--text-secondary, var(--color-text-muted))}.weather-icon-rain,.weather-icon-snow,.weather-icon-storm{color:var(--accent, var(--color-accent))}.weather-day-date{font-weight:700;font-size:clamp(10px,1.5cqi,13px);color:var(--text-primary, var(--color-text-primary));line-height:1.2;overflow:hidden;min-width:0}.weather-day-date-full{font-size:.75rem;font-weight:600;color:var(--text-secondary, var(--color-text-muted));overflow:hidden;min-width:0}.weather-day-summary{font-size:11px;font-weight:600;color:var(--text-primary, var(--color-text-primary));line-height:1.3;white-space:normal;word-break:break-word;width:100%;min-width:0;overflow:hidden}.weather-day-temps{font-size:1rem;font-weight:700;color:var(--text-primary, var(--color-text-primary));letter-spacing:-.02em;white-space:nowrap;overflow:hidden;min-width:0}.weather-temp-high{color:var(--text-primary, var(--color-text-primary))}.weather-temp-sep{color:var(--text-tertiary, var(--color-text-muted));font-weight:500;margin:0 2px}.weather-temp-low{color:var(--text-secondary, var(--color-text-muted));font-weight:600}.weather-day-precip{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;color:var(--text-secondary, var(--color-text-muted));overflow:hidden;min-width:0}.weather-precip-icon{flex-shrink:0;opacity:.8}.weather-day-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:auto;padding-top:.35rem;border-top:1px solid var(--border-subtle, var(--color-border-default));width:100%;line-height:1.2;overflow:hidden;min-width:0}.weather-badge-good{color:var(--accent-green, #059669)}.weather-badge-fair{color:var(--warning, #d97706)}.weather-badge-bad{color:var(--accent-red, var(--danger))}.weather-day-popup{padding:1rem;background:var(--bg-elevated);border:1px solid var(--border-default, var(--color-border-default));border-radius:10px;box-shadow:0 10px 25px #0000001f;min-width:200px;max-width:280px;pointer-events:none}.weather-day-popup-title{font-weight:800;font-size:.9375rem;color:var(--text-primary, var(--color-text-primary));margin-bottom:2px}.weather-day-popup-date{font-size:.8125rem;font-weight:600;color:var(--text-secondary, var(--color-text-muted));margin-bottom:.5rem}.weather-day-popup-temps{font-size:1rem;font-weight:700;color:var(--text-primary, var(--color-text-primary));margin-bottom:2px}.weather-day-popup-precip{font-size:.8125rem;font-weight:700;color:var(--text-secondary, var(--color-text-muted));margin-bottom:.5rem}.weather-day-popup-summary{font-size:.8125rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));line-height:1.4;margin-bottom:.5rem;padding-top:.5rem;border-top:1px solid var(--border-subtle, var(--color-border-default))}.weather-day-popup-suitability{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding-top:.5rem;border-top:1px solid var(--border-subtle, var(--color-border-default))}.weather-day-popup-suitability.weather-badge-good{color:var(--accent-green, #059669)}.weather-day-popup-suitability.weather-badge-fair{color:var(--warning, #d97706)}.weather-day-popup-suitability.weather-badge-bad{color:var(--accent-red, var(--danger))}@media(max-width:600px){.weather-forecast-card{padding:1rem}.weather-forecast-title{font-size:.9375rem}.weather-forecast-subtitle{font-size:.8125rem}.weather-day-icon-wrap{width:32px;height:32px;min-height:32px}.weather-day-temps{font-size:.9375rem}}.press-eff-module{--press-eff-track: var(--color-border-default);--press-eff-fill: #ef4444;--border: var(--color-border-default);--bg-surface: #fff;--bg-elevated: var(--color-bg-surface);--bg-hover: var(--color-border-default);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-muted);--accent: var(--color-accent);width:100%;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000f;padding:20px 24px}[data-theme=dark] .press-eff-module{--press-eff-track: var(--color-border-default);--press-eff-fill: #f87171;--border: var(--color-border-default);--bg-surface: var(--color-bg-surface);--bg-elevated: var(--color-bg-elevated);--bg-hover: var(--color-border-default);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--accent: var(--color-accent);background:var(--color-bg-card);border-color:var(--color-border-default);box-shadow:0 1px 3px #0003}.press-eff-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.press-eff-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.press-eff-dropdown-wrap{position:relative}.press-eff-dropdown-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer}.press-eff-dropdown-btn:hover{background:var(--bg-hover)}.press-eff-chevron-open{transform:rotate(180deg)}.press-eff-dropdown-backdrop{position:fixed;inset:0;z-index:10}.press-eff-dropdown-menu{position:absolute;right:0;top:100%;z-index:20;margin-top:4px;min-width:180px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 4px 12px #0000001a;padding:4px 0}.press-eff-dropdown-item{display:block;width:100%;padding:10px 14px;text-align:left;font-size:14px;color:var(--text-primary);background:none;border:none;cursor:pointer}.press-eff-dropdown-item:hover{background:var(--bg-hover)}.press-eff-custom-range{border-top:1px solid var(--border);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.press-eff-date-input{width:100%;padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-surface);font-size:13px;color:var(--text-primary)}.press-eff-apply-btn{width:100%;padding:8px 12px;border-radius:6px;border:none;background:var(--accent);color:var(--color-accent-text);font-size:13px;font-weight:600;cursor:pointer}.press-eff-error{margin-bottom:16px;padding:10px 14px;border-radius:8px;background:#ef44441a;color:#b91c1c;font-size:13px}.press-eff-loading{padding:32px 0;text-align:center;font-size:14px;color:var(--text-secondary)}.press-eff-body{display:flex;align-items:flex-start;gap:24px}@container widget (max-width: 420px){.press-efficiency-inner{flex-direction:column;align-items:center}.press-efficiency-gauge{margin-bottom:12px}.press-eff-left{width:100%;max-width:none}.press-eff-stats{width:100%}}.press-eff-left{flex:0 0 auto;width:140px;max-width:160px;display:flex;flex-direction:column;align-items:center}.press-eff-gauge-wrap{position:relative;width:100%;max-width:160px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.press-eff-gauge-svg{display:block;width:100%;height:100%}.press-eff-gauge-bg{transition:stroke .2s ease}.press-eff-gauge-fill{transition:stroke-dashoffset .4s ease,stroke .2s ease}.press-eff-gauge-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700;color:var(--text-primary)}.press-eff-period-label{margin:12px 0 0;font-size:12px;color:var(--text-secondary);font-weight:400}.press-eff-stats{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.press-eff-stat{display:flex;flex-direction:column;gap:4px}.press-eff-stat-label{font-size:13px;font-weight:400;color:var(--text-secondary)}.press-eff-stat-value{font-size:20px;font-weight:600;color:var(--text-primary)}.iec-root{--iec-bg: #f2f2f7;--iec-surface: var(--color-bg-card);--iec-green: #34c759;--iec-red: #ff3b30;--iec-blue: #007aff;--iec-muted: #8e8e93;--iec-primary: #1c1c1e;--iec-border: rgba(0, 0, 0, .06);--iec-shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--iec-shadow-hover:0 8px 24px rgba(0, 0, 0, .09);--iec-seg-bg: rgba(118, 118, 128, .12);--iec-r-root: 20px;--iec-r-card: 16px;--iec-r-seg: 9px;--iec-font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--iec-font-mono: "DM Mono", "Courier New", monospace}.iec-root{background:var(--iec-bg);border-radius:var(--iec-r-root);padding:20px 22px 18px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.iec-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.iec-header-left{display:flex;flex-direction:column;gap:3px}.iec-title{font-family:var(--iec-font-ui);font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--iec-primary);margin:0;line-height:1.2}.iec-period{font-family:var(--iec-font-mono);font-size:12px;color:var(--iec-muted);margin:0;letter-spacing:0}.iec-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.iec-year-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:var(--iec-font-mono);font-size:13px;font-weight:500;color:var(--iec-primary);background:var(--iec-surface);border:1px solid rgba(0,0,0,.12);border-radius:var(--iec-r-seg);padding:5px 28px 5px 10px;cursor:pointer;outline:none;box-shadow:var(--iec-shadow-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238e8e93' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;transition:border-color .15s ease}.iec-year-select:hover{border-color:#0003}.iec-year-select:focus{border-color:var(--iec-blue);box-shadow:0 0 0 3px #007aff1f}.iec-seg{display:inline-flex;align-items:center;background:var(--iec-seg-bg);border-radius:var(--iec-r-seg);padding:2px;gap:1px}.iec-seg-btn{font-family:var(--iec-font-ui);font-size:13px;font-weight:500;color:var(--iec-primary);background:transparent;border:none;border-radius:7px;padding:4px 13px;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,color .18s ease;line-height:1.4;letter-spacing:0}.iec-seg-btn:hover:not(.iec-seg-btn--active){background:#ffffff80}.iec-seg-btn--active{background:var(--iec-surface);box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;color:var(--iec-primary)}.iec-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@keyframes iec-card-pop{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.iec-metric-card{background:var(--iec-surface);border:1px solid var(--iec-border);border-radius:var(--iec-r-card);padding:14px 16px;box-shadow:var(--iec-shadow-sm);animation:iec-card-pop .32s cubic-bezier(.34,1.3,.64,1) both;animation-delay:var(--iec-delay, 0ms);transition:transform .22s ease,box-shadow .22s ease;cursor:default}.iec-metric-card:hover{transform:translateY(-3px);box-shadow:var(--iec-shadow-hover)}.iec-metric-label{font-family:var(--iec-font-ui);font-size:11px;font-weight:600;color:var(--iec-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.iec-metric-value{font-family:var(--iec-font-mono);font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.15;margin-bottom:4px}.iec-metric-sub{font-family:var(--iec-font-mono);font-size:11px;color:var(--iec-muted);letter-spacing:0}.iec-chart-card{background:var(--iec-surface);border:1px solid var(--iec-border);border-radius:var(--iec-r-card);padding:12px;box-shadow:var(--iec-shadow-sm);min-height:296px;display:flex;align-items:stretch}.iec-skel-wrap{flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:6px;padding:16px 8px 8px}.iec-skel-col{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;max-width:40px}@keyframes iec-skel-pulse{0%,to{opacity:.18}50%{opacity:.45}}.iec-skel-bar{flex:1;border-radius:5px;animation:iec-skel-pulse 1.3s ease-in-out infinite;animation-delay:calc(var(--si, 0) * 60ms)}.iec-skel-bar--inc{background:var(--iec-green)}.iec-skel-bar--exp{background:var(--iec-red);animation-delay:calc(var(--si, 0) * 60ms + .2s)}.iec-chart-wrap{flex:1;position:relative;height:272px}.iec-chart-wrap canvas{width:100%!important;height:100%!important}.iec-tooltip{position:absolute;top:0;left:0;opacity:0;pointer-events:none;background:#fffffff5;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px 13px;min-width:160px;box-shadow:0 4px 16px #0000001a;transition:opacity .12s ease;z-index:10}.iec-tt-title{font-family:var(--iec-font-mono);font-size:11px;font-weight:500;color:var(--iec-muted);margin-bottom:8px;letter-spacing:.02em;text-transform:uppercase}.iec-tt-row{display:flex;align-items:center;gap:7px;margin-top:5px}.iec-tt-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.iec-tt-dot--circle{border-radius:50%}.iec-tt-lbl{font-family:var(--iec-font-ui);font-size:12px;color:var(--iec-muted);flex:1}.iec-tt-val{font-family:var(--iec-font-mono);font-size:13px;font-weight:500;color:var(--iec-primary);letter-spacing:-.01em}.iec-data-note{font-family:var(--iec-font-mono);font-size:10px;color:var(--iec-muted);text-align:center;margin:-4px 0 0;opacity:.7;letter-spacing:.01em}.iec-legend{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:2px;flex-wrap:wrap}.iec-legend-item{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px 2px;border-radius:6px;transition:opacity .15s ease;outline:none}.iec-legend-item:focus-visible{box-shadow:0 0 0 2px var(--iec-blue)}.iec-legend-item--off{opacity:.35}.iec-legend-swatch{width:10px;height:10px;flex-shrink:0}.iec-legend-lbl{font-family:var(--iec-font-ui);font-size:12px;color:var(--iec-muted);transition:color .15s ease}.iec-legend-item:hover .iec-legend-lbl{color:var(--iec-primary)}@media(max-width:640px){.iec-metrics{grid-template-columns:1fr}.iec-header{flex-direction:column;align-items:flex-start;gap:10px}.iec-header-right{width:100%;justify-content:flex-start}.iec-metric-value{font-size:18px}.iec-chart-wrap{height:220px}}@media(max-width:480px){.iec-seg-btn{padding:4px 9px;font-size:12px}}.dashboard-setup-checklist{box-sizing:border-box;background:var(--color-bg-page);padding:14px 16px;border-radius:12px;margin-bottom:24px}.setup-checklist-header{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.setup-checklist-badge{background:var(--color-bg-dark);color:var(--color-text-on-dark);font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;white-space:nowrap;letter-spacing:.05em}.setup-checklist-header-title{font-size:13px;font-weight:700;color:var(--color-text-primary);flex:1;min-width:0}.setup-checklist-progress-track{width:100px;height:5px;background:var(--color-border-default);border-radius:999px;overflow:hidden;flex-shrink:0}.setup-checklist-progress-fill{height:100%;background:var(--color-accent);border-radius:999px;transition:width .3s ease}.setup-checklist-progress-txt{font-size:10px;color:var(--color-text-muted);white-space:nowrap}.setup-checklist-btn-collapse{background:none;border:1px solid var(--color-border-strong);color:var(--color-text-muted);font-size:11px;font-weight:600;padding:4px 9px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center}.setup-checklist-btn-collapse:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.setup-checklist-btn-x{background:none;border:1px solid var(--color-border-default);color:var(--color-text-muted);width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.setup-checklist-btn-x:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.setup-checklist-divider{height:1px;background:var(--color-border-default);margin-bottom:8px}.setup-checklist-summary{font-size:13px;color:var(--color-text-secondary);margin:0 0 12px;line-height:1.4}.setup-checklist-task-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}.setup-checklist-task-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-bg-card);border-radius:8px;border:1px solid var(--color-border-default);cursor:pointer;transition:border-color .15s,background .15s;min-width:0}.setup-checklist-task-row:hover{border-color:var(--color-accent)}.setup-checklist-task-row.done{background:var(--color-bg-surface);border-color:var(--color-accent)}.setup-checklist-task-row.done .setup-checklist-task-name{color:var(--color-text-muted);text-decoration:line-through}.setup-checklist-task-row.done .setup-checklist-task-desc{color:var(--color-text-muted)}.setup-checklist-task-row.full-width{grid-column:1 / -1}.setup-checklist-check{width:18px;height:18px;min-width:18px;border-radius:50%;border:1.5px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.setup-checklist-task-row.done .setup-checklist-check{background:var(--color-accent);border-color:var(--color-accent)}.setup-checklist-task-icon{width:30px;height:30px;min-width:30px;background:var(--color-bg-dark);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.setup-checklist-task-icon svg{stroke:var(--color-text-on-dark);color:var(--color-text-on-dark)}.setup-checklist-task-row.done .setup-checklist-task-icon{background:var(--color-accent)}.setup-checklist-task-row.done .setup-checklist-task-icon svg{color:var(--color-text-primary)!important;stroke:var(--color-accent-text)!important}.setup-checklist-task-text{flex:1;min-width:0;overflow:hidden}.setup-checklist-task-name{font-size:12px;font-weight:700;color:var(--color-text-primary);line-height:1.3}.setup-checklist-task-desc{font-size:11px;color:var(--color-text-secondary);line-height:1.4;margin-top:2px;word-break:break-word}.setup-checklist-task-arrow{font-size:11px;color:var(--color-border-strong);flex-shrink:0}.setup-checklist-task-row:hover .setup-checklist-task-arrow{color:var(--color-accent)}.setup-checklist-skip-inline{font-size:11px;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-page);border:1px solid var(--color-border-default);border-radius:6px;cursor:pointer;white-space:nowrap;padding:4px 10px;flex-shrink:0;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.setup-checklist-skip-inline:hover{color:var(--color-text-primary);background:var(--bg-hover);border-color:var(--color-border-strong)}.setup-checklist-footer{display:flex;justify-content:flex-end;margin-top:10px}.setup-checklist-ob5-pill{display:flex;align-items:center;gap:6px;background:var(--color-bg-dark);border-radius:8px;padding:6px 12px}.setup-checklist-ob5-pill-txt{font-size:11px;color:var(--color-text-on-dark);font-weight:600}.setup-checklist-ob5-pill-btn{font-size:10px;font-weight:700;background:var(--color-bg-dark);color:var(--color-accent);border:none;padding:4px 8px;border-radius:5px;cursor:pointer}.setup-checklist-ob5-pill-btn:hover{background:var(--color-bg-dark-hover);color:var(--color-accent)}.setup-checklist-actions{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border-default)}.setup-checklist-remove{font-size:11px;color:var(--color-text-secondary);background:none;border:1px solid var(--color-border-default);padding:6px 12px;border-radius:6px;cursor:pointer}.setup-checklist-remove:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}@media(max-width:640px){.dashboard-setup-checklist{padding:12px 14px;margin-bottom:16px}.setup-checklist-header{gap:8px;margin-bottom:8px}.setup-checklist-header-title{flex:1 1 100%;order:2;margin-top:2px}.setup-checklist-badge{order:0}.setup-checklist-progress-track{width:60px;order:1}.setup-checklist-progress-txt{order:2}.setup-checklist-btn-collapse,.setup-checklist-btn-x{order:3;margin-left:auto}.setup-checklist-task-list{grid-template-columns:1fr;gap:6px}.setup-checklist-task-row{padding:10px 12px}.setup-checklist-task-row.full-width{grid-column:1}.setup-checklist-footer{margin-top:8px}.setup-checklist-ob5-pill{width:100%;justify-content:center}}@media(max-width:380px){.setup-checklist-header-title{font-size:12px}.setup-checklist-task-name{font-size:11px}.setup-checklist-task-desc{font-size:10px}}.dashboard-modern{padding:16px;padding-bottom:env(safe-area-inset-bottom,16px);min-height:100%;box-sizing:border-box}@media(min-width:640px){.dashboard-modern{padding:20px}}.dashboard-modern-body{display:grid;grid-template-columns:65% 35%;gap:24px;align-items:start}@media(max-width:768px){.dashboard-modern-body{grid-template-columns:1fr}}.dashboard-modern-col{display:flex;flex-direction:column;gap:24px;min-width:0}.dashboard-modern-col--left .dashboard-modern-cell,.dashboard-modern-col--right .dashboard-modern-cell{width:100%}.dashboard-modern-header{margin-bottom:24px}.dashboard-modern-header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.dashboard-modern-header-actions{display:flex;align-items:center;gap:8px}.dashboard-modern-done-btn{background:var(--color-accent)!important;color:var(--color-accent-text)!important;border-color:var(--color-accent)!important}.dashboard-customize-banner{padding:8px 16px;margin-bottom:16px;font-size:.9rem;color:var(--color-text-secondary);background:var(--bg-surface);border-radius:8px;border:1px solid var(--color-border-default)}.dashboard-drag-handle{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:grab;touch-action:none;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dashboard-drag-handle:active{cursor:grabbing}.dashboard-drag-handle:hover{background:var(--border);color:var(--text-primary)}.dashboard-modern-cell{position:relative;container-type:inline-size;container-name:widget}.dashboard-modern-cell .dashboard-modern-card,.dashboard-modern-cell .revenue-overview-module{position:relative}.dashboard-modern-cell:has(.dashboard-drag-handle) .dashboard-modern-card-header,.dashboard-modern-cell:has(.dashboard-drag-handle) .revenue-overview-module .dashboard-modern-card-header{padding-left:48px}.dashboard-widget-cell-inner{position:relative;width:100%;min-width:0}.widget-size-controls{position:absolute;top:8px;right:8px;z-index:5;display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .2s ease;pointer-events:none}.dashboard-modern-cell:hover .widget-size-controls{opacity:1;pointer-events:auto}.widget-size-controls button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.widget-size-controls button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.widget-size-controls button.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.widget-size-controls button:disabled{opacity:.6;cursor:not-allowed}.widget-size-icon-full{display:inline-flex;align-items:center;gap:2px}.dashboard-module-dragging{z-index:0}.dashboard-drag-overlay{z-index:9999;position:fixed}.dashboard-drag-overlay-scale{border-radius:12px;overflow:hidden}.widget-drag-placeholder,.dashboard-drag-placeholder{min-height:140px;width:100%;border:2px dashed var(--color-border-secondary, var(--border));border-radius:12px;background:transparent}.dashboard-modern-grid--sortable{min-height:200px}.dashboard-modern-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700}.dashboard-modern-title{margin:6px 0 0;font-size:1.35rem;font-weight:700;line-height:1.25}@media(min-width:640px){.dashboard-modern-title{font-size:1.55rem}}.dashboard-modern-customize-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:.9rem;font-weight:600;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s}.dashboard-modern-customize-btn:hover{border-color:var(--accent);background:var(--bg-hover)}.dashboard-modern-customize-btn:focus{outline:2px solid var(--accent);outline-offset:2px}.dashboard-modern-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.dashboard-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-modern-cell--span-2{grid-column:span 2}}@media(max-width:767px){.dashboard-modern-cell--span-2{grid-column:span 1}}.dashboard-modern-card{border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);padding:20px 24px;min-width:0;box-sizing:border-box}.dashboard-modern-card--accent{border-left-width:3px;border-left-color:var(--accent);padding-left:18px}.dashboard-modern-card-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.dashboard-modern-card-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700}.dashboard-modern-card-title{margin:4px 0 0;font-size:1rem;font-weight:700}.dashboard-modern-card-action{flex-shrink:0}.dashboard-modern-card .iec-root{background:var(--bg-surface)}.dashboard-morning-brief-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.dashboard-morning-brief-content{flex:1 1 280px;min-width:0}.dashboard-morning-brief-mascot{width:96px;height:96px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.dashboard-iec-inner{min-width:0}@container widget (max-width: 420px){.dashboard-business-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container widget (max-width: 360px){.dashboard-business-stats-grid{grid-template-columns:1fr}}@container widget (max-width: 380px){.dashboard-attention-inner{grid-template-columns:1fr!important}.dashboard-morning-brief-inner{flex-direction:column;align-items:stretch;text-align:center}.dashboard-morning-brief-mascot{align-self:center}.dashboard-quick-actions-inner{grid-template-columns:1fr!important}}@container widget (max-width: 480px){.dashboard-pq-inner .dashboard-pq-row{flex-wrap:wrap}.dashboard-pq-due{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between}.dashboard-pq-due-date{justify-content:flex-start}.dashboard-pq-status-pill{margin-left:auto}}@container widget (max-width: 400px){.dashboard-iec-inner .iec-header{flex-direction:column;align-items:stretch}.dashboard-iec-inner .iec-header-right{justify-content:flex-start}}.dashboard-action-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:12px 16px;font-size:.9rem;font-weight:600;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.dashboard-action-btn:hover{border-color:var(--accent)!important;background-color:var(--bg-hover)!important;color:var(--accent)!important}.dashboard-action-btn:focus{outline:2px solid var(--accent);outline-offset:2px}.dashboard-customize-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;overflow-y:auto}.dashboard-customize-modal{width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--bg-elevated);border-radius:16px;border:1px solid var(--border);box-shadow:0 20px 40px #00000026}.dashboard-customize-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0;gap:12px}.dashboard-customize-header h3{margin:0;font-size:1.25rem;font-weight:700}.dashboard-customize-close{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer}.dashboard-customize-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dashboard-customize-desc{margin:8px 20px 0;font-size:.9rem;color:var(--text-secondary)}.dashboard-customize-list{padding:20px;display:flex;flex-direction:column;gap:4px}.dashboard-customize-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border-radius:10px;cursor:pointer}.dashboard-customize-item:hover{background:var(--bg-hover)}.dashboard-customize-item input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}.dashboard-customize-actions{display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px 20px;border-top:1px solid var(--border)}.dashboard-customize-actions .btn{min-height:44px;padding:10px 20px}.dashboard-pq-view-all{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--accent, var(--color-accent));background:none;border:none;cursor:pointer;font-family:inherit;padding:0;transition:opacity .15s}.dashboard-pq-view-all:hover{opacity:.85}.dashboard-metric-row-btn:hover{background:var(--bg-hover)}.dashboard-metric-row-btn:focus{outline:2px solid var(--accent);outline-offset:2px}.dashboard-business-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media(max-width:900px){.dashboard-business-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.dashboard-business-stats-grid{grid-template-columns:1fr}}.dashboard-business-stat-card{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--bg-surface);text-align:left;cursor:default;border-left:3px solid transparent;transition:border-color .2s,background .2s}.dashboard-business-stat-card--accent{border-left-color:var(--accent)}button.dashboard-business-stat-card{cursor:pointer;font:inherit}button.dashboard-business-stat-card:hover{background:var(--bg-hover)}button.dashboard-business-stat-card:focus{outline:2px solid var(--accent);outline-offset:2px}.dashboard-business-stat-label{font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.dashboard-business-stat-value{font-size:24px;font-weight:600;color:var(--text-primary)}.dashboard-pq-list{display:flex;flex-direction:column;gap:8px}.dashboard-pq-row{border:1px solid var(--border, var(--color-border-default));border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;transition:border-color .15s,box-shadow .15s;background:var(--bg-surface);cursor:pointer}.dashboard-pq-row:hover{border-color:var(--accent, var(--color-accent));box-shadow:0 1px 3px #00000014}.dashboard-pq-accent{width:3px;height:28px;border-radius:4px;flex-shrink:0}.dashboard-pq-accent.ontime{background:var(--accent-green, #059669)}.dashboard-pq-accent.atrisk{background:var(--warning, #d97706)}.dashboard-pq-accent.overdue{background:var(--accent-red, var(--danger))}.dashboard-pq-info{flex:1;min-width:0}.dashboard-pq-id-row{display:flex;align-items:baseline;gap:6px;margin-bottom:2px;flex-wrap:wrap}.dashboard-pq-id{font-size:12px;font-weight:700;color:var(--text-primary, var(--color-text-primary))}.dashboard-pq-quote{font-size:11px;color:var(--text-secondary, var(--color-text-muted))}.dashboard-pq-customer{font-size:13px;color:var(--text-primary, var(--color-text-primary));font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-pq-stage{flex-shrink:0;min-width:0}.dashboard-pq-stage-name{font-size:11px;font-weight:600;color:var(--text-secondary, var(--color-text-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;display:inline-block}.dashboard-pq-due{text-align:right;flex-shrink:0}.dashboard-pq-due-date{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-bottom:2px;font-size:11px;color:var(--text-secondary, var(--color-text-muted))}.dashboard-pq-due-icon{color:var(--text-secondary, var(--color-text-muted));flex-shrink:0}.dashboard-pq-days-left{font-size:11px;font-weight:700;color:var(--text-secondary, var(--color-text-muted))}.dashboard-pq-days-left.urgent{color:var(--warning, #d97706)}.dashboard-pq-days-left.overdue{color:var(--accent-red, var(--danger))}.dashboard-pq-status-pill{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;flex-shrink:0}.dashboard-pq-status-pill.ontime{background:#10b98126;color:var(--accent-green, #059669)}.dashboard-pq-status-pill.atrisk{background:#f59e0b26;color:var(--warning, #d97706)}.dashboard-pq-status-pill.overdue{background:#ef44441f;color:var(--accent-red, var(--danger))}.dashboard-pq-empty{padding:24px 16px;text-align:center}.dashboard-pq-empty-icon{font-size:2rem;margin-bottom:8px}.dashboard-pq-empty-title{font-weight:700;color:var(--text-primary, var(--color-text-primary));margin-bottom:4px}.dashboard-pq-empty-desc{font-size:.875rem;color:var(--text-secondary, var(--color-text-muted))}@media(max-width:768px){.dashboard-pq-row{flex-wrap:wrap;gap:8px}.dashboard-pq-due{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between}.dashboard-pq-due-date{justify-content:flex-start}.dashboard-pq-status-pill{margin-left:auto}}.production-queue-row,.upcoming-job-row{transition:all .2s ease}.production-queue-row:hover{background-color:var(--bg-hover)!important;transform:translate(4px)}.upcoming-job-row:hover{border-color:var(--accent)!important;background-color:var(--bg-hover)!important;transform:translate(2px)}@media(max-width:768px){.production-queue-row,.upcoming-job-row{flex-direction:column;align-items:flex-start!important}.production-queue-row>div:last-child,.upcoming-job-row>div:last-child{width:100%;margin-top:8px;flex-direction:column;align-items:flex-start!important}}[data-theme=dark] .widget-size-controls button:hover:not(:disabled),[data-theme=dark] .widget-size-controls button.active{color:var(--color-accent-text)!important}[data-theme=dark] .widget-size-controls button:hover:not(:disabled) svg,[data-theme=dark] .widget-size-controls button.active svg{stroke:var(--color-accent-text)!important;color:var(--color-accent-text)!important}[data-theme=dark] .dashboard-action-btn:hover{color:var(--color-accent-text)!important}[data-theme=dark] .dashboard-action-btn:hover svg{stroke:var(--color-accent-text)!important;color:var(--color-accent-text)!important}[data-theme=dark] .dashboard-modern-customize-btn:hover{color:var(--color-accent-text)!important}.import-modal-overlay{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--overlay-bg);animation:importModalFadeIn .2s ease}@keyframes importModalFadeIn{0%{opacity:0}to{opacity:1}}.import-modal-content{position:relative;z-index:10051;background:var(--card-bg);border-radius:var(--radius-lg);max-width:900px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:importModalSlideIn .25s ease}@keyframes importModalSlideIn{0%{opacity:0;transform:scale(.98) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.import-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border);flex-shrink:0}.import-modal-header h2{margin:0;color:var(--text-primary);font-size:var(--text-xl);font-weight:600}.import-modal-body{padding:var(--space-6)}.import-step{display:flex;flex-direction:column;gap:var(--space-4)}.import-step h3{margin:0;color:var(--text-primary);font-size:var(--text-lg);font-weight:600}.import-description{color:var(--text-secondary);font-size:var(--text-base);margin:0}.file-upload-area{margin:var(--space-4) 0}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);background:var(--bg-elevated)}.file-upload-label:hover{border-color:var(--accent-green);background:var(--status-success-bg)}.file-upload-icon{font-size:48px;margin-bottom:var(--space-3)}.file-upload-text{text-align:center}.file-upload-text strong{display:block;color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--space-1)}.file-upload-text span{display:block;color:var(--text-secondary);font-size:var(--text-sm)}.mapping-table{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin:var(--space-4) 0}.mapping-header{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-elevated);padding:var(--space-3) var(--space-4);font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border)}.mapping-row{display:grid;grid-template-columns:1fr 1fr;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);align-items:center}.mapping-row:last-child{border-bottom:none}.mapping-table .mapping-row:hover{background:var(--bg-hover)}.mapping-field-col label{font-weight:500;color:var(--text-primary);font-size:var(--text-base)}.mapping-field-col .required{color:var(--accent-red)}.mapping-csv-col{display:flex;align-items:center}.mapping-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:var(--text-base);cursor:pointer}.mapping-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.preview-table-wrapper{margin:var(--space-4) 0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.preview-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.preview-table thead{background:var(--bg-elevated);border-bottom:2px solid var(--border)}.preview-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--text-primary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.preview-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-primary)}.preview-table tbody tr:last-child td{border-bottom:none}.preview-row-error{background:var(--status-error-bg)}.error-text{color:var(--accent-red);font-weight:600}.preview-note{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-xs);margin:0;text-align:center}.import-warning{padding:var(--space-3) var(--space-4);background:var(--status-warning-bg);border:1px solid var(--accent-amber);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-4)}.import-options{margin:var(--space-4) 0}.radio-group{display:flex;flex-direction:column;gap:var(--space-3)}.radio-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.radio-label:hover{background:var(--bg-hover)}.radio-label input[type=radio]{cursor:pointer}.checkbox-group{margin-top:var(--space-4)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.checkbox-label:hover{background:var(--bg-hover)}.checkbox-label input[type=checkbox]{cursor:pointer}.import-results-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin:var(--space-4) 0}.result-card{padding:var(--space-4);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border)}.result-card.success{background:var(--status-success-bg);border-color:var(--accent-green)}.result-card.info{background:var(--status-info-bg);border-color:var(--accent-blue)}.result-card.warning{background:var(--status-warning-bg);border-color:var(--accent-amber)}.result-card.error{background:var(--status-error-bg);border-color:var(--accent-red)}.result-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500}.result-value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.import-errors{margin-top:var(--space-6);padding:var(--space-4);background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border)}.import-errors h4{margin:0 0 var(--space-3) 0;color:var(--text-primary);font-size:var(--text-lg)}.errors-list{max-height:200px;overflow-y:auto;margin-bottom:var(--space-3)}.error-item{padding:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border)}.error-item:last-child{border-bottom:none}.error-note{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic;margin:var(--space-2) 0 0 0}.import-step-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.import-modal-content .btn-primary:disabled,.import-modal-content .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.import-modal-content .btn-primary{padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.import-modal-content .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.import-modal-content .btn-secondary{padding:var(--space-3) var(--space-5);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.import-modal-content .btn-secondary:hover{background:var(--bg-hover)}.import-modal-content .modal-close{background:transparent;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.import-modal-content .modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:768px){.import-modal-content{width:95%;max-height:95vh}.mapping-header,.mapping-row{grid-template-columns:1fr;gap:8px}.import-results-summary{grid-template-columns:1fr}.preview-table-wrapper{overflow-x:auto}.preview-table{min-width:600px}}.address-form{display:flex;flex-direction:column;gap:var(--space-3, 16px);padding:var(--space-4, 20px);background:var(--content-bg);border-radius:var(--radius-md, 8px)}.address-form h3{margin:0 0 var(--space-4, 20px) 0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.address-form .form-group{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.address-form .form-group label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.address-form .form-group label .required{color:var(--error, var(--danger))}.address-form .form-group input,.address-form .form-group select{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 4px);font-size:14px;transition:border-color .2s}.address-form .form-group input:focus,.address-form .form-group select:focus{outline:none;border-color:var(--primary, var(--color-accent));box-shadow:0 0 0 3px #3b82f61a}.address-form .form-group input.error,.address-form .form-group select.error{border-color:var(--error, var(--danger))}.address-form .form-group .field-error{font-size:12px;color:var(--error, var(--danger));margin-top:-4px}.address-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3, 16px)}.address-form .address-verification{padding:var(--space-3, 16px);background:var(--bg-main, var(--color-bg-surface));border-radius:var(--radius-sm, 4px);display:flex;flex-direction:column;gap:var(--space-2, 8px)}.address-form .verification-result{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px);border-radius:var(--radius-sm, 4px);font-size:14px}.address-form .verification-result.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.address-form .verification-result.error{background:#000;color:#991b1b;border:1px solid #fca5a5}.address-form .verification-icon{font-size:18px;font-weight:700}.address-form .form-error{padding:var(--space-2, 8px) var(--space-3, 12px);background:#000;color:#991b1b;border:1px solid #fca5a5;border-radius:var(--radius-sm, 4px);font-size:14px}.address-form .form-actions{display:flex;justify-content:flex-end;gap:var(--space-2, 8px);margin-top:var(--space-2, 8px);padding-top:var(--space-3, 16px);border-top:1px solid var(--border, var(--color-border-default))}.address-form .btn-primary,.address-form .btn-secondary{padding:var(--space-2, 8px) var(--space-4, 20px);border:none;border-radius:var(--radius-sm, 4px);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.address-form .btn-primary{background:var(--primary, var(--color-accent));color:#fff}.address-form .btn-primary:hover:not(:disabled){background:var(--primary-dark, var(--color-accent))}.address-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.address-form .btn-secondary{background:var(--content-bg);color:var(--color-text-primary);border:1px solid var(--border, var(--color-border-default))}.address-form .btn-secondary:hover:not(:disabled){background:var(--bg-main, var(--color-bg-surface))}.address-form .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.shipping-addresses-manager{display:flex;flex-direction:column;gap:var(--space-4, 20px)}.shipping-addresses-manager .addresses-header{display:flex;justify-content:space-between;align-items:center}.shipping-addresses-manager .addresses-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.shipping-addresses-manager .btn-sm{padding:var(--space-1, 4px) var(--space-3, 12px);font-size:13px}.shipping-addresses-manager .address-form-wrapper{padding:var(--space-4, 20px);background:var(--card-bg);border-radius:var(--radius-md, 8px);border:1px solid var(--border)}.shipping-addresses-manager .addresses-list{display:flex;flex-direction:column;gap:var(--space-3, 16px)}.shipping-addresses-manager .empty-addresses{padding:var(--space-6, 40px);text-align:center;background:var(--card-bg);border-radius:var(--radius-md, 8px);border:2px dashed var(--border)}.shipping-addresses-manager .empty-addresses p{margin:0 0 var(--space-3, 16px) 0;color:var(--text-secondary);font-size:14px}.shipping-addresses-manager .addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3, 16px)}.shipping-addresses-manager .address-card{padding:var(--space-4, 20px);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md, 8px);transition:all .2s}.shipping-addresses-manager .address-card:hover{box-shadow:var(--shadow-md)}.shipping-addresses-manager .address-card.default{border-color:var(--accent);border-width:2px;background:var(--accent-light)}.shipping-addresses-manager .address-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3, 16px);padding-bottom:var(--space-2, 8px);border-bottom:1px solid var(--border, var(--color-border-default))}.shipping-addresses-manager .address-card-title{font-size:16px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2, 8px)}.shipping-addresses-manager .default-badge{font-size:11px;font-weight:500;padding:2px 8px;background:var(--primary, var(--color-accent));color:#fff;border-radius:12px}.shipping-addresses-manager .address-card-actions{display:flex;gap:var(--space-1, 4px)}.shipping-addresses-manager .btn-icon{padding:var(--space-1, 4px);background:transparent;border:none;cursor:pointer;font-size:16px;border-radius:var(--radius-sm, 4px);transition:background .2s}.shipping-addresses-manager .btn-icon:hover{background:var(--bg-main, var(--color-bg-surface))}.shipping-addresses-manager .btn-icon.btn-danger:hover{background:#000}.shipping-addresses-manager .address-card-body{display:flex;flex-direction:column;gap:var(--space-2, 8px);font-size:14px;color:var(--color-text-primary);line-height:1.5}.shipping-addresses-manager .address-company{font-weight:600;color:var(--color-text-primary)}.shipping-addresses-manager .address-text{color:var(--text-secondary, var(--color-text-muted))}.shipping-addresses-manager .address-phone{color:var(--text-secondary, var(--color-text-muted));font-size:13px}.shipping-addresses-manager .address-card-footer{margin-top:var(--space-3, 16px);padding-top:var(--space-2, 8px);border-top:1px solid var(--border, var(--color-border-default))}.shipping-addresses-manager .btn-link{background:none;border:none;color:var(--primary, var(--color-accent));font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.shipping-addresses-manager .btn-link:hover{color:var(--primary-dark, var(--color-accent))}@media(max-width:768px){.shipping-addresses-manager .addresses-grid{grid-template-columns:1fr}}.customer-quick-intake-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-4)}.customer-quick-intake-modal{background:var(--card-bg);border-radius:var(--radius-lg, 12px);box-shadow:0 20px 40px #00000026;max-width:640px;width:100%;max-height:90vh;display:flex;flex-direction:column}.customer-quick-intake-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border, var(--color-border-default))}.customer-quick-intake-header h2{margin:0;font-size:18px;display:flex;align-items:center}.customer-quick-intake-close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.customer-quick-intake-close:hover{background:var(--background-secondary);color:var(--text-primary)}.customer-quick-intake-body{padding:var(--space-4);overflow-y:auto;flex:1}.customer-quick-intake-paste label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-1)}.customer-quick-intake-paste label+label{margin-top:var(--space-3)}.customer-quick-intake-select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;margin-bottom:var(--space-2)}.customer-quick-intake-textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-family:inherit;resize:vertical;min-height:120px;margin-bottom:var(--space-1)}.customer-quick-intake-hint{font-size:12px;color:var(--text-tertiary);margin:0 0 var(--space-3)}.customer-quick-intake-paste .btn-primary{margin-top:0}.customer-quick-intake-warnings{display:flex;gap:var(--space-2);padding:var(--space-3);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);margin-top:var(--space-3);font-size:13px;color:var(--text-primary)}.customer-quick-intake-warnings ul{margin:0;padding-left:var(--space-4)}.customer-quick-intake-dedupe{margin-top:var(--space-4);padding:var(--space-3);background:var(--background-secondary);border-radius:var(--radius-md);border:1px solid var(--border)}.customer-quick-intake-dedupe>span{font-size:12px;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:var(--space-2)}.customer-quick-intake-dedupe-list{display:flex;flex-direction:column;gap:var(--space-2)}.customer-quick-intake-dedupe-item{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.customer-quick-intake-dedupe-badge{font-size:12px;color:var(--accent);font-weight:600}.customer-quick-intake-form,.customer-quick-intake-form .form-section{margin-top:var(--space-4)}.customer-quick-intake-form .form-section h3{margin:0 0 var(--space-2);font-size:14px}.customer-quick-intake-form .form-row{display:grid;grid-template-columns:1fr 80px 100px;gap:var(--space-3)}.customer-quick-intake-contact{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--content-bg);border-radius:var(--radius-md);border:1px solid var(--border)}.intake-low-confidence{border-color:#f59e0b99;background:#f59e0b0d}.customer-quick-intake-error{margin-top:var(--space-3);padding:var(--space-3);background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);font-size:14px}.customer-quick-intake-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.brand-loader{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-primary)}.brand-loader-fullscreen{min-height:100vh;width:100%}.brand-loader-overlay{position:absolute;inset:0;background:var(--color-bg-page);pointer-events:none}.brand-loader-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem}.brand-loader-icon-wrap{display:flex;align-items:center;justify-content:center}.brand-loader-spinning-icon{display:block;animation:brand-loader-spin 1.6s linear infinite}@keyframes brand-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-loader-label{margin:0;font-size:.95rem;font-weight:500;color:var(--text-secondary);text-align:center;max-width:280px}@media(prefers-reduced-motion:reduce){.brand-loader-spinning-icon{animation:none;opacity:.85}}.customer-detail-page{padding:var(--space-10);max-width:1400px;margin:0 auto}.customer-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8)}.customer-detail-header h1{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:28px;font-weight:700}.btn-back{background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:var(--space-2) 0;transition:color var(--transition-base)}.btn-back:hover{color:var(--text-primary)}.tax-exempt-badge-large{display:inline-block;padding:4px 12px;background:var(--status-success-bg);color:var(--accent-green);border-radius:var(--radius-md);font-size:13px;font-weight:600;margin-left:var(--space-3)}[data-theme=light] .tax-exempt-badge-large{background:#10b98124;color:#047857}[data-theme=dark] .tax-exempt-badge-large{background:var(--status-success-bg);color:#34d399}.qbo-status-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.qbo-status-badge.qbo-status-not-synced{background:#000;color:var(--color-text-secondary)}.qbo-error-text{font-size:14px;color:var(--danger);margin-top:var(--space-2)}.customer-portal-link-wrap{position:relative;display:inline-flex;align-items:center;gap:6px}.customer-portal-tutorial-trigger{width:24px;height:24px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--content-bg, var(--color-border-default));color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;line-height:1;flex-shrink:0}.customer-portal-tutorial-trigger:hover{background:var(--border);color:var(--text-primary)}.customer-portal-tutorial-popover{position:absolute;top:100%;left:0;margin-top:8px;z-index:50;min-width:320px;max-width:400px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 25px #00000026;padding:14px}.customer-portal-tutorial-content h4{margin:0 0 10px;font-size:14px;font-weight:600}.customer-portal-tutorial-content p,.customer-portal-tutorial-content ul{margin:0 0 8px;font-size:13px;color:var(--text-secondary);line-height:1.45}.customer-portal-tutorial-content ul{padding-left:18px;margin-bottom:12px}.customer-portal-tutorial-content li{margin-bottom:4px}.customer-portal-tutorial-close{display:block;width:100%;padding:8px 12px;font-size:13px;font-weight:500;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.customer-portal-tutorial-close:hover{filter:brightness(1.05)}.customer-detail-tabs{display:flex;gap:var(--space-2);border-bottom:2px solid var(--border);margin-bottom:var(--space-6)}.customer-detail-tabs button{padding:var(--space-3) var(--space-5);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-bottom:-2px}.customer-detail-tabs button:hover{color:var(--text-primary)}.customer-detail-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.customer-detail-content{min-height:400px}.customer-overview{display:flex;flex-direction:column;gap:var(--space-8)}.detail-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.detail-section h2{margin:0 0 var(--space-5) 0;color:var(--text-primary);font-size:18px;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-5)}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-item label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:14px;color:var(--text-primary)}.contacts-list{display:flex;flex-direction:column;gap:var(--space-2)}.contact-row{padding:var(--space-2);background:var(--content-bg);border-radius:var(--radius-sm);font-size:14px}.address-block{font-size:14px;color:var(--text-primary);line-height:1.6}.notes-text{font-size:14px;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.notes-empty{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.production-notes-list{display:flex;flex-direction:column;gap:var(--space-4)}.production-note-item{background:var(--content-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.production-note-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2);font-size:13px;color:var(--text-secondary)}.production-note-type{font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.03em}.production-note-text{font-size:14px;color:var(--text-primary);line-height:1.5;margin:0;white-space:pre-wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.stat-card{background:var(--content-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center}.stat-value{font-size:28px;font-weight:700;color:var(--accent);margin-bottom:var(--space-2)}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.related-items-list{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.related-items-table{width:100%;border-collapse:collapse}.related-items-table thead{background:var(--content-bg);border-bottom:2px solid var(--border)}.related-items-table th{padding:var(--space-4) var(--space-5);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.related-items-table tbody tr{border-bottom:1px solid var(--border);transition:background-color var(--transition-base)}.related-items-table tbody tr:hover{background:var(--card-hover)}.related-items-table tbody tr:last-child{border-bottom:none}.related-items-table td{padding:var(--space-4) var(--space-5);font-size:14px;color:var(--text-primary)}.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.status-draft{background:#6b728015;color:var(--color-text-muted)}.status-badge.status-sent,.status-badge.status-pending{background:#00000015;color:#f59e0b}.status-badge.status-accepted{background:#10b98115;color:#10b981}.status-badge.status-rejected{background:#ef444415;color:#ef4444}.btn-link{background:transparent;border:none;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;padding:var(--space-1) 0;transition:color var(--transition-base)}.btn-link:hover{color:var(--accent-hover);text-decoration:underline}.empty-state{padding:var(--space-10);text-align:center;color:var(--text-secondary)}.error-state{padding:var(--space-10);text-align:center;color:var(--danger)}.loading-state{padding:var(--space-10);text-align:center;color:var(--text-secondary)}@media(max-width:768px){.customer-detail-page{padding:var(--space-4)}.customer-detail-header{flex-direction:column;gap:var(--space-4)}.customer-detail-header h1{font-size:24px}.customer-detail-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.customer-detail-tabs::-webkit-scrollbar{display:none}.customer-detail-tabs button{white-space:nowrap;font-size:13px;padding:var(--space-2) var(--space-3)}.detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.related-items-table{font-size:12px}.related-items-table th,.related-items-table td{padding:var(--space-2) var(--space-3)}.related-items-table thead{display:none}.related-items-table tbody tr{display:block;margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.related-items-table tbody td{display:flex;justify-content:space-between;padding:var(--space-2) 0;border:none}.related-items-table tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);margin-right:var(--space-2)}}.preferences-container{padding:var(--space-6)}.preferences-tab-preview.preferences-container{max-width:860px;font-family:DM Sans,system-ui,sans-serif;color:var(--color-text-primary)}.preferences-tab-preview .preferences-section.section{background:var(--color-bg-card);border:1px solid #ebe9e4;border-radius:10px;padding:22px 24px;margin-bottom:14px}.preferences-tab-preview .preferences-section.section:last-child{margin-bottom:0}.preferences-tab-preview .section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.preferences-tab-preview .section-title{font-size:15px;font-weight:600;letter-spacing:-.2px}.preferences-tab-preview .section-desc{font-size:12.5px;color:var(--color-text-muted);margin:-8px 0 16px;line-height:1.5}.preferences-tab-preview .count-badge{font-size:11px;font-weight:500;background:#f0ede8;color:var(--color-text-muted);padding:1px 8px;border-radius:10px}.preferences-tab-preview .icon-btn.ml-auto{margin-left:auto}.preferences-tab-preview .note-card .icon-btn{opacity:0;transition:opacity .15s,color .15s,border-color .15s,background .15s}.preferences-tab-preview .note-card:hover .icon-btn{opacity:1}.preferences-tab-preview .orders-wrap{overflow-x:auto;margin:0 -24px;padding:0 24px}.preferences-tab-preview .orders-wrap table{width:100%;border-collapse:collapse;font-size:13px}.preferences-tab-preview .orders-wrap th{text-align:left;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);padding:0 12px 10px 0;border-bottom:1px solid #ebe9e4;white-space:nowrap}.preferences-tab-preview .orders-wrap td{padding:11px 12px 11px 0;border-bottom:1px solid #f2f0ec;vertical-align:middle}.preferences-tab-preview .orders-wrap tbody tr{transition:background .1s;cursor:pointer}.preferences-tab-preview .orders-wrap tbody tr:hover{background:#faf9f7}.preferences-tab-preview .orders-wrap tbody tr:last-child td{border-bottom:none}.preferences-tab-preview .order-link{font-weight:600;color:var(--color-accent);background:none;border:none;font-family:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:0;transition:color .15s}.preferences-tab-preview .order-link:hover{color:#3a2f96}.preferences-tab-preview .order-link svg{opacity:0;transition:opacity .15s}.preferences-tab-preview .order-link:hover svg{opacity:.6}.preferences-tab-preview .orders-wrap .r{text-align:right!important}.preferences-tab-preview .orders-wrap .muted{color:var(--color-text-muted)!important;white-space:nowrap}.preferences-tab-preview .orders-wrap .mono{font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.3px}.preferences-tab-preview .orders-wrap .items-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preferences-tab-preview .pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:3px 10px 3px 7px;border-radius:20px;white-space:nowrap}.preferences-tab-preview .pill.production{background:#fef3e2;color:#a16207}.preferences-tab-preview .pill.shipped{background:#e8f0fe;color:#2c5ea8}.preferences-tab-preview .pill.delivered{background:#e6f5ec;color:#1b7a3d}.preferences-tab-preview .pill.draft{background:#f0ede8;color:var(--color-text-muted)}.preferences-tab-preview .orders-summary{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #ebe9e4;font-size:12px;color:var(--color-text-muted)}.preferences-tab-preview .orders-total{font-weight:500;color:#555}.preferences-tab-preview .styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:12px}.preferences-tab-preview .style-card{border:1px solid #ebe9e4;border-radius:10px;overflow:hidden;transition:border-color .15s,box-shadow .2s;background:var(--color-bg-card);padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.preferences-tab-preview .style-card:hover{border-color:#d4d1cb;box-shadow:0 2px 12px #0000000f}.preferences-tab-preview .style-card.pinned{border-color:#c4bfee;box-shadow:0 0 0 1px #c4bfee}.preferences-tab-preview .style-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.preferences-tab-preview .style-name{font-size:12px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.1px}.preferences-tab-preview .style-cat{font-size:11px;color:var(--color-text-muted)}.preferences-tab-preview .style-ord{font-size:11px;font-weight:500;color:var(--color-accent);margin-top:4px}.preferences-tab-preview .style-actions{display:flex;gap:6px;flex-shrink:0}.preferences-tab-preview .img-action{width:32px;height:32px;border-radius:50%;border:none;background:#ffffffe6;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.preferences-tab-preview .img-action:hover{background:var(--color-bg-card);transform:scale(1.05)}.preferences-tab-preview .img-action.active{background:var(--color-accent);color:var(--color-accent-text)}.preferences-tab-preview .pref-loading,.preferences-tab-preview .pref-empty{font-size:13px;color:var(--color-text-muted);margin:0}.preferences-section{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-color)}.preferences-section:last-child{border-bottom:none;margin-bottom:0}.preferences-section h2{margin:0 0 var(--space-2) 0;font-size:20px;font-weight:600;color:var(--text-primary)}.section-head-notes{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-head-notes h2{margin:0}.count-badge{font-size:11px;font-weight:500;background:var(--content-bg, #f0ede8);color:var(--text-secondary, #777);padding:2px 8px;border-radius:10px}.section-head-notes .icon-btn:hover{background:var(--content-bg);color:var(--text-primary)}.btn-primary-note{font-size:12px;font-weight:500;padding:7px 16px;border-radius:7px;background:var(--color-accent);color:var(--color-accent-text);border:none;cursor:pointer}.btn-primary-note:hover{background:#433aa0}.btn-primary-note:disabled{opacity:.4;cursor:default}.note-avatar-sm{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:#e8e4f8;color:var(--color-accent);font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}.btn-save-notes{margin-top:12px;font-size:12px;font-weight:500;padding:8px 16px;border-radius:7px;background:var(--content-bg);border:1px solid var(--border);color:var(--text-primary);cursor:pointer}.btn-save-notes:hover{background:var(--border-hover)}.btn-save-notes:disabled{opacity:.6;cursor:not-allowed}.preferred-styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.order-history-table .r{text-align:right}.order-history-table .muted{color:var(--text-secondary);white-space:nowrap}.order-history-table .mono{font-variant-numeric:tabular-nums;font-weight:500}.order-link-cell{font-weight:600;color:var(--color-accent);cursor:pointer}.customer-detail-note-meta{font-size:12px;color:var(--text-secondary);margin-top:4px}.section-description{margin:0 0 var(--space-6) 0;color:var(--text-secondary);font-size:14px;line-height:1.5}.loading-state{text-align:center;padding:var(--space-8);color:var(--text-secondary);font-size:14px}.preferred-styles-table{width:100%;border-collapse:collapse;background:#000;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px #0000001a}.preferred-styles-table thead{background:#000}.preferred-styles-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:13px;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.preferred-styles-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid #f0f0f0;font-size:14px}.preferred-styles-table tbody tr:hover{background:#000}.preferred-styles-table tbody tr:last-child td{border-bottom:none}.preference-actions{display:flex;gap:var(--space-2)}.btn-icon{background:none;border:none;cursor:pointer;font-size:18px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background .2s}.btn-icon:hover{background:#000}.btn-icon.pinned{color:#f59e0b}.color-preferences-editor{display:flex;flex-direction:column;gap:var(--space-4)}.preferences-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:inherit;resize:vertical;min-height:120px}.preferences-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.btn-save-preferences{align-self:flex-start;padding:var(--space-2) var(--space-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-save-preferences:hover:not(:disabled){background:var(--primary-dark)}.btn-save-preferences:disabled{opacity:.5;cursor:not-allowed}.order-history-table{width:100%;border-collapse:collapse;background:#000;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px #0000001a}.order-history-table thead{background:#000}.order-history-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:13px;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.order-history-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid #f0f0f0;font-size:14px}.order-history-row{cursor:pointer;transition:background .2s}.order-history-row:hover{background:#000}.order-history-table tbody tr:last-child td{border-bottom:none}.order-type-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.order-type-badge.type-quote{background:#e3f2fd;color:#1976d2}.order-type-badge.type-sales_order{background:#0000003e0;color:#f57c00}.order-type-badge.type-invoice{background:#000;color:#7b1fa2}.customer-detail-tabs button{transition:transform .14s cubic-bezier(.22,1,.36,1),background-color .14s ease,color .14s ease}.customer-detail-tabs button:hover{transform:translateY(-1px)}.customer-detail-table tbody tr{transition:background-color .14s ease}.customer-detail-table tbody tr:hover{background:#3b82f60a}.brand-assets-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.brand-assets-upload-wrap{flex-shrink:0}.brand-asset-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.customer-detail-notes-list{margin:0;padding-left:var(--space-5);list-style:disc}.customer-detail-note-item{margin-bottom:var(--space-2);line-height:1.5;color:var(--text-primary)}.customer-overview-editable .detail-item input,.customer-overview-editable .detail-contact-row input{width:100%;padding:.5rem .75rem;font-size:.9375rem;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, .375rem);background:var(--card-bg)}.detail-section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.detail-section-head h2{margin:0}.detail-grid-editable{display:flex;flex-direction:column;gap:var(--space-2)}.detail-contact-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-2);background:var(--color-bg-page);border-radius:var(--radius-md);border:1px solid var(--border, var(--color-border-default))}.detail-contact-row .btn-icon{padding:var(--space-2);color:var(--text-secondary)}.detail-contact-row .btn-icon:hover:not(:disabled){color:var(--danger, var(--danger))}.address-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--space-3)}@media(max-width:640px){.detail-contact-row{grid-template-columns:1fr 1fr}.address-fields{grid-template-columns:1fr}}.customer-detail-note-item-editable{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--color-bg-page);border-radius:var(--radius-md);border:1px solid var(--border, var(--color-border-default))}.customer-detail-note-text{flex:1;font-size:.9375rem}.customer-detail-note-add{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.customer-detail-note-input{flex:1;padding:.5rem .75rem;font-size:.9375rem;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm)}.overview-actions{padding-top:var(--space-4);border-top:1px solid var(--border, var(--color-border-default))}.ci-root{font-family:DM Sans,system-ui,sans-serif;max-width:860px;margin:0 auto;padding:24px 16px;color:var(--color-text-primary)}.ci-root .ci-customer-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ebe9e4;flex-wrap:wrap}.ci-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#e8e4f8,#d4cfef);color:var(--color-accent);font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ci-header-text{flex:1;min-width:0}.ci-customer-name{font-size:20px;font-weight:600;letter-spacing:-.4px}.ci-customer-sub{font-size:13px;color:var(--color-text-muted);margin-top:1px}.ci-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #ebe9e4;border-radius:8px;background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;transition:all .15s;margin-left:auto}.ci-close-btn:hover{background:#f7f5f2;color:var(--color-text-primary);border-color:#d4d1cb}.ci-btn-edit{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-accent-text);background:var(--color-accent);border:none;padding:8px 16px;border-radius:7px;cursor:pointer;transition:background .15s}.ci-btn-edit:hover{background:#433aa0}.ci-section{background:var(--color-bg-card);border:1px solid #ebe9e4;border-radius:10px;padding:22px 24px;margin-bottom:14px}.ci-section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ci-section-title{font-size:15px;font-weight:600;letter-spacing:-.2px}.ci-section-desc{font-size:12.5px;color:var(--color-text-muted);margin:-8px 0 16px;line-height:1.5}.ci-count-badge{font-size:11px;font-weight:500;background:#f0ede8;color:var(--color-text-muted);padding:1px 8px;border-radius:10px}.ci-icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #ebe9e4;border-radius:7px;background:var(--color-bg-card);color:var(--color-text-muted);cursor:pointer;transition:all .15s;flex-shrink:0}.ci-icon-btn:hover{background:#f7f5f2;color:var(--color-text-primary);border-color:#d4d1cb}.ci-icon-btn.ci-danger:hover{color:#c0392b;border-color:#e6b8b2;background:#fdf3f1}.ci-ml-auto{margin-left:auto}.ci-btn-ghost{font-size:12px;font-weight:500;font-family:inherit;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .15s}.ci-btn-ghost:hover{background:#f7f5f2;color:var(--color-text-primary)}.ci-btn-primary{font-size:12px;font-weight:500;font-family:inherit;color:var(--color-accent-text);background:var(--color-accent);border:none;cursor:pointer;padding:7px 16px;border-radius:7px;transition:all .15s}.ci-btn-primary:hover{background:#433aa0}.ci-btn-primary:disabled{opacity:.4;cursor:default}.ci-note-compose{background:#faf9f7;border:1px solid #ebe9e4;border-radius:8px;padding:12px;margin-bottom:16px}.ci-note-ta{width:100%;font-family:inherit;font-size:13px;color:var(--color-text-primary);background:transparent;border:none;outline:none;resize:vertical;min-height:60px;line-height:1.6}.ci-note-ta::-moz-placeholder{color:var(--color-text-muted)}.ci-note-ta::placeholder{color:var(--color-text-muted)}.ci-note-actions{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid #ebe9e4}.ci-note-hint{font-size:11px;color:var(--color-text-muted);margin-right:auto}.ci-note-card{border:1px solid #ebe9e4;border-radius:8px;padding:14px 16px 10px;background:var(--color-bg-card);margin-bottom:8px;transition:border-color .15s}.ci-note-card:hover{border-color:#d4d1cb}.ci-note-body{font-size:13px;line-height:1.65;margin-bottom:10px}.ci-note-footer{display:flex;align-items:center;justify-content:space-between}.ci-note-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.ci-note-avatar-sm{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:#e8e4f8;color:var(--color-accent);font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}.ci-note-author{font-weight:500;color:var(--color-text-secondary)}.ci-sep{opacity:.4}.ci-note-date{color:var(--color-text-muted)}.ci-loading,.ci-muted{font-size:13px;color:var(--color-text-muted)}.ci-orders-wrap{overflow-x:auto;margin:0 -24px;padding:0 24px}.ci-orders-table{width:100%;border-collapse:collapse;font-size:13px}.ci-orders-table th{text-align:left;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);padding:0 12px 10px 0;border-bottom:1px solid #ebe9e4;white-space:nowrap}.ci-orders-table td{padding:11px 12px 11px 0;border-bottom:1px solid #f2f0ec;vertical-align:middle}.ci-orders-table tbody tr{transition:background .1s}.ci-orders-table tbody tr:hover{background:#faf9f7}.ci-orders-table tbody tr:last-child td{border-bottom:none}.ci-r{text-align:right!important}.ci-muted{color:var(--color-text-muted)!important;white-space:nowrap}.ci-mono{font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.3px}.ci-items-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-order-link{font-weight:600;color:var(--color-accent);background:none;border:none;font-family:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:0;transition:color .15s}.ci-order-link:hover{color:#3a2f96}.ci-order-link svg{opacity:0;transition:opacity .15s}.ci-order-link:hover svg{opacity:.6}.ci-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:3px 10px 3px 7px;border-radius:20px;white-space:nowrap}.ci-pill-production{background:#fef3e2;color:#a16207}.ci-pill-shipped{background:#e8f0fe;color:#2c5ea8}.ci-pill-delivered{background:#e6f5ec;color:#1b7a3d}.ci-pill-draft{background:#f0ede8;color:var(--color-text-muted)}.ci-orders-summary{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #ebe9e4;font-size:12px;color:var(--color-text-muted)}.ci-orders-total{font-weight:500;color:#555}.ci-styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:12px}.ci-style-card{border:1px solid #ebe9e4;border-radius:10px;overflow:hidden;transition:border-color .15s,box-shadow .2s;background:var(--color-bg-card);padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.ci-style-card:hover{border-color:#d4d1cb;box-shadow:0 2px 12px #0000000f}.ci-style-card.ci-pinned{border-color:#c4bfee;box-shadow:0 0 0 1px #c4bfee}.ci-style-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.ci-style-name{font-size:12px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.1px}.ci-style-cat{font-size:11px;color:var(--color-text-muted)}.ci-style-ord{font-size:11px;font-weight:500;color:var(--color-accent);margin-top:4px}.ci-style-actions{display:flex;gap:6px;flex-shrink:0}.ci-img-action{width:32px;height:32px;border-radius:50%;border:none;background:#ffffffe6;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.ci-img-action:hover{background:var(--color-bg-card);transform:scale(1.05)}.ci-img-action.ci-active{background:var(--color-accent);color:var(--color-accent-text)}.ci-edit-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.ci-edit-modal-content{background:var(--color-bg-card);border-radius:12px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.ci-edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ebe9e4}.ci-edit-modal-header h3{margin:0;font-size:18px;font-weight:600}.ci-edit-form{padding:24px}.ci-edit-field{margin-bottom:16px}.ci-edit-field label{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.ci-edit-field input[type=text],.ci-edit-field input[type=email],.ci-edit-field input[type=tel]{width:100%;padding:8px 12px;font-size:14px;border:1px solid #ebe9e4;border-radius:8px}.ci-edit-contact-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.ci-edit-contact-row input{flex:1}.ci-edit-address input,.ci-edit-address-row input{width:100%}.ci-edit-address-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.ci-edit-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #ebe9e4}.customers-page{padding:0;max-width:1400px;margin:0 auto}.customer-detail-modal-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1.5rem}.customer-detail-modal-content{background:var(--card-bg);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:90vw;max-height:90vh;overflow:auto;width:100%}.error-banner{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:14px}.customers-page>div:first-of-type{display:flex;justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.customers-page>div:first-of-type .btn-primary,.customers-page>div:first-of-type .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:10px;white-space:nowrap}.customers-page>div:first-of-type .btn-primary{padding:12px 24px}.customers-page>div:first-of-type .btn-secondary{padding:10px 20px}.customers-page .empty-state .btn-primary,.customers-page .empty-state .btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:10px}.customers-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-4)}.customers-search-wrap{position:relative;flex:1;max-width:400px}.customers-search-wrap .search-input{width:100%;min-height:44px;padding:12px 16px 12px 44px;background:var(--color-bg-input, var(--color-bg-card));border:1px solid var(--color-border-default);border-radius:var(--radius-md, 10px);color:var(--color-text-primary);font-size:14px;font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.customers-search-wrap .search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ffd10033}.customers-search-wrap .search-input::-moz-placeholder{color:var(--color-text-muted)}.customers-search-wrap .search-input::placeholder{color:var(--color-text-muted)}.search-input{flex:1;max-width:400px;padding:12px 16px;background:var(--color-bg-input, rgba(255, 255, 255, .05));border:1px solid var(--color-border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f633}.customers-count{color:var(--text-secondary);font-size:14px}.view-toggle{display:flex;gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.view-toggle button{padding:var(--space-2) var(--space-3);background:var(--card-bg);border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;transition:all var(--transition-base)}.view-toggle button.active{background:var(--accent);color:var(--text-inverse)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;min-height:400px;background:var(--bg-surface);border:2px dashed rgba(255,255,255,.1);border-radius:var(--radius-lg)}.empty-state p{margin-bottom:var(--space-6);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);font-family:var(--font-sans)}.customers-table-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden}.customers-table{width:100%;border-collapse:collapse}.customers-table thead{position:sticky;top:0;background:linear-gradient(135deg,var(--accent-blue),var(--accent-blue-hover));z-index:10;border-bottom:1px solid rgba(0,0,0,.15);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.customers-table th{padding:var(--space-4) var(--space-4);text-align:left;font-family:var(--font-sans);font-size:11px;font-weight:500;color:var(--text-on-accent);text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,var(--accent-blue),var(--accent-blue-hover))}.customers-table th.actions-column{width:100px;text-align:right}.customer-row{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-subtle)}.customer-row:hover{background:#ffffff08}.customers-page .icon-button-modern{opacity:1!important;transition:opacity var(--transition-fast);background:transparent!important;border:none!important;color:var(--color-text-primary)!important;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);display:flex!important;align-items:center;justify-content:center}.customers-page .icon-button-modern svg,.customers-page .icon-button-modern svg *{stroke:var(--color-text-primary)!important;color:var(--color-text-primary)!important}.customers-page .icon-button-modern:hover{background:#0000000d!important;color:var(--color-text-primary)!important}.customers-page .icon-button-modern:hover svg,.customers-page .icon-button-modern:hover svg *{stroke:var(--color-text-primary)!important;color:var(--color-text-primary)!important}.actions-menu-modern{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.1);min-width:180px;padding:var(--space-2);display:flex;flex-direction:column;gap:2px;animation:menuAppear .2s ease-out}@keyframes menuAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.actions-menu-modern .menu-section{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06)}.actions-menu-modern .menu-section:last-child{border-bottom:none}.actions-menu-modern .menu-section button{width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-align:left;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;transition:all var(--transition-fast);font-family:var(--font-sans)}.actions-menu-modern .menu-section button:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary)}.actions-menu-modern .menu-section.danger button{color:var(--accent-red)}.actions-menu-modern .menu-section.danger button:hover{background:var(--status-error-bg);color:var(--accent-red)}.customer-row:last-child{border-bottom:none}.customer-row td{padding:14px var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-sans)}.customer-name-cell{font-weight:600}.customer-row td.actions-column{text-align:right;padding-right:var(--space-4)}.customer-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.btn-icon{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.btn-danger:hover{background:var(--status-error-bg);color:var(--accent-red)}.tax-exempt-badge{display:inline-flex;align-items:center;padding:4px 12px;background:var(--status-success-bg);color:var(--accent-green);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;font-family:var(--font-sans)}.tax-status-normal{color:var(--text-secondary)}.customers-mobile-list{display:flex;flex-direction:column;gap:var(--space-2)}.customer-mobile-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:all var(--transition-base)}.customer-mobile-item:active{background:var(--card-hover)}.customer-mobile-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.customer-mobile-info{flex:1;min-width:0}.customer-mobile-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.customer-mobile-secondary{font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-mobile-badges{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.tax-exempt-badge-mobile{display:inline-block;padding:2px 8px;background:var(--status-success-bg);color:var(--accent-green);border-radius:var(--radius-sm);font-size:11px;font-weight:600}[data-theme=light] .tax-exempt-badge-mobile{background:#10b98124;color:#047857}[data-theme=dark] .tax-exempt-badge-mobile{background:var(--status-success-bg);color:#34d399}.mobile-menu-button{background:transparent;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:var(--space-2);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);line-height:1}.mobile-menu-button:active{background:var(--content-bg);color:var(--text-primary)}.mobile-menu{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-1)}.mobile-menu-item{padding:var(--space-3);background:var(--content-bg);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);min-height:44px}.mobile-menu-item:active{background:var(--card-hover)}.mobile-menu-item-danger{color:var(--danger)}.mobile-menu-item-danger:active{background:var(--danger-bg)}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.customer-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.customer-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);background:var(--card-hover)}.customer-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.customer-card-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600;flex:1}.customer-card-body{display:flex;flex-direction:column;gap:var(--space-3)}.customer-info{display:flex;gap:var(--space-2);font-size:14px}.info-label{color:var(--text-secondary);font-weight:600;min-width:60px}.customer-info span:not(.info-label){color:var(--text-primary)}.customer-notes{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-1);font-size:14px}.customer-notes .info-label{margin-bottom:var(--space-1)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-5)}.modal-content{background:var(--bg-surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.modal-header h2{margin:0;color:var(--text-primary);font-size:20px;font-weight:700}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.customer-form{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto;flex:1}.form-group input,.form-group textarea{padding:var(--space-3) var(--space-4);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-fast)}.form-section{margin-top:var(--space-2)}.form-section h3{margin:0 0 var(--space-4) 0;color:var(--text-primary);font-size:16px;font-weight:600}.tax-info-section{margin-top:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.tax-info-heading{margin:0 0 var(--space-4) 0!important;font-size:15px!important;font-weight:600!important;color:var(--text-primary)!important;letter-spacing:.01em}.tax-exempt-toggle-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;margin-bottom:var(--space-2)}.tax-exempt-toggle-input{position:absolute;opacity:0;width:0;height:0}.tax-exempt-toggle-slider{flex-shrink:0;width:44px;height:24px;background:var(--border-default);border-radius:12px;transition:background .2s,box-shadow .2s;position:relative}.tax-exempt-toggle-slider:after{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;background:var(--color-bg-card);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s}.tax-exempt-toggle-input:checked+.tax-exempt-toggle-slider{background:var(--accent, var(--color-accent))}.tax-exempt-toggle-input:checked+.tax-exempt-toggle-slider:after{transform:translate(20px)}.tax-exempt-toggle-input:focus-visible+.tax-exempt-toggle-slider{box-shadow:0 0 0 3px var(--accent-light, rgba(59, 130, 246, .25))}.tax-exempt-toggle-text{font-size:14px;font-weight:600;color:var(--text-primary)}.tax-exempt-description{font-size:13px;color:var(--text-secondary);margin:0 0 var(--space-4) 0;padding-left:calc(44px + var(--space-3));line-height:1.45}.tax-info-section .tax-certificate-group{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.form-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4)}.form-error{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);padding:var(--space-3);border-radius:var(--radius-md);font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid rgba(255,255,255,.1);background:#0003;flex-shrink:0}@media(max-width:768px){.customers-page{padding:var(--space-4)}.customers-header{flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.customers-header h1{font-size:24px}.customers-toolbar{flex-direction:column;align-items:stretch}.search-input{max-width:100%}.desktop-only{display:none!important}.mobile-only{display:block!important}.customers-grid{grid-template-columns:1fr;gap:var(--space-4)}.customer-card{padding:var(--space-4)}.customer-card-header h3{font-size:16px}.form-row{grid-template-columns:1fr}.modal-overlay{padding:var(--space-3)}.modal-content{max-width:100%;max-height:95vh}.modal-header{padding:var(--space-4)}.modal-header h2{font-size:18px}.customer-form{padding:var(--space-4)}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;min-height:44px}.btn-primary,.btn-secondary{min-height:44px}.customers-page .icon-button-modern{opacity:1!important;min-width:44px;min-height:44px;padding:10px;color:var(--color-text-primary)!important}.customers-page .customer-row:hover .icon-button-modern{opacity:1!important}.actions-menu-modern{position:fixed!important;max-width:calc(100vw - 32px);max-height:calc(100vh - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:10000!important;box-shadow:0 8px 24px #0000004d}.actions-menu-modern .menu-section button{min-height:48px;padding:12px 16px;font-size:16px}}@media(min-width:769px){.desktop-only{display:block!important}.mobile-only{display:none!important}}.email-compose-modal{max-width:520px}.email-compose-to{padding:.5rem .75rem;background:var(--content-bg, var(--color-bg-surface));border-radius:var(--radius-sm, .375rem);font-size:.9375rem}.email-compose-to-address{color:var(--text-secondary, #64748b);margin-left:.25rem}.email-send-spin{animation:email-send-spin .8s linear infinite;display:inline-block;vertical-align:middle}@keyframes email-send-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.customer-notes-list{list-style:none;margin:0 0 var(--space-3) 0;padding:0}.customer-note-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--content-bg, var(--color-bg-surface));border-radius:var(--radius-md, .5rem);border:1px solid var(--border, var(--color-border-default))}.customer-note-text{flex:1;font-size:.9375rem;line-height:1.4;word-break:break-word}.customer-note-item .btn-icon{flex-shrink:0;padding:var(--space-1);color:var(--text-secondary, #64748b)}.customer-note-item .btn-icon:hover{color:var(--danger, var(--danger))}.customer-note-add{display:flex;gap:var(--space-2);align-items:center}.customer-note-input{flex:1;padding:.5rem .75rem;font-size:.9375rem;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, .375rem)}.form-hint{font-size:.8125rem;color:var(--text-secondary, #64748b);font-weight:400}.customer-edit-notes-section .section-head-notes,.customer-edit-orders-section .section-head-notes,.customer-edit-styles-section .section-head-notes{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-head-notes h3{margin:0;font-size:15px;font-weight:600}.section-head-notes .count-badge{font-size:11px;font-weight:500;background:var(--content-bg, #f0ede8);color:var(--text-secondary, #777);padding:2px 8px;border-radius:10px}.section-head-notes .icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border, var(--color-border-default));border-radius:7px;background:var(--bg-base);color:var(--text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.section-head-notes .icon-btn:hover{background:var(--content-bg, #f7f5f2);color:var(--text-primary)}.section-head-notes .ml-auto{margin-left:auto}.section-head-notes .icon-btn.danger:hover{color:var(--danger, var(--danger));border-color:#e6b8b2;background:#fdf3f1}.note-compose{background:var(--content-bg, #faf9f7);border:1px solid var(--border, #ebe9e4);border-radius:8px;padding:12px;margin-bottom:12px}.note-ta{width:100%;font-family:inherit;font-size:13px;color:var(--text-primary);background:transparent;border:none;outline:none;resize:vertical;min-height:60px;line-height:1.6}.note-ta::-moz-placeholder{color:var(--text-tertiary, #ccc)}.note-ta::placeholder{color:var(--text-tertiary, #ccc)}.note-actions{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--border, #ebe9e4)}.note-hint{font-size:11px;color:var(--text-tertiary, #ccc);margin-right:auto}.btn-ghost{font-size:12px;font-weight:500;font-family:inherit;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .15s}.btn-ghost:hover{background:var(--content-bg);color:var(--text-primary)}.customer-edit-notes-section .btn-primary{font-size:12px;font-weight:500;padding:7px 16px;border-radius:7px;background:var(--color-accent);color:var(--color-accent-text);border:none;cursor:pointer}.customer-edit-notes-section .btn-primary:hover{background:#433aa0}.customer-edit-notes-section .btn-primary:disabled{opacity:.4;cursor:default}.note-card{border:1px solid var(--border, #ebe9e4);border-radius:8px;padding:14px 16px 10px;background:var(--bg-base);margin-bottom:8px;transition:border-color .15s}.note-card:hover{border-color:var(--border-hover, #d4d1cb)}.note-body{font-size:13px;line-height:1.65;margin-bottom:10px}.note-footer{display:flex;align-items:center;justify-content:space-between}.note-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.note-avatar-sm{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:var(--accent-light);color:var(--color-accent);font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}.note-author{font-weight:500;color:var(--text-secondary)}.note-footer .sep{opacity:.4}.note-date{color:var(--text-tertiary, #bbb)}.orders-wrap{overflow-x:auto;margin:0 -4px}.orders-table{width:100%;border-collapse:collapse;font-size:13px}.orders-table th{text-align:left;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary);padding:0 12px 10px 0;border-bottom:1px solid var(--border);white-space:nowrap}.orders-table td{padding:10px 12px 10px 0;border-bottom:1px solid var(--content-bg, #f2f0ec);vertical-align:middle}.orders-table tbody tr:hover{background:var(--content-bg, #faf9f7)}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table .r{text-align:right}.orders-table .muted{color:var(--text-secondary);white-space:nowrap}.orders-table .mono{font-variant-numeric:tabular-nums;font-weight:500}.order-link-cell{font-weight:600;color:var(--color-accent)}.pill{display:inline-flex;font-size:11px;font-weight:500;padding:3px 8px;border-radius:20px;white-space:nowrap}.pill-draft{background:var(--color-border-default);color:var(--color-text-muted)}.pill-sent{background:var(--color-border-default);color:var(--color-accent)}.pill-approved{background:#d1fae5;color:#065f46}.pill-in-production{background:#fef3e2;color:#a16207}.pill-shipped{background:#e8f0fe;color:#2c5ea8}.pill-delivered{background:#e6f5ec;color:#1b7a3d}.pill-invoiced{background:#f3e8ff;color:#6b21a8}.orders-summary{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary)}.orders-total{font-weight:500;color:var(--text-primary)}.section-desc{font-size:12.5px;color:var(--text-secondary);margin:-4px 0 12px;line-height:1.5}.styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.style-card{border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;transition:border-color .15s,box-shadow .2s;background:var(--bg-base)}.style-card:hover{border-color:var(--border-hover)}.style-card.pinned{border-color:#c4bfee;box-shadow:0 0 0 1px #c4bfee}.style-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.style-name{font-size:12px;font-weight:600;color:var(--text-primary)}.style-cat{font-size:11px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-ord{font-size:11px;font-weight:500;color:var(--color-accent);margin-top:4px}.style-actions{display:flex;gap:6px;flex-shrink:0}.img-action{width:28px;height:28px;border-radius:50%;border:none;background:var(--content-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.img-action:hover{background:var(--border-hover)}.img-action.active{background:var(--color-accent);color:var(--color-accent-text)}.tshirt-designer-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:var(--mockup-studio-overlay-left, 0);background:var(--overlay-bg, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:10050;font-family:DM Sans,sans-serif}.tshirt-designer-modal-content{background:var(--card-bg);border-radius:12px;max-width:98vw;width:1200px;height:92vh;max-height:900px;display:flex;flex-direction:column;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04));overflow:hidden}.mockup-studio-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--card-bg);flex-shrink:0}.mockup-studio-header-left{display:flex;align-items:center;gap:12px}.mockup-studio-title-icon{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.mockup-studio-title-wrap{margin-left:10px}.mockup-studio-title{margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:8px}.mockup-studio-subtitle{font-size:11px;color:var(--text-tertiary);font-weight:500;display:block}.mockup-studio-group-applies{font-size:11px;color:var(--text-muted);margin:4px 0 0;max-width:420px;line-height:1.3}.mockup-studio-group-style-list{display:flex;flex-direction:column;gap:4px}.mockup-studio-group-style-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);cursor:pointer;transition:all .15s;text-align:left;font-size:12px;font-family:inherit;color:var(--text)}.mockup-studio-group-style-btn:hover{border-color:var(--primary-light, #818cf8);background:var(--bg-elevated)}.mockup-studio-group-style-btn.active{border-color:var(--primary);background:var(--bg-elevated)}.mockup-studio-group-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.mockup-studio-group-style-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-studio-header-actions{display:flex;align-items:center;gap:8px}.mockup-studio-btn-reset{background:var(--bg-elevated, var(--color-border-default));border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;padding:7px 14px;cursor:pointer;font-size:12px;font-weight:600;font-family:DM Sans,sans-serif;transition:all .2s}.mockup-studio-btn-reset:hover{background:var(--bg-hover);color:var(--text-primary)}.mockup-studio-btn-save{background:var(--primary);border:none;color:var(--color-accent-text);border-radius:8px;padding:7px 18px;cursor:pointer;font-size:12px;font-weight:700;font-family:DM Sans,sans-serif;box-shadow:0 1px 3px #0000001a;transition:all .2s}.mockup-studio-btn-save:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.mockup-studio-btn-save:disabled{opacity:.6;cursor:not-allowed}.mockup-studio-close{background:transparent;border:none;color:var(--text-tertiary);font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .15s}.mockup-studio-close:hover{background:var(--bg-hover);color:var(--text-primary)}.mockup-studio-body{display:flex;flex:1;min-height:0;overflow:hidden}.mockup-studio-sidebar{width:320px;min-width:320px;border-right:1px solid var(--border);background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden}.mockup-studio-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 8px}.mockup-studio-tab{flex:1;padding:14px 0 12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:3px}.mockup-studio-tab:hover{color:var(--text-tertiary)}.mockup-studio-tab.active{border-bottom-color:var(--primary);color:var(--text-primary)}.mockup-studio-tab-icon{font-size:15px}.mockup-studio-tab-content{flex:1;overflow:auto;padding:20px}.mockup-studio-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px;display:block}.mockup-studio-section{margin-bottom:24px}.mockup-studio-section:last-child{margin-bottom:0}.mockup-studio-btn-group{display:flex;flex-wrap:wrap;gap:6px}.mockup-studio-btn-option{padding:8px 14px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.mockup-studio-btn-option:hover:not(:disabled){border-color:var(--primary);background:var(--accent-light);color:var(--text-primary)}.mockup-studio-btn-option.active{background:var(--accent-light);border-color:var(--primary);color:var(--text-primary)}.mockup-studio-btn-option:disabled{opacity:.4;cursor:not-allowed}.mockup-studio-view-btns{display:flex;flex-wrap:wrap;gap:8px}.mockup-studio-view-btn{flex:1;min-width:60px;aspect-ratio:1;padding:0;border-radius:8px;border:1.5px solid var(--border);background:var(--card-bg);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .15s}.mockup-studio-view-btn img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mockup-studio-view-btn.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-light)}.mockup-studio-view-btn:disabled{opacity:.5;cursor:not-allowed}.mockup-studio-view-btn-placeholder{font-size:10px;color:var(--text-muted);text-align:center;padding:4px}.mockup-studio-proof-queue{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.mockup-studio-proof-checkboxes{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}.mockup-studio-proof-check{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--text)}.mockup-studio-proof-check input{width:16px;height:16px;cursor:pointer}.mockup-studio-proof-queue-list{margin-top:8px;font-size:12px}.mockup-studio-dropzone{width:100%;padding:32px 16px;background:var(--accent-light);border:2px dashed var(--primary);border-radius:12px;cursor:pointer;color:var(--primary);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s}.mockup-studio-dropzone:hover{border-color:var(--primary-hover);background:#3b82f626}.mockup-studio-dropzone-plus{font-size:28px;line-height:1}.mockup-studio-dropzone-hint{font-size:11px;color:var(--text-tertiary)}.mockup-studio-design-loaded{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border)}.mockup-studio-design-box-list{display:flex;flex-wrap:wrap;gap:10px}.mockup-studio-design-box-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:72px;padding:8px;border:2px solid var(--border);border-radius:8px;background:var(--bg-elevated);cursor:pointer;transition:border-color .15s,background .15s;font-size:10px;color:var(--text-secondary);text-align:center}.mockup-studio-design-box-item:hover:not(:disabled){border-color:var(--primary);background:var(--accent-light)}.mockup-studio-design-box-item.active{border-color:var(--primary);background:var(--accent-light);color:var(--text-primary)}.mockup-studio-design-box-item:disabled{cursor:default;opacity:.8}.mockup-studio-design-box-item img{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;border-radius:4px;background:var(--card-bg)}.mockup-studio-design-box-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--card-bg);border-radius:4px}.mockup-studio-design-box-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-studio-design-loaded img{width:44px;height:44px;-o-object-fit:contain;object-fit:contain;border-radius:6px;background:var(--card-bg)}.mockup-studio-print-files-msg{margin:6px 0 0;font-size:12px;color:var(--text-tertiary)}.mockup-studio-print-files-msg:empty{display:none}.mockup-studio-design-filename{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-studio-btn-replace{background:none;border:none;color:var(--primary);font-size:11px;font-weight:600;cursor:pointer;padding:0;font-family:DM Sans,sans-serif}.mockup-studio-btn-remove{background:var(--status-error-bg);border:1px solid rgba(239,68,68,.3);color:var(--danger);border-radius:6px;width:32px;height:32px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.mockup-studio-btn-remove:hover{background:#ef444433}.mockup-studio-slider-wrap{margin-bottom:18px}.mockup-studio-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.mockup-studio-slider-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);font-family:DM Sans,sans-serif}.mockup-studio-slider-value{font-size:13px;font-weight:700;color:var(--text-primary);font-family:DM Mono,monospace;background:var(--bg-elevated);padding:2px 8px;border-radius:6px;border:1px solid var(--border)}.mockup-studio-slider-track-wrap{position:relative;height:20px;display:flex;align-items:center}.mockup-studio-slider-track{position:absolute;width:100%;height:4px;background:var(--border);border-radius:2px}.mockup-studio-slider-fill{position:absolute;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent-purple));border-radius:2px;transition:width .05s ease}.mockup-studio-slider-input{position:absolute;width:100%;height:20px;opacity:0;cursor:pointer;margin:0}.mockup-studio-slider-thumb{position:absolute;width:16px;height:16px;background:var(--primary);border-radius:50%;box-shadow:0 1px 3px #0003;border:2px solid #fff;pointer-events:none;transition:left .05s ease}.mockup-studio-textarea{width:100%;padding:12px 14px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;resize:vertical;outline:none;box-sizing:border-box}.mockup-studio-textarea:focus{border-color:var(--primary)}.mockup-studio-font-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mockup-studio-font-btn{padding:10px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;transition:all .15s}.mockup-studio-font-btn.active{background:var(--accent-light);border-color:var(--primary);color:var(--text-primary)}.mockup-studio-color-row{display:flex;gap:8px;align-items:center}.mockup-studio-color-input{width:36px;height:36px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:none;padding:0}.mockup-studio-color-hex{font-size:12px;font-family:DM Mono,monospace;color:var(--text-tertiary)}.mockup-studio-export-format-btn{width:100%;padding:14px 16px;background:var(--card-bg);border:1.5px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;transition:all .15s;margin-bottom:6px}.mockup-studio-export-format-btn:hover{border-color:var(--primary);background:var(--accent-light)}.mockup-studio-export-format-btn .export-icon{font-size:11px;color:var(--primary)}.mockup-studio-batch-card{padding:16px;background:var(--accent-light);border-radius:12px;border:1px solid rgba(59,130,246,.25);margin-top:16px}.mockup-studio-batch-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.mockup-studio-batch-desc{font-size:11px;color:var(--text-tertiary);margin-bottom:12px;line-height:1.5}.mockup-studio-btn-batch{width:100%;padding:10px;background:var(--primary);border:none;border-radius:8px;color:var(--color-accent-text);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.mockup-studio-btn-batch:hover{background:var(--primary-hover)}.mockup-studio-preview{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:var(--bg-surface);overflow:hidden}.mockup-studio-preview-pattern{position:absolute;inset:0;opacity:.4;background-image:radial-gradient(var(--border-subtle) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.mockup-studio-placement-badge{position:absolute;top:20px;left:50%;transform:translate(-50%);background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.03em;box-shadow:0 1px 3px #00000014;z-index:10}.mockup-studio-mockup-wrapper{position:relative;display:inline-block;max-width:100%;max-height:100%;background:transparent}.mockup-studio-mockup-img-wrap{position:relative;display:inline-block;line-height:0;-moz-user-select:none;user-select:none;-webkit-user-select:none;background:transparent}.mockup-studio-mockup-img-wrap.pan-mode.dragging{pointer-events:auto}.mockup-studio-guide-overlay{position:absolute;inset:0;z-index:5}.mockup-studio-safe-print-area{position:absolute;border:2px dashed rgba(99,102,241,.5);border-radius:4px;box-sizing:border-box}.mockup-studio-center-line{position:absolute;background:#6366f14d}.mockup-studio-center-line-v{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.mockup-studio-center-line-h{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.mockup-studio-ob5-panel{position:absolute;bottom:16px;left:16px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:12px;color:var(--text-secondary);box-shadow:0 4px 12px #00000014;z-index:10;max-width:220px}.mockup-studio-ob5-title{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:11px;letter-spacing:.02em;text-transform:uppercase}.mockup-studio-ob5-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}.mockup-studio-ob5-row:last-of-type{margin-bottom:0}.mockup-studio-ob5-label{color:var(--text-tertiary)}.mockup-studio-ob5-value{font-weight:500;color:var(--text-primary);display:inline-flex;align-items:center;gap:4px}.mockup-studio-ob5-dpi-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.mockup-studio-ob5-dpi-green{background:var(--success, #10b981)}.mockup-studio-ob5-dpi-yellow{background:var(--warning, #f59e0b)}.mockup-studio-ob5-dpi-red{background:var(--danger, #ef4444)}.mockup-studio-ob5-toggle{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary);cursor:pointer}.mockup-studio-ob5-toggle input{margin:0}.mockup-studio-ob5-tip{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--border);font-size:11px;color:var(--text-tertiary);line-height:1.35}.mockup-studio-design-size-wrap{margin-bottom:0}.mockup-studio-design-size-inches{margin:4px 0 0;font-size:12px;color:var(--text-tertiary)}.mockup-studio-mockup-img{max-height:min(65vh,600px);max-width:100%;width:auto;height:auto;display:block;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.12))}.mockup-studio-placeholder-mockup{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center;min-width:280px;min-height:320px;border-radius:8px}.mockup-studio-placeholder-mockup-label{color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:14px;font-weight:500}.mockup-studio-design-container{position:absolute;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;background:transparent}.mockup-studio-design-container.dragging{cursor:grabbing}.mockup-studio-design-container.resizing{cursor:nwse-resize}.mockup-studio-design-container img,.mockup-studio-design-container canvas{width:100%;height:auto;max-width:100%;max-height:100%;pointer-events:none;display:block;background:transparent}.mockup-studio-design-resize-handle{position:absolute;right:0;bottom:0;width:20px;height:20px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0%,transparent 45%,rgba(99,102,241,.4) 45%,rgba(99,102,241,.4) 55%,transparent 55%);border-radius:0 0 4px}.mockup-studio-design-resize-handle:hover{background:linear-gradient(135deg,transparent 0%,transparent 40%,rgba(99,102,241,.7) 40%,rgba(99,102,241,.7) 60%,transparent 60%)}.mockup-studio-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted);pointer-events:none;font-size:14px}.mockup-studio-view-thumbnails{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;background:var(--card-bg);box-shadow:0 2px 8px #0000001a;padding:8px 12px;border-radius:20px;border:1px solid var(--border);z-index:10}.mockup-studio-view-thumb{width:44px;min-width:44px;border-radius:8px;border:2px solid transparent;overflow:hidden;cursor:pointer;background:var(--bg-elevated);transition:all .15s;display:flex;flex-direction:column;align-items:center;padding:0;gap:2px}.mockup-studio-view-thumb img{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;display:block;flex-shrink:0}.mockup-studio-view-thumb.active{border-color:var(--primary);transform:scale(1.05)}.mockup-studio-view-thumb-placeholder-only .mockup-studio-view-thumb-placeholder{width:40px;height:40px;min-width:40px;min-height:40px}.mockup-studio-view-thumb-placeholder{width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#0009;text-align:center;line-height:1.1;padding:2px;box-sizing:border-box;flex-shrink:0}.mockup-studio-view-thumb-label{font-size:10px;font-weight:600;color:var(--text);line-height:1.2;text-align:center;padding:0 2px;white-space:nowrap}.mockup-studio-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 24px;border-top:1px solid var(--border);background:var(--card-bg);flex-shrink:0}.mockup-studio-footer-msg{margin-right:auto;font-size:12px;color:var(--text-tertiary)}.mockup-studio-footer-msg.error{color:var(--danger)}.mockup-studio-footer-msg.success{color:var(--success)}.mockup-studio-btn-cancel{background:var(--card-bg);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.mockup-studio-btn-cancel:hover:not(:disabled){background:var(--bg-hover)}.mockup-studio-btn-remove-design{background:var(--status-error-bg);border:1px solid rgba(239,68,68,.3);color:var(--danger);border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.mockup-studio-btn-remove-design:hover:not(:disabled){background:#ef444433}.mockup-studio-dropbox-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.mockup-studio-dropbox-hint{font-size:11px;color:var(--text-tertiary);margin-top:6px}.mockup-studio-dropbox-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.mockup-studio-dropbox-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-height:100px;overflow-y:auto}.mockup-studio-dropbox-file-btn{padding:4px 8px;font-size:11px;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif}.mockup-studio-dropbox-file-btn:hover{background:var(--bg-hover)}.mockup-studio-lead-files-section{margin-top:4px}.mockup-studio-lead-files-list{max-height:140px;overflow-y:auto;margin-top:6px}.mockup-studio-lead-file-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:12px}.mockup-studio-lead-file-row:last-child{border-bottom:none}.mockup-studio-lead-file-name{flex:1;min-width:0;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-studio-lead-file-use,.mockup-studio-lead-file-dl{flex-shrink:0;font-size:11px;padding:4px 8px}.mockup-studio-lead-file-dl{text-decoration:none;color:inherit}.mockup-studio-checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary);cursor:pointer;margin-top:8px}.mockup-studio-checkbox-label input{accent-color:var(--primary)}.mockup-studio-divider{height:1px;background:var(--border);margin:16px 0}.ai-description-generator{margin-top:var(--space-3)}.ob5-description-trigger{display:block!important;width:100%;margin:0;padding:0;border:1px solid rgba(59,130,246,.22)!important;border-radius:14px;background:linear-gradient(135deg,#eff6fff5,#f8fafcfa)!important;background-color:#eff6ff!important;color:var(--text-primary, var(--color-text-primary))!important;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 4px 14px #2563eb14;text-align:left;font:inherit;overflow:hidden}.ob5-description-trigger:hover:not(:disabled){background:linear-gradient(135deg,#fff,#eff6ff)!important;background-color:var(--color-bg-card)!important;border-color:#3b82f661!important;box-shadow:0 8px 20px #2563eb24;transform:translateY(-1px)}.ob5-description-trigger:disabled{opacity:.7;cursor:not-allowed}.ob5-description-trigger:focus-visible{outline:2px solid var(--accent, var(--color-accent));outline-offset:2px}.ob5-description-trigger-inner{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px}.ob5-description-trigger-image{width:64px;height:64px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;display:block;background:transparent!important;mix-blend-mode:multiply;transition:transform .2s ease}.ob5-description-trigger:hover:not(:disabled) .ob5-description-trigger-image{transform:scale(1.04)}.ob5-description-trigger-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;background:transparent!important}.ob5-description-trigger-title{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;line-height:1.2;color:var(--text-primary, var(--color-text-primary))!important;background:transparent!important}.ob5-description-trigger-subtitle{font-size:12px;line-height:1.35;color:#64748b!important;background:transparent!important}.ob5-description-trigger-spinner{color:var(--color-accent);flex-shrink:0}.ob5-description-trigger-icon{flex-shrink:0;color:var(--color-accent)!important;background:transparent!important;opacity:.95;transition:transform .2s ease}.ob5-description-trigger:hover:not(:disabled) .ob5-description-trigger-icon{transform:scale(1.08)}.btn-ai-generate,.btn-ai-generate-purple{display:inline-flex!important;align-items:center;gap:6px;padding:6px 12px!important;background:linear-gradient(135deg,var(--color-accent),var(--color-accent))!important;background-color:var(--color-accent)!important;color:var(--color-accent-text)!important;border:none!important;border-radius:var(--radius-sm);font-size:12px!important;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-ai-generate:hover:not(:disabled),.btn-ai-generate-purple:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent),#6d28d9)!important;background-color:var(--color-accent)!important;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666;color:var(--color-accent-text)!important}.btn-ai-generate:disabled{opacity:.5;cursor:not-allowed}.ai-generator-panel,.ai-generated-panel{background:var(--bg-elevated);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-3)}.ob5-generator-panel,.ob5-generated-panel{border-color:#3b82f647}.ai-generator-header,.ai-generated-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-weight:600;color:var(--text-primary);font-size:var(--text-base)}.ob5-generator-header .ob5-panel-mascot,.ob5-generated-header .ob5-panel-mascot{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.ob5-generator-header,.ob5-generated-header{color:var(--text-primary)}.ai-generated-header{color:var(--accent-purple)}.ob5-generated-header{color:var(--accent, var(--color-accent))}.btn-close-ai{margin-left:auto;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-close-ai:hover{background:var(--bg-hover);color:var(--text-primary)}.internal-notes-input{width:100%;background:#000;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:12px;color:var(--color-accent-text);font-size:var(--text-base);font-family:var(--font-sans);resize:vertical;min-height:80px}.internal-notes-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf633}.input-hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.required{color:var(--accent-red)}.ai-error{background:var(--status-error-bg);border:1px solid rgba(239,68,68,.3);color:var(--accent-red);padding:var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-3);font-size:var(--text-sm)}.generated-description-preview{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-sm);padding:var(--space-4);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal);min-height:60px}.ob5-generated-panel .generated-description-preview{background:#3b82f60f;border-color:#3b82f640}.ai-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);justify-content:flex-end;flex-wrap:wrap}.ai-actions .btn-primary,.ai-actions .btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 20px;font-size:var(--text-sm);font-weight:600}.ai-actions .btn-primary{background:linear-gradient(135deg,var(--accent-green),#059669)}.ai-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166}.spinning{animation:spin 1s linear infinite}.drawer{display:none;position:fixed;inset:0;z-index:10050;align-items:center;justify-content:center}.drawer.active{display:flex}.drawer-backdrop{position:absolute;inset:0;background:#00000080;animation:fadeIn .2s ease}.drawer-content{position:relative;width:90%;max-width:900px;max-height:90vh;background:var(--card-bg)!important;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);display:flex;flex-direction:column;animation:modalFadeIn .3s ease;overflow:hidden;z-index:10051}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.drawer-header{padding:var(--space-6);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--card-bg)}.drawer-header h2{margin:0;font-size:20px;font-weight:600}.drawer-close{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.drawer-close:hover{background:var(--content-bg);color:var(--text-primary)}.drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-6);min-height:400px;max-height:calc(90vh - 200px);background:var(--card-bg)!important}.drawer-step-1{overflow:visible;min-height:300px}.drawer-step-1 .form-group{position:relative;z-index:10}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;gap:var(--space-3);align-items:center;background:var(--card-bg)}.step-indicator{display:flex;justify-content:space-between;margin-bottom:var(--space-6);position:relative;background:var(--card-bg)!important}.step-indicator .step,.step-indicator .step.active,.step-indicator .step-label{background:transparent!important}.step-indicator:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:var(--border);z-index:0}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1;background:transparent!important}.step.active{background:transparent!important}.step.active:before,.step.active:after{display:none!important;background:transparent!important}.step-number{width:40px;height:40px;border-radius:50%;background:var(--bg-base);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);transition:all var(--transition-base)}.step.active .step-number{background:var(--accent);border-color:var(--accent);color:#fff}.step.completed .step-number{background:var(--success);border-color:var(--success);color:#fff}.step-label{margin-top:var(--space-2);font-size:12px;color:var(--text-secondary);text-align:center;background:transparent!important;padding:0!important}.step.active .step-label{color:var(--accent);font-weight:600;background:transparent!important}.step.active .step-label:before,.step.active .step-label:after{display:none!important}.drawer-step{display:none}.drawer-step.active{display:block}.style-search-results{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:2px solid var(--accent);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:300px;overflow-y:auto;z-index:2500;box-shadow:var(--shadow-lg);display:none;margin-top:-1px}.style-search-results.active{display:block!important;visibility:visible!important}.style-result-item{padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--border);transition:all var(--transition-fast);display:flex;align-items:center;gap:12px}.style-result-item:hover{background:var(--accent-light);transform:translate(4px)}.style-result-item:last-child{border-bottom:none}.style-result-item:active{background:var(--accent);color:var(--text-inverse)}.style-result-item img{border-radius:4px}.style-result-item.quick-pick-item{background:#f59e0b26;border-left:3px solid #f59e0b}.style-result-item.quick-pick-item:hover{background:#f59e0b33}.style-search-results.style-search-results-cards{position:relative;top:auto;left:auto;right:auto;border:1px solid var(--border);border-radius:var(--radius-md);max-height:360px;overflow-y:auto;margin-top:var(--space-2)}.style-search-results-cards{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.style-result-card{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--card-bg);transition:box-shadow .2s,border-color .2s}.style-result-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #00000014}.style-result-card.expanded{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.style-result-card-main{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;min-height:72px}.style-result-card-img{width:64px;height:64px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.style-result-card-body{flex:1;min-width:0}.style-result-card-title{font-weight:600;font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.style-result-card-quickpick{font-size:14px}.style-result-card-part{font-size:12px;color:var(--text-secondary);margin-top:2px}.style-result-card-loading{font-size:12px;color:var(--text-secondary);margin-top:4px;font-style:italic}.style-result-card-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.style-result-swatch{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0;flex-shrink:0;transition:transform .15s,box-shadow .15s}.style-result-swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003}.style-result-card-supplier{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;flex-shrink:0;padding-left:var(--space-2)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:var(--space-2);max-width:100%}.color-button{width:40px;height:40px;border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;transition:all var(--transition-fast);position:relative}.color-button:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.color-button.selected{border:3px solid var(--accent);transform:scale(1.05);box-shadow:0 2px 8px #0003}.decoration-tabs-container{border-bottom:2px solid var(--border-subtle);margin-bottom:var(--space-6)}.decoration-type-tab{padding:var(--space-3) var(--space-5);border:none;border-bottom:3px solid transparent;background:transparent;border-radius:0;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;flex:1;position:relative;margin-bottom:-2px}.decoration-type-tab:hover{color:var(--accent-blue);background:var(--bg-hover)}.decoration-type-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);font-weight:600;background:transparent}.placement-row{transition:all var(--transition-base)}.placement-row:hover{box-shadow:0 2px 4px #0000000d}.btn-remove-placement{opacity:.6;font-size:20px;line-height:1;width:28px;height:28px}.btn-remove-placement:hover{opacity:1;background:#ef44441a!important;color:var(--danger)!important}.accordion{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden;margin-top:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-4)}.accordion-header{padding:var(--space-2);background:var(--content-bg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--transition-fast);border-radius:var(--radius-sm)}.accordion-header:hover{background:var(--border)}.accordion-content{display:none;padding:var(--space-3) 0}.accordion.active .accordion-content{display:block}.grouping-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center}.grouping-modal{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-6);max-width:500px;width:90%;box-shadow:var(--shadow-xl);max-height:80vh;overflow-y:auto}#drawer-supplier-select{background:var(--bg-base)!important;border:1px solid var(--border)!important;border-radius:6px;padding:8px 12px;color:var(--text-primary)!important;font-size:14px}#drawer-supplier-select:focus{outline:none;border-color:var(--accent-blue)!important;box-shadow:0 0 0 3px #3b82f633!important}#drawer-supplier-select option{background:var(--bg-base)!important;color:var(--text-primary)!important}.drawer-catalog-panel{margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--color-bg-page)}.drawer-catalog-panel.drawer-catalog-coming-soon{opacity:.75;background:var(--content-bg, var(--color-bg-surface));border-color:var(--border);pointer-events:none}.drawer-catalog-coming-soon-text{margin:0;font-size:14px;color:var(--text-secondary);text-align:center;font-weight:500}.drawer-search-suppliers .drawer-catalog-supplier-btn{min-width:120px;min-height:50px}.drawer-catalog-supplier-btn.drawer-supplier-provided .drawer-supplier-provided-label{font-size:12px;font-weight:600;white-space:nowrap;padding:0 8px}.drawer-catalog-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.drawer-catalog-note{font-size:12px;color:var(--text-secondary)}.drawer-catalog-suppliers{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.drawer-catalog-supplier-btn{padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:132px;min-height:56px}.drawer-catalog-supplier-logo{width:120px;height:50px;-o-object-fit:contain;object-fit:contain;display:block}.drawer-catalog-supplier-btn.active{border-color:var(--accent-blue, var(--color-accent));background:var(--accent-light, rgba(59, 130, 246, .08))}.drawer-catalog-categories{display:flex;flex-wrap:wrap;gap:var(--space-1)}.drawer-catalog-category-btn{padding:6px 10px;border:1px solid var(--border);border-radius:9999px;background:var(--card-bg);color:var(--text-primary);font-size:12px;cursor:pointer}.drawer-catalog-meta{margin-top:var(--space-2);font-size:12px;color:var(--text-secondary)}.drawer-catalog-meta.index-empty{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--content-bg, var(--color-border-default));border:1px solid var(--border, var(--color-border-default));color:var(--text-primary, var(--color-bg-dark-hover))}.drawer-catalog-meta.error{color:#b91c1c}.drawer-step1-with-ob5{display:grid;grid-template-columns:1fr 280px;gap:var(--space-4);align-items:start}@media(max-width:768px){.drawer-step1-with-ob5{grid-template-columns:1fr}}.drawer-step1-search-column{min-width:0}.drawer-step1-ob5-column{position:sticky;top:0}.drawer-ob5-suggests-panel{padding:var(--space-3);background:var(--color-bg-page);border:1px solid var(--border);border-radius:var(--radius-md)}.drawer-ob5-suggests-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.drawer-ob5-suggests-icon{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.drawer-ob5-suggests-title{margin:0;font-size:16px;font-weight:600;flex:1}.drawer-ob5-ask-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);font-size:14px;font-weight:500;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background .15s,border-color .15s}.drawer-ob5-ask-button:hover{background:var(--accent-light, rgba(59, 130, 246, .08));border-color:var(--accent-blue, var(--color-accent))}.drawer-ob5-chat-close{padding:0 var(--space-1);font-size:20px;line-height:1;background:none;border:none;cursor:pointer;color:var(--text-secondary)}.drawer-ob5-chat-close:hover{color:var(--text-primary)}.drawer-ob5-chat-quick{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.drawer-ob5-quick-chip{padding:var(--space-1) var(--space-2);font-size:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.drawer-ob5-quick-chip:hover{background:var(--accent-light, rgba(59, 130, 246, .08));border-color:var(--accent-blue, var(--color-accent))}.drawer-ob5-chat-input-row{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.drawer-ob5-chat-input{flex:1;padding:var(--space-2) var(--space-3);font-size:13px;border:1px solid var(--border);border-radius:var(--radius-sm)}.drawer-ob5-chat-send{padding:var(--space-2) var(--space-3);font-size:13px;font-weight:500;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);cursor:pointer}.drawer-ob5-chat-send:hover{opacity:.9}.drawer-ob5-chat-reply{margin:0 0 var(--space-2);font-size:13px;color:var(--text-primary);white-space:pre-wrap}.drawer-ob5-suggests-loading,.drawer-ob5-suggests-error,.drawer-ob5-suggests-empty{margin:0 0 var(--space-2);font-size:13px}.drawer-ob5-suggests-error,.drawer-ob5-suggests-empty{color:var(--text-secondary, #64748b)}.drawer-ob5-suggests-row{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.drawer-ob5-suggestion-chip{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:13px;text-align:left;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.drawer-ob5-suggestion-chip:hover{background:var(--accent-light, rgba(59, 130, 246, .08));border-color:var(--accent-blue, var(--color-accent))}.drawer-ob5-past-orders{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.drawer-ob5-past-orders-title{margin:0 0 var(--space-2);font-size:12px;font-weight:600;color:var(--text-secondary)}.drawer-ob5-past-orders-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.drawer-ob5-past-order-chip{display:block;width:100%;padding:var(--space-1) var(--space-2);font-size:12px;text-align:left;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);transition:background .15s}.drawer-ob5-past-order-chip:hover{background:var(--content-bg)}@media(max-width:767px){.drawer-sizes-table-wrap{display:none!important}.drawer-sizes-mobile{display:block}}@media(min-width:768px){.drawer-sizes-mobile{display:none!important}}.drawer-sizes-mobile{display:none}.drawer-set-all-margins-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.drawer-set-all-margins-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.drawer-markup-input{width:80px;min-width:80px;height:40px;text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;padding:0 20px 0 8px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.drawer-markup-input::-webkit-outer-spin-button,.drawer-markup-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.drawer-markup-symbol{font-size:12px;color:var(--text-tertiary);margin-left:-14px}.btn-apply-margins-drawer{padding:8px 14px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer}.drawer-size-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.drawer-size-card{border-radius:14px;border:1px solid var(--border);padding:10px 8px;background:var(--card-bg);display:flex;flex-direction:column;align-items:center;gap:6px;transition:background .2s ease,border-color .2s ease}.drawer-size-card-active{background:var(--status-warning-bg);border-color:var(--warning)}.drawer-size-card-label{font-size:12px;font-weight:700;color:var(--text-primary)}.drawer-size-card-upcharge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:999px;background:var(--status-warning-bg);color:var(--warning)}.drawer-size-card-qty{width:100%;min-height:44px;text-align:center;font-size:18px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);padding:4px 8px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.drawer-size-card-qty::-webkit-outer-spin-button,.drawer-size-card-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.drawer-size-card-unit-price{font-size:11px;font-weight:600;color:var(--accent-green)}.drawer-size-card-margin-row{display:flex;align-items:center;justify-content:center;gap:2px}.drawer-size-card-markup{width:56px;min-width:56px;height:28px;text-align:center;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.drawer-size-card-markup::-webkit-outer-spin-button,.drawer-size-card-markup::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.drawer-size-card-markup-symbol{font-size:11px;color:var(--text-tertiary)}.drawer-addons-active-badge{font-size:11px;background:var(--accent-light);color:var(--accent);padding:2px 8px;border-radius:12px;font-weight:600;margin-right:8px}.drawer-addons-list{display:flex;flex-direction:column;gap:8px}.drawer-addon-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:background .2s,border-color .2s}.drawer-addon-row.enabled{background:var(--status-warning-bg);border-color:var(--warning)}.drawer-addon-row-main{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.drawer-addon-toggle-switch{flex-shrink:0;width:40px;height:22px;border-radius:11px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;position:relative;padding:0;transition:background .2s,border-color .2s}.drawer-addon-toggle-slider{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-tertiary);transition:transform .2s ease,background .2s}.drawer-addon-toggle-slider.on{transform:translate(18px);background:var(--accent)}.drawer-addon-label-block{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drawer-addon-type-badge{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;font-weight:600}.drawer-addon-type-badge.type-job{color:var(--color-accent);background:#6366f126}.drawer-addon-type-badge.type-item{color:#047857;background:#10b98126}.drawer-addon-price-summary{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.drawer-addon-unit-price{font-size:12px;color:var(--text-secondary)}.drawer-addon-total{font-size:13px;font-weight:600;color:var(--accent)}.drawer-addon-edit-section{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.drawer-addon-done-btn{display:none}@media(max-width:767px){.drawer-addon-row{flex-direction:column;align-items:stretch;cursor:pointer}.drawer-addon-row-main{flex:none}.drawer-addon-edit-section{display:none;padding-top:var(--space-2);border-top:1px solid var(--border);margin-top:4px}.drawer-addon-row.expanded .drawer-addon-edit-section{display:flex}.drawer-addon-done-btn{display:block;width:100%;margin-top:8px;padding:10px 16px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer}}.quote-summary-compact{max-width:700px;margin:0 auto}.quote-summary-ref .summary-card-ref{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--card-bg)!important;border:1.5px solid var(--border)!important;box-shadow:var(--shadow-sm)}.quote-summary-ref .qs-ref-section{padding:12px 18px;border-bottom:1.5px solid var(--border)}.quote-summary-ref .qs-ref-section:last-of-type,.quote-summary-ref .qs-ref-section--last{border-bottom:none}.quote-summary-ref .qs-ref-heading{margin:0;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--text-primary);text-transform:uppercase}.quote-summary-ref .qs-ref-eyebrow{margin:0 0 8px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-tertiary);text-transform:uppercase}.quote-summary-ref .qs-ref-stat{background:var(--bg-surface)!important;border:1.5px solid var(--border)!important;border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.quote-summary-ref .qs-ref-stat span:first-child{font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--text-tertiary)}.quote-summary-ref .qs-ref-stat span:last-child{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.quote-summary-ref .qs-tax-pill{display:inline-flex;align-items:center;background:var(--status-warning-bg);border:1px solid var(--warning);border-radius:20px;padding:2px 8px;width:-moz-fit-content;width:fit-content}.quote-summary-ref .qs-tax-pill span{font-size:10.5px;font-weight:600;color:var(--warning)}.quote-summary-ref .qs-ref-divider{width:1.5px;background:var(--border);align-self:stretch;flex-shrink:0}.quote-summary-ref .qs-ref-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:3.5px 0;border-bottom:1px solid var(--border)}.quote-summary-ref .qs-ref-breakdown-row:last-child{border-bottom:none}.quote-summary-ref .qs-ref-breakdown-label{font-size:11px;color:var(--text-tertiary);font-weight:500}.quote-summary-ref .qs-ref-breakdown-value{font-size:11.5px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.quote-summary-ref .qs-ref-breakdown-value.is-green{color:var(--accent-green)}.quote-summary-ref .qs-total-block{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:140px}.quote-summary-ref .qs-total-amount{display:flex;align-items:baseline;justify-content:center;gap:2px;line-height:1}.quote-summary-ref .qs-total-dollars{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.04em}.quote-summary-ref .qs-total-cents{font-size:16px;font-weight:700;color:var(--text-secondary);letter-spacing:-.02em}.quote-summary-ref .qs-total-label{font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:.01em}.quote-summary-ref .qs-ref-field{display:flex;flex-direction:column;gap:4px}.quote-summary-ref .qs-ref-field span{font-size:10px!important;font-weight:600!important;letter-spacing:.07em!important;color:var(--text-tertiary)!important;text-transform:uppercase}.quote-summary-ref .qs-ref-field input,.quote-summary-ref .qs-ref-field select{width:100%!important;padding:6px 10px!important;font-size:13px!important;font-weight:500!important;color:var(--text-primary)!important;background:var(--bg-surface)!important;border:1.5px solid var(--border)!important;border-radius:7px!important;outline:none!important;transition:all .15s ease;box-sizing:border-box}.quote-summary-ref .qs-ref-field input:focus,.quote-summary-ref .qs-ref-field select:focus{background:var(--card-bg)!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-light)!important}.quote-summary-ref .qs-ref-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5l4 4 4-4' stroke='%239ca3af' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 9px center!important}.quote-summary-ref .qs-ref-cost-btn{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 12px!important;background:var(--card-bg)!important;border:1.5px solid var(--border)!important;border-radius:7px!important;font-size:11.5px!important;font-weight:600!important;color:var(--text-secondary)!important;cursor:pointer!important;font-family:inherit!important;transition:all .15s ease!important}.quote-summary-ref .qs-ref-cost-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:var(--accent-light)!important}.quote-summary-ref .qs-ref-cost-btn svg{flex-shrink:0;color:inherit;stroke:currentColor}.summary-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden}.summary-header{padding:14px 18px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.summary-header h4{margin:0;font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em}.summary-adjustments{padding:14px 18px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.summary-adjustments-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);margin-bottom:8px}.summary-adjustments-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.summary-adjustments-field{display:flex;flex-direction:column;gap:4px}.summary-adjustments-field span{font-size:11px;font-weight:600;color:var(--text-secondary)}.summary-adjustments-field input,.summary-adjustments-field select{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px;color:var(--text-primary);background:var(--card-bg)}.summary-adjustments-field input:focus,.summary-adjustments-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.summary-financial-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.95fr);gap:18px;padding:18px;align-items:start}.summary-main-column{display:flex;flex-direction:column;gap:14px;min-width:0}.summary-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-stat-card{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--card-bg)}.summary-stat-label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.summary-stat-value{font-size:18px;font-weight:800;color:var(--text-primary);line-height:1.1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.summary-breakdown-card{border:1px solid var(--border);border-radius:12px;background:var(--card-bg);overflow:hidden}.summary-breakdown-header{padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.summary-breakdown-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.summary-breakdown-list{padding:8px 14px}.summary-breakdown-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.summary-breakdown-row:last-child{border-bottom:none}.summary-breakdown-row-discount .summary-label,.summary-breakdown-row-discount .summary-value{color:var(--accent-green)!important}.summary-label{color:var(--text-secondary);font-weight:600}.summary-value{font-weight:700;color:var(--text-primary);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.summary-total-panel{padding:18px;border-radius:14px;background:var(--accent-light);border:1px solid var(--accent);box-shadow:var(--shadow-sm)}.summary-total-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:8px}.summary-total-pretotal{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.summary-total-value-wrap{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--border)}.total-value{display:block;font-size:34px;font-weight:800;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1;letter-spacing:-.03em}.summary-total-meta{display:flex;flex-direction:column;gap:8px}.summary-total-meta-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.summary-total-meta-row span:last-child{font-weight:700;color:var(--text-primary);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.summary-margin-value.is-good{color:var(--accent-green)!important}.summary-margin-value.is-mid{color:var(--warning)!important}.summary-margin-value.is-low{color:var(--accent-red)!important}.summary-footer{padding:12px 18px 18px;background:transparent;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.cost-breakdown-toggle-compact{background:var(--surface, #fff);border:1px solid var(--border, var(--color-border-default));padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s,border-color .2s}.cost-breakdown-toggle-compact:hover{background:var(--surface-hover, var(--color-border-default));color:var(--text, var(--color-text-primary));border-color:var(--border-hover, var(--color-text-muted))}.cost-breakdown-panel{margin:0 18px 18px;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-surface)}.cost-breakdown-toggle{width:100%;background:var(--card-bg);border:1px solid var(--border);padding:6px;border-radius:4px;font-size:10px;font-weight:500;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s;margin-top:8px}.cost-breakdown-toggle:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.cost-breakdown-content{margin-top:6px;padding:10px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:10px}.cost-breakdown-row{display:flex;justify-content:space-between;padding:3px 0;color:var(--text-secondary)}.cost-breakdown-row span:last-child{font-weight:600;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.quote-action-buttons{margin-top:16px;display:flex;flex-direction:column;gap:10px}.quote-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s,box-shadow .2s}.quote-action-btn:active:not(:disabled){transform:scale(.98)}.quote-action-btn:disabled{cursor:not-allowed;opacity:.65}.quote-action-icon{flex-shrink:0}.quote-action-btn-primary{background:var(--primary, var(--color-accent));color:var(--primary-contrast, #fff);box-shadow:0 1px 3px #0000001a}.quote-action-btn-primary:hover:not(:disabled){background:var(--primary-hover, var(--color-accent));box-shadow:0 2px 6px #00000026}.quote-action-btn-secondary{background:var(--surface, var(--color-bg-surface));color:var(--text, var(--color-text-primary));border:1.5px solid var(--border, var(--color-border-default))}.quote-action-btn-secondary:hover:not(:disabled){background:var(--surface-hover, var(--color-border-default));border-color:var(--accent, var(--color-accent));color:var(--accent, var(--color-accent))}.quote-action-btn-success{background:var(--success, #10b981);color:var(--color-accent-text);box-shadow:0 1px 3px #0000001a}.quote-action-btn-success:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 2px 6px #00000026}.spin-subtle{animation:quote-summary-spin .8s linear infinite}@keyframes quote-summary-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-generate-quote{width:100%;padding:12px;background:var(--primary, var(--color-accent));color:var(--primary-contrast, #fff);border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background .2s}.btn-generate-quote:hover{background:var(--primary-hover, #1d4ed8)}.btn-generate-quote:disabled{opacity:.65;cursor:not-allowed}@media(max-width:900px){.summary-adjustments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-financial-layout{grid-template-columns:1fr}}@media(max-width:640px){.quote-summary-compact{max-width:100%}.summary-header,.summary-adjustments,.summary-financial-layout,.summary-footer,.cost-breakdown-panel{padding-left:14px;padding-right:14px}.summary-overview-grid,.summary-adjustments-grid{grid-template-columns:1fr}.total-value{font-size:28px}}.artwork-approval-section{background:var(--card-bg);border-radius:.5rem;padding:1rem;border:1px solid var(--border, var(--color-border-default))}.artwork-approval-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.artwork-approval-section-header h3{margin:0;font-size:1rem;font-weight:600}.artwork-approval-section-error{padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:.25rem;font-size:.875rem;margin-bottom:.75rem}.artwork-approval-section-loading,.artwork-approval-section-empty{font-size:.875rem;color:var(--text-secondary, #64748b);margin:0}.artwork-approval-section-loading{display:flex;align-items:center;gap:.5rem}.artwork-approval-thread-list{list-style:none;margin:0;padding:0}.artwork-approval-thread-item{padding:.75rem 0;border-bottom:1px solid var(--border, var(--color-border-default))}.artwork-approval-thread-item:last-child{border-bottom:none}.artwork-approval-thread-main{display:flex;flex-direction:column;gap:.25rem}.artwork-approval-thread-title{font-weight:500;font-size:.9375rem}.artwork-approval-thread-meta{font-size:.8125rem;color:var(--text-secondary, #64748b)}.artwork-approval-thread-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.artwork-approval-send-result{margin-top:.75rem;padding:.75rem;background:var(--color-bg-page);border-radius:.25rem;font-size:.8125rem}.artwork-approval-send-result p{margin:0 0 .5rem;color:var(--text-secondary, #64748b)}.artwork-approval-send-url{display:flex;align-items:center;gap:.5rem}.artwork-approval-send-url code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.artwork-approval-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.artwork-approval-modal{background:var(--card-bg);border-radius:.5rem;padding:1.25rem;min-width:20rem;max-width:90vw}.artwork-approval-modal h4{margin:0 0 1rem;font-size:1rem}.artwork-approval-modal .form-group{margin-bottom:.75rem}.artwork-approval-modal .form-group label{display:block;font-size:.8125rem;margin-bottom:.25rem;color:var(--text-secondary, #64748b)}.artwork-approval-modal .form-group input,.artwork-approval-modal .form-group select{width:100%;padding:.5rem .75rem;font-size:.9375rem;border:1px solid var(--border, var(--color-border-default));border-radius:.25rem}.artwork-approval-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.create-proof-modal{max-width:520px;max-height:90vh;overflow-y:auto}.create-proof-steps{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;font-size:.8125rem;color:var(--text-secondary, #64748b)}.create-proof-step{display:inline-flex;align-items:center;gap:.25rem}.create-proof-step.active{color:var(--text-primary, var(--color-text-primary));font-weight:500}.create-proof-step.done{color:var(--accent, var(--color-accent))}.step-chevron{margin-left:.25rem;opacity:.6}.create-proof-hint{font-size:.8125rem;color:var(--text-secondary, #64748b);margin:0 0 .75rem}.create-proof-empty{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem}.create-proof-line-list{list-style:none;margin:0 0 1rem;padding:0;max-height:280px;overflow-y:auto}.create-proof-line-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;margin-bottom:.5rem;text-align:left;border:1px solid var(--border, var(--color-border-default));border-radius:.375rem;background:var(--card-bg);cursor:pointer;font-size:.9375rem}.create-proof-line-item:hover:not(:disabled){background:var(--color-bg-page);border-color:var(--accent, var(--color-accent))}.create-proof-line-item.selected{border-color:var(--accent, var(--color-accent));background:#3b82f614}.create-proof-line-item:disabled{opacity:.7;cursor:not-allowed}.create-proof-line-thumb{flex-shrink:0;width:48px;height:48px;border-radius:.25rem;overflow:hidden;background:var(--content-bg, var(--color-bg-surface))}.create-proof-line-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.create-proof-line-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-proof-line-badge{flex-shrink:0;font-size:.75rem;color:var(--text-secondary)}.create-proof-line-badge.count{color:var(--accent, var(--color-accent))}.create-proof-selected-product{font-size:.875rem;font-weight:500;margin-bottom:.75rem;padding:.5rem .75rem;background:var(--color-bg-page);border-radius:.375rem}.create-proof-mockup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-bottom:1rem;max-height:220px;overflow-y:auto}.create-proof-mockup-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:.5rem;border:2px solid var(--border, var(--color-border-default));border-radius:.375rem;background:var(--card-bg);cursor:pointer;text-align:center}.create-proof-mockup-card:hover{border-color:var(--accent, var(--color-accent))}.create-proof-mockup-card.selected{border-color:var(--accent, var(--color-accent));background:#3b82f614}.create-proof-mockup-thumb{width:100%;aspect-ratio:1;border-radius:.25rem;overflow:hidden;background:var(--content-bg, var(--color-bg-surface))}.create-proof-mockup-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.create-proof-mockup-label{font-size:.75rem;margin-top:.25rem;color:var(--text-secondary)}.create-proof-mockup-check{position:absolute;top:.25rem;right:.25rem;color:var(--accent, var(--color-accent))}.create-proof-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;max-height:200px;overflow-y:auto}.create-proof-preview-img{flex:0 0 auto;text-align:center}.create-proof-preview-img img{max-width:120px;max-height:120px;-o-object-fit:contain;object-fit:contain;border:1px solid var(--border);border-radius:.25rem}.create-proof-preview-img span{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.create-proof-message-input{width:100%;padding:.5rem .75rem;font-size:.9375rem;border:1px solid var(--border, var(--color-border-default));border-radius:.25rem;resize:vertical}.product-type-chooser-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#0006!important;background-color:#0006!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:20px!important;margin:0!important;box-sizing:border-box!important;overflow-y:auto!important}@supports not (backdrop-filter: blur(12px)){.product-type-chooser-overlay{background:#00000080!important;background-color:#00000080!important}}.product-type-chooser-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:600px;max-height:90vh;overflow:auto;animation:slideUp .3s ease-out}.product-type-chooser-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border, var(--color-border-default))}.product-type-chooser-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.btn-icon{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, var(--color-text-muted));border-radius:6px;transition:all .2s ease}.btn-icon:hover{background:var(--bg-secondary, var(--color-bg-surface));color:var(--text-primary, var(--color-text-primary))}.product-type-chooser-content{padding:24px}.product-type-chooser-description{margin:0 0 24px;color:var(--text-secondary, var(--color-text-muted));font-size:.95rem}.product-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.product-type-option{background:var(--card-bg);border:2px solid var(--border, var(--color-border-default));border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 1px 3px #0000001a}.product-type-option:hover:not(.disabled){border-color:var(--accent, var(--color-accent));background:var(--card-bg);transform:translateY(-2px);box-shadow:0 4px 12px -2px #3b82f626,0 2px 4px -1px #0000001a}.product-type-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.product-type-icon{display:flex;align-items:center;justify-content:center;color:var(--product-type-chooser-icon);margin-bottom:4px}.product-type-icon svg{color:inherit;stroke:currentColor;fill:currentColor}.product-type-icon-svg .tinting-icon{width:32px;height:32px;color:var(--product-type-chooser-icon);transition:all .2s ease}.product-type-option:hover:not(.disabled) .product-type-icon{color:var(--product-type-chooser-icon);transform:scale(1.1);transition:all .2s ease;opacity:.9}.product-type-option:hover:not(.disabled) .product-type-icon-svg .tinting-icon{color:var(--product-type-chooser-icon);transform:scale(1.1)}.product-type-label{font-size:1.1rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.product-type-description{font-size:.85rem;color:var(--text-secondary, var(--color-text-muted));margin-top:4px}.order-parser-overlay{position:fixed;inset:0;background:#0006;z-index:10000}.order-parser-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:520px;background:var(--card-bg, #fff);box-shadow:-4px 0 24px #0000001f;z-index:10001;display:flex;flex-direction:column;overflow:hidden}.order-parser-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, var(--color-border-default));flex-shrink:0}.order-parser-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.order-parser-close{background:none;border:none;padding:6px;cursor:pointer;color:var(--text-secondary, var(--color-text-muted));border-radius:6px;display:flex;align-items:center;justify-content:center}.order-parser-close:hover{background:var(--bg-secondary, var(--color-bg-surface));color:var(--text-primary, var(--color-text-primary))}.order-parser-step{flex:1;overflow-y:auto;padding:20px}.order-parser-intro{margin:0 0 16px;font-size:.9rem;color:var(--text-secondary, var(--color-text-muted));line-height:1.45}.order-parser-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.order-parser-card{padding:14px 16px;border:1px solid var(--border, var(--color-border-default));border-radius:10px;background:var(--card-bg, #fff);transition:opacity .2s,border-color .2s}.order-parser-card.dimmed{opacity:.65}.order-parser-card.configured{border-color:var(--color-border-default, var(--color-border-default))}.order-parser-card-title{font-weight:600;font-size:.95rem;margin-bottom:10px;color:var(--text-primary, var(--color-text-primary))}.order-parser-card-fields{display:flex;flex-direction:column;gap:10px}.order-parser-field{display:flex;flex-direction:column;gap:4px}.order-parser-field label{font-size:.8rem;font-weight:500;color:var(--text-secondary, var(--color-text-muted))}.order-parser-field input,.order-parser-field select{padding:8px 10px;border:1px solid var(--border, var(--color-border-default));border-radius:6px;font-size:.9rem;font-family:inherit;background:var(--card-bg, #fff);color:var(--text-primary, var(--color-text-primary))}.order-parser-size-hint{font-size:.75rem;color:var(--text-secondary, var(--color-text-muted));margin-top:2px}.order-parser-actions{margin-top:8px}.order-parser-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;border-radius:8px;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s}.order-parser-btn:disabled{opacity:.6;cursor:not-allowed}.order-parser-btn-primary{background:var(--primary, var(--color-accent));color:#fff;border-color:var(--primary, var(--color-accent))}.order-parser-btn-primary:hover:not(:disabled){background:var(--primary-hover, #1d4ed8);border-color:var(--primary-hover, #1d4ed8)}.order-parser-btn .spin{animation:order-parser-spin .8s linear infinite}@keyframes order-parser-spin{to{transform:rotate(360deg)}}.order-parser-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;padding:6px 0;background:none;border:none;font-size:.875rem;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;font-family:inherit}.order-parser-back:hover{color:var(--text-primary, var(--color-text-primary))}.order-parser-paste-section label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px;color:var(--text-primary, var(--color-text-primary))}.order-parser-textarea{width:100%;padding:12px;border:1px solid var(--border, var(--color-border-default));border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:100px;margin-bottom:10px;background:var(--card-bg, #fff);color:var(--text-primary, var(--color-text-primary));box-sizing:border-box}.order-parser-textarea:focus{outline:none;border-color:var(--primary, var(--color-accent));box-shadow:0 0 0 2px #2563eb33}.order-parser-error{margin-top:12px;padding:10px 12px;background:#fef2f2;color:#b91c1c;border-radius:8px;font-size:.875rem}.order-parser-warning{margin-top:10px;padding:10px 12px;background:#fffbeb;color:#b45309;border-radius:8px;font-size:.875rem;display:flex;align-items:center;gap:8px}.order-parser-dialog-overlay{position:fixed;inset:0;background:#0006;z-index:10002;display:flex;align-items:center;justify-content:center;padding:20px}.order-parser-dialog{background:var(--card-bg, #fff);border-radius:12px;padding:20px;max-width:360px;box-shadow:0 20px 25px -5px #0000001a}.order-parser-dialog p{margin:0 0 16px;font-size:.95rem;color:var(--text-primary, var(--color-text-primary))}.order-parser-dialog-buttons{display:flex;flex-wrap:wrap;gap:8px}.order-parser-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;margin-bottom:12px}.order-parser-tab{padding:8px 14px;font-size:.85rem;font-weight:500;border:1px solid var(--border, var(--color-border-default));border-radius:8px;background:var(--bg-secondary, var(--color-bg-surface));color:var(--text-primary, var(--color-text-primary));cursor:pointer;font-family:inherit}.order-parser-tab:hover{background:var(--bg-hover, var(--color-bg-surface))}.order-parser-tab.active{background:var(--primary, var(--color-accent));color:#fff;border-color:var(--primary, var(--color-accent))}.order-parser-results{margin-bottom:16px;padding:14px;border:1px solid var(--border, var(--color-border-default));border-radius:10px;background:var(--bg-secondary, var(--color-bg-surface))}.order-parser-results .order-parser-group-label{font-size:.85rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));margin-bottom:8px;margin-top:12px}.order-parser-results .order-parser-group-label:first-child{margin-top:0}.order-parser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.order-parser-cell{padding:8px 10px;border-radius:6px;border:1px solid var(--border, var(--color-border-default));background:var(--card-bg, #fff);text-align:center}.order-parser-cell.filled{background:#dcfce7;border-color:#86efac}.order-parser-cell-size{display:block;font-size:.75rem;color:var(--text-secondary, var(--color-text-muted));margin-bottom:4px}.order-parser-cell-qty{font-weight:600;font-size:1rem;color:var(--text-primary, var(--color-text-primary))}.order-parser-subtotal{margin-top:10px;font-size:.875rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.order-parser-grand-total{padding:12px 0;font-size:1rem;font-weight:700;color:var(--text-primary, var(--color-text-primary))}.order-parser-footer{padding:12px 20px;border-top:1px solid var(--border, var(--color-border-default));font-size:.8rem;color:var(--text-secondary, var(--color-text-muted));display:flex;flex-wrap:wrap;gap:12px;align-items:center}.order-parser-link{background:none;border:none;padding:0;font-size:inherit;color:var(--primary, var(--color-accent));cursor:pointer;text-decoration:underline}.order-parser-link:hover{color:var(--primary-hover, #1d4ed8)}.order-parser-templates{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.order-parser-templates .order-parser-link{margin:0}.vehicle-selector{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;position:relative;margin:0}.vehicle-selector-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.vehicle-selector-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.vehicle-selector-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .15s ease}.vehicle-selector-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.vehicle-selector-error{margin:16px 24px;padding:12px;background:var(--status-error-bg);border:1px solid var(--accent-red);border-radius:var(--radius-md);color:var(--accent-red);font-size:14px}.vehicle-selector-content{padding:24px;overflow-y:auto;flex:1}.vehicle-selector-step{margin-bottom:24px}.vehicle-selector-step:last-child{margin-bottom:0}.vehicle-selector-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.vehicle-selector-label-logo{height:20px;width:auto;-o-object-fit:contain;object-fit:contain}.vehicle-selector-select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.vehicle-selector-select:hover{border-color:var(--border-strong)}.vehicle-selector-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.vehicle-selector .vehicle-selector-search-wrapper{display:flex;align-items:center;margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);min-height:44px;transition:border-color .15s ease,box-shadow .15s ease}.vehicle-selector .vehicle-selector-search-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.vehicle-selector .vehicle-selector-search-icon{flex-shrink:0;width:20px;height:20px;margin:0 12px 0 14px;color:var(--text-tertiary);pointer-events:none}.vehicle-selector .vehicle-selector-search{flex:1;min-width:0;width:100%;height:42px;margin:0!important;padding:0 14px 0 8px!important;border:none!important;border-radius:0!important;font-size:14px;font-family:inherit;background:transparent!important;color:var(--text-primary)!important;box-shadow:none!important;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vehicle-selector .vehicle-selector-search::-moz-placeholder{color:var(--text-tertiary)!important}.vehicle-selector .vehicle-selector-search::placeholder{color:var(--text-tertiary)!important}.vehicle-selector .vehicle-selector-search:focus{outline:none!important;box-shadow:none!important}.vehicle-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:300px;overflow-y:auto}.vehicle-selector-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:center}.vehicle-selector-item:hover{border-color:var(--accent);background:var(--bg-elevated)}.vehicle-selector-item.selected{border-color:var(--accent);background:var(--accent-light)}.vehicle-selector-logo{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.vehicle-selector-logo-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-tertiary)}.vehicle-selector-item-name{font-size:12px;font-weight:500;color:var(--text-primary);line-height:1.2;word-break:break-word}.vehicle-selector-list{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg)}.vehicle-selector-list-item{width:100%;padding:12px 16px;text-align:left;background:var(--card-bg);border:none;border-bottom:1px solid var(--border);cursor:pointer;font-size:14px;color:var(--text-primary);transition:all .15s ease}.vehicle-selector-list-item:last-child{border-bottom:none}.vehicle-selector-list-item:hover{background:var(--bg-elevated)}.vehicle-selector-list-item.selected{background:var(--accent-light);color:var(--accent);font-weight:600}.vehicle-selector-loading,.vehicle-selector-empty{padding:24px;text-align:center;color:var(--text-tertiary);font-size:14px}.vehicle-selector-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border);background:var(--bg-surface)}.vehicle-selector-btn{flex:1;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.vehicle-selector-btn-primary{background:var(--accent);color:var(--text-on-accent)}.vehicle-selector-btn-primary:hover:not(:disabled){background:var(--accent-hover, var(--color-accent));box-shadow:0 2px 8px #3b82f64d}.vehicle-selector-btn-primary:disabled{opacity:.5;cursor:not-allowed}.vehicle-selector-btn-secondary{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border)}.vehicle-selector-btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.vehicle-measurements{margin-bottom:16px}.vehicle-measurements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.vehicle-measurements-header label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary)}.vehicle-measurements-total{font-size:14px;color:var(--text-tertiary)}.vehicle-measurements-total strong{color:var(--text-primary);font-weight:600}.vehicle-measurements-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.vehicle-measurement-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .15s ease}.vehicle-measurement-item:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.vehicle-measurement-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-sm);font-size:12px;font-weight:600;flex-shrink:0}.vehicle-measurement-inputs{display:flex;align-items:flex-end;gap:12px;flex:1}.vehicle-measurement-dimension{display:flex;flex-direction:column;gap:4px}.vehicle-measurement-dimension label{font-size:12px;color:var(--text-tertiary);font-weight:500}.input-with-unit{display:flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);overflow:hidden;transition:all .15s ease}.input-with-unit:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input-with-unit input{flex:1;border:none;padding:8px 12px;font-size:14px;min-width:80px;outline:none;background:transparent;color:var(--text-primary)}.input-with-unit select{border:none;border-left:1px solid var(--border);padding:8px 10px;font-size:14px;background:var(--bg-surface);color:var(--text-primary);cursor:pointer;outline:none}.vehicle-measurement-x{font-size:18px;color:var(--text-tertiary);font-weight:500;margin-bottom:4px}.vehicle-measurement-result{display:flex;align-items:center;padding:8px 12px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--accent);min-width:100px;justify-content:center}.vehicle-measurement-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--status-error-bg);color:var(--accent-red);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;flex-shrink:0}.vehicle-measurement-remove:hover{background:var(--accent-red);color:var(--text-on-accent)}.vehicle-measurement-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-tertiary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.vehicle-measurement-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}@media(max-width:768px){.vehicle-measurement-inputs{flex-wrap:wrap}.vehicle-measurement-x{display:none}.vehicle-measurement-result{width:100%;margin-top:8px}}.btn-link{background:none;border:none;color:var(--accent, var(--color-accent));cursor:pointer;text-decoration:underline;font-size:inherit;padding:0;margin:0;transition:color .15s ease}.btn-link:hover{color:var(--accent-hover, var(--color-accent))}.inline-wraps-builder{background:var(--card-bg);border:2px solid var(--primary, var(--color-accent));border-radius:var(--radius-md, 8px);padding:var(--space-4, 16px);margin-bottom:var(--space-3, 12px)}.form-row-inline{display:flex;gap:var(--space-3, 12px);align-items:flex-end;flex-wrap:wrap}.form-section{margin-bottom:var(--space-4, 16px);padding-bottom:var(--space-4, 16px);border-bottom:1px solid var(--border, var(--color-border-default))}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{margin:0 0 var(--space-3, 12px) 0;font-size:.875rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));text-transform:uppercase;letter-spacing:.05em}.form-group-inline input,.form-group-inline select{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 4px);font-size:.875rem;background:var(--bg-base);color:var(--text-primary, var(--color-text-primary))}.inline-builder-summary{display:flex;gap:var(--space-4, 16px);padding:var(--space-3, 12px);background:var(--bg-secondary, var(--color-bg-surface));border-radius:var(--radius-sm, 4px);margin-top:var(--space-2, 8px)}.summary-item{display:flex;gap:var(--space-2, 8px);font-size:.875rem}.summary-item strong{font-size:1.1rem;color:var(--primary, var(--color-accent))}.vehicle-selector-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-card);border:2px dashed var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease;font-size:14px;color:var(--text-primary, var(--color-bg-dark-hover))}.vehicle-selector-trigger:hover{border-color:var(--accent, var(--color-accent));background:var(--accent-light, rgba(59, 130, 246, .05))}.vehicle-selector-trigger-logo{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.vehicle-selector-trigger-text{flex:1;text-align:left;font-weight:500}.vehicle-selector-trigger-arrow{color:var(--color-text-muted);flex-shrink:0}.vehicle-picker-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#0006!important;background-color:#0006!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;overflow-y:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:20px!important;margin:0!important;box-sizing:border-box!important}@supports not (backdrop-filter: blur(12px)){.vehicle-picker-overlay{background:#00000080!important;background-color:#00000080!important}}.vehicle-picker-modal{position:relative!important;z-index:10001!important;width:100%!important;max-width:600px!important;margin:0 auto!important;max-height:90vh!important;overflow-y:auto!important;flex-shrink:0!important}@media(max-width:768px){.form-row-inline{grid-template-columns:1fr}.inline-builder-summary{flex-direction:column;gap:var(--space-2, 8px)}.vehicle-selector-modal{max-width:100%}}.inline-signs-builder{background:var(--card-bg);border:2px solid var(--primary, var(--color-accent));border-radius:var(--radius-md, 8px);padding:var(--space-4, 16px);margin-bottom:var(--space-3, 12px)}.inline-builder-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.btn-icon{background:transparent;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 4px);padding:var(--space-2, 8px) var(--space-3, 12px);cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.btn-icon.btn-save{background:var(--success, #10b981);color:#fff;border-color:var(--success, #10b981)}.btn-icon.btn-save:hover:not(:disabled){background:var(--success-dark, #059669);transform:scale(1.05)}.btn-icon.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-icon.btn-cancel{background:var(--danger, #ef4444);color:#fff;border-color:var(--danger, #ef4444)}.btn-icon.btn-cancel:hover{background:var(--danger-dark, var(--danger));transform:scale(1.05)}.inline-builder-content{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.inline-builder-form{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.form-row-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3, 12px);align-items:end}.inline-signs-size-row,.inline-signs-metrics-row{grid-template-columns:repeat(2,minmax(180px,1fr))}.form-group-inline{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.form-group-inline input,.form-group-inline select{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 4px);font-size:.875rem;background:var(--bg, #fff);color:var(--text-primary, var(--color-text-primary))}.form-group-inline input[type=range]{padding:0}.input-with-unit-inline{display:flex;gap:var(--space-2, 8px);align-items:stretch}.input-with-unit-inline input{flex:1;min-width:0}.input-with-unit-inline select{width:90px;min-width:90px;flex-shrink:0;cursor:pointer}.inline-signs-ob5-helper{padding:14px 16px;border:1px solid rgba(59,130,246,.22);border-radius:12px;background:linear-gradient(135deg,#eff6ffe6,#f8fafcfa)}.inline-signs-ob5-helper-header{display:flex;align-items:center;gap:12px}.inline-signs-ob5-helper-image{width:48px;height:48px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;display:block}.inline-signs-ob5-helper-copy{min-width:0}.inline-signs-ob5-helper-title{font-size:.95rem;font-weight:700;color:var(--primary, var(--color-accent))}.inline-signs-ob5-helper-message{margin:4px 0 0;font-size:.875rem;line-height:1.45;color:var(--text-primary, var(--color-text-primary))}.inline-signs-ob5-size-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.inline-signs-ob5-size-chip{display:inline-flex!important;align-items:center;gap:6px;padding:8px 10px!important;border:1px solid rgba(59,130,246,.22)!important;border-radius:999px;background:var(--color-bg-card)!important;background-color:var(--color-bg-card)!important;color:var(--text-primary, var(--color-text-primary))!important;font-size:.85rem;font-weight:600;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.inline-signs-ob5-size-chip small,.inline-signs-ob5-size-chip span{background:transparent!important;color:inherit!important}.inline-signs-ob5-size-chip small{font-size:.72rem;font-weight:700;color:var(--primary, var(--color-accent))!important;text-transform:uppercase}.inline-signs-ob5-size-chip:hover{transform:translateY(-1px);border-color:#2563eb73!important;box-shadow:0 4px 12px #2563eb1f;background:var(--color-bg-surface)!important;background-color:#eff6ff!important}.inline-signs-ob5-tier-upsell{padding:8px 10px;border:1px solid rgba(59,130,246,.22);border-radius:8px;background:linear-gradient(135deg,#eff6ffe6,#f8fafcfa)}.inline-signs-ob5-tier-upsell-header{display:flex;align-items:center;gap:8px}.inline-signs-ob5-tier-upsell-header>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;min-width:0}.inline-signs-ob5-tier-upsell-icon{width:24px;height:24px;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.inline-signs-ob5-tier-upsell-title{font-size:.8rem;font-weight:700;color:var(--primary, var(--color-accent))}.inline-signs-ob5-tier-upsell-message{margin:0;font-size:.75rem;line-height:1.3;color:var(--text-secondary, var(--color-text-muted))}.inline-signs-ob5-tier-upsell-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.inline-signs-ob5-tier-chip{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:5px 9px;border:1px solid rgba(59,130,246,.22);border-radius:6px;background:#fff9;color:var(--text-primary, var(--color-text-primary));font-size:.75rem;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.inline-signs-ob5-tier-chip:hover{transform:translateY(-1px);border-color:#2563eb73;box-shadow:0 2px 8px #2563eb1f;background:#eff6fff2}.inline-signs-ob5-tier-chip.is-current{border-color:var(--primary, var(--color-accent));background:#2563eb14;font-weight:600}.inline-signs-ob5-tier-chip-qty{font-weight:700;font-size:.8rem}.inline-signs-ob5-tier-chip-price{display:inline-block;padding:2px 8px;border-radius:999px;background:#ffffffd9;color:var(--text-primary, var(--color-text-primary))}.inline-signs-ob5-tier-chip-discount{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.7rem;color:var(--success, #059669);font-weight:600;background:#ffffffd9}.inline-signs-ob5-tier-chip-save{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.7rem;color:var(--primary, var(--color-accent));background:#ffffffd9}.checkbox-label{display:flex;align-items:center;gap:var(--space-2, 8px);font-size:.875rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.inline-signs-addons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3, 12px);align-items:start}.inline-signs-addon-card{border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);background:var(--bg, #fff);overflow:hidden;transition:border-color .2s,box-shadow .2s}.inline-signs-addon-card.is-on{border-color:var(--primary, var(--color-accent));box-shadow:0 0 0 1px var(--primary, var(--color-accent))}.inline-signs-addon-card.is-open .inline-signs-addon-body{display:block}.inline-signs-addon-header{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;padding:var(--space-2, 8px) var(--space-3, 12px);border:none;background:transparent;font-size:.875rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));cursor:pointer;text-align:left;transition:background .15s}.inline-signs-addon-header:hover{background:var(--bg-secondary, var(--color-border-default))}.inline-signs-addon-header .inline-signs-addon-icon{flex-shrink:0;color:var(--text-secondary, var(--color-text-muted))}.inline-signs-addon-card.is-on .inline-signs-addon-header .inline-signs-addon-icon{color:var(--primary, var(--color-accent))}.inline-signs-addon-header span:first-of-type{flex:1;min-width:0}.inline-signs-addon-badge{font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--bg-secondary, var(--color-border-default));color:var(--text-secondary, var(--color-text-muted))}.inline-signs-addon-card.is-on .inline-signs-addon-badge{background:var(--primary, var(--color-accent));color:var(--color-accent-text)}.inline-signs-addon-body{display:none;padding:0 var(--space-3, 12px) var(--space-3, 12px);padding-top:0}.inline-signs-addon-body .form-group-inline{margin-top:var(--space-2, 8px)}.inline-signs-addon-toggle{display:flex;align-items:center;gap:var(--space-2, 8px);font-size:.8125rem;font-weight:500;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;margin-top:var(--space-2, 8px)}.inline-signs-addon-toggle input[type=checkbox]{width:auto;margin:0;cursor:pointer}.inline-signs-addon-notes{width:100%;min-height:56px;resize:vertical;padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 4px);font-size:.875rem;font-family:inherit}.inline-signs-addon-toggle-only .inline-signs-addon-header{padding:var(--space-2, 8px) var(--space-3, 12px)}.inline-builder-summary{margin-top:var(--space-4, 16px);padding:12px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(145deg,var(--bg-elevated) 0%,var(--card-bg) 100%);border:1px solid var(--border, var(--color-border-default));border-radius:12px;box-shadow:0 4px 12px #0f172a0d}.inline-builder-summary-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px;align-items:stretch}.inline-builder-summary-total{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:12px;background:linear-gradient(135deg,#2563eb1a,#3b82f605);border:1px solid rgba(37,99,235,.16);border-radius:10px}.inline-builder-summary-total-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, #64748b)}.inline-builder-summary-total-value{font-size:1.45rem;font-weight:800;line-height:1;color:#1e3a8a;letter-spacing:-.02em}.inline-builder-summary-override-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;width:-moz-fit-content;width:fit-content;padding:3px 8px;border-radius:999px;background:#f59e0b;color:var(--color-accent-text)}.inline-builder-summary-highlights{display:grid;grid-template-columns:1fr;gap:10px}.inline-builder-summary-highlight{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:10px 12px;background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:10px}.inline-builder-summary-highlight-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #64748b)}.inline-builder-summary-highlight-value{font-size:.95rem;font-weight:700;color:var(--text-primary, var(--color-text-primary))}.inline-builder-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inline-builder-summary-cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;background:var(--card-bg);border-radius:10px;border:1px solid var(--border, var(--color-border-default))}.inline-builder-summary-cell-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #64748b)}.inline-builder-summary-cell-value{font-size:.92rem;font-weight:700;color:var(--text-primary, var(--color-text-primary))}.inline-builder-summary-cell-value.summary-value-profit{color:var(--success, #059669)}.inline-builder-summary-cell-value.summary-value-negative{color:var(--danger, var(--danger))}.inline-builder-summary-override{padding-top:12px;border-top:1px solid var(--border, var(--color-border-default))}.inline-builder-summary-override-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary, #64748b);margin-bottom:var(--space-1, 4px)}.inline-builder-summary-override-row{display:flex;gap:var(--space-2, 8px);align-items:center;margin-bottom:var(--space-1, 4px)}.inline-builder-summary-override-input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 6px);font-size:.875rem;font-weight:500;background:var(--card-bg);color:var(--text-primary, var(--color-text-primary))}.inline-builder-summary-override-input:focus{outline:none;border-color:var(--primary, var(--color-accent));box-shadow:0 0 0 2px #2563eb26}.inline-builder-summary-override-input::-moz-placeholder{color:var(--text-secondary, #94a3b8)}.inline-builder-summary-override-input::placeholder{color:var(--text-secondary, #94a3b8)}.inline-builder-summary-override-revert{flex-shrink:0;padding:8px 10px;font-size:.75rem;font-weight:600;color:var(--text-secondary, #64748b);background:var(--bg-secondary, var(--color-bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 6px);cursor:pointer;transition:background .15s,color .15s}.inline-builder-summary-override-revert:hover{background:var(--border, var(--color-border-default));color:var(--text-primary, var(--color-text-primary))}.inline-builder-summary-override-hint{font-size:.6875rem;color:var(--text-secondary, #94a3b8)}.inline-builder-loading{padding:var(--space-4, 16px);text-align:center;color:var(--text-secondary, var(--color-text-muted))}@media(max-width:768px){.form-row-inline,.inline-signs-addons,.inline-signs-size-row,.inline-signs-metrics-row{grid-template-columns:1fr}.inline-signs-ob5-helper-header{align-items:flex-start}.inline-builder-summary-hero,.inline-builder-summary-grid{grid-template-columns:1fr}.inline-builder-summary-total-value{font-size:1.25rem}.inline-builder-summary-override-row{flex-direction:column;align-items:stretch}}.inline-window-film-builder{background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);padding:var(--space-4, 16px);margin-bottom:var(--space-4, 16px)}.inline-builder-loading{padding:var(--space-8, 32px);text-align:center;color:var(--text-secondary, var(--color-text-muted))}.inline-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4, 16px);padding-bottom:var(--space-3, 12px);border-bottom:1px solid var(--border, var(--color-border-default))}.inline-builder-header h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.inline-builder-actions{display:flex;gap:var(--space-2, 8px)}.inline-builder-content{display:flex;gap:var(--space-6, 24px)}.inline-builder-form{flex:1}.form-section{margin-bottom:var(--space-6, 24px)}.form-section:last-child{margin-bottom:0}.form-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));margin:0 0 var(--space-3, 12px) 0;text-transform:uppercase;letter-spacing:.05em}.form-section-help,.field-help-text{display:block;margin:6px 0 0;font-size:.8rem;color:var(--text-secondary, var(--color-text-muted))}.form-row-inline{display:flex;gap:var(--space-3, 12px);margin-bottom:var(--space-3, 12px)}.form-group-inline{flex:1;display:flex;flex-direction:column;gap:var(--space-1, 4px)}.form-group-inline label{font-size:.875rem;font-weight:500;color:var(--text-secondary, var(--color-text-muted))}.form-group-inline input,.form-group-inline select,.form-group-inline textarea{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 4px);font-size:.875rem;color:var(--text-primary, var(--color-text-primary));background:var(--color-bg-input);transition:border-color .15s ease}.form-group-inline input:focus,.form-group-inline select:focus,.form-group-inline textarea:focus{outline:none;border-color:var(--primary, var(--color-accent))}.vehicle-selector-trigger{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-secondary, var(--color-bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.vehicle-selector-trigger:hover{border-color:var(--primary, var(--color-accent));background:var(--bg, #fff)}.vehicle-selector-trigger-logo{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.vehicle-selector-trigger-text{flex:1;font-size:.875rem;color:var(--text-primary, var(--color-text-primary))}.vehicle-selector-trigger-arrow{color:var(--text-secondary, var(--color-text-muted))}div.vehicle-picker-overlay,.vehicle-picker-overlay,body div.vehicle-picker-overlay,body .vehicle-picker-overlay,#root div.vehicle-picker-overlay,#root .vehicle-picker-overlay,html body div.vehicle-picker-overlay,html body .vehicle-picker-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#0006!important;background-color:#0006!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;overflow-y:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:20px!important;margin:0!important;box-sizing:border-box!important;background-image:none!important}@supports not (backdrop-filter: blur(12px)){div.vehicle-picker-overlay,.vehicle-picker-overlay,body div.vehicle-picker-overlay,body .vehicle-picker-overlay,#root div.vehicle-picker-overlay,#root .vehicle-picker-overlay{background:#000000b3!important;background-color:#000000b3!important;background-image:none!important}}.vehicle-picker-modal{background:var(--card-bg);border-radius:var(--radius-lg, 12px);max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a}.window-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2, 8px)}.window-option-checkbox{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--bg-secondary, var(--color-bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 4px);cursor:pointer;transition:all .15s ease}.window-option-checkbox:hover{border-color:var(--primary, var(--color-accent));background:var(--bg, #fff)}.window-option-checkbox input[type=checkbox]{margin:0;cursor:pointer}.window-option-checkbox span{font-size:.875rem;color:var(--text-primary, var(--color-text-primary));-webkit-user-select:none;-moz-user-select:none;user-select:none}.window-option-checkbox input[type=checkbox]:checked+span{font-weight:600;color:var(--primary, var(--color-accent))}.window-shade-list{display:grid;gap:var(--space-3, 12px)}.shade-scale-guide{margin:0 0 var(--space-3, 12px);padding:var(--space-3, 12px);background:var(--bg-secondary, var(--color-bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px)}.shade-scale-guide-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2, 8px);font-size:.75rem;font-weight:700;color:var(--text-secondary, var(--color-text-muted));text-transform:uppercase;letter-spacing:.04em}.shade-scale-guide-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.shade-swatch-tile{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 10px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:linear-gradient(180deg,#ffffff38,#ffffff0f 42%,#00000014),rgb(var(--shade-tone),var(--shade-tone),var(--shade-tone));background-color:rgb(var(--shade-tone),var(--shade-tone),var(--shade-tone));color:var(--shade-text);font-size:.8rem;font-weight:700;box-shadow:inset 0 1px #ffffff2e}.shade-scale-guide-swatch{pointer-events:none}.window-shade-card{padding:var(--space-3, 12px);background:var(--bg-secondary, var(--color-bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px)}.window-shade-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2, 8px);margin-bottom:var(--space-2, 8px)}.window-shade-label{font-size:.9rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.window-shade-value{font-size:.8rem;font-weight:600;color:var(--text-secondary, var(--color-text-muted))}.shade-options-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.shade-swatch-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;background:linear-gradient(180deg,#ffffff38,#ffffff0f 42%,#00000014),rgb(var(--shade-tone),var(--shade-tone),var(--shade-tone))!important;background-color:rgb(var(--shade-tone),var(--shade-tone),var(--shade-tone))!important;color:var(--shade-text)!important}.shade-swatch-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0f172a1f,inset 0 1px #ffffff2e}.shade-swatch-button.active{border-color:var(--primary, var(--color-accent));box-shadow:0 0 0 2px #3b82f633,inset 0 1px #ffffff2e}.addon-card{display:flex;align-items:end;gap:var(--space-3, 12px);padding:var(--space-3, 12px);background:var(--bg-secondary, var(--color-bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px)}.addon-toggle{display:flex;align-items:center;gap:8px;min-width:160px;font-size:.9rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.addon-price-field{max-width:180px}.pricing-summary{background:var(--bg-secondary, var(--color-bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);padding:var(--space-4, 16px)}.pricing-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2, 8px) 0;font-size:.875rem;color:var(--text-primary, var(--color-text-primary))}.pricing-row:not(:last-child){border-bottom:1px solid var(--border, var(--color-border-default))}.pricing-total{font-weight:600;font-size:1rem;color:var(--text-primary, var(--color-text-primary));padding-top:var(--space-3, 12px);margin-top:var(--space-2, 8px);border-top:2px solid var(--border, var(--color-border-default))!important}.btn{padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-sm, 4px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.btn-primary{background:var(--primary, var(--color-accent));color:var(--color-accent-text);border-color:var(--primary, var(--color-accent))}.btn-primary:hover:not(:disabled){background:var(--primary-hover, var(--color-accent));border-color:var(--primary-hover, var(--color-accent))}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary, var(--color-bg-surface));color:var(--text-primary, var(--color-text-primary));border-color:var(--border, var(--color-border-default))}.btn-secondary:hover{background:var(--bg-hover, var(--color-border-default));border-color:var(--border-hover, var(--color-border-default))}.misc-item-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.misc-item-modal{background:#000;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.misc-item-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.2)}.misc-item-modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--color-accent-text)}.misc-item-modal-header .btn-icon{background:none;border:none;font-size:24px;color:var(--color-accent-text);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.misc-item-modal-header .btn-icon:hover{background:#ffffff1a;color:var(--color-accent-text)}.misc-item-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.misc-item-form-body{padding:24px;overflow-y:auto;flex:1}.misc-item-error{background:#000;border:1px solid #fecaca;color:var(--danger);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--color-accent-text)}.form-group label .required{color:#f87171}.form-group input,.form-group textarea{width:100%;padding:10px 12px;background:#000!important;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:14px;font-family:inherit;color:var(--color-accent-text)!important;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f633}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-three{grid-template-columns:1fr 1fr 1fr}.misc-item-price-readonly{background:#ffffff0f!important;cursor:default;color:#ffffffb3}.misc-item-total-preview{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--content-bg, var(--color-border-default));border:1px solid var(--border-subtle, var(--color-border-default));border-radius:8px;margin-top:8px;font-size:16px;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.misc-item-total-preview .total-amount{font-size:20px;color:var(--accent, var(--color-accent))}.misc-item-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.2);background:#000!important}.misc-item-modal-footer .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.misc-item-modal-footer .btn-secondary{background:#000!important;color:var(--color-accent-text);border:1px solid rgba(255,255,255,.2)}.misc-item-modal-footer .btn-secondary:hover{background:#ffffff1a!important}.misc-item-modal-footer .btn-primary{background:var(--color-accent);color:#fff}.misc-item-modal-footer .btn-primary:hover{background:var(--color-accent)}@media(max-width:640px){.misc-item-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.form-row,.form-row-three{grid-template-columns:1fr}}.apparel-group-container{display:flex;flex-direction:column;gap:16px;width:100%;overflow-x:auto}.apparel-group-total-count-badge{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:var(--accent, #FFD100);border-radius:999px;box-shadow:0 2px 8px #0000001a;width:-moz-fit-content;width:fit-content;margin:0 auto 8px;transition:all .2s ease}.apparel-group-total-count-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.apparel-group-total-count-label{font-size:14px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.apparel-group-total-count-value{font-size:28px;font-weight:700;color:var(--color-text-primary);line-height:1}[data-theme=dark] .apparel-group-total-count-badge{background:var(--accent, #FFD100)}[data-theme=dark] .apparel-group-total-count-label,[data-theme=dark] .apparel-group-total-count-value{color:var(--color-text-primary)}@media(max-width:768px){.apparel-group-total-count-badge{padding:12px 20px;margin-bottom:12px}.apparel-group-total-count-label{font-size:12px}.apparel-group-total-count-value{font-size:24px}}.apparel-group-table{width:100%;border-collapse:collapse;background:var(--color-bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #0000000d}.apparel-group-table thead{background:var(--color-bg-surface)}.apparel-group-table th{padding:12px 8px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border);text-align:left}.th-item-num{width:80px;min-width:80px;padding-left:16px}.th-product{width:220px;min-width:180px}.td-item-num{padding:12px 8px 12px 16px;vertical-align:top}.td-product{padding:10px;vertical-align:top}.th-size{min-width:80px;text-align:center;border-left:1px dashed var(--border-subtle)}.td-size{padding:8px 4px;vertical-align:top;background:#fdfdfd;border-left:1px dashed var(--border-subtle)}.td-size.active-cell{background:var(--color-bg-card)}.th-upcharge{color:#ef4444;font-size:10px;margin-top:2px}.size-cell-content{display:flex;flex-direction:column;align-items:center;gap:6px}.size-qty-input::-webkit-outer-spin-button,.size-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-markup-input::-webkit-outer-spin-button,.size-markup-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-qty-input{width:50px;height:36px;text-align:center;border:1px solid var(--border);border-radius:4px;font-size:14px;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-card);transition:all .2s;padding:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.size-qty-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f61a;outline:none}.size-price{font-size:12px;color:#059669;font-weight:600;height:18px;display:flex;align-items:center;justify-content:center}.size-price.price-overridden{text-decoration:line-through;color:#ef4444;opacity:.6}.size-price-input{width:50px;height:24px;border:1px solid transparent;background:transparent;text-align:center;font-size:11px;color:var(--color-text-primary);font-weight:600;padding:0;border-radius:4px;transition:all .2s}.size-price-input:hover,.size-price-input:focus{border-color:var(--border);background:var(--color-bg-card)}.size-price-input:focus{border-color:var(--color-accent);outline:none}.size-price-input::-moz-placeholder{color:var(--color-text-muted);font-size:9px;font-weight:400}.size-price-input::placeholder{color:var(--color-text-muted);font-size:9px;font-weight:400}.size-price-input::-webkit-outer-spin-button,.size-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-stock{position:relative;width:50px}.markup-wrapper{position:relative;min-width:52px;display:inline-flex;align-items:center}.size-markup-input{width:100%;min-width:48px;height:28px;text-align:center;border:1px solid var(--border-subtle);border-radius:4px;font-size:12px;color:var(--color-text-secondary);background:var(--color-bg-card);padding:0 12px 0 0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.size-markup-input:focus{border-color:var(--color-accent);color:var(--color-text-primary);outline:none}.markup-symbol{position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--text-tertiary);pointer-events:none}.size-stock{font-size:10px;height:14px;display:flex;align-items:center;justify-content:center;margin-top:2px}.stock-ok{color:#059669}.stock-low{color:var(--danger);font-weight:600}.stock-placeholder{color:var(--color-border-default)}.th-total{text-align:center;border-left:1px solid var(--border)}.th-total-price{text-align:center}.th-actions{width:40px}.td-total{vertical-align:middle;text-align:center;border-left:1px solid var(--border);background:var(--color-bg-surface);font-weight:600}.td-total-price{vertical-align:middle;text-align:center;background:var(--color-bg-surface);font-weight:700;color:var(--color-text-primary)}.total-qty,.total-price{font-size:14px}.td-actions{vertical-align:middle;text-align:center}.style-ob5-row{background:var(--color-bg-surface)}.style-ob5-cell{padding:8px 16px!important;border-top:1px dashed var(--border-subtle, var(--color-border-default))}.style-number-btn{background:none;border:none;color:var(--color-accent);font-weight:600;cursor:pointer;padding:0;text-decoration:underline;display:block}.btn-stock-check{margin-top:6px;padding:2px 6px;font-size:10px;border-radius:4px;border:1px solid var(--border);background:var(--color-bg-card);cursor:pointer;display:inline-block}.btn-stock-check.stock-ok{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.btn-stock-check.stock-issue{background:#fef2f2;color:var(--danger);border-color:#fecaca}.product-cell{display:flex;flex-direction:column;gap:6px}.product-desc{font-size:12px;font-weight:500;color:var(--text-secondary);line-height:1.35;white-space:normal;word-break:break-word}.color-picker-trigger{display:inline-block;position:relative}.color-dropdown-menu{position:absolute;top:100%;left:0;z-index:50;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-md);max-height:240px;overflow-y:auto;min-width:180px;padding:4px}.color-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;border-radius:4px;font-size:13px;color:var(--text-primary)}.color-dropdown-item:hover{background:var(--bg-hover)}.color-display-btn{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;background:var(--bg-elevated);border:1px solid var(--border);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;color:var(--text-primary);text-align:left;transition:border-color .15s,background .15s}.color-display-btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.color-display-btn .color-swatch-mini{flex-shrink:0}.color-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;min-width:0}.mobile-color-picker-wrap{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.mobile-style-name{font-size:11px;color:var(--text-tertiary);line-height:1.2;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-color-btn{display:flex;align-items:center;gap:6px;background:var(--bg-elevated);border:1px solid var(--border);padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;color:var(--text-primary);min-height:44px}.mobile-color-btn:hover{background:var(--bg-hover)}.mobile-color-dropdown{position:absolute;top:100%;left:0;margin-top:4px;z-index:100}.color-swatch-mini{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.1)}.info-desc{font-size:12px;color:var(--text-secondary);line-height:1.35}.btn-icon-delete{background:none;border:none;font-size:16px;cursor:pointer;opacity:.6;transition:opacity .2s}.btn-icon-delete:hover{opacity:1}.apparel-group-footer-modern{display:flex;justify-content:center;padding-top:8px}.btn-add-style{background:var(--color-border-default);border:1px dashed var(--color-border-default);padding:12px 24px;border-radius:8px;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s;width:100%;text-align:center}.btn-add-style:hover{background:var(--color-bg-surface);border-color:var(--color-accent);color:var(--color-accent)}@media(max-width:767px){.group-toolbar-desktop,.apparel-group-footer-desktop,.apparel-group-table{display:none!important}.apparel-group-mobile{display:block!important}.apparel-group-container{overflow-x:visible}}@media(min-width:768px){.apparel-group-mobile{display:none!important}}.apparel-group-mobile{display:none}.group-toolbar-mobile{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid var(--border)}.set-all-margins-label{font-size:12px;font-weight:600;color:var(--text-secondary);flex-shrink:0}[data-theme=dark] .set-all-margins-label{color:var(--text-primary)}.group-toolbar-desktop .markup-wrapper{min-width:72px}.group-toolbar-desktop .size-markup-input{width:72px;min-width:72px;padding-right:20px}.group-toolbar-mobile .markup-wrapper{position:relative;display:inline-flex;align-items:center;min-width:72px}.group-toolbar-mobile .size-markup-input{width:80px;min-width:80px;height:40px;padding-right:22px;font-size:14px}.group-toolbar-mobile .markup-symbol{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-tertiary)}.btn-apply-margins-mobile{padding:8px 14px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;transition:border-color .2s,background .2s}.btn-apply-margins-mobile:active{background:var(--accent-light);border-color:var(--accent)}.mobile-style-block{margin-bottom:20px}.mobile-style-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.mobile-style-number-btn{font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0;font-size:13px}.mobile-style-color{font-size:12px;color:var(--text-secondary)}.mobile-style-total{font-size:12px;font-weight:600;color:var(--text-primary);margin-left:auto}.mobile-delete-btn{padding:4px}.size-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.size-card{border-radius:14px;border:1px solid var(--border);padding:10px 8px;background:var(--card-bg);display:flex;flex-direction:column;align-items:center;gap:6px;transition:background .2s ease,border-color .2s ease}.size-card-active{background:var(--status-warning-bg);border-color:var(--warning)}.size-card-label{font-size:12px;font-weight:700;color:var(--text-primary)}.size-card-upcharge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:999px;background:var(--status-warning-bg);color:var(--warning)}.size-card-qty{width:100%;min-height:44px;text-align:center;font-size:18px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);padding:4px 8px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color .2s}.size-card-qty::-webkit-outer-spin-button,.size-card-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-card-qty:focus{outline:none;border-color:var(--accent)}.size-card-unit-price{font-size:11px;font-weight:600;color:var(--accent-green)}.size-card-margin-row{display:flex;align-items:center;justify-content:center;gap:2px;width:100%}.size-card-markup-input{width:56px;min-width:56px;height:28px;text-align:center;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.size-card-markup-input::-webkit-outer-spin-button,.size-card-markup-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-card-markup-symbol{font-size:11px;color:var(--text-tertiary)}.apparel-group-footer-mobile{padding-top:12px}.apparel-line-item-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.apparel-ob5-tier-upsell{padding:8px 10px;border:1px solid var(--color-border-default);border-radius:8px;background:linear-gradient(135deg,var(--accent-light, rgba(59, 130, 246, .1)),var(--bg-elevated, var(--color-bg-surface)))}.apparel-ob5-tier-upsell-header{display:flex;align-items:center;gap:8px}.apparel-ob5-tier-upsell-header>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;min-width:0}.apparel-ob5-tier-upsell-icon{width:24px;height:24px;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.apparel-ob5-tier-upsell-title{font-size:.8rem;font-weight:700;color:var(--primary, var(--color-accent))}.apparel-ob5-tier-upsell-message{margin:0;font-size:.75rem;line-height:1.3;color:var(--text-secondary)}.apparel-ob5-tier-upsell-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.apparel-ob5-tier-chip{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:5px 9px;border:1px solid var(--color-border-default);border-radius:6px;background:var(--card-bg, var(--bg-surface));color:var(--text-primary);font-size:.75rem;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.apparel-ob5-tier-chip:hover{transform:translateY(-1px);border-color:var(--accent, var(--color-accent));box-shadow:0 2px 8px var(--accent-light, rgba(59, 130, 246, .12));background:var(--accent-light, rgba(59, 130, 246, .08))}.apparel-ob5-tier-chip.is-current{border-color:var(--primary, var(--color-accent));background:var(--accent-light, rgba(59, 130, 246, .08));font-weight:600}.apparel-ob5-tier-chip-qty{font-weight:700;font-size:.8rem}.apparel-ob5-tier-chip-price{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--bg-elevated);color:var(--text-primary)}.apparel-ob5-tier-chip-save{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.7rem;color:var(--primary, var(--color-accent));background:var(--bg-elevated);font-weight:600}.apparel-matrix-chip{padding:4px 8px;border-radius:6px;border:1px solid var(--border-color, var(--border));background:var(--color-bg-card, var(--bg-surface));display:flex;align-items:center;gap:6px;font-size:12px}.apparel-matrix-chip-label{color:var(--text-secondary)}.apparel-matrix-chip-select{padding:2px 6px;font-size:12px;border:1px solid var(--border-color, var(--border));border-radius:4px;min-width:100px;background:var(--color-bg-card, var(--card-bg));color:var(--text-primary)}[data-theme=dark] .apparel-ob5-tier-upsell{background:linear-gradient(135deg,var(--accent-light),var(--bg-elevated));border-color:var(--color-border-default)}[data-theme=dark] .apparel-ob5-tier-chip{background:var(--card-bg);border-color:var(--color-border-default);color:var(--text-primary)}[data-theme=dark] .apparel-ob5-tier-chip:hover{background:var(--accent-light);border-color:var(--accent)}[data-theme=dark] .apparel-ob5-tier-chip.is-current{background:var(--accent-light);border-color:var(--accent, var(--color-accent))}[data-theme=dark] .apparel-ob5-tier-chip-price,[data-theme=dark] .apparel-ob5-tier-chip-save{background:var(--bg-elevated);color:var(--text-primary)}[data-theme=dark] .apparel-ob5-tier-chip-save{color:var(--accent, var(--color-accent))}[data-theme=dark] .apparel-matrix-chip{border-color:var(--border-color);background:var(--color-bg-card)}[data-theme=dark] .apparel-matrix-chip-label{color:var(--text-secondary)}[data-theme=dark] .apparel-matrix-chip-select{border-color:var(--border-color);background:var(--color-bg-card);color:var(--text-primary)}.apparel-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.apparel-card-header-left{flex:1;min-width:0}.garment-name-button{background:none;border:none;padding:0;cursor:pointer;text-align:left;font-size:16px;font-weight:600;color:#60a5fa;display:flex;flex-direction:column;gap:4px}.garment-name-button:hover{text-decoration:underline}.garment-name{font-size:16px;font-weight:600;color:#60a5fa}.style-number{font-size:12px;color:var(--text-secondary);font-weight:400}.color-swatch-container{display:flex;align-items:center;gap:8px;margin-top:8px}.color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--border);flex-shrink:0}.color-name{font-size:13px;color:var(--text-secondary)}.apparel-card-header-middle{flex:1;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.department-pill,.placement-pill,.print-colors-pill{padding:4px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;font-size:11px;font-weight:500;color:var(--text-primary)}.department-pill{background:var(--color-bg-surface);border-color:#3b82f666;color:#60a5fa}.department-select{background:var(--color-bg-surface);border:1px solid rgba(59,130,246,.4);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500;color:#60a5fa;cursor:pointer}.department-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.placements-compact{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.plc-chip{display:inline-flex;align-items:center;height:40px;border-radius:var(--radius-md);overflow:hidden;font-size:var(--text-sm);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow-sm)}.plc-chip--off{background:var(--bg-surface);border-color:var(--border);opacity:.8}.plc-chip--off:hover{background:var(--bg-elevated);border-color:var(--border-strong);opacity:1;transform:translateY(-1px)}.plc-chip--off .plc-chip__name{color:var(--text-tertiary);background:transparent;padding:0 16px}.plc-chip--on{border-color:var(--accent);box-shadow:0 4px 6px -1px #3b82f626,0 2px 4px -1px #3b82f614;padding-right:4px}.plc-chip__name{height:100%;display:flex;align-items:center;padding:0 16px;font-weight:600;letter-spacing:.01em;transition:all .2s}.plc-chip--on .plc-chip__name{background:var(--accent);color:var(--text-on-accent);margin-right:12px;padding:0 18px}.plc-chip__input{width:48px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);font-size:var(--text-sm);font-weight:600;text-align:center;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.plc-chip__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.plc-chip__input--wide{width:120px}.plc-chip select.plc-chip__input{width:120px;height:28px;text-align:left;padding:0 8px;cursor:pointer;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);outline:none;transition:border-color .2s,box-shadow .2s}.plc-chip select.plc-chip__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.plc-chip__design{display:flex;align-items:center;height:28px;margin-left:8px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .2s}.plc-chip__design:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.plc-chip__remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:6px;border:none;background:transparent;color:var(--text-tertiary);font-size:18px;cursor:pointer;border-radius:50%;transition:all .2s}.plc-chip__remove:hover{background:var(--status-error-bg);color:var(--accent-red)}.plc-add-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px dashed var(--border-strong);background:transparent;color:var(--text-tertiary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.plc-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.color-count-input{width:32px;padding:2px 4px;border:1px solid rgba(59,130,246,.4);border-radius:4px;font-size:10px;text-align:center;background:var(--bg-surface)}.color-count-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f633}.stitch-count-input{width:50px;padding:2px 4px;border:1px solid rgba(59,130,246,.4);border-radius:4px;font-size:10px;text-align:center;background:var(--bg-surface)}.stitch-count-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f633}.apparel-card-header-right{text-align:right;flex-shrink:0}.line-total-large{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2}.price-per-piece{font-size:12px;color:var(--text-secondary);margin-top:2px}.apparel-size-grid-container{margin-bottom:12px}.apparel-size-quantity-row{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr) auto;gap:8px;align-items:end;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.size-quantity-cell{display:flex;flex-direction:column;gap:4px;justify-self:center}.size-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.quantity-input-inline{width:60px;padding:6px 8px;border:1px solid var(--border);border-radius:4px;font-size:14px;text-align:center;font-weight:500}.quantity-input-inline:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.total-qty-display{padding:8px 12px;background:var(--bg-elevated);border-radius:6px;font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}.apparel-margin-row{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:8px;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle);position:relative}.apparel-margin-row:before{content:"Margin:";position:absolute;left:-60px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.margin-row-label{display:none}.margin-cell{display:flex;align-items:center;gap:4px;justify-self:center}.margin-input-inline{width:60px;padding:6px 8px;border:1px solid var(--border);border-radius:4px;font-size:13px;text-align:center}.margin-input-inline:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.margin-percent{font-size:12px;color:var(--text-secondary)}.apparel-price-calculation-row{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr) auto;gap:8px;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle);font-size:13px;color:var(--text-secondary)}.price-breakdown-cell{font-family:Courier New,monospace;text-align:center;justify-self:center}.price-empty{color:var(--text-muted)}.price-row-total{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap}.apparel-stock-row{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:8px;align-items:center;margin-bottom:12px;font-size:12px;color:var(--text-secondary)}.stock-cell{padding:4px 8px;background:var(--bg-elevated);border-radius:4px;text-align:center;justify-self:center}.apparel-card-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}[data-theme=dark] .apparel-card-actions{border-top-color:var(--accent, var(--color-accent))}.btn-delete-inline{padding:6px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;font-size:12px;color:#f87171;cursor:pointer;transition:all .2s}.btn-delete-inline:hover{background:var(--bg-elevated);border-color:#f8717180}.apparel-addons-section{margin-top:16px;background:var(--bg-surface);border-radius:8px;overflow:hidden;border:1px solid var(--border)}[data-theme=dark] .apparel-addons-section{background:var(--card-bg);border-color:var(--accent, var(--color-accent))}.addons-header{border-bottom:1px solid transparent}.addons-toggle-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .2s}.addons-toggle-btn:hover{background:var(--bg-hover)}.toggle-icon{font-size:14px;color:var(--text-tertiary);width:16px;text-align:center}.toggle-label{font-size:14px;font-weight:500;color:var(--text-primary);flex:1}.addons-count-badge{font-size:11px;background:var(--accent-light, rgba(59, 130, 246, .15));color:var(--accent, var(--color-accent));padding:2px 8px;border-radius:12px;font-weight:600}.addons-content{padding:16px;border-top:1px solid var(--border);background:var(--card-bg)}.addons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:16px}.addon-card{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:12px;transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column;gap:12px}.addon-card:hover{border-color:var(--border-strong);box-shadow:0 4px 6px -1px #0000000f}.addon-card.enabled{border-color:var(--warning);background:var(--status-warning-bg)}.addon-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.addon-title-row{display:flex;flex-direction:row;align-items:flex-start;gap:8px;flex:1;min-width:0}.addon-label{font-size:13px;font-weight:600;color:var(--text-primary)}.addon-type-badge{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;align-self:flex-start;font-weight:600}.addon-type-badge.type-job{color:var(--accent);background:var(--accent-light, rgba(99, 102, 241, .15));border:1px solid var(--border)}.addon-type-badge.type-item{color:var(--success, #059669);background:#10b98126;border:1px solid var(--border)}.addon-toggle-switch{flex-shrink:0;width:40px;height:22px;min-height:22px;border-radius:11px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;position:relative;padding:0;margin:0;transition:background .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.addon-toggle-switch:hover{border-color:var(--accent)}.addon-toggle-slider{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-tertiary);transition:transform .2s ease,background .2s}.addon-toggle-slider.on{transform:translate(18px);background:var(--accent)}.addon-title-block{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:2px;min-height:22px;box-sizing:border-box}.addon-card-header-right{display:flex;align-items:flex-start;gap:8px;flex-shrink:0}.addon-price-summary{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-height:1.5em}.addon-unit-price{font-size:12px;color:var(--text-secondary)}.addon-calc-total{font-size:13px;font-weight:600;color:var(--accent)}.addon-done-btn-mobile{display:none}.addon-remove-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:18px;line-height:1;cursor:pointer;padding:4px;opacity:.8;border-radius:4px;align-self:flex-start}.addon-remove-btn:hover{color:#ef4444;opacity:1;background:#ef44441a}.addon-card-body{display:flex;align-items:flex-end;gap:12px}.addon-input-group{display:flex;flex-direction:column;gap:4px}.addon-input-group label{font-size:10px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase}.input-wrapper{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:8px;font-size:12px;color:var(--text-tertiary);pointer-events:none}.addon-input{width:100%;padding:6px 8px 6px 20px;border:1px solid var(--border);border-radius:4px;font-size:13px;color:var(--text-primary);background:var(--card-bg);transition:border-color .2s;min-width:0}.addon-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #3b82f61a}.price-input{width:90px}.qty-input{padding-left:8px;width:60px}.addon-total-display{margin-left:auto;font-weight:700;color:var(--text-primary);font-size:14px;padding-bottom:6px}.addons-footer{display:flex;justify-content:center;margin-top:8px}.add-addon-wrapper{position:relative;width:100%;max-width:300px}.add-addon-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card-bg);border:1px dashed var(--border);padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;width:100%;text-align:center;-moz-text-align-last:center;text-align-last:center;transition:all .2s}.add-addon-select:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.add-addon-select:focus{outline:none;border-color:var(--color-accent);border-style:solid;box-shadow:0 0 0 2px #3b82f61a}.no-addons-message{font-size:13px;color:var(--text-tertiary);font-style:italic;text-align:center;padding:12px}.design-button{padding:2px 6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;font-size:10px;cursor:pointer;margin-left:4px}.design-button:hover{background:var(--bg-hover)}.design-preview-thumb{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;margin-left:4px;border:1px solid var(--border);border-radius:4px}.ink-color-selector-btn{padding:4px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;font-size:11px;cursor:pointer;margin:4px 0}.ink-color-selector-btn:hover{background:var(--bg-elevated)}.ink-color-picker-panel{width:100%;margin-top:8px;padding:12px;background:var(--bg-elevated);border-radius:6px;border:1px solid var(--border)}.color-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600}.close-color-picker{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary);padding:0 4px}.close-color-picker:hover{color:var(--text-primary)}.color-book-selector{margin-bottom:12px}.color-book-selector label{display:block;font-size:11px;font-weight:600;margin-bottom:4px;color:var(--text-secondary)}.color-book-selector select{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:4px;font-size:12px}.color-slots{display:flex;flex-direction:column;gap:8px}.color-slot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-slot label{font-size:11px;font-weight:600;min-width:60px;color:var(--text-secondary)}.color-slot select{flex:1;min-width:150px;padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:12px}.swatch-preview{width:24px;height:24px;border-radius:4px;border:2px solid var(--border);flex-shrink:0}.custom-pantone-label{font-size:11px;color:var(--text-secondary)}.custom-pantone-form{width:100%;margin-top:8px;padding:8px;background:var(--bg-surface);border-radius:4px;border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.custom-pantone-form input{padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:12px}.apparel-group-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);position:relative}.group-button{padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;font-size:12px;cursor:pointer;color:var(--text-primary)}.group-button:hover{background:var(--color-border-default)}.group-selector-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 6px #0000001a;z-index:1000;min-width:250px;max-height:300px;overflow-y:auto}.group-selector-dropdown button{display:block;width:100%;padding:8px 12px;border:none;background:transparent;text-align:left;font-size:12px;cursor:pointer;border-bottom:1px solid var(--border-subtle)}.group-selector-dropdown button:hover{background:var(--bg-elevated)}.group-selector-dropdown button.selected{background:var(--color-bg-surface);color:#60a5fa;font-weight:600}.designer-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center}.designer-modal-content{background:var(--bg-surface);border-radius:8px;width:90%;max-width:1200px;max-height:90vh;overflow:auto;box-shadow:0 20px 25px #00000026}.designer-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.designer-modal-header h3{margin:0;font-size:18px;font-weight:600}.close-designer-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-designer-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.apparel-group-table-container{width:100%;max-width:100%;overflow-x:auto;margin-bottom:20px;background:var(--bg-elevated)!important;border:1px solid var(--border);border-radius:8px;-webkit-overflow-scrolling:touch}.apparel-group-table{width:100%;border-collapse:collapse;font-size:13px}.apparel-group-table th,.apparel-group-table td{border:1px solid var(--border-subtle);padding:8px;text-align:center}.apparel-group-table th{background:var(--bg-elevated)!important;font-weight:700;color:var(--text-primary);text-transform:uppercase;font-size:10px;letter-spacing:.025em;border:1px solid var(--border)}.apparel-group-table td{border:1px solid var(--border);padding:6px 8px;text-align:center;color:var(--text-primary)}.apparel-group-table .text-left{text-align:left}.apparel-group-table .text-right{text-align:right}.apparel-group-table .style-row:hover,.apparel-group-table .group-header-row{background:var(--bg-hover)}.apparel-group-table .item-number{font-weight:700;color:var(--color-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.apparel-group-table .total-column{font-weight:700;background:var(--bg-elevated)!important;color:var(--text-primary)}.apparel-group-table .price-column{font-weight:600;color:#34d399;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.apparel-group-table .actions-column{width:40px}.apparel-group-table input:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.apparel-group-table .stock-issue-indicator{color:#ef4444;font-size:10px;font-weight:700}.apparel-group-table .margin-row{background:var(--bg-elevated)!important}.apparel-group-table .stock-row{background:var(--bg-elevated)!important;font-size:10px;color:var(--text-secondary);border-top:1px solid var(--border)}.apparel-group-table .style-row+.margin-row+.stock-row{border-bottom:2px solid var(--border-subtle)}.apparel-line-item-card.provided-apparel{border-left:4px solid var(--color-accent)}.apparel-line-item-card.provided-apparel .apparel-card-header{background:#8b5cf61a}.apparel-provided-sizes-mobile{display:none}@media(max-width:767px){.apparel-provided-sizes-desktop{display:none!important}.apparel-provided-sizes-mobile{display:block;margin-top:16px}}@media(min-width:768px){.apparel-provided-sizes-mobile{display:none!important}}.apparel-provided-set-all-margins{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.apparel-provided-set-all-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.apparel-provided-markup-input{width:80px;min-width:80px;height:40px;text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;padding:0 20px 0 8px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.apparel-provided-markup-input::-webkit-outer-spin-button,.apparel-provided-markup-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.apparel-provided-markup-symbol{font-size:12px;color:var(--text-tertiary)}.apparel-provided-size-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.apparel-provided-size-card{border-radius:14px;border:1px solid var(--border);padding:10px 8px;background:var(--card-bg);display:flex;flex-direction:column;align-items:center;gap:6px;transition:background .2s ease,border-color .2s ease}.apparel-provided-size-card-active{background:var(--status-warning-bg);border-color:var(--warning)}.apparel-provided-size-card-label{font-size:12px;font-weight:700;color:var(--text-primary)}.apparel-provided-size-card-qty{width:100%;min-height:44px;text-align:center;font-size:18px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);padding:4px 8px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.apparel-provided-size-card-qty::-webkit-outer-spin-button,.apparel-provided-size-card-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.apparel-provided-size-card-unit{font-size:11px;font-weight:600;color:var(--accent-green)}.apparel-provided-size-card-margin-row{display:flex;align-items:center;justify-content:center;gap:2px}.apparel-provided-size-card-markup{width:56px;min-width:56px;height:28px;text-align:center;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.apparel-provided-size-card-markup::-webkit-outer-spin-button,.apparel-provided-size-card-markup::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.apparel-provided-size-card-markup-symbol{font-size:11px;color:var(--text-tertiary)}@media(max-width:768px){.apparel-card-header{flex-direction:column;gap:12px}.apparel-card-header-right{text-align:left;width:100%}.apparel-card-header-middle{width:100%}}@media(max-width:767px){.apparel-card-header{position:sticky;top:0;z-index:10;background:var(--bg-surface);margin:-16px -16px 16px;padding:12px 16px 16px;border-radius:8px 8px 0 0;border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000000f}.addons-grid{grid-template-columns:1fr;gap:8px}.addon-card{padding:12px 14px;cursor:pointer}.addon-card-header{cursor:pointer;flex-wrap:wrap}.addon-card-header .addon-title-row{flex:1;min-width:0}.addon-card-body{display:none;flex-wrap:wrap;gap:10px;padding-top:12px;border-top:1px solid var(--border);margin-top:4px}.addon-card.addon-card-expanded .addon-card-body{display:flex}.addon-done-btn-mobile{display:inline-block;width:100%;margin-top:8px;padding:10px 16px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;transition:background .2s,border-color .2s}.addon-done-btn-mobile:active{background:var(--accent-light);border-color:var(--accent)}}.send-email-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.send-email-modal{background:#000;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d}.send-email-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border-default)}.send-email-modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary)}.send-email-modal-close{background:transparent;border:none;font-size:28px;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.send-email-modal-close:hover{background:#000;color:var(--color-text-primary)}.send-email-modal-body{padding:24px;overflow-y:auto;flex:1}.send-email-error{background:#000;border:1px solid #fecaca;color:#991b1b;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.send-email-field{margin-bottom:20px}.send-email-field label{display:block;font-weight:600;font-size:14px;color:var(--color-bg-dark-hover);margin-bottom:8px}.send-email-field input[type=text],.send-email-field input[type=email],.send-email-field select,.send-email-field textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-default);border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.send-email-field input:focus,.send-email-field select:focus,.send-email-field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e51a}.send-email-body-textarea{resize:vertical;min-height:200px;font-family:Courier New,monospace}.send-email-hint{display:block;margin-top:6px;font-size:12px;color:var(--color-text-muted)}.send-email-to-dropdown-row{margin-bottom:10px}.send-email-to-select{max-width:100%;width:100%}.send-email-message-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.send-email-message-header>label{margin-bottom:0}.send-email-message-tabs{display:flex;gap:4px}.send-email-message-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.send-email-message-tabs button{padding:6px 14px;border:1px solid var(--color-border-default);background:var(--color-bg-card);border-radius:6px;font-size:13px;cursor:pointer;color:var(--color-bg-dark-hover);transition:all .2s}.send-email-message-tabs button:hover{background:var(--color-bg-surface);border-color:var(--color-text-muted)}.send-email-message-tabs button.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.send-email-ob5-actions{display:flex;gap:6px;flex-wrap:wrap}.send-email-ob5-actions button{padding:6px 12px;border:1px solid var(--color-border-default);background:var(--color-bg-page);border-radius:999px;font-size:12px;cursor:pointer;color:var(--color-bg-dark)}.send-email-body-preview{min-height:200px;padding:14px;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-bg-card);font-size:14px;line-height:1.5;color:var(--color-text-primary);overflow-y:auto}.send-email-body-preview img{max-width:100%;height:auto}.send-email-preview-empty{color:var(--color-text-muted);font-style:italic;margin:0}.send-email-email-input{border:1px solid var(--color-border-default);border-radius:6px;padding:6px;min-height:42px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.send-email-email-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1}.send-email-chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-border-default);padding:4px 10px;border-radius:16px;font-size:13px;color:var(--color-bg-dark-hover)}.send-email-chip-remove{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;line-height:1;transition:all .2s}.send-email-chip-remove:hover{background:var(--color-border-default);color:var(--color-text-primary)}.send-email-email-chips input{border:none;outline:none;flex:1;min-width:150px;padding:4px 8px;font-size:14px}.send-email-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.send-email-checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.send-email-attachments{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:8px}.send-email-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color-border-default)}.send-email-modal-footer .btn{padding:10px 20px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.send-email-modal-footer .btn-secondary{background:#000;border:1px solid var(--color-border-default);color:var(--color-bg-dark-hover)}.send-email-modal-footer .btn-secondary:hover:not(:disabled){background:#000;border-color:var(--color-text-muted)}.send-email-modal-footer .btn-primary{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff}.send-email-modal-footer .btn-primary:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent)}.send-email-modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}.shipping-estimate{background:var(--content-bg);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);padding:var(--space-4, 20px);margin-bottom:var(--space-4, 20px)}.shipping-estimate-header h3{margin:0 0 var(--space-1, 4px) 0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.shipping-estimate-subtitle{margin:0 0 var(--space-4, 20px) 0;font-size:13px;color:var(--text-secondary, var(--color-text-muted))}.shipping-estimate-form{display:flex;flex-direction:column;gap:var(--space-3, 16px)}.shipping-estimate-form .form-group{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.shipping-estimate-form .form-group label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.shipping-estimate-form .form-group label .required{color:var(--error, var(--danger))}.shipping-estimate-form .form-group input,.shipping-estimate-form .form-group select{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 4px);font-size:14px;transition:border-color .2s}.shipping-estimate-form .form-group input:focus,.shipping-estimate-form .form-group select:focus{outline:none;border-color:var(--primary, var(--color-accent));box-shadow:0 0 0 3px #3b82f61a}.shipping-estimate-form .form-group input.error{border-color:var(--error, var(--danger))}.shipping-estimate-form .form-hint{font-size:12px;color:var(--text-secondary, var(--color-text-muted));margin-top:-4px}.shipping-estimate-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3, 16px)}.shipping-estimate-form .dimension-input-group,.shipping-estimate-form .weight-input-group{display:flex;gap:var(--space-2, 8px)}.shipping-estimate-form .dimension-input-group input,.shipping-estimate-form .weight-input-group input{flex:1}.shipping-estimate-form .dimension-input-group select,.shipping-estimate-form .weight-input-group select{width:auto;min-width:60px}.shipping-estimate-form .preset-info{padding:var(--space-2, 8px);background:var(--bg-main, var(--color-bg-surface));border-radius:var(--radius-sm, 4px);font-size:12px;color:var(--text-secondary, var(--color-text-muted))}.shipping-estimate-form .form-error{padding:var(--space-2, 8px) var(--space-3, 12px);background:#000;color:#991b1b;border:1px solid #fca5a5;border-radius:var(--radius-sm, 4px);font-size:14px}.shipping-estimate-form .form-warning{padding:var(--space-2, 8px) var(--space-3, 12px);background:#000;color:#92400e;border:1px solid #fcd34d;border-radius:var(--radius-sm, 4px);font-size:13px}.shipping-estimate-form .estimate-result{padding:var(--space-3, 16px);background:#d1fae5;border:1px solid #6ee7b7;border-radius:var(--radius-sm, 4px)}.shipping-estimate-form .estimate-range{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2, 8px)}.shipping-estimate-form .estimate-label{font-size:14px;font-weight:600;color:#065f46}.shipping-estimate-form .estimate-value{font-size:20px;font-weight:700;color:#065f46}.shipping-estimate-form .estimate-details{margin-top:var(--space-2, 8px);padding-top:var(--space-2, 8px);border-top:1px solid #6ee7b7}.shipping-estimate-form .estimate-details summary{font-size:12px;color:#065f46;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shipping-estimate-form .estimate-details summary:hover{text-decoration:underline}.shipping-estimate-form .carrier-filter-section{margin-top:var(--space-3, 16px);margin-bottom:var(--space-2, 8px);padding-top:var(--space-2, 8px);border-top:1px solid #6ee7b7}.shipping-estimate-form .carrier-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px)}.shipping-estimate-form .carrier-filter-btn{padding:var(--space-1, 4px) var(--space-2, 8px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-sm, 4px);background:#ffffffe6;color:#065f46;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.shipping-estimate-form .carrier-filter-btn:hover{background:#fff;border-color:#065f46}.shipping-estimate-form .carrier-filter-btn.active{background:#065f46;color:#fff;border-color:#065f46;font-weight:600}.shipping-estimate-form .rates-list{margin-top:var(--space-2, 8px);display:flex;flex-direction:column;gap:var(--space-2, 8px)}.shipping-estimate-form .rate-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2, 8px) var(--space-3, 12px);background:#ffffffe6;border:1px solid rgba(6,95,70,.2);border-radius:var(--radius-sm, 4px);font-size:13px;gap:var(--space-3, 16px)}.shipping-estimate-form .rate-item-left{display:flex;align-items:center;gap:var(--space-2, 8px);flex:1}.shipping-estimate-form .rate-carrier-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center}.shipping-estimate-form .rate-item-info{display:flex;flex-direction:column;gap:2px;flex:1}.shipping-estimate-form .rate-carrier{font-weight:600;font-size:12px;color:#065f46;text-transform:uppercase;letter-spacing:.5px}.shipping-estimate-form .rate-service{font-size:14px;font-weight:700;color:#065f46;margin-top:2px}.shipping-estimate-form .rate-price{font-weight:700;font-size:16px;color:#065f46;white-space:nowrap}.shipping-estimate-form .btn-primary{padding:var(--space-2, 8px) var(--space-4, 20px);background:var(--primary, var(--color-accent));color:#fff;border:none;border-radius:var(--radius-sm, 4px);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.shipping-estimate-form .btn-primary:hover:not(:disabled){background:var(--primary-dark, var(--color-accent))}.shipping-estimate-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.shipping-estimate-form .form-row{grid-template-columns:1fr}}.pm-root{display:flex;flex-direction:column;gap:20px}.pm-error{padding:10px 14px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;font-size:13px;color:#991b1b}.pm-progress{padding:10px 14px;background:var(--color-bg-surface);border:1px solid #93c5fd;border-radius:8px;font-size:13px;color:#1e40af}.pm-upload-card{border:1px solid var(--color-border-default);border-radius:10px;padding:18px 20px;background:var(--color-bg-card)}.pm-upload-desc{margin:0 0 14px;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.pm-upload-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pm-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:8px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s,box-shadow .15s,opacity .15s;border:none;text-decoration:none;white-space:nowrap}.pm-btn:disabled{opacity:.55;cursor:not-allowed}.pm-btn--primary{background:var(--color-accent);color:var(--color-accent-text)}.pm-btn--primary:hover:not(:disabled){background:var(--color-accent);box-shadow:0 2px 8px #4f46e54d}.pm-btn--outline{background:var(--color-bg-card);color:var(--color-bg-dark-hover);border:1px solid var(--color-border-default)}.pm-btn--outline:hover:not(:disabled){background:var(--color-bg-surface);border-color:var(--color-text-muted)}.pm-section-title{margin:0;font-size:17px;font-weight:700;color:var(--color-text-primary)}.pm-empty-msg{margin:0;padding:24px 0;font-size:14px;color:var(--color-text-muted);text-align:center}.pm-file-list{display:flex;flex-direction:column;border:1px solid var(--color-border-default);border-radius:10px;overflow:hidden}.pm-file-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-default);transition:background .1s}.pm-file-row:last-child{border-bottom:none}.pm-file-row:hover{background:var(--color-bg-page)}.pm-file-icon-sq{width:44px;height:44px;flex-shrink:0;background:var(--color-bg-surface);border-radius:8px;display:flex;align-items:center;justify-content:center}.pm-file-icon-sq--print{background:#f3e8ff}.pm-file-icon-sq--thumb{background:var(--color-bg-page);overflow:hidden;padding:0}.pm-file-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.pm-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pm-file-name{font-size:14px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-file-meta{font-size:12px;color:var(--color-text-muted)}.pm-badge{flex-shrink:0;display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.pm-badge--approved{background:#d1fae5;color:#065f46}.pm-badge--pending{background:#fef3c7;color:#92400e}.pm-badge--ready{background:#ede9fe;color:#5b21b6}.pm-file-name--btn{background:none!important;background-color:transparent!important;border:none!important;padding:0!important;font:inherit;color:inherit!important;cursor:pointer;text-align:left;width:100%}.pm-file-name--btn:hover:not(:disabled){color:var(--color-accent);text-decoration:underline}.pm-file-name--btn:disabled{cursor:default}.pm-file-actions{flex-shrink:0;display:flex;align-items:center;gap:2px}.pm-icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;padding:0!important;border:none!important;border-radius:6px!important;background:transparent!important;background-color:transparent!important;color:var(--color-text-muted)!important;cursor:pointer;transition:background .15s,color .15s;overflow:visible!important}.pm-icon-btn:hover:not(:disabled){background:var(--color-border-default)!important;color:var(--color-text-primary)!important}.pm-icon-btn--danger:hover:not(:disabled){background:#fef2f2!important;color:#b91c1c!important}.pm-icon-btn:disabled{opacity:.5;cursor:not-allowed}.pm-root .pm-icon-btn svg,.pm-root .pm-download-btn svg{stroke:var(--color-text-muted)!important;fill:none!important}.pm-root .pm-icon-btn:hover:not(:disabled) svg,.pm-root .pm-download-btn:hover svg{stroke:var(--color-text-primary)!important}.pm-root .pm-icon-btn--danger:hover:not(:disabled) svg{stroke:#b91c1c!important}.pm-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border-default);border-top-color:var(--color-accent);border-radius:50%;animation:pm-spin .7s linear infinite}@keyframes pm-spin{to{transform:rotate(360deg)}}.pm-saved-to{margin:8px 0 0;font-size:12px;color:var(--color-text-muted)}.pm-saved-to code{font-size:11px;background:var(--color-border-default);padding:2px 6px;border-radius:4px}.pm-download-btn{flex-shrink:0;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;padding:0!important;border:none!important;border-radius:6px!important;background:transparent!important;background-color:transparent!important;color:var(--color-text-muted)!important;text-decoration:none;transition:background .15s,color .15s}.pm-download-btn:hover{background:var(--color-border-default)!important;color:var(--color-text-primary)!important}.pm-lightbox-backdrop{position:fixed;inset:0;z-index:10000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px}.pm-lightbox-content{background:var(--color-bg-card);border-radius:12px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.pm-lightbox-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border-default);flex-shrink:0}.pm-lightbox-title{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-lightbox-download{font-size:13px;font-weight:500;color:var(--color-accent);text-decoration:none}.pm-lightbox-download:hover{text-decoration:underline}.pm-lightbox-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s}.pm-lightbox-close:hover{background:var(--color-border-default);color:var(--color-text-primary)}.pm-lightbox-body{flex:1;min-height:200px;max-height:calc(95vh - 60px);overflow:auto;display:flex;align-items:center;justify-content:center;padding:16px}.pm-lightbox-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.pm-lightbox-iframe{width:100%;min-height:70vh;border:none}@media(max-width:600px){.pm-upload-actions{flex-direction:column;align-items:stretch}.pm-btn{justify-content:center}.pm-file-row{flex-wrap:wrap;gap:10px}}.quote-response-display{margin-top:24px;padding:20px;background:#000;border:1px solid var(--color-border-default);border-radius:8px;border-left:4px solid #f59e0b}.quote-response-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.quote-response-display-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.quote-response-action-badge{display:inline-block;padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;font-weight:600}.quote-response-display-body{display:flex;flex-direction:column;gap:16px}.quote-response-meta{display:flex;gap:16px;font-size:13px;color:var(--color-text-muted)}.quote-response-date,.quote-response-email{display:inline-block}.quote-response-comments{padding:12px;background:#000;border-radius:6px;border:1px solid var(--color-border-default)}.quote-response-comments strong{display:block;margin-bottom:8px;color:var(--color-text-primary);font-size:14px}.quote-response-comments p{margin:0;color:var(--color-bg-dark-hover);line-height:1.6;white-space:pre-wrap}.quote-response-annotations{padding:12px;background:#000;border-radius:6px;border:1px solid var(--color-border-default)}.quote-response-annotations strong{display:block;margin-bottom:12px;color:var(--color-text-primary);font-size:14px}.quote-response-annotations-list{display:flex;flex-direction:column;gap:12px}.quote-response-annotation-item{padding:10px;background:#000;border-radius:4px;border-left:3px solid #f59e0b}.quote-response-annotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.quote-response-annotation-proof{font-weight:600;color:var(--color-text-primary);font-size:13px}.quote-response-annotation-number{color:var(--color-text-muted);font-size:12px}.quote-response-annotation-comment{color:var(--color-bg-dark-hover);line-height:1.5;font-size:13px;white-space:pre-wrap}.quote-response-empty{padding:12px;text-align:center;color:var(--color-text-muted);font-style:italic;font-size:13px}.quote-response-display-error{margin-top:24px;padding:12px;background:#000;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;font-size:13px}.lic-action-wrap{display:inline-block}.lic-action-wrap .lic-action{min-width:32px;height:32px;border:1.5px solid var(--color-border-default);border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;margin:0;background:var(--color-bg-page);color:var(--color-text-muted);transition:background .15s ease,border-color .15s ease,color .15s ease;font:inherit;font-size:12px;font-weight:500;box-sizing:border-box}.lic-action-wrap .lic-action:hover{background:var(--color-bg-surface);border-color:#c7d2fe;color:var(--color-accent)}.lic-action-wrap .lic-action--danger:hover{background:#fff1f2;border-color:#fecdd3;color:#ef4444}.lic-action-wrap .lic-action-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:inherit}.lic-action-wrap .lic-action-icon svg{width:14px;height:14px;display:block;color:inherit;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.lic-action-wrap .lic-action-icon svg path,.lic-action-wrap .lic-action-icon svg line,.lic-action-wrap .lic-action-icon svg circle,.lic-action-wrap .lic-action-icon svg polyline,.lic-action-wrap .lic-action-icon svg polygon{stroke:currentColor;fill:none}.lic-action-wrap .lic-action-text{white-space:nowrap;color:inherit}.mockup-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:20000;display:flex;align-items:center;justify-content:center;padding:20px}.mockup-viewer-content{background:#000;padding:20px;border-radius:12px;max-width:95%;max-height:95%;position:relative;box-shadow:0 20px 60px #00000080}.mockup-viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mockup-viewer-header h3{font-weight:600;font-size:16px;color:var(--color-bg-dark);margin:0}.mockup-viewer-close{background:#ef4444;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .2s}.mockup-viewer-close:hover{background:var(--danger)}.mockup-viewer-body{display:flex;justify-content:center;align-items:center}.mockup-viewer-body img{max-width:100%;max-height:calc(95vh - 80px);display:block;border-radius:8px;box-shadow:0 4px 12px #0000001a}.packing-slip-options-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:20000;padding:20px}.packing-slip-options-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 40px #0003;max-width:520px;width:100%;max-height:90vh;display:flex;flex-direction:column}.packing-slip-options-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, var(--color-border-default))}.packing-slip-options-header h2{margin:0;font-size:1.15rem;font-weight:600;display:flex;align-items:center;gap:8px}.packing-slip-options-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-muted, var(--color-text-muted));border-radius:6px}.packing-slip-options-close:hover{background:var(--bg-elevated, var(--color-border-default));color:var(--color-text-primary)}.packing-slip-options-body{padding:20px;overflow-y:auto;flex:1}.packing-slip-options-intro{margin:0 0 16px;font-size:14px;color:var(--text-secondary, var(--color-text-secondary));line-height:1.5}.packing-slip-options-job-info{background:var(--bg-elevated, var(--color-bg-surface));border-radius:8px;padding:12px 14px;margin-bottom:20px;font-size:14px}.packing-slip-options-job-info div+div{margin-top:6px}.packing-slip-options-section{margin-bottom:20px}.packing-slip-options-section h4{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.packing-slip-options-checkboxes{display:flex;flex-wrap:wrap;gap:12px 20px}.packing-slip-options-checkboxes label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.packing-slip-box-inputs{display:flex;gap:16px;align-items:center}.packing-slip-box-inputs label{display:flex;align-items:center;gap:8px;font-size:14px}.packing-slip-box-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.packing-slip-box-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border:1px solid var(--border, var(--color-border-default));border-radius:8px;background:var(--bg-elevated, var(--color-bg-surface));color:var(--text-secondary, var(--color-text-secondary));cursor:pointer}.packing-slip-box-tab:hover{background:var(--border, var(--color-border-default));color:var(--color-text-primary)}.packing-slip-box-tab.active{background:var(--primary, var(--color-accent));border-color:var(--primary, var(--color-accent));color:var(--color-accent-text)}.packing-slip-box-tab.add{border-style:dashed;color:var(--text-muted, var(--color-text-muted))}.packing-slip-box-tab.add:hover{border-color:var(--primary, var(--color-accent));color:var(--primary, var(--color-accent))}.packing-slip-options-hint{margin:0 0 8px;font-size:12px;color:var(--text-muted, var(--color-text-muted))}.packing-slip-options-item-actions{margin-bottom:10px;display:flex;gap:8px}.packing-slip-options-item-list{list-style:none;margin:0;padding:0;border:1px solid var(--border, var(--color-border-default));border-radius:8px;max-height:220px;overflow-y:auto}.packing-slip-options-item-list li{padding:10px 12px;border-bottom:1px solid var(--border, var(--color-border-default))}.packing-slip-options-item-list li:last-child{border-bottom:none}.packing-slip-options-item-list li label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.packing-slip-options-item-list .item-name{flex:1;min-width:0;font-weight:500}.packing-slip-options-item-list .item-sizes{font-size:12px;color:var(--text-muted, var(--color-text-muted))}.packing-slip-item-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px}.packing-slip-item-name{flex:1 1 100%;font-weight:600;font-size:14px}.packing-slip-item-sizes{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.packing-slip-size-input{display:inline-flex;align-items:center;gap:4px;font-size:13px}.packing-slip-size-input .size-label{font-weight:600;min-width:24px}.packing-slip-size-input input{width:44px;padding:4px 6px;border:1px solid var(--border, var(--color-border-default));border-radius:4px;font-size:13px}.packing-slip-size-input .size-max{font-size:11px;color:var(--text-muted, var(--color-text-muted))}.packing-slip-item-actions{display:flex;gap:6px}.btn-tiny{padding:4px 10px;font-size:12px;border-radius:4px;border:1px solid var(--border, var(--color-border-default));background:var(--bg-elevated, var(--color-bg-surface));cursor:pointer}.btn-tiny:hover{background:var(--border, var(--color-border-default))}.packing-slip-options-empty{margin:0;padding:12px;font-size:14px;color:var(--text-muted, var(--color-text-muted))}.packing-slip-options-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border, var(--color-border-default))}.packing-slip-options-footer .btn{padding:10px 18px;font-size:14px;border-radius:8px;cursor:pointer}.packing-slip-pdf-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.packing-slip-pdf-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 40px #0003;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.packing-slip-pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, var(--color-border-default))}.packing-slip-pdf-modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.packing-slip-pdf-modal-actions{display:flex;align-items:center;gap:10px}.packing-slip-pdf-modal-actions .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:14px;border-radius:8px;cursor:pointer;border:none}.packing-slip-pdf-modal-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-muted, var(--color-text-muted));border-radius:6px}.packing-slip-pdf-modal-close:hover{background:var(--bg-elevated, var(--color-border-default));color:var(--color-text-primary)}.packing-slip-pdf-modal-body{flex:1;min-height:300px;padding:20px;overflow:auto}.packing-slip-pdf-iframe{width:100%;min-height:400px;border:1px solid var(--border, var(--color-border-default));border-radius:8px;background:var(--color-bg-card)}.dropbox-browser-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.dropbox-browser-modal{background:var(--color-bg-card);border-radius:8px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.dropbox-browser-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border-default)}.dropbox-browser-header h3{margin:0;font-size:18px;font-weight:600}.dropbox-browser-path{padding:12px 20px;border-bottom:1px solid var(--color-border-default);background:var(--bg-elevated, var(--color-bg-surface))}.path-display{display:flex;align-items:center;gap:8px;margin-bottom:8px}.path-label{font-weight:600;font-size:12px;color:var(--text-secondary, var(--color-text-muted))}.path-value{font-family:monospace;font-size:13px;color:var(--text-primary, var(--color-text-primary));word-break:break-all}.path-actions{display:flex;gap:8px}.btn-back,.btn-open-dropbox{padding:6px 12px;border:1px solid var(--color-border-default);border-radius:4px;background:var(--color-bg-card);cursor:pointer;font-size:13px;transition:all .2s}.btn-back:hover,.btn-open-dropbox:hover{background:var(--color-border-default);border-color:var(--color-text-muted)}.btn-open-dropbox{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-open-dropbox:hover{background:var(--color-accent);border-color:var(--color-accent)}.dropbox-browser-error{padding:12px 20px;background:#fee2e2;color:#991b1b;font-size:14px}.dropbox-browser-content{flex:1;overflow-y:auto;padding:16px 20px}.dropbox-browser-loading,.dropbox-browser-empty{text-align:center;padding:40px 20px;color:var(--text-secondary, var(--color-text-muted))}.dropbox-browser-list{display:flex;flex-direction:column;gap:4px}.dropbox-browser-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border-default);border-radius:6px;cursor:pointer;transition:all .2s;background:var(--color-bg-card)}.dropbox-browser-item:hover{background:var(--color-border-default);border-color:var(--color-accent)}.folder-icon{font-size:20px}.folder-name{font-size:14px;font-weight:500;color:var(--text-primary, var(--color-text-primary))}.create-shipment-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:20001;display:flex;align-items:center;justify-content:center;padding:20px}.create-shipment-modal{background:var(--content-bg);border-radius:var(--radius-md, 8px);max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.create-shipment-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4, 20px);border-bottom:1px solid var(--border, var(--color-border-default))}.create-shipment-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary)}.create-shipment-modal .modal-close{background:none;border:none;font-size:28px;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 4px);transition:background .2s}.create-shipment-modal .modal-close:hover{background:var(--bg-main, var(--color-bg-surface))}.create-shipment-modal .modal-body{padding:var(--space-4, 20px)}.create-shipment-modal .shipment-step{display:flex;flex-direction:column;gap:var(--space-4, 20px)}.create-shipment-modal .shipment-step h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.create-shipment-modal .form-group{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.create-shipment-modal .form-group label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.create-shipment-modal .form-group label .required{color:var(--error, var(--danger))}.create-shipment-modal .form-group input,.create-shipment-modal .form-group select{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 4px);font-size:14px;transition:border-color .2s}.create-shipment-modal .form-group input:focus,.create-shipment-modal .form-group select:focus{outline:none;border-color:var(--primary, var(--color-accent));box-shadow:0 0 0 3px #3b82f61a}.create-shipment-modal .address-selection,.create-shipment-modal .address-actions{margin-bottom:var(--space-3, 16px)}.create-shipment-modal .new-address-form{margin-top:var(--space-3, 16px);padding:var(--space-3, 16px);background:var(--bg-main, var(--color-bg-surface));border-radius:var(--radius-sm, 4px);border:1px solid var(--border, var(--color-border-default))}.create-shipment-modal .selected-address-preview{margin-top:var(--space-3, 16px);padding:var(--space-3, 16px);background:#d1fae5;border:1px solid #6ee7b7;border-radius:var(--radius-sm, 4px)}.create-shipment-modal .selected-address-preview h4{margin:0 0 var(--space-2, 8px) 0;font-size:14px;font-weight:600;color:#065f46}.create-shipment-modal .address-preview{font-size:14px;color:#065f46;line-height:1.6}.create-shipment-modal .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3, 16px)}.create-shipment-modal .dimension-input-group,.create-shipment-modal .weight-input-group{display:flex;gap:var(--space-2, 8px)}.create-shipment-modal .dimension-input-group input,.create-shipment-modal .weight-input-group input{flex:1}.create-shipment-modal .dimension-input-group select,.create-shipment-modal .weight-input-group select{width:auto;min-width:60px}.create-shipment-modal .rates-list{display:flex;flex-direction:column;gap:var(--space-2, 8px);max-height:400px;overflow-y:auto}.create-shipment-modal .carrier-filter-section{margin-bottom:var(--space-4, 20px)}.create-shipment-modal .carrier-filter-section label{display:block;margin-bottom:var(--space-2, 8px);font-size:14px;font-weight:500;color:var(--color-text-primary)}.create-shipment-modal .carrier-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px)}.create-shipment-modal .carrier-filter-btn{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-sm, 4px);background:var(--content-bg);color:var(--color-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.create-shipment-modal .carrier-filter-btn:hover{border-color:var(--primary, var(--color-accent));background:#3b82f60d}.create-shipment-modal .carrier-filter-btn.active{border-color:var(--primary, var(--color-accent));background:#3b82f61a;color:var(--primary, var(--color-accent));font-weight:600}.create-shipment-modal .rate-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4, 20px);border:2px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s;gap:var(--space-3, 16px)}.create-shipment-modal .rate-card:hover{border-color:var(--primary, var(--color-accent));background:#3b82f60d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.create-shipment-modal .rate-card.selected{border-color:var(--primary, var(--color-accent));background:#3b82f61a;box-shadow:0 0 0 3px #3b82f633}.create-shipment-modal .rate-card-left{display:flex;align-items:center;gap:var(--space-3, 16px);flex:1}.create-shipment-modal .rate-carrier-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center}.create-shipment-modal .rate-info{display:flex;flex-direction:column;gap:var(--space-1, 4px);flex:1}.create-shipment-modal .rate-carrier{font-weight:600;font-size:15px;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.create-shipment-modal .rate-service{font-size:16px;font-weight:700;color:var(--color-text-primary);margin-top:2px}.create-shipment-modal .rate-delivery{font-size:12px;color:var(--text-secondary, var(--color-text-muted));margin-top:4px}.create-shipment-modal .rate-price{font-size:24px;font-weight:700;color:var(--primary, var(--color-accent));white-space:nowrap;flex-shrink:0}.create-shipment-modal .no-rates{padding:var(--space-4, 20px);text-align:center;color:var(--text-secondary, var(--color-text-muted))}.create-shipment-modal .step-actions{display:flex;justify-content:space-between;gap:var(--space-2, 8px);margin-top:var(--space-4, 20px);padding-top:var(--space-4, 20px);border-top:1px solid var(--border, var(--color-border-default))}.create-shipment-modal .btn-primary,.create-shipment-modal .btn-secondary{padding:var(--space-2, 8px) var(--space-4, 20px);border:none;border-radius:var(--radius-sm, 4px);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-shipment-modal .btn-primary{background:var(--primary, var(--color-accent));color:#fff}.create-shipment-modal .btn-primary:hover:not(:disabled){background:var(--primary-dark, var(--color-accent))}.create-shipment-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.create-shipment-modal .btn-secondary{background:var(--content-bg);color:var(--color-text-primary);border:1px solid var(--border, var(--color-border-default))}.create-shipment-modal .btn-secondary:hover:not(:disabled){background:var(--bg-main, var(--color-bg-surface))}.create-shipment-modal .form-error{padding:var(--space-2, 8px) var(--space-3, 12px);background:#000;color:#991b1b;border:1px solid #fca5a5;border-radius:var(--radius-sm, 4px);font-size:14px;margin-bottom:var(--space-3, 16px)}.create-shipment-modal .loading-state{padding:var(--space-4, 20px);text-align:center;color:var(--text-secondary, var(--color-text-muted))}.pst-root{display:flex;flex-direction:column;gap:0}.pst-side{display:flex;flex-direction:column}.pst-side-header{padding:11px 16px;background:var(--color-border-default);border:1px solid var(--color-border-default);border-radius:8px 8px 0 0;font-size:14px;font-weight:700;color:var(--color-text-primary);margin-top:16px}.pst-side:first-child .pst-side-header{margin-top:0}.pst-cards{display:flex;flex-direction:column;border-left:1px solid var(--color-border-default);border-right:1px solid var(--color-border-default)}.pst-color-card{padding:16px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-default);display:flex;flex-direction:column;gap:12px}.pst-card-row1{display:grid;grid-template-columns:minmax(160px,1fr) 130px 120px 100px 36px;gap:10px;align-items:end}.pst-card-row2{display:grid;grid-template-columns:130px 100px 1fr;gap:10px;align-items:end}.pst-field{display:flex;flex-direction:column;gap:5px;min-width:0}.pst-field--narrow{width:100px}.pst-field--grow{flex:1}.pst-label{font-size:12px;font-weight:500;color:var(--color-text-muted)}.pst-color-select-wrap{display:flex;align-items:center;gap:8px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:7px;padding:0 10px;height:38px;box-sizing:border-box}.pst-color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.pst-color-select-wrap .pst-select{border:none;background:transparent;padding:0;height:auto;flex:1;min-width:0}.pst-color-select-wrap .pst-select:focus{box-shadow:none}.pst-select,.pst-input{width:100%;padding:8px 10px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:7px;font-size:13px;font-family:Inter,sans-serif;color:var(--color-text-primary);outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.pst-select:focus,.pst-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e514;background:var(--color-bg-card)}.pst-delete-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--danger);cursor:pointer;transition:background .15s;flex-shrink:0;align-self:flex-end}.pst-delete-btn:hover{background:#fef2f2}.pst-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:var(--color-bg-card);border:1px solid var(--color-border-default);border-top:none;border-radius:0 0 8px 8px;font-size:13px;font-weight:500;color:var(--color-bg-dark-hover);cursor:pointer;transition:background .15s}.pst-add-btn:hover{background:var(--color-bg-surface);color:var(--color-text-primary)}.pst-save-row{display:flex;justify-content:flex-start;padding-top:16px;margin-top:4px}.pst-save-btn{padding:9px 20px;background:var(--color-text-primary);color:var(--color-accent-text);border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s}.pst-save-btn:hover:not(:disabled){background:var(--color-bg-dark)}.pst-save-btn:disabled{opacity:.6;cursor:not-allowed}.pst-error{padding:10px 14px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;font-size:13px;color:#991b1b;margin-top:12px}.pst-success{padding:10px 14px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;font-size:13px;color:#166534;margin-top:12px}.pst-cbp-wrap{position:relative}.pst-cbp-trigger{display:flex!important;align-items:center!important;gap:4px!important;flex:1!important;min-width:0!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;cursor:pointer!important;font-size:13px!important;font-family:Inter,sans-serif!important;color:var(--color-text-primary)!important;text-align:left!important;line-height:1.3!important}.pst-cbp-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pst-cbp-chevron{flex-shrink:0;color:var(--color-text-muted)}.pst-cbp-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:260px;max-height:320px;background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;display:flex;flex-direction:column;overflow:hidden}.pst-cbp-search-row{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--color-border-default)}.pst-cbp-search-icon{flex-shrink:0;color:var(--color-text-muted)}.pst-cbp-search{flex:1;border:none!important;outline:none!important;background:transparent!important;font-size:13px!important;font-family:Inter,sans-serif!important;color:var(--color-text-primary)!important;padding:0!important;margin:0!important;min-width:0}.pst-cbp-options{overflow-y:auto;flex:1;padding:4px 0}.pst-cbp-group{margin-bottom:2px}.pst-cbp-group-label{padding:6px 12px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.pst-cbp-option{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;padding:6px 12px!important;background:transparent!important;border:none!important;cursor:pointer!important;font-size:13px!important;font-family:Inter,sans-serif!important;color:var(--color-text-primary)!important;text-align:left!important;border-radius:0!important;transition:background .1s!important}.pst-cbp-option:hover{background:var(--color-border-default)!important}.pst-cbp-option--active{background:var(--color-bg-surface)!important;font-weight:600!important}.pst-cbp-opt-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.pst-cbp-opt-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pst-cbp-opt-pantone{font-size:11px;color:var(--color-text-muted);flex-shrink:0}.pst-cbp-empty{padding:16px 12px;text-align:center;font-size:13px;color:var(--color-text-muted)}@media(max-width:640px){.pst-card-row1{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.pst-delete-btn{grid-column:2;grid-row:2;justify-self:end}.pst-card-row2{grid-template-columns:1fr 1fr}.pst-field--grow{grid-column:1 / -1}}.wom-tasks-tab{padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-6)}.wom-tasks-tab--empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8)}.wom-tasks-empty-message{margin:0;font-size:15px;font-weight:500;color:var(--color-text-secondary)}.wom-tasks-empty-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.wom-tasks-toolbar{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-surface);border-radius:12px;border:1px solid var(--color-border-default)}.wom-tasks-toolbar-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.wom-tasks-toggle-row{justify-content:space-between}.wom-tasks-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.wom-tasks-template-select{min-width:160px;padding:8px 12px;font-size:14px;color:var(--color-text-primary);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:8px;cursor:pointer}.wom-tasks-template-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #4f46f626}.wom-tasks-toggle{position:relative;width:44px;height:24px;min-width:44px;min-height:24px;padding:0;background:var(--color-border-default);border:none;border-radius:12px;cursor:pointer;transition:background .2s ease}.wom-tasks-toggle--on{background:var(--color-accent)}.wom-tasks-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-bg-card);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.wom-tasks-toggle--on .wom-tasks-toggle-thumb{transform:translate(20px)}.wom-tasks-progress-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.wom-tasks-progress-bar{height:8px;background:var(--color-bg-card);border-radius:4px;overflow:hidden;border:1px solid var(--color-border-default)}.wom-tasks-progress-fill{height:100%;background:#1d9e75;border-radius:3px;transition:width .3s ease}.wom-tasks-progress-label{font-size:12px;font-weight:500;color:var(--color-text-muted)}.wom-tasks-list{display:flex;flex-direction:column;gap:var(--space-5)}.wom-tasks-list--disabled{opacity:.6;pointer-events:none}.wom-tasks-section{display:flex;flex-direction:column;gap:var(--space-2)}.wom-tasks-section-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:2px}.wom-tasks-row{display:flex;align-items:center;gap:var(--space-3);padding:12px 16px;background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:10px;transition:background .15s,border-color .15s}.wom-tasks-row:hover{background:var(--color-bg-surface)}.wom-tasks-row--completed .wom-tasks-task-label{text-decoration:line-through;color:var(--color-text-muted);transition:color .25s ease,-webkit-text-decoration .3s ease;transition:color .25s ease,text-decoration .3s ease;transition:color .25s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease}.wom-tasks-row--completed{border-color:var(--color-border-subtle)}@keyframes wom-task-complete{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.01)}to{opacity:1;transform:scale(1)}}.wom-tasks-row.wom-tasks-row--completed .wom-tasks-task-label{animation:wom-task-complete .4s ease}.wom-tasks-row--updating{opacity:.85}.wom-tasks-checkbox-wrap{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-10px 0;cursor:pointer;position:relative}.wom-tasks-checkbox{position:absolute;opacity:0;width:44px;height:44px;margin:0;cursor:pointer}.wom-tasks-checkbox-custom{display:block;position:relative;width:22px;height:22px;border:2px solid var(--color-border-default);border-radius:6px;background:var(--color-bg-card);transition:border-color .15s,background .15s}.wom-tasks-checkbox:checked+.wom-tasks-checkbox-custom{background:#1d9e75;border-color:#1d9e75}.wom-tasks-checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid var(--color-bg-card);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s ease}.wom-tasks-checkbox:checked+.wom-tasks-checkbox-custom:after{transform:rotate(45deg) scale(1)}.wom-tasks-task-label{flex:1;font-size:14px;font-weight:500;color:var(--color-text-primary);line-height:1.4}.wom-tasks-custom-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-bg-surface);padding:2px 6px;border-radius:4px}.wom-tasks-add-custom-row{display:flex;gap:var(--space-2);padding-top:var(--space-2)}.wom-tasks-custom-input{flex:1;padding:10px 14px;font-size:14px;color:var(--color-text-primary);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:8px}.wom-tasks-custom-input::-moz-placeholder{color:var(--color-text-muted)}.wom-tasks-custom-input::placeholder{color:var(--color-text-muted)}.wom-tasks-custom-input:focus{outline:none;border-color:var(--color-accent)}.wom-tasks-add-btn{padding:10px 18px;font-size:14px;font-weight:600;color:var(--color-bg-card);background:var(--color-accent);border:none;border-radius:8px;cursor:pointer;transition:filter .15s}.wom-tasks-add-btn:hover:not(:disabled){filter:brightness(1.05)}.wom-tasks-add-btn:disabled{opacity:.5;cursor:not-allowed}.wom-tasks-add-custom-btn{padding:10px 18px;font-size:14px;font-weight:600;color:var(--color-accent);background:transparent;border:1px solid var(--color-accent);border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.wom-tasks-add-custom-btn:hover{background:var(--color-accent);color:var(--color-bg-card)}.wom-tasks-footer{padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.wom-tasks-reset-btn{padding:0;font-size:13px;font-weight:500;color:var(--color-text-muted);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.wom-tasks-reset-btn:hover{color:var(--color-text-secondary)}.wom-tasks-reset-btn:disabled{opacity:.6;cursor:not-allowed}.work-order-modal{max-width:720px!important}.wom-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-bg-page);border-bottom:1px solid #e9e7ff}.wom-header-left{display:flex;align-items:center;gap:12px}.wom-icon-wrap{flex-shrink:0}.wom-icon-svg{width:36px;height:36px;border-radius:8px;display:block}.wom-title{margin:0;font-size:18px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.wom-subtitle{margin:0;font-size:13px;color:var(--color-text-muted);font-weight:400}.wom-header-actions{display:flex;align-items:center;gap:8px}.wom-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--color-bg-card);color:var(--color-bg-dark-hover);border:.8px solid rgba(0,0,0,.12);border-radius:8px;font-size:13.5px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s,box-shadow .15s;white-space:nowrap}.wom-action-btn:hover{background:var(--color-bg-surface);box-shadow:0 1px 4px #00000014}.wom-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;color:var(--color-text-muted);border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.wom-close-btn:hover{background:var(--color-border-default);color:var(--color-text-primary)}.wom-tabs-bar{display:flex;align-items:center;background:var(--color-border-default);padding:4px;margin:0;border-bottom:1px solid var(--color-border-default)}.wom-tab-btn{flex:1;padding:9px 12px;background:transparent;border:none;border-radius:7px;font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s;text-align:center;white-space:nowrap}.wom-tab-btn:hover{background:#fff9;color:var(--color-text-primary)}.wom-tab-btn--active{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.wom-section-title{font-size:17px;font-weight:600;color:var(--color-text-primary);margin:20px 0 14px}.wom-form-card{border:1px solid var(--color-border-default);border-radius:10px;padding:20px;background:var(--color-bg-card);margin-bottom:24px}.wom-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.wom-field{display:flex;flex-direction:column;gap:5px}.wom-field--full{grid-column:1 / -1}.wom-label{font-size:13px;font-weight:500;color:var(--color-bg-dark-hover)}.wom-required{color:#ef4444;margin-left:2px}.wom-input{padding:9px 12px;border:1px solid var(--color-border-default);border-radius:7px;font-size:14px;font-family:Inter,sans-serif;color:var(--color-text-primary);background:var(--color-bg-surface);outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.wom-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--color-bg-card)}.wom-input--muted{color:var(--color-text-muted)}.wom-link-btn{display:flex!important;align-items:center!important;width:100%!important;padding:9px 12px!important;border:1px solid var(--color-border-default)!important;border-radius:7px!important;font-size:14px!important;font-weight:600!important;font-family:Inter,sans-serif!important;color:var(--color-accent)!important;background:var(--color-bg-surface)!important;cursor:pointer!important;text-align:left!important;box-sizing:border-box!important;transition:color .15s,border-color .15s,background .15s!important}.wom-link-btn:hover:not(:disabled){color:var(--color-accent)!important;border-color:#c7d2fe!important;background:var(--color-bg-surface)!important}.wom-link-btn:disabled{color:var(--color-text-muted)!important;cursor:default!important}.wom-static-value{display:flex;align-items:center;padding:9px 12px;font-size:14px;font-weight:500;color:var(--color-text-primary);min-height:47px;box-sizing:border-box}.wom-input--date{cursor:pointer;color:var(--color-text-primary)!important}.wom-input--date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.wom-input--date::-webkit-calendar-picker-indicator:hover{opacity:1}.wom-select-wrap{position:relative}.wom-select-wrap .wom-input{padding-right:32px;cursor:pointer}.wom-select{padding:9px 32px 9px 12px;border:1px solid var(--color-border-default);border-radius:7px;font-size:14px;font-family:Inter,sans-serif;color:var(--color-text-primary);background:var(--color-bg-surface);outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.wom-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--accent-light);background-color:var(--color-bg-card)}.wom-job-types-multi{display:flex;flex-direction:column;gap:.5rem}.wom-job-types-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem}.wom-job-type-checkbox{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wom-job-type-checkbox input[type=checkbox]{margin:0;margin-right:.5rem;cursor:pointer}.wom-select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:10px;height:6px;pointer-events:none}.wom-helper{font-size:12px;color:var(--color-text-muted);margin-top:2px}.wom-printout-section{margin-top:28px;padding-top:20px;border-top:1px solid var(--color-border-default)}.work-order-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.work-order-modal{background:var(--card-bg)!important;border-radius:var(--radius-md);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);color:var(--text-primary)!important}.work-order-modal *{color:inherit}.work-order-modal-header{padding:20px;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--card-bg)!important;z-index:1}.work-order-modal-header h2{margin:0;color:var(--text-primary)!important;font-size:20px;font-weight:600}.work-order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.work-order-actions .work-order-header-btn{white-space:nowrap;padding:8px 12px;font-size:13px}.work-order-modal-header-revamp{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent) 50%,#6d28d9 100%)!important;border-bottom:none;padding:16px 20px}.work-order-modal-header-revamp .work-order-modal-header-left{display:flex;flex-direction:column;gap:2px}.work-order-modal-header-revamp .work-order-modal-title{margin:0;font-size:20px;font-weight:700;color:var(--color-accent-text)!important;letter-spacing:-.02em}.work-order-modal-header-revamp .work-order-modal-subtitle{margin:0;font-size:14px;color:#ffffffe6!important;font-weight:500}.work-order-modal-header-revamp .work-order-actions .work-order-header-btn{background:#fff3;color:var(--color-accent-text);border:1px solid rgba(255,255,255,.3)}.work-order-modal-header-revamp .work-order-actions .work-order-header-btn:hover{background:#ffffff4d;color:var(--color-accent-text)}.work-order-tabs{display:flex;gap:0;padding:0 20px;background:var(--color-bg-surface);border-bottom:1px solid var(--border, var(--color-border-default));position:sticky;top:0;z-index:1;flex-wrap:wrap}.work-order-tab{padding:12px 16px;font-size:14px;font-weight:500;color:var(--text-secondary, #64748b);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.work-order-tab:hover{color:var(--text-primary, var(--color-text-primary));background:#0000000a}.work-order-tab.active{color:var(--link-color, var(--color-accent));border-bottom-color:var(--link-color, var(--color-accent));background:var(--card-bg)!important}.work-order-content{padding:30px;background:var(--card-bg)!important;color:var(--text-primary)!important}.work-order-content *{color:inherit}.work-order-content p,.work-order-content div,.work-order-content span{color:var(--text-secondary)!important}.work-order-content strong{color:var(--text-primary)!important}.work-order-content .pm-file-actions .pm-icon-btn,.work-order-content .pm-file-actions .pm-download-btn,.work-order-content .pm-download-btn{color:var(--color-text-muted)!important}.work-order-content .pm-file-actions .pm-icon-btn:hover:not(:disabled),.work-order-content .pm-download-btn:hover{color:var(--color-text-primary)!important}.work-order-content .pm-file-actions .pm-icon-btn--danger:hover:not(:disabled){color:#b91c1c!important}.work-order-content .pm-icon-btn svg,.work-order-content .pm-download-btn svg{stroke:var(--color-text-muted)!important;fill:none!important}.work-order-content .pm-icon-btn:hover:not(:disabled) svg,.work-order-content .pm-download-btn:hover svg{stroke:var(--color-text-primary)!important}.work-order-content .pm-icon-btn--danger:hover:not(:disabled) svg{stroke:#b91c1c!important}.work-order-header{margin-bottom:30px}.work-order-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.work-order-header-left{flex:1}.company-name{font-size:24px;font-weight:700;color:var(--text-primary)!important;margin-bottom:10px}.work-order-title{font-size:18px;font-weight:600;color:var(--text-primary)!important}.work-order-qr-code{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius-md)}.qr-code-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-align:center;text-transform:uppercase;letter-spacing:.5px}.work-order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:14px}.work-order-info-grid .info-label{font-weight:600;color:var(--text-tertiary);margin-bottom:5px}.work-order-info-grid .info-value{color:var(--text-primary)!important;font-weight:500}.work-order-item{margin-bottom:40px;page-break-inside:avoid}.work-order-item-header{background:var(--bg-surface)!important;padding:15px;border-radius:var(--radius-sm);margin-bottom:15px;display:flex;gap:20px;align-items:flex-start;border:1px solid var(--border)}.item-info{flex:1}.item-title{font-size:18px;font-weight:700;color:var(--text-primary)!important;margin-bottom:8px}.item-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:14px}.meta-label{font-weight:600;color:var(--text-tertiary)}.meta-value{color:var(--text-primary)!important;margin-left:8px;font-weight:500}.item-mockups{display:flex;gap:10px;flex-wrap:wrap}.work-order-mockup{text-align:center;position:relative}.work-order-mockup-img{width:100px;height:120px;-o-object-fit:contain;object-fit:contain;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);cursor:pointer;transition:transform .3s ease,z-index .3s ease,box-shadow .3s ease}.work-order-mockup-img:hover{transform:scale(2.5);z-index:1000;box-shadow:var(--shadow-lg);position:relative}.work-order-design-img{width:80px;height:80px}.mockup-label{font-size:11px;color:var(--text-tertiary);margin-top:4px}.work-order-table-container{overflow-x:auto}.work-order-table{width:100%;border-collapse:collapse;border:2px solid var(--border);margin-bottom:15px}.work-order-table thead{background:var(--bg-elevated)!important}.work-order-table th{padding:12px;text-align:center;border:1px solid var(--border);font-weight:600;color:var(--text-primary)!important;font-size:13px;background:var(--bg-elevated)!important}.work-order-table .total-header{background:var(--accent-light);color:var(--text-primary);font-weight:700}.work-order-table td{padding:12px;text-align:center;border:1px solid var(--border);font-size:14px;color:var(--text-secondary)!important;background:var(--card-bg)!important}.work-order-table td.has-qty{font-weight:600;color:var(--text-primary)!important;background:var(--bg-surface)!important}.work-order-table .total-cell{font-weight:700;color:var(--accent);background:var(--accent-light)}.item-details{margin-top:15px;padding:12px;background:var(--bg-surface)!important;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:14px;color:var(--text-secondary)!important}.item-details div{color:var(--text-secondary)!important;margin-bottom:8px}.item-details strong{color:var(--text-primary)!important;font-weight:600}.item-placements{margin-top:15px;font-size:13px;color:var(--text-secondary)!important}.item-placements strong{color:var(--text-primary)!important;font-weight:600}.size-totals-section{margin-top:40px;padding-top:20px;border-top:3px solid var(--border-strong)}.size-totals-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:15px}.size-totals-table{border:2px solid var(--border)}.size-totals-table thead{background:var(--bg-elevated);color:var(--text-primary)}.size-totals-table th{border:1px solid var(--border);font-size:14px;color:var(--text-primary)}.size-totals-table .grand-total-header{background:var(--accent);color:var(--text-on-accent);font-weight:700}.size-totals-table td{border:1px solid var(--border);font-size:16px;font-weight:700;color:var(--text-primary);background:var(--card-bg)}.size-totals-table .size-total-cell{background:var(--bg-surface)}.size-totals-table .grand-total-cell{font-size:18px;font-weight:700;color:var(--accent);background:var(--accent-light)}.work-order-notes{margin-top:30px;padding:15px;background:var(--status-warning-bg);border-left:4px solid var(--warning);border-radius:var(--radius-sm)}.notes-title{font-weight:600;color:var(--warning);margin-bottom:8px}.notes-content{color:var(--text-primary);font-size:14px;white-space:pre-wrap;font-weight:500}.no-items{text-align:center;padding:40px;color:var(--text-tertiary)}@media(max-width:767px){.work-order-modal-overlay{align-items:flex-start;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.work-order-modal{max-width:100%;width:100%;min-height:100vh;max-height:none;border-radius:0}.work-order-modal-header{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.work-order-modal-header h2{font-size:18px;margin:0}.work-order-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.work-order-actions .work-order-header-btn{flex:1 1 auto;min-width:0;padding:10px 12px;font-size:13px}.work-order-content{padding:16px}.work-order-header{margin-bottom:20px}.work-order-header-top{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:16px}.work-order-header-left{order:1}.work-order-qr-code{order:2;align-self:center;max-width:120px}.company-name{font-size:20px;margin-bottom:6px}.work-order-title{font-size:16px}.work-order-info-grid{grid-template-columns:1fr;gap:14px}.work-order-item{margin-bottom:28px}.work-order-item-header{flex-direction:column;gap:12px;padding:12px}.item-meta-grid{grid-template-columns:1fr;gap:8px}.item-mockups{justify-content:flex-start}.work-order-mockup-img{width:80px;height:96px}.work-order-design-img{width:64px;height:64px}.work-order-table-container{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.work-order-table th,.work-order-table td{padding:8px 6px;font-size:12px}.size-totals-table th,.size-totals-table td{padding:8px 6px;font-size:13px}.size-totals-table .grand-total-cell{font-size:15px}.item-details{padding:10px;font-size:13px}.work-order-notes{padding:12px;margin-top:20px}.notes-content{font-size:13px}.work-order-garment-receiving-header{flex-direction:column!important;align-items:stretch!important;gap:12px}.work-order-garment-receiving-actions{display:flex;flex-direction:column;gap:8px}.work-order-garment-receiving-actions .btn{width:100%;min-height:44px;font-size:14px}.work-order-garment-meta{flex-direction:column}.work-order-garment-meta label{min-width:100%}.work-order-garment-size-table .work-order-garment-size-input{width:100%;max-width:80px;min-height:40px;font-size:16px}}.work-order-garment-receiving{margin-top:40px;padding-top:20px;border-top:2px solid var(--border)}.work-order-garment-receiving-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.work-order-garment-receiving-actions{display:flex;gap:8px}.work-order-garment-receiving-list{display:flex;flex-direction:column;gap:24px}.work-order-garment-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden}.work-order-garment-card-header{padding:12px 16px;background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.work-order-garment-card-header strong{font-size:15px;color:var(--text-primary)}.work-order-garment-color{font-size:13px;color:var(--text-secondary)}.work-order-garment-size-grid-wrap{overflow-x:auto;padding:0 16px}.work-order-garment-size-table{width:100%;min-width:200px;border-collapse:collapse;font-size:13px}.work-order-garment-size-table thead tr{background:var(--bg-elevated);border-bottom:1px solid var(--border)}.work-order-garment-size-table th{padding:8px 10px;text-align:left;font-weight:600;color:var(--text-primary)}.work-order-garment-size-table th:nth-child(2),.work-order-garment-size-table th:nth-child(3){text-align:right}.work-order-garment-size-table td{padding:6px 10px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.work-order-garment-size-table td:nth-child(2),.work-order-garment-size-table td:nth-child(3){text-align:right}.work-order-garment-size-input{width:64px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;text-align:right;background:var(--card-bg);color:var(--text-primary)}.work-order-garment-totals-row{font-weight:600;background:var(--bg-elevated);border-top:2px solid var(--border)}.work-order-garment-totals-row td{padding:10px;border-bottom:none}.work-order-garment-received-total{margin-right:6px}.work-order-garment-all-here{color:var(--accent-green);font-weight:700}.work-order-garment-meta{display:flex;flex-wrap:wrap;gap:12px 20px;padding:12px 16px;border-top:1px solid var(--border);background:var(--card-bg)}.work-order-garment-meta label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:500;color:var(--text-secondary)}.work-order-garment-notes-label{min-width:200px;flex:1}.work-order-garment-input{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--card-bg);color:var(--text-primary)}.work-order-garment-notes-input{min-width:0;min-height:56px;font-size:12px;resize:vertical}@media print{.work-order-modal-overlay{position:static;background:var(--color-bg-card);padding:0}.work-order-modal{max-width:100%;max-height:none;box-shadow:none;border-radius:0}.work-order-modal-header{display:none}.work-order-mockup-img:hover{transform:none!important;box-shadow:none!important}.work-order-qr-code{display:none}}.send-approval-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.send-approval-modal{background:#000;border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d}.send-approval-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border-default)}.send-approval-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary)}.send-approval-modal .modal-close{background:transparent;border:none;font-size:28px;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.send-approval-modal .modal-close:hover{background:#000;color:var(--color-text-primary)}.send-approval-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.send-approval-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color-border-default)}.send-approval-modal .form-group{margin-bottom:20px}.send-approval-modal .form-group label{display:block;font-weight:600;font-size:14px;color:var(--color-bg-dark-hover);margin-bottom:8px}.send-approval-modal .form-group input,.send-approval-modal .form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-default);border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.send-approval-modal .form-group input:focus,.send-approval-modal .form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e51a}.send-approval-modal .form-group small{display:block;margin-top:6px;font-size:12px;color:var(--color-text-muted)}.send-approval-modal .required{color:var(--danger)}.send-approval-modal .error-message{background:#000;border:1px solid #fecaca;color:#991b1b;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.send-approval-modal .btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.send-approval-modal .btn-primary{background:var(--color-accent);color:#fff}.send-approval-modal .btn-primary:hover:not(:disabled){background:var(--color-accent)}.send-approval-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.send-approval-modal .btn-secondary{background:#000;color:var(--color-bg-dark-hover);border:1px solid var(--color-border-default)}.send-approval-modal .btn-secondary:hover{background:#000}.quote-info-box{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--content-bg, var(--color-border-default));border-radius:var(--radius-md, 8px);border:1px solid var(--border, var(--color-border-default));color:var(--color-text-primary)}.email-input-group{display:flex;gap:var(--space-2, 8px)}.email-input-group input{flex:1}.btn-add-email{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--accent, #0078d4);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-email:hover{background:var(--accent-hover, #106ebe)}.email-list{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin-top:var(--space-3, 12px)}.email-tag{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--accent-light, #e3f2fd);color:var(--accent, #0078d4);border-radius:var(--radius-md, 8px);font-size:14px}.email-remove{background:none;border:none;color:var(--accent, #0078d4);font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.email-remove:hover{background:var(--accent, #0078d4);color:#fff}.success-message{text-align:center;padding:var(--space-6, 24px)}.success-message .success-icon{width:64px;height:64px;border-radius:50%;background:var(--success-bg, #f0f9ff);color:var(--success, #107c10);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto var(--space-4, 16px)}.success-message p{margin:var(--space-2, 8px) 0;color:var(--color-text-primary);font-size:16px}.success-subtitle{color:var(--text-secondary, var(--color-text-muted))!important;font-size:14px!important}.quote-actions-panel{display:flex;flex-direction:column;gap:var(--space-2)}.quote-status-actions{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2)}.quote-actions-menu{display:flex;flex-direction:column;gap:0;min-width:240px;padding:8px 4px}.quote-actions-menu-section{padding:4px 0;border-bottom:1px solid var(--border, rgba(255, 255, 255, .08))}.quote-actions-menu-section:last-child{border-bottom:none}.quote-actions-menu-section-status{padding-top:6px;margin-top:2px;border-top:1px solid var(--border, rgba(255, 255, 255, .08))}.quote-actions-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary, rgba(255, 255, 255, .85));font-size:13px;font-weight:500;text-align:left;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease;font-family:inherit;margin:0 4px}.quote-actions-menu-item span{flex:1}.quote-actions-menu-item:hover:not(:disabled){background:var(--content-bg, rgba(255, 255, 255, .06));color:var(--color-text-primary)}.quote-actions-menu-item:disabled{opacity:.5;cursor:not-allowed}.quote-actions-menu-item-accent:hover:not(:disabled){background:#8b5cf633;color:#a78bfa}.quote-actions-menu-item-success:hover:not(:disabled){background:#16a34a33;color:#4ade80}.quote-actions-menu-item-danger:hover:not(:disabled){background:#dc262633;color:#f87171}.quote-actions-menu-item-accept{background:var(--quote-accept-bg)!important;color:var(--quote-accept-text)!important;border:none!important}.quote-actions-menu-item-accept:hover:not(:disabled){background:var(--quote-accept-bg-hover)!important;color:var(--quote-accept-text-hover)!important}.quote-actions-menu-item-decline{background:var(--quote-decline-bg)!important;color:var(--quote-decline-text)!important;border:none!important}.quote-actions-menu-item-decline:hover:not(:disabled){background:var(--quote-decline-bg-hover)!important;color:var(--quote-decline-text-hover)!important}.new-quote-page{padding:0;width:100%;box-sizing:border-box}.new-quote-page .card,.new-quote-page .card-body,.new-quote-page [class*=card]{background:var(--card-bg)!important;background-color:var(--card-bg)!important;color:var(--text-primary, var(--color-text-primary))!important;border-color:var(--border, rgba(0, 0, 0, .1))!important}.new-quote-page .btn-secondary:not(.active),.new-quote-page .btn.btn-secondary:not(.active){background:var(--bg-secondary, var(--color-bg-surface))!important;background-color:var(--bg-secondary, var(--color-bg-surface))!important;color:var(--text-primary, var(--color-text-primary))!important;border-color:var(--border, var(--color-border-default))!important}.new-quote-page .btn-secondary:hover:not(.active),.new-quote-page .btn.btn-secondary:hover:not(.active){background:var(--bg-hover, var(--color-border-default))!important;background-color:var(--bg-hover, var(--color-border-default))!important;color:var(--text-primary, var(--color-text-primary))!important;border-color:var(--border-medium, var(--color-border-default))!important}.new-quote-page button.btn:not(.btn-primary):not(.btn-danger):not(.shade-swatch-button),.new-quote-page button.btn-secondary:not(.active):not(.shade-swatch-button),.new-quote-page button.btn-small:not(.btn-primary):not(.btn-danger):not(.shade-swatch-button){background:var(--bg-secondary, var(--color-bg-surface))!important;background-color:var(--bg-secondary, var(--color-bg-surface))!important;color:var(--text-primary, var(--color-text-primary))!important;border:1px solid var(--border, var(--color-border-default))!important}.new-quote-page button.btn:not(.btn-primary):not(.btn-danger):not(.shade-swatch-button):hover,.new-quote-page button.btn-secondary:not(.active):not(.shade-swatch-button):hover,.new-quote-page button.btn-small:not(.btn-primary):not(.btn-danger):not(.shade-swatch-button):hover{background:var(--bg-hover, var(--color-border-default))!important;background-color:var(--bg-hover, var(--color-border-default))!important;color:var(--text-primary, var(--color-text-primary))!important;border-color:var(--border-medium, var(--color-border-default))!important}.header-actions{display:flex;gap:var(--space-3)}.new-quote-header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.new-quote-header-actions .nq-header-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;border:1.5px solid transparent;font-family:inherit;white-space:nowrap}.new-quote-header-actions .nq-header-action:disabled{opacity:.6;cursor:not-allowed}.new-quote-header-actions .nq-header-action svg{flex-shrink:0;color:inherit;stroke:currentColor}.new-quote-header-actions .nq-header-action-secondary{background:var(--color-bg-surface)!important;background-color:var(--color-bg-surface)!important;border-color:var(--color-border-default)!important;color:var(--color-text-primary)!important}.new-quote-header-actions .nq-header-action-secondary:hover:not(:disabled){background:var(--color-border-default)!important;background-color:var(--color-border-default)!important;border-color:var(--color-border-default)!important;color:var(--color-text-primary)!important}.new-quote-header-actions .nq-header-action-primary{background:var(--primary)!important;background-color:var(--primary)!important;border:none!important;color:var(--color-accent-text)!important;box-shadow:0 2px 8px var(--accent-light)!important}.new-quote-header-actions .nq-header-action-primary:hover:not(:disabled){opacity:.95;background:var(--primary-hover, var(--accent-hover))!important;box-shadow:0 2px 12px var(--accent-light)!important}.new-quote-header-actions .nq-header-action-email{background:linear-gradient(135deg,#059669,#10b981)!important;background-color:#059669!important;border:none!important;color:var(--color-accent-text)!important;box-shadow:0 2px 8px #05966940!important}.new-quote-header-actions .nq-header-action-email:hover:not(:disabled){opacity:.95;box-shadow:0 2px 12px #05966959!important}.new-quote-header-actions .nq-header-action-convert{background:var(--primary)!important;background-color:var(--primary)!important;border:none!important;color:var(--color-accent-text)!important;box-shadow:0 2px 8px var(--accent-light)!important}.new-quote-header-actions .nq-header-action-convert:hover:not(:disabled){opacity:.95;background:var(--primary-hover, var(--accent-hover))!important;box-shadow:0 2px 12px var(--accent-light)!important}.new-quote-header-actions .nq-header-action-icon-only{min-width:36px;padding-left:10px;padding-right:10px}.new-quote-header-actions .nq-header-action-icon-only span{display:none}.new-quote-content{display:flex;flex-direction:row;gap:var(--space-6);max-width:1400px;margin:0 auto;align-items:flex-start}.quote-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-6)}.quote-sidebar{width:340px;flex-shrink:0;position:sticky;top:var(--space-4);background:var(--card-bg, var(--bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-lg, 12px);overflow:hidden;transition:width .2s ease,min-width .2s ease}.quote-sidebar-collapsed{width:52px;min-width:52px}.quote-sidebar-collapsed .quote-sidebar-content{display:none}.quote-sidebar-collapsed .quote-sidebar-toggle{flex-direction:column;gap:6px;padding:var(--space-3) var(--space-2)}.quote-sidebar-collapsed .quote-sidebar-toggle-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1.2}.quote-sidebar-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border, var(--color-border-default));background:var(--bg-subtle, var(--bg-elevated))}.quote-sidebar-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) 0;background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary, var(--color-text-muted));transition:color .15s}.quote-sidebar-toggle:hover{color:var(--text-primary, var(--color-text-primary))}.quote-sidebar-toggle-icon{flex-shrink:0;font-size:12px}[data-theme=dark] .quote-sidebar{background:var(--card-bg);border-color:var(--border)}[data-theme=dark] .quote-sidebar-header{background:var(--bg-elevated);border-bottom-color:var(--border)}[data-theme=dark] .quote-sidebar-toggle{color:var(--text-secondary)}[data-theme=dark] .quote-sidebar-toggle:hover{color:var(--text-primary)}.quote-sidebar-content{padding:var(--space-4);max-height:min(80vh,700px);overflow-y:auto}.quote-proofs-modal-overlay{padding:var(--space-4);box-sizing:border-box}.quote-proofs-modal-content .proof-manager{margin-bottom:0}@media(max-width:768px){.new-quote-page{padding:var(--space-4)}.new-quote-header{flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.new-quote-header h1{font-size:24px}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.new-quote-content{flex-direction:column;gap:var(--space-4);max-width:100%}.quote-sidebar{width:100%;position:static;order:1}.quote-sidebar-collapsed{width:100%;min-width:0}.quote-sidebar-collapsed .quote-sidebar-content{display:none}.quote-sidebar-collapsed .quote-sidebar-toggle-label{display:inline}.quote-summary{position:relative;top:0}.card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.card-header button,.customer-search-container{width:100%}.customer-dropdown{max-height:200px}}.customer-search-container{position:relative;width:100%}.customer-search-container input{width:100%;padding:var(--space-3) var(--space-4);background:var(--card-bg, var(--bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);color:var(--color-text-primary);font-size:14px;font-family:inherit;transition:all var(--transition-base, .2s);box-sizing:border-box}.customer-search-container input:focus{outline:none;border-color:var(--accent, #667eea);box-shadow:0 0 0 3px var(--accent-light, rgba(102, 126, 234, .1))}.customer-search-container input::-moz-placeholder{color:var(--text-secondary, var(--color-text-muted))}.customer-search-container input::placeholder{color:var(--text-secondary, var(--color-text-muted))}.customer-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--card-bg, var(--bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));max-height:300px;overflow-y:auto;z-index:1000;margin-bottom:0}.customer-dropdown-item{padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-base, .2s);border-bottom:1px solid var(--border, var(--color-border-default))}.customer-dropdown-item:last-child{border-bottom:none}.customer-dropdown-item:hover{background:var(--card-hover, var(--bg-elevated))}.customer-dropdown-name{font-weight:600;color:var(--color-text-primary);font-size:14px;margin-bottom:2px}.customer-dropdown-email{color:var(--text-secondary, var(--color-text-muted));font-size:12px}.selected-customer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--content-bg, var(--bg-base));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px)}.selected-customer span{font-weight:600;color:var(--color-text-primary);font-size:14px}.selected-customer .btn-link{background:none;border:none;color:var(--accent-blue, var(--color-accent))!important;font-size:14px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;transition:color var(--transition-base, .2s)}.selected-customer .btn-link:hover{color:var(--accent-blue-hover, var(--color-accent))!important}.quote-customer-modern-card{margin-top:10px;padding:16px;border-radius:12px;border:1px solid var(--border, var(--color-border-default));background:linear-gradient(180deg,#fffffffa,#f8fafcfa);box-shadow:0 8px 24px #0f172a14}.quote-customer-modern-content{display:grid;gap:14px}.quote-customer-modern-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.quote-customer-modern-actions{display:flex;align-items:center;gap:10px}.quote-customer-modern-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.quote-customer-modern-title{font-weight:700;font-size:15px;color:var(--text-primary, var(--color-text-primary))}.quote-customer-modern-subtitle{font-size:12px;color:var(--text-secondary, var(--color-text-muted));margin-top:4px}.quote-customer-modern-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quote-customer-static-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quote-customer-static-item{border:1px solid var(--border, var(--color-border-default));border-radius:10px;background:#ffffffd9;padding:10px 12px}.quote-customer-static-item-wide{grid-column:span 3}.quote-customer-static-value{margin-top:4px;color:var(--text-primary, var(--color-text-primary));font-size:14px;font-weight:500}.quote-customer-static-address{white-space:pre-line;line-height:1.45}.quote-customer-field{display:flex;flex-direction:column;gap:6px}.quote-customer-field-label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary, var(--color-text-muted))}.quote-customer-modern-card input,.quote-customer-modern-card select,.quote-customer-modern-card textarea{width:100%;border:1px solid var(--border, var(--color-border-default));border-radius:8px;padding:10px 12px;background:var(--content-bg);color:var(--text-primary, var(--color-text-primary));font-size:14px}.quote-customer-modern-card textarea{min-height:74px;resize:vertical}.quote-customer-modern-card input:focus,.quote-customer-modern-card select:focus,.quote-customer-modern-card textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--accent-light)}.quote-customer-muted{font-size:12px;color:var(--text-secondary, var(--color-text-muted))}.new-quote-page .line-items-list{display:flex;flex-direction:column;gap:10px}.quote-customer-address-preview{line-height:1.45}.quote-customer-edit-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:768px){.new-quote-page{padding:var(--space-4)}.new-quote-header{flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.new-quote-header h1{font-size:24px}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.new-quote-content{grid-template-columns:1fr;gap:var(--space-4)}.quote-summary{position:relative;top:0}.card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.card-header button,.customer-search-container{width:100%}.customer-dropdown{max-height:200px}.quote-customer-modern-header{flex-direction:column;align-items:stretch}.quote-customer-modern-actions{justify-content:space-between}.quote-customer-static-grid{grid-template-columns:1fr}.quote-customer-static-item-wide{grid-column:span 1}.modal-overlay{padding:var(--space-2)}.modal-content{max-width:100%;max-height:95vh}.modal-header,.modal-body{padding:var(--space-4)}.form-group{margin-bottom:var(--space-3)}.form-group input,.form-group select,.form-group textarea{font-size:16px}}@media(max-width:480px){.new-quote-page{padding:var(--space-2)}.new-quote-header h1{font-size:20px}.card{border-radius:var(--radius-md)}.card-header,.card-body{padding:var(--space-4)}}.quote-mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--card-bg);border-top:1px solid var(--border);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));box-shadow:0 -4px 12px #00000014;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}@media(max-width:767px){.quote-mobile-bottom-bar{display:flex}.new-quote-unsaved-banner{display:none!important}.new-quote-content{padding-bottom:80px}}.quote-mobile-bottom-total{display:flex;flex-direction:column;gap:2px}.quote-mobile-bottom-unsaved{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex-shrink:0;max-width:120px;min-width:0}.quote-mobile-bottom-unsaved-text{font-size:10px;font-weight:600;color:var(--warning, #f59e0b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote-mobile-bottom-unsaved-time{font-size:9px;color:var(--text-tertiary);white-space:nowrap}.quote-mobile-bottom-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.quote-mobile-bottom-amount{font-size:20px;font-weight:700;color:var(--text-primary)}.quote-mobile-bottom-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;font-size:16px;font-weight:600;border-radius:var(--radius-md);border:none;background:var(--accent);color:var(--text-on-accent);cursor:pointer;transition:background .2s,opacity .2s}.quote-mobile-bottom-save:disabled{opacity:.7;cursor:not-allowed}.quote-mobile-bottom-save:active:not(:disabled){filter:brightness(.95)}.additional-details-modern{display:grid;gap:14px}.additional-details-subtitle{margin:0;font-size:13px;color:var(--text-secondary, var(--color-text-muted))}.additional-details-panel{border:1px solid var(--border, var(--color-border-default));border-radius:12px;background:linear-gradient(180deg,#fffffffa,#f9fafbfa);padding:14px}.additional-details-panel-title{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary, var(--color-text-muted))}.additional-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.additional-details-grid .form-group{display:flex;flex-direction:column}.additional-details-grid label{font-size:12px;font-weight:700;color:var(--text-secondary, var(--color-text-muted));margin-bottom:6px;letter-spacing:.02em;text-transform:uppercase}.additional-details-grid input,.additional-details-grid select,.additional-details-grid textarea{width:100%;padding:10px 12px;border:1px solid var(--border, var(--color-border-default));border-radius:8px;font-size:14px;background:var(--content-bg);color:var(--text-primary, var(--color-text-primary));transition:all .2s;box-sizing:border-box}.additional-details-grid input:focus,.additional-details-grid select:focus,.additional-details-grid textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f124}.additional-details-grid input:disabled{background:var(--background-secondary, var(--color-border-default));color:var(--text-secondary, var(--color-text-muted));cursor:not-allowed}.tax-codes-multi{display:flex;flex-direction:column;gap:8px;margin-top:2px;border:1px solid var(--border, var(--color-border-default));border-radius:10px;padding:10px;background:var(--color-bg-card)}.tax-code-option{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:13px;color:var(--text-primary, var(--color-bg-dark));border:1px solid var(--color-border-default);border-radius:8px;padding:8px 10px;background:var(--color-bg-surface);transition:all .2s ease}.tax-code-option span{padding-left:5px;padding-right:5px}.tax-code-option:hover{background:var(--color-border-default);border-color:#c7d2fe}.tax-code-option.is-disabled{opacity:.55;cursor:not-allowed;background:var(--color-border-default)}.tax-code-option input[type=checkbox]{accent-color:var(--color-accent);width:15px;height:15px;margin:0 2px 0 0;flex-shrink:0}.tax-code-option input[type=checkbox]:checked+span{color:#312e81;font-weight:600}[data-theme=dark] .tax-code-option input[type=checkbox]:checked+span{color:var(--accent, var(--color-accent))}.tax-codes-header{font-size:11px;font-weight:600;color:var(--color-text-muted);margin-bottom:2px;padding-bottom:6px;border-bottom:1px dashed var(--color-border-default)}.tax-codes-empty{font-size:12px;color:var(--text-tertiary, var(--color-text-muted));padding:6px 0}.additional-details-tax-group{grid-column:span 2}.additional-details-shipping{margin-top:2px;padding-top:12px;border-top:1px solid var(--border, var(--color-border-default))}@media(max-width:768px){.additional-details-grid{grid-template-columns:1fr}.additional-details-tax-group{grid-column:span 1}}.new-quote-page .ci-card{background:var(--color-bg-card);border:1.5px solid var(--color-border-default);border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.new-quote-page .ci-card-flat{background:var(--color-bg-card);border:1.5px solid var(--color-border-default);border-radius:14px;box-shadow:0 1px 4px #0000000a;padding:12px 16px}.new-quote-page .ci-section-label{font-size:10px;font-weight:700;color:var(--color-text-muted);letter-spacing:.09em;text-transform:uppercase}.new-quote-page .ci-card-header{padding:12px 16px;border-bottom:1.5px solid #f1f2f4;display:flex;align-items:center;justify-content:space-between}.new-quote-page .ci-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;border-radius:7px;padding:5px 11px;cursor:pointer;transition:all .15s ease;border:1.5px solid transparent;white-space:nowrap;background:none;color:inherit;font-family:inherit}.new-quote-page .ci-btn-primary{color:var(--color-accent);background:var(--color-bg-surface);border-color:#c7d2fe}.new-quote-page .ci-btn-primary:hover{background:var(--color-border-default);border-color:#a5b4fc}.new-quote-page .ci-btn-secondary{color:var(--color-bg-dark-hover);background:var(--color-bg-surface);border-color:var(--color-border-default)}.new-quote-page .ci-btn-secondary:hover,.new-quote-page .ci-btn-active{color:var(--color-accent);background:var(--color-bg-surface);border-color:#c7d2fe}.new-quote-page .ci-btn-indigo{color:var(--color-accent-text);background:var(--primary);border:none;box-shadow:0 2px 8px var(--accent-light)}.new-quote-page .ci-btn-indigo:hover{opacity:.9;background:var(--primary-hover, var(--accent-hover))}.new-quote-page .ci-btn-full{flex:1;justify-content:center}.new-quote-page .ci-customer-body{padding:14px 16px}.new-quote-page .ci-display-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:12px;overflow:hidden}.new-quote-page .ci-name-bar{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--border);background:var(--sidebar-bg)}.new-quote-page .ci-name-left{display:flex;align-items:center;gap:10px}.new-quote-page .ci-avatar{width:36px;height:36px;border-radius:9px;flex-shrink:0;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--text-on-accent)}.new-quote-page .ci-name-bar .ci-name{font-size:14px;font-weight:700;color:var(--sidebar-text);letter-spacing:-.01em}.new-quote-page .ci-name-bar .ci-meta{font-size:11px;color:var(--sidebar-text);opacity:.85;margin-top:1px}.new-quote-page .ci-name-actions{display:flex;gap:6px}.new-quote-page .ci-info-area{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.new-quote-page .ci-info-grid-3{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:14px}.new-quote-page .ci-info-grid-2{display:grid;grid-template-columns:1fr 1.5fr;gap:14px}.new-quote-page .ci-info-divider{height:1px;background:#f1f2f4}.new-quote-page .ci-info-row{display:flex;flex-direction:column;gap:2px}.new-quote-page .ci-info-row-label{font-size:9.5px;font-weight:700;color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase;display:flex;align-items:center;gap:3px}.new-quote-page .ci-info-row-value{font-size:12.5px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-quote-page .ci-change-mode{display:flex;flex-direction:column;gap:10px}.new-quote-page .ci-change-actions{display:flex;gap:6px}.new-quote-page .ci-search-wrap{position:relative}.new-quote-page .ci-search-wrap .ci-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.new-quote-page .ci-field-wrap{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.new-quote-page .ci-field-label{font-size:10px;font-weight:700;color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase;display:flex;align-items:center;gap:4px}.new-quote-page .ci-field-input{width:100%;padding:7px 11px;font-size:13px;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:8px;outline:none;transition:all .15s ease;box-sizing:border-box;font-family:inherit}.new-quote-page .ci-field-input:focus{background:var(--color-bg-card);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--accent-light)}.new-quote-page .ci-field-input.padded-left{padding-left:32px}.new-quote-page .ci-field-input:disabled{background:var(--color-border-default);color:var(--color-text-muted);cursor:not-allowed}.new-quote-page .ci-select-wrap{position:relative}.new-quote-page .ci-select-wrap select{width:100%;padding:7px 30px 7px 11px;font-size:13px;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .15s ease;box-sizing:border-box;font-family:inherit}.new-quote-page .ci-select-wrap select:focus{background:var(--color-bg-card);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--accent-light)}.new-quote-page .ci-select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.new-quote-page .ci-quote-card{background:var(--color-bg-card);border:1.5px solid var(--color-border-default);border-radius:14px;padding:12px 16px;box-shadow:0 1px 4px #0000000a}.new-quote-page .ci-terms-card{background:var(--color-bg-card);border:1.5px solid var(--color-border-default);border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.new-quote-page .ci-terms-header{padding:11px 16px;border-bottom:1.5px solid #f1f2f4}.new-quote-page .ci-terms-body{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.new-quote-page .ci-terms-grid-3{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:10px}.new-quote-page .ci-terms-grid-2{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;align-items:flex-start}.new-quote-page .ci-tax-group-label{font-size:10px;font-weight:700;color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase}.new-quote-page .ci-tax-options{display:flex;flex-direction:column;gap:5px}.new-quote-page .ci-tax-option{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);transition:all .15s}.new-quote-page .ci-tax-option.checked{background:var(--color-bg-surface);border-color:#c7d2fe}.new-quote-page .ci-tax-option span{font-size:12px;font-weight:500;color:var(--color-bg-dark-hover)}.new-quote-page .ci-tax-option.checked span{font-weight:600;color:var(--color-accent)}.new-quote-page .ci-tax-option.disabled{opacity:.55;cursor:not-allowed;background:var(--color-border-default)}.new-quote-page .ci-shipping-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:8px;font-size:12px;font-weight:600;color:var(--color-bg-dark-hover);cursor:pointer;font-family:inherit;transition:all .15s}.new-quote-page .ci-shipping-btn:hover{border-color:#c7d2fe;color:var(--color-accent);background:var(--color-bg-surface)}.new-quote-page .ci-customer-dropdown{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:var(--color-bg-card);border:1.5px solid var(--color-border-default);border-radius:8px;box-shadow:0 4px 12px #00000014;max-height:220px;overflow-y:auto;z-index:20}.new-quote-page .ci-customer-dropdown-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--color-border-default);transition:background .15s}.new-quote-page .ci-customer-dropdown-item:last-child{border-bottom:none}.new-quote-page .ci-customer-dropdown-item:hover{background:var(--color-bg-surface)}.new-quote-page .ci-customer-dropdown-name{font-size:13px;font-weight:600;color:var(--color-text-primary)}.new-quote-page .ci-customer-dropdown-email{font-size:11px;color:var(--color-text-muted);margin-top:2px}@media(max-width:580px){.new-quote-page .ci-info-grid-3{grid-template-columns:1fr 1fr}.new-quote-page .ci-info-grid-2{grid-template-columns:1fr}.new-quote-page .ci-terms-grid-3{grid-template-columns:1fr 1fr}.new-quote-page .ci-terms-grid-2{grid-template-columns:1fr}.new-quote-page .ci-name-bar{flex-direction:column;align-items:flex-start;gap:10px}.new-quote-page .ci-name-actions{width:100%}.new-quote-page .ci-name-actions .ci-btn{flex:1;justify-content:center}}@media(max-width:400px){.new-quote-page .ci-info-grid-3,.new-quote-page .ci-terms-grid-3{grid-template-columns:1fr}}.quotes-page-modern{min-height:100vh;background:var(--color-bg-page);width:100%;box-sizing:border-box}.quotes-modern-header{margin-bottom:var(--space-8)}.quotes-modern-title{font-size:30px;font-weight:600;line-height:36px;color:var(--color-text-primary);margin:0;margin-bottom:var(--space-2)}.quotes-modern-subtitle{font-size:16px;font-weight:400;color:var(--color-text-secondary);margin:0}.quotes-modern-actions{display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end;margin-bottom:var(--space-6)}.quotes-modern-icon-btn{width:40px;height:40px;border-radius:10px;border:.8px solid rgba(229,231,235,.5);background:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:0 1px 2px #0000001a,0 1px 3px #0000001a;color:var(--color-text-secondary);padding:0}.quotes-modern-icon-btn:hover{background:#fffc;border-color:#e5e7ebcc;color:var(--color-text-primary)}.quotes-modern-icon-btn svg{stroke:currentColor!important;fill:none!important;width:20px;height:20px}.quotes-modern-icon-btn img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.quotes-modern-btn-primary{padding:12px 24px;border-radius:14px;border:none;background:var(--primary);color:var(--color-accent-text);font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);box-shadow:0 4px 6px var(--accent-light),0 10px 15px var(--accent-light);transition:transform var(--transition-fast),box-shadow var(--transition-base)}.quotes-modern-btn-primary:hover{transform:translateY(-2px);background:var(--primary-hover, var(--accent-hover));box-shadow:0 6px 12px var(--accent-light),0 12px 20px var(--accent-light)}.quotes-modern-btn-primary img{width:20px;height:20px}.quotes-modern-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.quotes-stat-card{border-radius:16px;border:.8px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#fff9,#ffffff4d);padding:var(--space-5);box-shadow:0 8px 10px #0000001a,0 20px 25px #0000001a;display:flex;flex-direction:column;gap:var(--space-4)}.quotes-stat-icon-container{display:flex;justify-content:space-between;align-items:flex-start}.quotes-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.quotes-stat-icon.total-value{background-color:#10b98126;color:#10b981}.quotes-stat-icon.pending{background-color:#fb923c26;color:#fb923c}.quotes-stat-icon.approved{background-color:#3b82f626;color:var(--color-accent)}.quotes-stat-icon.draft{background-color:#d946ef26;color:#d946ef}.quotes-stat-trend{display:flex;align-items:center;gap:var(--space-1);font-size:12px;font-weight:600;color:#00a63e}.quotes-stat-trend.negative{color:#ef4444}.quotes-stat-value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.quotes-stat-label{font-size:14px;font-weight:400;color:var(--color-text-secondary)}.quotes-stat-value-row{display:flex;align-items:baseline;justify-content:space-between}.quotes-modern-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);border-radius:16px;border:.8px solid rgba(255,255,255,.2);background:#fff9;box-shadow:0 4px 6px #0000001a,0 10px 15px #0000001a;flex-wrap:wrap;overflow-x:auto}.quotes-filter-tab{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:14px;border:.8px solid rgba(229,231,235,.5);background:transparent;color:var(--color-text-secondary);font-size:16px;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.quotes-filter-tab:hover{background:#ffffff80;border-color:#e5e7ebcc}.quotes-filter-tab.active{background:#e0e7ffcc;border-color:var(--color-border-default);color:var(--color-accent);box-shadow:0 2px 4px #0000001a,0 4px 6px #0000001a}.quotes-filter-tab-count{background:#432dd726;color:var(--color-accent);border-radius:10px;padding:var(--space-1) var(--space-2);font-size:12px;font-weight:600;min-width:28px;text-align:center}.quotes-filter-tab.active .quotes-filter-tab-count{background:var(--color-accent);color:var(--color-accent-text)}.quotes-modern-controls{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);align-items:center;justify-content:space-between;flex-wrap:wrap}.quotes-search-container{flex:1;min-width:300px;position:relative}.quotes-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-4);border-radius:10px;border:.8px solid rgba(229,231,235,.5);background:#fff9;font-size:14px;font-family:var(--font-sans);color:var(--color-text-primary);transition:all var(--transition-base)}.quotes-search-input::-moz-placeholder{color:#0a0a0a80}.quotes-search-input::placeholder{color:#0a0a0a80}.quotes-search-input:focus{outline:none;background:#fffc;border-color:var(--color-border-default);box-shadow:0 0 0 3px #e0e7ff80}.quotes-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:#0a0a0a4d;pointer-events:none}.quotes-controls-right{display:flex;gap:var(--space-4);align-items:center}.quotes-control-item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer}.quotes-control-item img{width:20px;height:20px}.quotes-info-text{color:var(--color-text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.quotes-modern-table-container{border-radius:16px;border:.8px solid rgba(255,255,255,.2);background:#fff9;box-shadow:0 8px 10px #0000001a,0 20px 25px #0000001a;overflow:hidden;margin-bottom:var(--space-4)}.quotes-table-header{background:#ffffff80;border-bottom:.8px solid var(--color-border-default);padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1fr 1fr 1fr;gap:var(--space-3);align-items:center}.quotes-table-header-cell{font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-secondary)}.quotes-table-row{border-bottom:.8px solid var(--color-border-default);padding:var(--space-4);display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1fr 1fr 1fr;gap:var(--space-3);align-items:center;transition:background var(--transition-base)}.quotes-table-row:hover{background:#ffffff4d}.quotes-table-row:last-child{border-bottom:none}.quotes-quote-id{font-size:16px;font-weight:600;color:var(--color-text-primary)}.quotes-lead-id{font-size:16px;font-weight:500;color:var(--color-accent);text-decoration:underline;cursor:pointer}.quotes-customer{font-size:16px;font-weight:500;color:var(--color-text-primary)}.quotes-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:26px;border:.8px solid var(--color-border-default);background:var(--color-border-default);font-size:14px;font-weight:500;color:var(--color-text-primary);width:-moz-fit-content;width:fit-content}.quotes-status-badge img{width:14px;height:14px}.quotes-total{font-size:16px;font-weight:600;color:var(--color-text-primary)}.quotes-created{font-size:14px;font-weight:400;color:var(--color-text-secondary)}.quotes-actions-cell{display:flex;justify-content:flex-end}.quotes-row-actions{position:relative}.quotes-action-menu-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);padding:0}.quotes-action-menu-btn:hover{background:#0000000d;color:var(--color-text-primary)}.quotes-action-menu-portal{animation:menuSlideIn .15s ease}.quotes-action-menu-portal-with-backdrop{position:fixed;inset:0;z-index:10001}.quotes-action-menu-backdrop{position:fixed;inset:0;z-index:10001;background:transparent;cursor:default}.quotes-action-menu-wrapper{outline:none;pointer-events:auto}.quotes-action-menu{background:#fffffff2;border:.8px solid rgba(229,231,235,.5);border-radius:8px;box-shadow:0 4px 12px #00000026,0 8px 24px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:200px;max-width:240px;padding:var(--space-1) 0;z-index:10000;max-height:70vh;overflow-y:auto;overflow-x:hidden;pointer-events:auto}.quotes-action-menu button{width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--color-text-primary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-base)}.quotes-action-menu button:hover{background:#0000000d}.quotes-action-menu button:active{background:#00000014}.quotes-action-menu::-webkit-scrollbar{width:6px}.quotes-action-menu::-webkit-scrollbar-track{background:transparent}.quotes-action-menu::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.quotes-action-menu::-webkit-scrollbar-thumb:hover{background:#0000004d}.quotes-ob5-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:8px;border:.8px solid #a4f4cf;background:#ecfdf5;font-size:12px;font-weight:500;color:#007a55}.quotes-ob5-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#00bc7dd9}.quotes-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-top:.8px solid var(--color-border-default);background:#ffffff80}.quotes-page-info{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.quotes-pagination-controls{display:flex;gap:var(--space-3)}.quotes-pagination-btn{padding:var(--space-2) var(--space-3);border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.quotes-pagination-btn:hover{background:#ffffff80;color:var(--color-text-primary)}.quotes-pagination-btn.next{background:var(--primary);color:var(--color-accent-text)}.quotes-pagination-btn.next:hover{transform:translateY(-2px);background:var(--primary-hover, var(--accent-hover));box-shadow:0 4px 12px var(--accent-light)}.quotes-empty-state{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}@media(max-width:1024px){.quotes-modern-stats{grid-template-columns:repeat(2,1fr)}.quotes-table-header,.quotes-table-row{grid-template-columns:1fr 1fr 1.5fr 1fr 1fr 1fr}.quotes-table-header-cell:nth-child(6),.quotes-table-row>*:nth-child(6){display:none}.quotes-actions-cell{min-width:44px}}@media(max-width:768px){.quotes-page-modern{padding:var(--space-4)}.quotes-modern-stats{grid-template-columns:1fr}.quotes-modern-filters{overflow-x:auto}.quotes-modern-controls{flex-direction:column;align-items:stretch}.quotes-search-container{min-width:100%}.quotes-controls-right{flex-direction:column;align-items:flex-start}.quotes-table-header,.quotes-table-row{grid-template-columns:1fr;gap:var(--space-2)}.quotes-table-header-cell{display:none}.quotes-table-row>*{display:block;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-default)}.quotes-table-row>*:last-child{border-bottom:none}.quotes-pagination{flex-direction:column;gap:var(--space-3)}}[data-theme=dark] .quotes-page-modern{background:var(--color-bg-page);background-image:none}[data-theme=dark] .quotes-modern-title{color:var(--color-border-default)}[data-theme=dark] .quotes-modern-subtitle{color:var(--color-text-muted)}[data-theme=dark] .quotes-modern-icon-btn{border:.8px solid rgba(75,85,99,.5);background:#1f293799;color:var(--color-border-default)}[data-theme=dark] .quotes-modern-icon-btn:hover{background:#374151b3;border-color:#6b7280b3;color:var(--color-border-default)}[data-theme=dark] .quotes-modern-icon-btn svg{stroke:currentColor;fill:none}[data-theme=dark] .quotes-stat-card{border:.8px solid rgba(75,85,99,.3);background:linear-gradient(135deg,#1f293799,#18213666);box-shadow:0 8px 10px #0000004d,0 20px 25px #0003}[data-theme=dark] .quotes-stat-value,[data-theme=dark] .quotes-stat-label{color:var(--color-border-default)}[data-theme=dark] .quotes-modern-filters{border:.8px solid rgba(75,85,99,.3);background:#1f293799;box-shadow:0 4px 6px #0000004d,0 10px 15px #0003}[data-theme=dark] .quotes-filter-tab{border:.8px solid rgba(75,85,99,.5);color:var(--color-border-default)}[data-theme=dark] .quotes-filter-tab:hover{background:#37415180;border-color:#6b7280b3}[data-theme=dark] .quotes-filter-tab.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}[data-theme=dark] .quotes-filter-tab-count{background:var(--accent-light);color:var(--accent)}[data-theme=dark] .quotes-filter-tab.active .quotes-filter-tab-count{background:var(--color-accent);color:var(--color-accent-text)}[data-theme=dark] .quotes-search-input{border:.8px solid rgba(75,85,99,.5);background:#1f293799;color:var(--color-border-default)}[data-theme=dark] .quotes-search-input::-moz-placeholder{color:#d1d5db80}[data-theme=dark] .quotes-search-input::placeholder{color:#d1d5db80}[data-theme=dark] .quotes-search-input:focus{background:#374151b3;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}[data-theme=dark] .quotes-search-icon{color:#d1d5db66}[data-theme=dark] .quotes-control-item{color:var(--color-border-default)}[data-theme=dark] .quotes-info-text{color:var(--color-text-muted)}[data-theme=dark] .quotes-modern-table-container{border:.8px solid rgba(75,85,99,.3);background:#1f293799;box-shadow:0 8px 10px #0000004d,0 20px 25px #0003}[data-theme=dark] .quotes-table-header{background:#18213680;border-bottom:.8px solid rgba(75,85,99,.3)}[data-theme=dark] .quotes-table-header-cell{color:var(--color-text-muted)}[data-theme=dark] .quotes-table-row{border-bottom:.8px solid rgba(75,85,99,.3)}[data-theme=dark] .quotes-table-row:hover{background:#3741514d}[data-theme=dark] .quotes-quote-id{color:var(--color-border-default)}[data-theme=dark] .quotes-lead-id{color:var(--accent)}[data-theme=dark] .quotes-customer{color:var(--color-border-default)}[data-theme=dark] .quotes-status-badge{border:.8px solid rgba(107,114,128,.4);background:#37415180;color:var(--color-border-default)}[data-theme=dark] .quotes-total{color:var(--color-border-default)}[data-theme=dark] .quotes-created,[data-theme=dark] .quotes-action-menu-btn{color:var(--color-text-muted)}[data-theme=dark] .quotes-action-menu-btn:hover{background:#37415180;color:var(--color-border-default)}[data-theme=dark] .quotes-action-menu{background:#1f2937f2;border:.8px solid rgba(75,85,99,.4);box-shadow:0 4px 12px #0006,0 8px 24px #0000004d}[data-theme=dark] .quotes-action-menu button{color:var(--color-border-default)}[data-theme=dark] .quotes-action-menu button:hover{background:#4b556366}[data-theme=dark] .quotes-action-menu button:active{background:#6b728066}[data-theme=dark] .quotes-action-menu::-webkit-scrollbar-thumb{background:#d1d5db4d}[data-theme=dark] .quotes-action-menu::-webkit-scrollbar-thumb:hover{background:#d1d5db80}[data-theme=dark] .quotes-ob5-badge{border:.8px solid rgba(16,185,129,.4);background:#10b9811a;color:#6ee7b7}[data-theme=dark] .quotes-pagination{border-top:.8px solid rgba(75,85,99,.3);background:#18213680}[data-theme=dark] .quotes-page-info{color:var(--color-text-muted)}[data-theme=dark] .quotes-pagination-btn{color:var(--color-border-default)}[data-theme=dark] .quotes-pagination-btn:hover{background:#37415180;color:var(--color-border-default)}[data-theme=dark] .quotes-pagination-btn.next{background:var(--primary);color:var(--color-accent-text)}[data-theme=dark] .quotes-pagination-btn.next:hover{box-shadow:0 4px 12px var(--accent-light)}[data-theme=dark] .quotes-empty-state{color:var(--color-text-muted)}@media(max-width:768px){[data-theme=dark] .quotes-table-row>*{border-bottom:1px solid rgba(75,85,99,.3)}}.data-page-metric-strip{display:flex;flex-wrap:wrap;align-items:stretch;min-height:56px;padding:0 20px;background:var(--color-bg-card);border:1px solid var(--border-color, var(--color-border-default));border-radius:8px;box-shadow:0 1px 2px #0000000a;margin-bottom:24px;overflow:hidden}.data-page-metric-section{display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:140px;padding:12px 16px;overflow:hidden}.data-page-metric-section>div{min-width:0;overflow:hidden}.data-page-metric-section:not(:first-child){border-left:1px solid var(--border-color, var(--color-border-default))}.data-page-metric-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);margin:0}.data-page-metric-value{font-size:20px;font-weight:500;color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-page-metric-trend{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;margin-left:auto}.data-page-metric-trend.up{background:#d1fae5;color:#047857}.data-page-metric-trend.down{background:#fee2e2;color:#b91c1c}.data-page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.data-page-header-left{flex:1;min-width:0}.data-page-header-title{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0 0 2px}.data-page-header-subtitle{font-size:14px;color:var(--color-text-muted);margin:0}.data-page-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.data-page-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;border:none;border-radius:8px;background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;transition:background .15s ease}.data-page-btn-primary:hover{background:var(--color-accent)}.data-page-header-menu-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-default);border-radius:8px;background:var(--color-bg-card);color:var(--color-text-muted);cursor:pointer;padding:0;transition:background .15s ease,color .15s ease}.data-page-header-menu-btn:hover{background:var(--color-border-default);color:var(--color-text-primary)}.data-page-header-menu-wrap{position:relative}.data-page-filter-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.data-page-filter-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--color-border-default);background:var(--color-bg-card);color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.data-page-filter-tab:hover{background:var(--color-bg-surface);border-color:var(--color-border-default)}.data-page-filter-tab.active{background:var(--color-bg-surface);border-color:var(--color-accent);color:var(--color-accent)}.data-page-filter-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;border-radius:6px;background:var(--color-accent, var(--primary));color:var(--color-accent-text, white)}.data-page-filter-tab.active .data-page-filter-tab-count{background:var(--color-accent, var(--primary));color:var(--color-accent-text, white)}.data-page-search-wrap{position:relative;width:100%;margin-bottom:16px}.data-page-search-wrap .data-page-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none}.data-page-search-wrap input{width:100%;height:36px;padding:0 12px 0 38px;font-size:13px;border:1px solid var(--color-border-default);border-radius:8px;background:var(--color-bg-card);color:var(--color-text-primary);transition:border-color .15s ease,box-shadow .15s ease}.data-page-search-wrap input::-moz-placeholder{color:var(--color-text-muted)}.data-page-search-wrap input::placeholder{color:var(--color-text-muted)}.data-page-search-wrap input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #4f46e526}.data-page-search-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.data-page-search-row-inner{display:flex;align-items:center;gap:12px;width:100%}.data-page-search-row .data-page-search-wrap,.data-page-search-row-inner .data-page-search-wrap{flex:1;margin-bottom:0;min-width:0}.data-page-rows-per-page-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.data-page-rows-per-page-label{font-size:13px;color:var(--color-text-secondary, var(--color-text-muted));white-space:nowrap}.data-page-rows-per-page-select{height:36px;padding:0 32px 0 12px;font-size:13px;border:1px solid var(--border-color, var(--color-border-default));border-radius:8px;background:var(--color-bg-card);color:var(--color-text-primary, var(--color-text-primary));cursor:pointer}.data-page-bulk-toolbar{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;background:var(--color-bg-card);border:.5px solid var(--border-color, var(--color-border-default));border-radius:8px;box-shadow:0 2px 8px #00000014;animation:data-page-bulk-slide .15s ease}@keyframes data-page-bulk-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.data-page-bulk-count{font-size:13px;font-weight:500;color:var(--color-text-secondary, var(--color-text-muted));margin-right:8px}.data-page-bulk-btn{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s}.data-page-bulk-btn--primary{background:var(--accent);color:var(--text-on-accent)}.data-page-bulk-btn--primary:hover{filter:brightness(1.05)}.data-page-bulk-btn--secondary{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--border-color, var(--color-border-default))}.data-page-bulk-btn--secondary:hover{background:var(--color-background-secondary, var(--color-bg-surface))}.data-page-bulk-btn--danger{background:transparent;color:var(--accent-red, var(--danger))}.data-page-bulk-btn--danger:hover{background:#dc262614}.data-page-bulk-btn--ghost{background:transparent;color:var(--color-text-secondary);margin-left:auto}.data-page-bulk-btn--ghost:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.data-page-bulk-dropdown-wrap{position:relative}.data-page-bulk-dropdown-backdrop{position:fixed;inset:0;z-index:9998}.data-page-bulk-dropdown{position:absolute;top:100%;left:0;margin-top:4px;z-index:9999;min-width:160px;padding:4px;background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001f}.data-page-bulk-dropdown-item{display:block;width:100%;padding:8px 12px;text-align:left;border:none;border-radius:6px;background:none;font-size:13px;cursor:pointer}.data-page-bulk-dropdown-item:hover{background:var(--color-background-secondary)}.data-page-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10000}.data-page-modal{background:var(--color-bg-card);border-radius:12px;padding:20px 24px;min-width:320px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column}.data-page-modal-title{margin:0 0 12px;font-size:18px;font-weight:600}.data-page-modal-text{margin:0 0 16px;font-size:14px;color:var(--color-text-secondary)}.data-page-modal-list{max-height:200px;overflow-y:auto;margin-bottom:16px;padding:8px 0;font-size:13px;color:var(--color-text-primary)}.data-page-modal-actions{display:flex;justify-content:flex-end;gap:10px}.data-page-modal-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent}.data-page-modal-btn--secondary{background:var(--color-background-secondary);color:var(--color-text-primary);border-color:var(--border-color)}.data-page-modal-btn--primary{background:var(--accent);color:var(--text-on-accent)}.data-page-modal-btn--danger{background:var(--accent-red, var(--danger));color:var(--color-accent-text)}.data-page-table-container{width:100%;border:1px solid var(--border-color, var(--color-border-default));border-radius:8px;background:var(--color-bg-card);overflow-x:auto;overflow-y:visible;margin-bottom:16px;box-shadow:0 1px 2px #0000000a}@media(min-width:1024px){.data-page-table-container{overflow-x:visible}}.data-page-table-header{display:grid;align-items:center;padding:10px 16px;background:var(--color-bg-dark, #171717);color:var(--accent, var(--color-accent));border-bottom:1px solid rgba(255,255,255,.1);border-radius:8px 8px 0 0;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.data-page-table-header.quotes-table-grid,.data-page-table-row.quotes-table-grid{grid-template-columns:1fr 1fr 2fr 1fr minmax(120px,1fr) 1fr 40px;gap:12px}.data-page-table-header.so-table-grid,.data-page-table-row.so-table-grid{grid-template-columns:1fr 2fr 1fr minmax(120px,1fr) 1fr 1fr 40px;gap:12px}.data-page-table-header.so-table-grid.so-table-grid--with-checkbox,.data-page-table-row.so-table-grid.so-table-grid--with-checkbox{grid-template-columns:40px 1fr 2fr 1fr minmax(120px,1fr) 1fr 1fr 40px}.data-page-th-checkbox,.data-page-td-checkbox{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px}.data-page-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--accent, var(--color-accent))}.data-page-row-selected{background:var(--color-background-info, rgba(59, 130, 246, .08))!important}.data-page-table-header.inv-table-grid,.data-page-table-row.inv-table-grid{grid-template-columns:1fr 2fr 1fr minmax(120px,1fr) 1fr 1fr 40px;gap:12px}.data-page-table-row{display:grid;align-items:center;padding:10px 16px;font-size:13px;font-family:var(--font-sans);color:var(--color-text-primary, var(--color-bg-dark-hover));border-bottom:1px solid var(--border-color, var(--color-border-default));transition:background .1s ease;cursor:pointer}.data-page-table-row:hover{background:var(--color-background-secondary, var(--color-bg-surface))}.data-page-table-row:last-child{border-bottom:none}.data-page-id-cell{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-text-info, var(--color-accent));text-decoration:none}.data-page-id-cell:hover{text-decoration:underline}.data-page-empty-cell{color:var(--color-text-secondary, var(--color-text-muted))}.data-page-status-pill{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;border-radius:6px;width:-moz-fit-content;width:fit-content}.data-page-total-cell{text-align:right;min-width:120px;font-weight:500;color:var(--color-text-primary, var(--color-text-primary))}.data-page-actions-cell{display:flex;align-items:center;justify-content:flex-end}.data-page-table-row .data-page-actions-cell button,.data-page-table-row .data-page-actions-cell .quotes-action-menu-btn,.data-page-table-row .data-page-actions-cell .sales-order-action-menu-btn,.data-page-table-row .data-page-actions-cell .invoice-action-menu-btn{opacity:1;color:var(--color-text-secondary, var(--color-text-muted));background:transparent;border:none;border-radius:6px;padding:4px 8px;transition:background .15s ease,color .15s ease;cursor:pointer}.data-page-table-row .data-page-actions-cell button:hover,.data-page-table-row .data-page-actions-cell .quotes-action-menu-btn:hover,.data-page-table-row .data-page-actions-cell .sales-order-action-menu-btn:hover,.data-page-table-row .data-page-actions-cell .invoice-action-menu-btn:hover{background:var(--color-background-secondary, var(--color-border-default));color:var(--color-text-primary, var(--color-text-primary))}.data-page-row-menu-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary, var(--color-text-muted));cursor:pointer;padding:4px 8px;transition:background .15s ease,color .15s ease}.data-page-row-menu-btn:hover{background:var(--color-background-secondary, var(--color-border-default));color:var(--color-text-primary, var(--color-text-primary))}.data-page-empty-state{padding:48px 24px;text-align:center;font-size:14px;color:var(--color-text-muted)}.data-page-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;border-top:1px solid var(--border-color, var(--color-border-default));background:var(--color-background-secondary, var(--color-bg-surface));font-size:13px}.data-page-pagination-count{color:var(--color-text-muted)}.data-page-pagination-inline{display:flex;align-items:center;gap:2px}.data-page-pagination-inline button{min-width:32px;height:32px;padding:0 8px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .1s ease,color .1s ease}.data-page-pagination-inline button:hover:not(:disabled){background:var(--color-border-default);color:var(--color-text-primary)}.data-page-pagination-inline button:disabled{opacity:.5;cursor:not-allowed}.data-page-pagination-inline button.current{background:var(--color-accent);color:var(--color-accent-text)}.data-page-pagination-inline button.current:hover{background:var(--color-accent)}[data-theme=dark] .data-page-header-title,[data-theme=dark] .data-page-metric-value{color:var(--color-accent)}[data-theme=dark] .data-page-pagination{background:var(--color-bg-surface);border-top-color:var(--color-border-default);color:var(--color-text-primary)}[data-theme=dark] .data-page-pagination-count{color:var(--color-text-muted)}[data-theme=dark] .data-page-pagination-inline button{color:var(--color-text-secondary);background:transparent}[data-theme=dark] .data-page-pagination-inline button:hover:not(:disabled){background:var(--color-border-default);color:var(--color-text-primary)}[data-theme=dark] .data-page-btn-primary:hover,[data-theme=dark] .data-page-btn-primary:focus-visible{color:var(--color-accent-text)!important}[data-theme=dark] .data-page-filter-tab:hover,[data-theme=dark] .data-page-filter-tab.active:hover{color:var(--color-accent-text)!important}[data-theme=dark] .data-page-filter-tab-count,[data-theme=dark] .data-page-filter-tab.active .data-page-filter-tab-count{background:var(--color-accent, var(--primary));color:var(--color-accent-text, white)}[data-theme=dark] .data-page-filter-tab:hover .data-page-filter-tab-count,[data-theme=dark] .data-page-filter-tab.active:hover .data-page-filter-tab-count{color:var(--color-accent-text, white)!important}[data-theme=dark] .data-page-header-menu-btn:hover{color:var(--color-accent-text)!important}.data-page-btn-primary:hover,.data-page-btn-primary:focus-visible{color:var(--color-accent-text)!important}.mobile-list-card-list,.mobile-list-fab,.quotes-stat-trend-mobile{display:none}.page-size-selector{display:flex;align-items:center;gap:6px}.page-size-label{font-size:13px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-size-select-wrap{position:relative;display:flex;align-items:center}.page-size-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:5px 28px 5px 10px;border-radius:8px;border:.8px solid rgba(229,231,235,.8);background:#ffffffb3;font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--color-text-primary);cursor:pointer;transition:border-color .15s,box-shadow .15s;line-height:1.4}.page-size-select:focus{outline:none;border-color:#4f39f666;box-shadow:0 0 0 3px #4f39f61a}.page-size-select:hover{border-color:#6b728099}.page-size-chevron{position:absolute;right:8px;color:var(--color-text-muted);pointer-events:none}[data-theme=dark] .page-size-label{color:var(--color-text-muted)}[data-theme=dark] .page-size-select{background:#1f2937b3;border-color:#4b556399;color:var(--color-text-primary)}[data-theme=dark] .page-size-select:hover{border-color:var(--color-border-default)}[data-theme=dark] .page-size-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}[data-theme=dark] .page-size-chevron{color:var(--color-text-muted)}@media(min-width:769px){.mobile-list-card-list,.mobile-list-fab{display:none!important}}.mobile-list-action-sheet-backdrop{position:fixed;inset:0;z-index:2000;background:#0006;display:flex;align-items:flex-end;justify-content:center}.mobile-list-action-sheet{background:var(--color-bg-card);border-radius:16px 16px 0 0;width:100%;max-width:420px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));max-height:80vh;overflow-y:auto;animation:mobileListSheetIn .2s ease-out;box-shadow:0 -8px 24px #0f172a33}.mobile-list-action-sheet-handle{width:36px;height:4px;border-radius:2px;background:#ccc;margin:12px auto 8px}.mobile-list-action-sheet-content{display:flex;flex-direction:column}.mobile-list-action-group{padding:4px 0}.mobile-list-action-group+.mobile-list-action-group{border-top:1px solid #eee}.mobile-list-action-group--danger{margin-top:4px}.mobile-list-action-item{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:48px!important;padding:14px 20px!important;border:none!important;background:transparent!important;color:var(--color-text-primary)!important;font-size:15px!important;font-weight:400!important;text-align:left!important;font-family:inherit!important;cursor:pointer!important;border-radius:0!important}.mobile-list-action-item:active:not(:disabled){background:#f5f5f3!important}.mobile-list-action-item:disabled{opacity:.45;cursor:not-allowed!important}.mobile-list-action-item--danger{color:#a32d2d!important}.mobile-list-action-item--success{color:#1d9e75!important}.mobile-list-action-item svg{flex-shrink:0}.mobile-list-action-sheet .quote-actions-menu{min-width:0;padding:0}.mobile-list-action-sheet .quote-actions-menu-section{padding:4px 0;border-bottom:1px solid #eee}.mobile-list-action-sheet .quote-actions-menu-section:last-child{border-bottom:none}.mobile-list-action-sheet .quote-actions-menu-item{min-height:48px;padding:14px 20px;margin:0;border-radius:0;font-size:15px;gap:12px}.mobile-list-action-sheet .quote-actions-menu-section-status{margin-top:4px;padding-top:8px;border-top:1px solid #eee}@keyframes mobileListSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:768px){.mobile-list-page{background:#f5f5f3!important;padding:0 0 80px!important;min-height:100vh}.mobile-list-page,.mobile-list-page *{box-sizing:border-box}.mobile-list-page .quotes-modern-header,.mobile-list-page .sales-orders-modern-header,.mobile-list-page .invoices-modern-header{padding:20px 16px 8px;margin-bottom:0!important}.mobile-list-page .quotes-modern-title,.mobile-list-page .sales-orders-modern-title,.mobile-list-page .invoices-modern-title{font-size:20px!important;line-height:1.3!important}.mobile-list-page .quotes-modern-subtitle,.mobile-list-page .sales-orders-modern-subtitle,.mobile-list-page .invoices-modern-subtitle{font-size:12px!important;margin-top:4px!important}.mobile-list-page .quotes-modern-actions,.mobile-list-page .sales-orders-modern-actions,.mobile-list-page .invoices-modern-actions{padding:0 16px;margin-bottom:0!important}.mobile-list-new-btn{display:none!important}.mobile-list-page .quotes-modern-icon-btn,.mobile-list-page .sales-orders-modern-icon-btn,.mobile-list-page .invoices-modern-icon-btn{width:36px!important;height:36px!important;border-radius:50%!important;border:1px solid #ddd!important;background:var(--color-bg-card)!important;box-shadow:none!important;padding:0!important}.mobile-list-stats-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:8px 16px 12px!important;margin-bottom:0!important}.mobile-list-stats-grid .quotes-stat-card{background:var(--color-bg-card)!important;border-radius:10px!important;border:none!important;box-shadow:none!important;padding:10px 12px!important;gap:0!important}.mobile-list-stats-grid .quotes-stat-icon-container{display:none!important}.mobile-list-stats-grid .quotes-stat-info{display:flex;flex-direction:column}.mobile-list-stats-grid .quotes-stat-label{font-size:11px!important;color:var(--color-text-muted)!important;margin-bottom:4px!important}.mobile-list-stats-grid .quotes-stat-value{font-size:18px!important;font-weight:600!important}.mobile-list-stats-grid .quotes-stat-value-row{display:flex!important;align-items:baseline!important;justify-content:space-between!important}.mobile-list-stats-grid .quotes-stat-trend-mobile{display:inline!important}.mobile-list-stats-grid .quotes-stat-trend{font-size:11px!important;font-weight:500!important}.mobile-list-filter-scroll{overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 16px 12px!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;gap:6px!important}.mobile-list-filter-scroll::-webkit-scrollbar{display:none}.mobile-list-filter-pill{border:none!important;border-radius:20px!important;padding:7px 14px!important;font-size:12px!important;font-weight:500!important;min-height:0!important;flex-shrink:0!important;background:var(--color-bg-card)!important;color:var(--color-text-secondary)!important;border:1px solid #ddd!important;box-shadow:none!important}.mobile-list-filter-pill.active{background:var(--color-bg-page)!important;color:var(--color-accent-text)!important;border-color:var(--color-text-primary)!important}.mobile-list-filter-pill .quotes-filter-tab-count,.mobile-list-filter-pill .sales-orders-filter-tab-count,.mobile-list-filter-pill .invoices-filter-tab-count{font-size:11px!important;opacity:.6;background:transparent!important;color:inherit!important;padding:0!important;min-width:0!important}.mobile-list-filter-pill.active .quotes-filter-tab-count,.mobile-list-filter-pill.active .sales-orders-filter-tab-count,.mobile-list-filter-pill.active .invoices-filter-tab-count{opacity:1;background:#fff3!important;color:var(--color-accent-text)!important;border-radius:10px!important;padding:1px 6px!important}.mobile-list-page .quotes-modern-controls,.mobile-list-page .sales-orders-modern-controls,.mobile-list-page .invoices-modern-controls{padding:0 16px!important;margin-bottom:12px!important;flex-direction:column!important;align-items:stretch!important}.mobile-list-page .quotes-search-container,.mobile-list-page .sales-orders-search-container,.mobile-list-page .invoices-search-container{min-width:0!important;width:100%!important}.mobile-list-page .quotes-search-icon,.mobile-list-page .sales-orders-search-icon,.mobile-list-page .invoices-search-icon{display:none!important}.mobile-list-search-input{width:100%!important;padding:10px 14px!important;border:1px solid #ddd!important;border-radius:10px!important;font-size:16px!important;background:var(--color-bg-card)!important;color:var(--color-text-primary)!important;font-family:inherit!important}.mobile-list-search-input:focus{outline:none!important;border-color:#bbb!important;box-shadow:none!important}.mobile-list-page .quotes-controls-right,.mobile-list-page .sales-orders-controls-right,.mobile-list-page .invoices-controls-right,.mobile-list-desktop-table{display:none!important}.mobile-list-page .quotes-modern-table-container,.mobile-list-page .sales-orders-modern-table-container,.mobile-list-page .invoices-modern-table-container{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}.mobile-list-card-list{display:flex!important;flex-direction:column;gap:8px;padding:0 16px}.mobile-list-card{background:var(--color-bg-card);border-radius:10px;padding:14px;border:1px solid #eee;display:flex;flex-direction:column;gap:0;cursor:pointer}.mobile-list-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.mobile-list-card-title{font-size:14px;font-weight:600;color:var(--color-text-primary)!important;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.mobile-list-card-side{display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-list-card .quotes-status-badge,.mobile-list-card .sales-orders-status-badge,.mobile-list-card .invoices-status-badge{font-size:11px!important;padding:2px 10px!important;border-radius:6px!important;background:#f0f0ed!important;color:var(--color-text-secondary)!important;font-weight:500!important;border:none!important}.mobile-list-card .quotes-status-badge img{display:none}.mobile-list-card .quotes-action-menu-btn,.mobile-list-card .sales-order-action-menu-btn,.mobile-list-card .invoice-action-menu-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:8px!important;border:1px solid var(--color-border-default)!important;background:transparent!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.mobile-list-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.mobile-list-card-id{font-size:12px;color:var(--color-text-muted);margin:0}.mobile-list-card-amount{font-size:15px;font-weight:600;color:var(--color-text-primary)!important;margin:0;flex-shrink:0}.mobile-list-card-date{font-size:11px;color:var(--color-text-muted);margin:6px 0 0;display:block}.mobile-list-page .quotes-pagination,.mobile-list-page .sales-orders-pagination,.mobile-list-page .invoices-pagination{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:16px 16px 0!important;background:transparent!important;border:none!important}.mobile-list-page .quotes-page-info,.mobile-list-page .sales-orders-page-info,.mobile-list-page .invoices-page-info{font-size:12px!important;color:var(--color-text-muted)!important;order:1}.mobile-list-page .quotes-pagination-controls,.mobile-list-page .sales-orders-pagination-controls,.mobile-list-page .invoices-pagination-controls{display:contents!important}.mobile-list-page .quotes-pagination-btn,.mobile-list-page .sales-orders-pagination-btn,.mobile-list-page .invoices-pagination-btn{min-height:44px!important;padding:10px 18px!important;border-radius:8px!important;border:1px solid #ddd!important;background:var(--color-bg-card)!important;color:var(--color-text-primary)!important;font-size:13px!important;font-weight:400!important;font-family:inherit!important;cursor:pointer!important}.mobile-list-page .quotes-pagination-btn.next,.mobile-list-page .sales-orders-pagination-btn.next,.mobile-list-page .invoices-pagination-btn.next{background:var(--color-bg-card)!important;color:var(--color-text-primary)!important;box-shadow:none!important;transform:none!important}.mobile-list-page .quotes-pagination-btn:first-child,.mobile-list-page .sales-orders-pagination-btn:first-child,.mobile-list-page .invoices-pagination-btn:first-child{order:0}.mobile-list-page .quotes-pagination-btn.next,.mobile-list-page .sales-orders-pagination-btn.next,.mobile-list-page .invoices-pagination-btn.next{order:2}.mobile-list-page .quotes-pagination-btn:disabled,.mobile-list-page .sales-orders-pagination-btn:disabled,.mobile-list-page .invoices-pagination-btn:disabled{opacity:.4}.mobile-list-fab{display:flex!important;position:fixed!important;bottom:24px!important;right:20px!important;z-index:1200!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border:none!important;border-radius:50%!important;background:#534ab7!important;color:var(--color-accent-text)!important;box-shadow:0 3px 12px #534ab759!important;cursor:pointer!important;align-items:center!important;justify-content:center!important;padding:0!important}.mobile-list-fab svg{width:22px;height:22px}.mobile-list-page .quotes-empty-state,.mobile-list-page .sales-orders-empty-state,.mobile-list-page .invoices-empty-state{padding:40px 16px!important;text-align:center;color:var(--color-text-secondary)}}[data-theme=dark] .mobile-list-action-sheet{background:var(--color-bg-dark)}[data-theme=dark] .mobile-list-action-sheet-handle{background:var(--color-text-secondary)}[data-theme=dark] .mobile-list-action-group+.mobile-list-action-group,[data-theme=dark] .mobile-list-action-sheet .quote-actions-menu-section{border-color:#4b556380}[data-theme=dark] .mobile-list-action-item{color:var(--color-border-default)!important}[data-theme=dark] .mobile-list-action-item:active:not(:disabled){background:#374151b3!important}@media(max-width:768px){[data-theme=dark] .mobile-list-card{background:#1f2937d9;border-color:#4b556366}[data-theme=dark] .mobile-list-card-title,[data-theme=dark] .mobile-list-card-amount{color:var(--color-accent)!important}[data-theme=dark] .mobile-list-card-id,[data-theme=dark] .mobile-list-card-date{color:var(--color-text-muted)}[data-theme=dark] .mobile-list-page{background:var(--color-bg-page)!important}[data-theme=dark] .mobile-list-stats-grid .quotes-stat-card{background:#1f2937d9!important}[data-theme=dark] .mobile-list-stats-grid .quotes-stat-value{color:var(--color-border-default)!important}[data-theme=dark] .mobile-list-stats-grid .quotes-stat-label{color:var(--color-text-muted)!important}[data-theme=dark] .mobile-list-filter-pill{background:#1f2937d9!important;color:var(--color-border-default)!important;border-color:#4b556380!important}[data-theme=dark] .mobile-list-filter-pill.active{background:var(--color-border-default)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}[data-theme=dark] .mobile-list-filter-pill:hover,[data-theme=dark] .data-page-filter-tab:hover,[data-theme=dark] .data-page-filter-tab.active:hover,[data-theme=dark] .mobile-list-filter-pill:hover .quotes-filter-tab-count,[data-theme=dark] .mobile-list-filter-pill:hover .sales-orders-filter-tab-count,[data-theme=dark] .mobile-list-filter-pill:hover .invoices-filter-tab-count,[data-theme=dark] .data-page-filter-tab:hover .data-page-filter-tab-count{color:var(--color-accent-text)!important}[data-theme=dark] .mobile-list-search-input,[data-theme=dark] .mobile-list-page .quotes-pagination-btn,[data-theme=dark] .mobile-list-page .sales-orders-pagination-btn,[data-theme=dark] .mobile-list-page .invoices-pagination-btn{background:#1f2937d9!important;border-color:#4b556380!important;color:var(--color-border-default)!important}}.confirm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal{background:var(--color-bg-card, #fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:480px;overflow:hidden;display:flex;flex-direction:column;animation:confirmModalSlideIn .2s ease-out}@keyframes confirmModalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-default, var(--color-border-default))}.confirm-modal-title-wrap{display:flex;align-items:center;gap:.75rem}.confirm-modal-icon{flex-shrink:0}.confirm-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.confirm-modal-close{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary, var(--color-text-muted));display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s ease}.confirm-modal-close:hover{background:var(--bg-hover, var(--color-bg-surface))}.confirm-modal-body{padding:1.5rem}.confirm-modal-body p{margin:0;font-size:.9375rem;color:var(--text-primary, var(--color-text-primary));line-height:1.5}.confirm-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-default, var(--color-border-default))}.confirm-modal-btn-cancel,.confirm-modal-btn-confirm{padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.confirm-modal-btn-cancel{background:var(--bg-surface, #fff);color:var(--text-primary, var(--color-text-primary));border:1px solid var(--border-default, var(--color-border-default))}.confirm-modal-btn-cancel:hover{background:var(--bg-hover, var(--color-bg-surface))}.confirm-modal-btn-confirm{color:#fff}.confirm-modal-btn-default{background:var(--color-accent, var(--primary))}.confirm-modal-btn-default:hover{background:color-mix(in srgb,var(--color-accent, var(--primary)) 90%,#000)}.confirm-modal-btn-danger{background:#ef4444}.confirm-modal-btn-danger:hover{background:var(--danger)}.confirm-modal-btn-warning{background:#f59e0b}.confirm-modal-btn-warning:hover{background:#d97706}.confirm-modal-danger .confirm-modal-icon{color:#ef4444}.confirm-modal-warning .confirm-modal-icon{color:#f59e0b}.mockup-preview-container{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.mockup-thumbnail-wrapper{position:relative;cursor:pointer}.mockup-thumbnail{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;border:2px solid var(--color-border-default);border-radius:6px;background:#000;transition:all .2s}.mockup-thumbnail:hover{border-color:#4caf50;box-shadow:0 2px 8px #00000026}.mockup-hover-preview{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;z-index:100;background:#000;border:2px solid #4CAF50;border-radius:8px;padding:8px;box-shadow:0 4px 12px #0003;pointer-events:none;animation:fadeIn .15s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mockup-hover-preview:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#4caf50}.mockup-hover-img{width:200px;height:auto;max-height:250px;-o-object-fit:contain;object-fit:contain;display:block}.mockup-hover-label{text-align:center;font-size:12px;font-weight:600;color:var(--color-text-primary);margin-top:4px;padding-top:4px;border-top:1px solid var(--color-border-default)}.mockup-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeInOverlay .2s ease-in}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.mockup-modal-content{background:#000;border-radius:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d}.mockup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border-default)}.mockup-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.mockup-modal-close{background:transparent;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.mockup-modal-close:hover{background:#000;color:var(--color-text-primary)}.mockup-modal-body{padding:20px;display:flex;align-items:center;justify-content:center;overflow:auto}.mockup-modal-img{max-width:100%;max-height:calc(90vh - 100px);-o-object-fit:contain;object-fit:contain;border-radius:8px}.payment-modal{width:600px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.payment-modal .modal-header{flex-shrink:0;padding:20px;border-bottom:1px solid #e0e0e0;background:#000;border-radius:8px 8px 0 0}.payment-modal .modal-body{overflow-y:auto;flex:1;padding:20px 20px 30px;min-height:0;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.payment-modal .modal-body::-webkit-scrollbar{width:8px}.payment-modal .modal-body::-webkit-scrollbar-track{background:#000}.payment-modal .modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.payment-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.payment-summary{background:#000;padding:15px;border-radius:8px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.summary-row.balance-row{border-top:2px solid #333;margin-top:8px;padding-top:12px;font-weight:700;font-size:16px}.summary-row .amount{font-weight:600;color:var(--color-text-primary)}.payment-method-tabs{display:flex;gap:10px;margin-top:8px}.method-tab{flex:1;padding:12px 20px;border:2px solid #ddd;background:#000;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s}.method-tab:hover{border-color:#4caf50;background:#000}.method-tab.active{border-color:#4caf50;background:#4caf50;color:#fff;font-weight:600}.amount-presets{display:flex;gap:10px;margin-top:8px;margin-bottom:16px;flex-wrap:wrap}.preset-btn{flex:1;min-width:120px;padding:10px 15px;border:1px solid var(--color-border-default);background:#000;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;white-space:nowrap}.preset-btn:hover{border-color:#2196f3;background:#000}.preset-btn.active{border-color:#2196f3;background:#2196f3;color:#fff;font-weight:600}.amount-input-group{display:flex;align-items:stretch;width:100%;margin-top:8px;border:2px solid var(--border, var(--color-border-default));border-radius:6px;overflow:hidden;background:var(--content-bg);transition:border-color .2s}.amount-input-group:focus-within{border-color:var(--accent, #4CAF50)}.amount-prefix{display:flex;align-items:center;justify-content:center;padding:0 14px;background:var(--content-bg);border-right:1px solid var(--border, var(--color-border-default));font-size:18px;font-weight:600;color:var(--text-secondary, var(--color-text-muted));flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.amount-field{flex:1;min-width:0;height:48px;padding:0 14px;font-size:18px;font-weight:600;color:var(--text-primary, var(--color-text-primary));border:none;outline:none;background:transparent;box-sizing:border-box}.amount-field::-moz-placeholder{color:var(--text-tertiary, var(--color-text-muted));font-weight:400}.amount-field::placeholder{color:var(--text-tertiary, var(--color-text-muted));font-weight:400}.amount-field::-webkit-outer-spin-button,.amount-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-field[type=number]{-moz-appearance:textfield}.card-payment-section{margin:20px 0;padding:20px;background:#000;border-radius:8px;border:1px solid var(--color-border-default)}#card-container{min-height:120px}.square-error{padding:20px;background:#000;border:1px solid #f44336;border-radius:6px;text-align:center}.square-error p{color:#c62828;margin-bottom:12px}.square-error button{padding:8px 20px;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer}.square-error button:hover{background:#c62828}.loading-spinner{text-align:center;padding:30px;color:var(--color-text-secondary);font-style:italic}.error-message{padding:12px 15px;background:#000;border-left:4px solid #f44336;border-radius:4px;margin-bottom:20px;color:#c62828}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #ddd;margin-bottom:0}.btn-secondary{padding:10px 20px;border:1px solid var(--color-border-default);background:#000;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-secondary:hover{background:#000}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:10px 25px;border:none;background:#4caf50;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#45a049}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:#9e9e9e}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-text-primary);font-size:14px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-default);border-radius:6px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:#4caf50;outline:none}.form-group textarea{resize:vertical}.payment-history{margin:20px 0;padding:15px;background:#000;border-radius:8px;border:1px solid var(--color-border-default);max-height:300px;overflow-y:auto}.payment-history h3{margin:0 0 15px;font-size:16px;color:var(--color-text-primary);font-weight:600;position:sticky;top:0;background:#000;padding-bottom:10px;z-index:1}.payment-modal .payments-list{display:flex;flex-direction:column;gap:10px}.payment-modal .payment-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#000;border:1px solid var(--color-border-default);border-radius:6px;transition:all .2s}.payment-modal .payment-item:hover{border-color:#4caf50;box-shadow:0 2px 4px #0000001a}.payment-info{flex:1;display:flex;flex-direction:column;gap:6px}.payment-method-badge{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--color-text-primary);font-size:14px}.method-name{text-transform:capitalize}.payment-amount{font-size:18px;font-weight:700;color:#4caf50}.payment-date{font-size:12px;color:var(--color-text-secondary)}.payment-notes{font-size:12px;color:var(--color-text-secondary);font-style:italic;margin-top:4px}.receipt-link{font-size:12px;color:#2196f3;text-decoration:none;margin-top:4px}.payment-actions{display:flex;align-items:center;gap:8px}.btn-delete-payment{background:#000;border:1px solid #f44336;color:#c62828;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-delete-payment:hover{background:#000;color:#fff}.btn-delete-payment:disabled{opacity:.5;cursor:not-allowed}.cannot-delete{color:var(--color-text-muted);font-size:18px;cursor:not-allowed;padding:6px}@media(max-width:768px){.payment-modal{width:100%;max-height:95vh;overflow-y:auto}.payment-method-tabs,.amount-presets{flex-direction:column}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.production-date-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.production-date-modal{background:var(--color-bg-card, #fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.production-date-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-default, var(--color-border-default))}.production-date-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--text-primary, var(--color-text-primary))}.production-date-modal-close{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary, var(--color-text-muted));display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s ease}.production-date-modal-close:hover{background:var(--bg-hover, var(--color-bg-surface))}.production-date-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.production-date-field{display:flex;flex-direction:column;gap:.5rem}.production-date-field label{font-size:.875rem;font-weight:500;color:var(--text-primary, var(--color-text-primary))}.production-date-field .required{color:#ef4444}.production-date-field input[type=date]{padding:.625rem .75rem;border:1px solid var(--border-default, var(--color-border-default));border-radius:6px;font-size:.875rem;font-family:inherit;background:var(--bg-surface, #fff);color:var(--text-primary, var(--color-text-primary));transition:border-color .15s ease,box-shadow .15s ease}.production-date-field input[type=date]:focus{outline:none;border-color:var(--color-accent, var(--primary));box-shadow:0 0 0 3px #3b82f61a}.production-date-field input[type=date].error{border-color:#ef4444}.production-date-field .error-message{font-size:.75rem;color:#ef4444;margin-top:-.25rem}.production-date-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-default, var(--color-border-default))}.production-date-modal-footer .btn-secondary,.production-date-modal-footer .btn-primary{padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.production-date-modal-footer .btn-secondary{background:var(--bg-surface, #fff);color:var(--text-primary, var(--color-text-primary));border:1px solid var(--border-default, var(--color-border-default))}.production-date-modal-footer .btn-secondary:hover{background:var(--bg-hover, var(--color-bg-surface))}.production-date-modal-footer .btn-primary{background:var(--color-accent, var(--primary));color:#fff}.production-date-modal-footer .btn-primary:hover{background:color-mix(in srgb,var(--color-accent, var(--primary)) 90%,#000)}.sales-order-detail-page{padding:var(--space-10, 40px);max-width:1400px;margin:0 auto}.sales-order-detail-content.layout-with-sidebar{display:flex;flex-direction:row;gap:var(--space-6);align-items:flex-start;margin-top:var(--space-4)}.sales-order-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-5)}@media(max-width:768px){.sales-order-detail-content.layout-with-sidebar{flex-direction:column}}.sales-order-detail-content{background:var(--card-bg, var(--bg-surface));border-radius:var(--radius-lg, 12px);width:100%;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.qbo-status-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-md, 8px);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.qbo-status-badge.qbo-status-synced{background:#d1fae5;color:#065f46}.qbo-status-badge.qbo-status-pending{background:#000;color:#92400e}.qbo-status-badge.qbo-status-processing{background:var(--color-bg-surface);color:#1e40af}.qbo-status-badge.qbo-status-error{background:#000;color:#991b1b}.qbo-status-badge.qbo-status-not-synced{background:var(--bg-elevated);color:var(--color-text-secondary)}.btn-small{padding:6px 12px;font-size:13px;min-height:auto;white-space:nowrap}.qbo-error-text{font-size:14px;color:var(--danger);margin-top:var(--space-2, 8px)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5, 20px) var(--space-6, 24px);border-bottom:1px solid var(--border, var(--color-border-default));background:var(--card-bg, var(--bg-surface));border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0}.header-left h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.header-left .customer-name{margin:4px 0 0;color:var(--color-text-muted);font-size:.9rem}@media(max-width:768px){.sales-order-detail-page{padding:var(--space-4, 16px)}.header-actions{flex-direction:column;width:100%;gap:8px}.header-actions button{width:100%;min-height:44px;font-size:16px}.btn-small{min-height:44px;padding:10px 16px;font-size:16px}}.header-actions{display:flex;gap:8px;align-items:center}.sales-order-actions-dropdown{position:relative}.dropdown-backdrop{position:fixed;inset:0;z-index:10}.sales-order-actions-menu{position:absolute;top:100%;right:0;margin-top:6px;min-width:220px;padding:6px 0;z-index:11;box-shadow:0 10px 25px #00000026;border:1px solid var(--border, var(--color-border-default))}.dropdown-action-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;font-size:14px;color:var(--text-primary, var(--color-bg-dark));text-align:left;cursor:pointer;transition:background .15s}.dropdown-action-item:hover:not(:disabled){background:var(--bg-elevated, var(--color-border-default))}.dropdown-action-item:disabled{opacity:.6;cursor:not-allowed}.dropdown-action-item.dropdown-action-convert{border-top:1px solid var(--border, var(--color-border-default));margin-top:4px;padding-top:10px;font-weight:500}.customer-info-section{margin-bottom:var(--space-5, 24px);padding:var(--space-4, 16px) var(--space-5, 20px);background:var(--content-bg, var(--bg-surface));border-radius:var(--radius-md, 8px);border:1px solid var(--border, var(--color-border-default))}.customer-info-section h3{margin:0 0 var(--space-3, 12px) 0;font-size:1rem;font-weight:600;color:var(--text-primary, var(--color-bg-dark))}.customer-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-5, 20px)}@media(max-width:900px){.customer-info-grid{grid-template-columns:1fr}}.customer-info-block{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.customer-info-block.customer-contact{grid-column:1}.customer-info-row{display:flex;flex-direction:column;gap:2px}.customer-info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, var(--color-text-muted));font-weight:600}.customer-info-value{font-size:14px;color:var(--text-primary, var(--color-bg-dark))}.customer-info-value a{color:var(--link-color, var(--color-accent));text-decoration:none}.customer-info-value a:hover{text-decoration:underline}.customer-info-subtitle{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, var(--color-text-muted))}.customer-address-text{font-size:14px;line-height:1.5;color:var(--text-primary, var(--color-bg-dark))}.customer-info-muted{color:var(--text-muted, var(--color-text-muted));font-style:italic}.customer-address-fields{display:flex;flex-direction:column;gap:8px}.customer-address-input{padding:6px 10px;border:1px solid var(--border, var(--color-border-default));border-radius:6px;font-size:14px;width:100%}.customer-address-row{display:grid;grid-template-columns:1fr auto auto;gap:8px}.customer-address-state{max-width:80px}.customer-address-zip{max-width:90px}.customer-address-actions{display:flex;gap:8px;margin-top:4px}.customer-shipping-select{padding:6px 10px;border:1px solid var(--border, var(--color-border-default));border-radius:6px;font-size:14px;margin-bottom:8px;min-width:200px}.customer-shipping-default{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary, var(--color-bg-dark));cursor:pointer}.btn-work-order{background:var(--color-accent);color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:6px;transition:background .2s}.btn-work-order:hover{background:var(--color-accent)}.btn-close{background:none;border:1px solid var(--color-border-default);width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.2rem;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.btn-close:hover{background:var(--bg-elevated);color:var(--color-bg-dark)}.order-info-section{padding:20px 24px;background:#000;border-bottom:1px solid #fef08a}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.info-item span{font-size:.95rem;color:var(--color-bg-dark);font-weight:500}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.paid{background:#d1fae5;color:#065f46}.status-badge.partial_paid{background:var(--color-bg-surface);color:#1e40af}.status-badge.sent_to_production{background:#ede9fe;color:#5b21b6}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.status-select{padding:6px 10px;border:1px solid var(--border, var(--color-border-default));border-radius:6px;font-size:14px;font-weight:500;background:var(--color-bg-card);color:var(--color-bg-dark);min-width:160px;cursor:pointer}.status-select:hover:not(:disabled){border-color:var(--color-text-muted)}.status-select:focus{outline:none;border-color:var(--primary, var(--color-accent));box-shadow:0 0 0 2px #2563eb26}.status-select:disabled{opacity:.7;cursor:not-allowed}.tax-exempt-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--status-success-bg);color:var(--accent-green);border-radius:4px;font-size:.8rem;font-weight:600}[data-theme=light] .tax-exempt-badge{background:#10b98124;color:#047857}[data-theme=dark] .tax-exempt-badge{background:var(--status-success-bg);color:#34d399}.mockups-section{padding:20px 24px;border-bottom:1px solid var(--color-border-default)}.mockups-section h3{margin:0 0 12px;font-size:1rem;color:var(--text-primary)}.line-items-section{padding:20px 24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.btn-add-item{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500}.btn-add-item:hover{background:#059669}.no-items{text-align:center;padding:40px;color:var(--text-secondary);background:var(--bg-surface);border-radius:8px;border:2px dashed rgba(255,255,255,.1)}.no-items button{margin-top:12px;background:var(--color-accent);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.line-items-list{display:flex;flex-direction:column;gap:12px;background:var(--card-bg, var(--bg-surface));border-radius:8px;border:1px solid var(--border-color, var(--color-border-default));overflow:hidden}.line-item-card{background:var(--bg-elevated);border:1px solid var(--border-color, var(--border));border-radius:8px;padding:16px}.item-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.item-info h4{margin:0;font-size:1rem;color:var(--text-primary)}.item-meta{margin:4px 0 0;font-size:.85rem;color:var(--color-text-muted)}.item-price{font-size:1.1rem;font-weight:700;color:var(--color-accent, #059669)}.size-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.size-tag{background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500;color:var(--text-primary)}.item-mockups{margin-bottom:12px;padding-top:8px;border-top:1px solid var(--color-border-default)}.item-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--color-border-default)}.item-actions button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.item-actions button:hover{background:var(--bg-elevated)}.item-actions .btn-delete:hover{background:#000;border-color:#fecaca;color:var(--danger)}.notes-section{padding:20px 24px;border-top:1px solid var(--color-border-default)}.notes-section h3{margin:0 0 12px;font-size:1rem;color:var(--text-primary)}.notes-section textarea{width:100%;padding:12px;border:1px solid var(--color-border-default);border-radius:6px;font-size:.9rem;resize:vertical;font-family:inherit}.notes-section textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e51a}.totals-section{padding:0 24px 20px}.payment-summary{padding:16px 24px;background:var(--bg-elevated);border-top:1px solid var(--color-border-default)}.payment-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.9rem;color:var(--text-primary)}.payment-row .amount{font-weight:600;color:var(--text-primary)}.payment-row .amount.paid{color:var(--accent, #059669)}.payment-row.balance{padding-top:8px;margin-top:8px;border-top:1px solid var(--color-border-default);font-weight:600}.payment-row.balance .amount{font-size:1.1rem;color:var(--status-error, var(--danger))}.payment-breakdown{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-default)}.payment-breakdown-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);margin-bottom:8px}.payment-breakdown-list{list-style:none;margin:0;padding:0}.payment-breakdown-item{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:4px 0;font-size:.875rem;color:var(--text-primary)}.payment-breakdown-method{flex:1;min-width:0;color:var(--text-primary)}.payment-breakdown-amount{font-weight:600;color:var(--text-primary)}.payment-breakdown-date{font-size:.8rem;color:var(--text-secondary)}.payment-breakdown-actions{flex-shrink:0}.payment-breakdown-remove{padding:2px 8px;font-size:.75rem;background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:4px;cursor:pointer;font-weight:500}.payment-breakdown-remove:hover:not(:disabled){background:var(--status-error-bg, #fef2f2);color:var(--status-error, #b91c1c)}.payment-breakdown-remove:disabled{opacity:.6;cursor:not-allowed}.payment-breakdown-refund{padding:2px 8px;font-size:.75rem;background:transparent;border:1px solid var(--accent, var(--color-accent));color:var(--accent, var(--color-accent));border-radius:4px;cursor:pointer;font-weight:500}.payment-breakdown-refund:hover{background:var(--accent-light);color:var(--accent-hover, var(--color-accent))}.payment-remove-disabled{font-size:.875rem;opacity:.7;cursor:default}.detail-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color-border-default);background:var(--bg-elevated);border-radius:0 0 12px 12px;position:sticky;bottom:0}.btn-cancel{background:var(--bg-surface);border:1px solid var(--color-border-default);padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.btn-cancel:hover{background:var(--bg-elevated)}.btn-save{background:#10b981;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600}.btn-save:hover{background:#059669}.btn-save:disabled{background:var(--color-text-muted);cursor:not-allowed}.error-banner{background:#000;color:var(--danger);padding:12px 24px;border-bottom:1px solid #fecaca}.shipment-section{padding:20px 24px;background:var(--color-bg-surface);border-top:1px solid #bfdbfe;border-bottom:1px solid #bfdbfe}.shipment-section h3{margin:0 0 16px;font-size:1rem;color:var(--text-primary)}.shipment-info{display:flex;flex-direction:column;gap:12px}.shipment-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #dbeafe}.shipment-row:last-child{border-bottom:none}.shipment-label{font-size:.9rem;font-weight:600;color:#1e40af}.shipment-value{font-size:.9rem;color:var(--color-bg-dark);display:flex;align-items:center;gap:8px}.tracking-link{color:var(--color-accent);text-decoration:none;font-size:.85rem;font-weight:500}.tracking-link:hover{text-decoration:underline}.shipment-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #dbeafe}.shipment-actions .btn-secondary{background:var(--bg-surface);border:1px solid var(--color-accent);color:var(--color-accent);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;text-decoration:none;display:inline-block;transition:all .2s}.shipment-actions .btn-secondary:hover{background:var(--color-accent);color:#fff}.btn-primary{background:var(--color-accent);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s}.copy-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;padding:10px 20px;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:600;box-shadow:var(--shadow-sm);animation:copy-toast-in .25s ease-out}@keyframes copy-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=dark] .sales-order-detail-content,[data-theme=dark] .sales-order-main,[data-theme=dark] .line-items-section{background:var(--card-bg)}[data-theme=dark] .sales-order-detail-page .line-items-list{background:var(--card-bg);border-color:var(--accent, var(--color-accent))}[data-theme=dark] .qbo-status-badge.qbo-status-synced{background:#10b98140;color:#6ee7b7}[data-theme=dark] .qbo-status-badge.qbo-status-pending{background:#f59e0b40;color:#fcd34d}[data-theme=dark] .qbo-status-badge.qbo-status-error{background:#ef444440;color:#fca5a5}[data-theme=dark] .qbo-status-badge.qbo-status-not-synced{background:var(--bg-elevated);color:var(--text-secondary)}[data-theme=dark] .sales-order-detail-page .detail-header .header-left h2{color:var(--accent, var(--color-accent))}[data-theme=dark] .payment-summary{background:var(--bg-elevated);border-top-color:var(--color-border-default)}[data-theme=dark] .payment-summary .payment-row,[data-theme=dark] .payment-summary .payment-row .amount{color:var(--text-primary)}[data-theme=dark] .payment-summary .payment-row .amount.paid,[data-theme=dark] .payment-summary .payment-breakdown-title{color:var(--accent, var(--color-accent))}[data-theme=dark] .payment-summary .payment-breakdown-item,[data-theme=dark] .payment-summary .payment-breakdown-method,[data-theme=dark] .payment-summary .payment-breakdown-amount,[data-theme=dark] .payment-summary .payment-breakdown-date{color:var(--text-primary)}[data-theme=dark] .payment-breakdown-remove{border-color:#f87171;color:#fca5a5}[data-theme=dark] .payment-breakdown-remove:hover:not(:disabled){background:#ef444433;color:#fca5a5}.sales-orders-page-modern{min-height:100vh;background:var(--color-bg-page);width:100%;box-sizing:border-box}.sales-orders-modern-header{margin-bottom:var(--space-8)}.sales-orders-modern-title{font-size:30px;font-weight:600;line-height:36px;color:var(--color-text-primary);margin:0;margin-bottom:var(--space-2)}.sales-orders-modern-subtitle{font-size:16px;font-weight:400;color:var(--color-text-secondary);margin:0}.sales-orders-modern-actions{display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end;margin-bottom:var(--space-6)}.sales-orders-modern-icon-btn{width:40px;height:40px;border-radius:10px;border:.8px solid rgba(229,231,235,.5);background:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:0 1px 2px #0000001a,0 1px 3px #0000001a;color:var(--color-text-secondary);padding:0}.sales-orders-modern-icon-btn:hover{background:#fffc;border-color:#e5e7ebcc;color:var(--color-text-primary)}.sales-orders-modern-icon-btn svg{stroke:currentColor!important;fill:none!important;width:20px;height:20px}.sales-orders-modern-btn-primary{padding:12px 24px;border-radius:14px;border:none;background:var(--primary);color:var(--color-accent-text);font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);box-shadow:0 4px 6px var(--accent-light),0 10px 15px var(--accent-light);transition:transform var(--transition-fast),box-shadow var(--transition-base)}.sales-orders-modern-btn-primary:hover{transform:translateY(-2px);background:var(--primary-hover, var(--accent-hover));box-shadow:0 6px 12px var(--accent-light),0 12px 20px var(--accent-light)}.sales-orders-modern-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.sales-orders-modern-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);border-radius:16px;border:.8px solid rgba(255,255,255,.2);background:#fff9;box-shadow:0 4px 6px #0000001a,0 10px 15px #0000001a;flex-wrap:wrap;overflow-x:auto}.sales-orders-filter-tab{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:14px;border:.8px solid rgba(229,231,235,.5);background:transparent;color:var(--color-text-secondary);font-size:16px;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.sales-orders-filter-tab:hover{background:#ffffff80;border-color:#e5e7ebcc}.sales-orders-filter-tab.active{background:#e0e7ffcc;border-color:var(--color-border-default);color:var(--color-accent);box-shadow:0 2px 4px #0000001a,0 4px 6px #0000001a}.sales-orders-filter-tab-count{background:#432dd726;color:var(--color-accent);border-radius:10px;padding:var(--space-1) var(--space-2);font-size:12px;font-weight:600;min-width:28px;text-align:center}.sales-orders-filter-tab.active .sales-orders-filter-tab-count{background:var(--color-accent);color:var(--color-accent-text)}.sales-orders-modern-controls{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);align-items:center;justify-content:space-between;flex-wrap:wrap}.sales-orders-search-container{flex:1;min-width:300px;position:relative}.sales-orders-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-4);border-radius:10px;border:.8px solid rgba(229,231,235,.5);background:#fff9;font-size:14px;font-family:var(--font-sans);color:var(--color-text-primary);transition:all var(--transition-base)}.sales-orders-search-input::-moz-placeholder{color:#0a0a0a80}.sales-orders-search-input::placeholder{color:#0a0a0a80}.sales-orders-search-input:focus{outline:none;background:#fffc;border-color:var(--color-border-default);box-shadow:0 0 0 3px #e0e7ff80}.sales-orders-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:#0a0a0a4d;pointer-events:none}.sales-orders-controls-right{display:flex;gap:var(--space-4);align-items:center}.sales-orders-info-text{color:var(--color-text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.sales-orders-modern-table-container{border-radius:16px;border:.8px solid rgba(255,255,255,.2);background:#fff9;box-shadow:0 8px 10px #0000001a,0 20px 25px #0000001a;overflow:hidden;margin-bottom:var(--space-4)}.sales-orders-table-header{background:#ffffff80;border-bottom:.8px solid var(--color-border-default);padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr 1fr;gap:var(--space-3);align-items:center}.sales-orders-table-header-cell{font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-secondary)}.sales-orders-table-row{border-bottom:.8px solid var(--color-border-default);padding:var(--space-4);display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr 1fr;gap:var(--space-3);align-items:center;transition:background var(--transition-base);cursor:pointer}.sales-orders-table-row:hover{background:#ffffff4d}.sales-orders-table-row:last-child{border-bottom:none}.sales-orders-order-id{font-size:16px;font-weight:600;color:var(--color-text-primary)}.sales-orders-customer{font-size:16px;font-weight:500;color:var(--color-text-primary)}.sales-orders-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:26px;border:.8px solid rgba(229,231,235,.5);font-size:14px;font-weight:500;width:-moz-fit-content;width:fit-content}.sales-orders-total,.sales-orders-balance{font-size:16px;font-weight:600;color:var(--color-text-primary)}.sales-orders-created{font-size:14px;font-weight:400;color:var(--color-text-secondary)}.sales-orders-actions-cell{display:flex;justify-content:flex-end}.sales-order-row-actions{position:relative}.sales-order-action-menu-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);padding:0}.sales-order-action-menu-btn:hover{background:#0000000d;color:var(--color-text-primary)}.sales-order-action-menu-portal{animation:menuSlideIn .15s ease}.sales-order-action-menu-portal-with-backdrop{position:fixed;inset:0;z-index:10001}.sales-order-action-menu-backdrop{position:fixed;inset:0;z-index:10001;background:transparent;cursor:default}.sales-order-action-menu-wrapper{outline:none;pointer-events:auto}.sales-order-action-menu{background:#fffffff2;border:.8px solid rgba(229,231,235,.5);border-radius:8px;box-shadow:0 4px 12px #00000026,0 8px 24px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:200px;max-width:240px;padding:var(--space-1) 0;z-index:10000;max-height:70vh;overflow-y:auto;overflow-x:hidden;pointer-events:auto}.sales-order-action-menu button{width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--color-text-primary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-base)}.sales-order-action-menu button:hover{background:#0000000d}.sales-orders-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-top:.8px solid var(--color-border-default);background:#ffffff80}.sales-orders-page-info{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.sales-orders-pagination-controls{display:flex;gap:var(--space-3)}.sales-orders-pagination-btn{padding:var(--space-2) var(--space-3);border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.sales-orders-pagination-btn:hover{background:#ffffff80;color:var(--color-text-primary)}.sales-orders-pagination-btn.next{background:var(--primary);color:var(--color-accent-text)}.sales-orders-pagination-btn.next:hover{transform:translateY(-2px);background:var(--primary-hover, var(--accent-hover));box-shadow:0 4px 12px var(--accent-light)}.sales-orders-empty-state{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}@media(max-width:1024px){.sales-orders-modern-stats{grid-template-columns:repeat(2,1fr)}.sales-orders-table-header,.sales-orders-table-row{grid-template-columns:1fr 1.5fr 1fr 1fr 1fr}.sales-orders-table-header-cell:nth-child(5),.sales-orders-table-row>*:nth-child(5),.sales-orders-table-header-cell:nth-child(6),.sales-orders-table-row>*:nth-child(6){display:none}.sales-orders-actions-cell{min-width:44px}}@media(max-width:768px){.sales-orders-page-modern{padding:var(--space-4)}.sales-orders-modern-stats{grid-template-columns:1fr}.sales-orders-modern-controls{flex-direction:column;align-items:stretch}.sales-orders-search-container{min-width:100%}.sales-orders-table-header,.sales-orders-table-row{grid-template-columns:1fr;gap:var(--space-2)}.sales-orders-table-header-cell{display:none}.sales-orders-table-row>*{display:block;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-default)}.sales-orders-table-row>*:last-child{border-bottom:none}.sales-orders-pagination{flex-direction:column;gap:var(--space-3)}}[data-theme=dark] .sales-orders-page-modern{background:var(--color-bg-page);background-image:none}[data-theme=dark] .sales-orders-modern-title{color:var(--color-border-default)}[data-theme=dark] .sales-orders-modern-subtitle{color:var(--color-text-muted)}[data-theme=dark] .sales-orders-modern-icon-btn{border:.8px solid rgba(75,85,99,.5);background:#1f293799;color:var(--color-border-default)}[data-theme=dark] .sales-orders-modern-icon-btn:hover{background:#374151b3;border-color:#6b7280b3;color:var(--color-border-default)}[data-theme=dark] .sales-orders-modern-icon-btn svg{stroke:currentColor;fill:none}[data-theme=dark] .sales-orders-modern-filters{border:.8px solid rgba(75,85,99,.3);background:#1f293799;box-shadow:0 4px 6px #0000004d,0 10px 15px #0003}[data-theme=dark] .sales-orders-filter-tab{border:.8px solid rgba(75,85,99,.5);color:var(--color-border-default)}[data-theme=dark] .sales-orders-filter-tab:hover{background:#37415180;border-color:#6b7280b3}[data-theme=dark] .sales-orders-filter-tab.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}[data-theme=dark] .sales-orders-filter-tab-count{background:var(--accent-light);color:var(--accent)}[data-theme=dark] .sales-orders-filter-tab.active .sales-orders-filter-tab-count{background:var(--color-accent);color:var(--color-accent-text)}[data-theme=dark] .sales-orders-search-input{border:.8px solid rgba(75,85,99,.5);background:#1f293799;color:var(--color-border-default)}[data-theme=dark] .sales-orders-search-input::-moz-placeholder{color:#d1d5db80}[data-theme=dark] .sales-orders-search-input::placeholder{color:#d1d5db80}[data-theme=dark] .sales-orders-search-input:focus{background:#374151b3;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}[data-theme=dark] .sales-orders-info-text{color:var(--color-text-muted)}[data-theme=dark] .sales-orders-modern-table-container{border:.8px solid rgba(75,85,99,.3);background:#1f293799;box-shadow:0 8px 10px #0000004d,0 20px 25px #0003}[data-theme=dark] .sales-orders-table-header{background:#18213680;border-bottom:.8px solid rgba(75,85,99,.3)}[data-theme=dark] .sales-orders-table-header-cell{color:var(--color-text-muted)}[data-theme=dark] .sales-orders-table-row{border-bottom:.8px solid rgba(75,85,99,.3)}[data-theme=dark] .sales-orders-table-row:hover{background:#3741514d}[data-theme=dark] .sales-orders-order-id,[data-theme=dark] .sales-orders-customer{color:var(--color-border-default)}[data-theme=dark] .sales-orders-status-badge{border:.8px solid rgba(107,114,128,.4);background:#37415180}[data-theme=dark] .sales-orders-total,[data-theme=dark] .sales-orders-balance{color:var(--color-border-default)}[data-theme=dark] .sales-orders-created,[data-theme=dark] .sales-order-action-menu-btn{color:var(--color-text-muted)}[data-theme=dark] .sales-order-action-menu-btn:hover{background:#37415180;color:var(--color-border-default)}[data-theme=dark] .sales-order-action-menu{background:#1f2937f2;border:.8px solid rgba(75,85,99,.4);box-shadow:0 4px 12px #0006,0 8px 24px #0000004d}[data-theme=dark] .sales-order-action-menu button{color:var(--color-border-default)}[data-theme=dark] .sales-order-action-menu button:hover{background:#4b556366}[data-theme=dark] .sales-orders-pagination{border-top:.8px solid rgba(75,85,99,.3);background:#18213680}[data-theme=dark] .sales-orders-page-info{color:var(--color-text-muted)}[data-theme=dark] .sales-orders-pagination-btn{color:var(--color-border-default)}[data-theme=dark] .sales-orders-pagination-btn:hover{background:#37415180;color:var(--color-border-default)}[data-theme=dark] .sales-orders-pagination-btn.next{background:var(--primary);color:var(--color-accent-text)}[data-theme=dark] .sales-orders-pagination-btn.next:hover{box-shadow:0 4px 12px var(--accent-light)}[data-theme=dark] .sales-orders-empty-state{color:var(--color-text-muted)}@media(max-width:768px){[data-theme=dark] .sales-orders-table-row>*{border-bottom:1px solid rgba(75,85,99,.3)}}.invoice-detail-page{padding:var(--space-4);max-width:1200px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border)}.header-left h1{font-size:32px;font-weight:700;margin:0 0 var(--space-2) 0;color:var(--text-primary)}.po-number,.sales-order-ref{font-size:14px;color:var(--text-secondary);margin:var(--space-1) 0}.status-badge{padding:6px 16px;border-radius:16px;font-size:13px;font-weight:600;text-transform:uppercase}.status-paid{background:#d1fae5;color:#059669}.status-sent{background:var(--color-bg-surface);color:var(--color-accent)}.status-overdue{background:#000;color:var(--danger)}.status-draft{background:var(--bg-elevated);color:var(--color-text-muted)}.detail-content{display:flex;flex-direction:column;gap:var(--space-6)}.info-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.info-section h3{font-size:18px;font-weight:600;margin:0 0 var(--space-3) 0;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.info-label{font-size:12px;color:var(--text-secondary);font-weight:500}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.line-items-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.line-items-section h3{font-size:18px;font-weight:600;margin:0 0 var(--space-3) 0}.line-items-list{display:flex;flex-direction:column;gap:var(--space-3)}.line-item-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--content-bg)}.line-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.item-name{font-weight:600;font-size:15px;color:var(--text-primary)}.item-qty{font-size:13px;color:var(--text-secondary)}.line-item-details{display:flex;flex-direction:column;gap:var(--space-1)}.detail-row{display:flex;justify-content:space-between;font-size:13px}.detail-row span:first-child{color:var(--text-secondary)}.detail-row .price{font-weight:600;color:var(--text-primary)}.totals-section,.financial-summary{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.financial-summary h3{font-size:18px;font-weight:600;margin:0 0 var(--space-3) 0}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.financial-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--content-bg);border-radius:var(--radius-sm)}.financial-item.balance{background:var(--accent-light);border:2px solid var(--accent)}.financial-label{font-size:12px;color:var(--text-secondary);font-weight:500}.financial-value{font-size:20px;font-weight:700;color:var(--text-primary)}.financial-value.paid{color:var(--success)}.notes-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.notes-section h3{font-size:18px;font-weight:600;margin:0 0 var(--space-3) 0}.invoice-detail-page .payments-list{display:flex;flex-direction:column;gap:var(--space-3)}.invoice-detail-page .payment-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary)}.invoice-detail-page .payment-item-info{display:flex;flex-direction:column;gap:var(--space-1)}.invoice-detail-page .payment-item-amount{font-weight:700;font-size:16px;color:var(--text-primary)}.invoice-detail-page .payment-item-details{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:13px;color:var(--text-secondary)}.invoice-detail-page .payment-method,.invoice-detail-page .payment-date,.invoice-detail-page .check-number,.invoice-detail-page .payment-notes{color:var(--text-secondary)}.notes-textarea{width:100%;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;resize:vertical}.detail-footer{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:2px solid var(--border)}.btn-back,.btn-cancel,.btn-save{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back,.btn-cancel{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.btn-back:hover,.btn-cancel:hover{background:var(--content-bg)}.btn-save{background:var(--primary);color:#fff}.btn-save:hover{background:var(--primary-hover)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.error-banner{background:var(--danger-bg);color:var(--danger);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);border-left:4px solid var(--danger)}.loading{text-align:center;padding:var(--space-8);color:var(--text-secondary)}@media(max-width:768px){.invoice-detail-page{padding:var(--space-3)}.detail-header{flex-direction:column;gap:var(--space-3)}.info-grid,.financial-grid{grid-template-columns:1fr}.detail-footer{flex-direction:column}}.invoices-page-modern{min-height:100vh;background:var(--color-bg-page);width:100%;box-sizing:border-box}.invoices-modern-header{margin-bottom:var(--space-8)}.invoices-modern-title{font-size:30px;font-weight:600;line-height:36px;color:var(--color-text-primary);margin:0;margin-bottom:var(--space-2)}.invoices-modern-subtitle{font-size:16px;font-weight:400;color:var(--color-text-secondary);margin:0}.invoices-modern-actions{display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end;margin-bottom:var(--space-6)}.invoices-modern-icon-btn{width:40px;height:40px;border-radius:10px;border:.8px solid rgba(229,231,235,.5);background:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:0 1px 2px #0000001a,0 1px 3px #0000001a;color:var(--color-text-secondary);padding:0}.invoices-modern-icon-btn:hover{background:#fffc;border-color:#e5e7ebcc;color:var(--color-text-primary)}.invoices-modern-icon-btn svg{stroke:currentColor!important;fill:none!important;width:20px;height:20px}.invoices-modern-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.invoices-modern-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);border-radius:16px;border:.8px solid rgba(255,255,255,.2);background:#fff9;box-shadow:0 4px 6px #0000001a,0 10px 15px #0000001a;flex-wrap:wrap;overflow-x:auto}.invoices-filter-tab{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:14px;border:.8px solid rgba(229,231,235,.5);background:transparent;color:var(--color-text-secondary);font-size:16px;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.invoices-filter-tab:hover{background:#ffffff80;border-color:#e5e7ebcc}.invoices-filter-tab.active{background:#e0e7ffcc;border-color:var(--color-border-default);color:var(--color-accent);box-shadow:0 2px 4px #0000001a,0 4px 6px #0000001a}.invoices-filter-tab-count{background:#432dd726;color:var(--color-accent);border-radius:10px;padding:var(--space-1) var(--space-2);font-size:12px;font-weight:600;min-width:28px;text-align:center}.invoices-filter-tab.active .invoices-filter-tab-count{background:var(--color-accent);color:var(--color-accent-text)}.invoices-modern-controls{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);align-items:center;justify-content:space-between;flex-wrap:wrap}.invoices-search-container{flex:1;min-width:300px;position:relative}.invoices-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-4);border-radius:10px;border:.8px solid rgba(229,231,235,.5);background:#fff9;font-size:14px;font-family:var(--font-sans);color:var(--color-text-primary);transition:all var(--transition-base)}.invoices-search-input::-moz-placeholder{color:#0a0a0a80}.invoices-search-input::placeholder{color:#0a0a0a80}.invoices-search-input:focus{outline:none;background:#fffc;border-color:var(--color-border-default);box-shadow:0 0 0 3px #e0e7ff80}.invoices-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:#0a0a0a4d;pointer-events:none}.invoices-controls-right{display:flex;gap:var(--space-4);align-items:center}.invoices-info-text{color:var(--color-text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.invoices-modern-table-container{border-radius:16px;border:.8px solid rgba(255,255,255,.2);background:#fff9;box-shadow:0 8px 10px #0000001a,0 20px 25px #0000001a;overflow:hidden;margin-bottom:var(--space-4)}.invoices-table-header{background:#ffffff80;border-bottom:.8px solid var(--color-border-default);padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr 1fr;gap:var(--space-3);align-items:center}.invoices-table-header-cell{font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-secondary)}.invoices-table-row{border-bottom:.8px solid var(--color-border-default);padding:var(--space-4);display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr 1fr;gap:var(--space-3);align-items:center;transition:background var(--transition-base);cursor:pointer}.invoices-table-row:hover{background:#ffffff4d}.invoices-table-row:last-child{border-bottom:none}.invoices-invoice-id{font-size:16px;font-weight:600;color:var(--color-text-primary)}.invoices-customer{font-size:16px;font-weight:500;color:var(--color-text-primary)}.invoices-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:26px;border:.8px solid rgba(229,231,235,.5);font-size:14px;font-weight:500;width:-moz-fit-content;width:fit-content}.invoices-total,.invoices-balance{font-size:16px;font-weight:600;color:var(--color-text-primary)}.invoices-date{font-size:14px;font-weight:400;color:var(--color-text-secondary)}.invoices-actions-cell{display:flex;justify-content:flex-end}.invoice-row-actions{position:relative}.invoice-action-menu-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);padding:0}.invoice-action-menu-btn:hover{background:#0000000d;color:var(--color-text-primary)}.invoice-action-menu-portal{animation:menuSlideIn .15s ease}.invoice-action-menu{background:#fffffff2;border:.8px solid rgba(229,231,235,.5);border-radius:8px;box-shadow:0 4px 12px #00000026,0 8px 24px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:200px;max-width:240px;padding:var(--space-1) 0;z-index:10000;max-height:70vh;overflow-y:auto;overflow-x:hidden}.invoice-action-menu button{width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--color-text-primary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-base)}.invoice-action-menu button:hover{background:#0000000d}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.invoices-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-top:.8px solid var(--color-border-default);background:#ffffff80}.invoices-page-info{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.invoices-pagination-controls{display:flex;gap:var(--space-3)}.invoices-pagination-btn{padding:var(--space-2) var(--space-3);border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.invoices-pagination-btn:hover{background:#ffffff80;color:var(--color-text-primary)}.invoices-pagination-btn.next{background:var(--primary);color:var(--color-accent-text)}.invoices-pagination-btn.next:hover{transform:translateY(-2px);background:var(--primary-hover, var(--accent-hover));box-shadow:0 4px 12px var(--accent-light)}.invoices-empty-state{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}@media(max-width:1024px){.invoices-modern-stats{grid-template-columns:repeat(3,1fr)}.invoices-table-header,.invoices-table-row{grid-template-columns:1fr 1.5fr 1fr 1fr 1fr}.invoices-table-header-cell:nth-child(5),.invoices-table-row>*:nth-child(5),.invoices-table-header-cell:nth-child(6),.invoices-table-row>*:nth-child(6){display:none}.invoices-actions-cell{min-width:44px}}@media(max-width:768px){.invoices-page-modern{padding:var(--space-4)}.invoices-modern-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.invoices-modern-controls{flex-direction:column;align-items:stretch}.invoices-search-container{min-width:100%}.invoices-table-header,.invoices-table-row{grid-template-columns:1fr;gap:var(--space-2)}.invoices-table-header-cell{display:none}.invoices-table-row>*{display:block;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-default)}.invoices-table-row>*:last-child{border-bottom:none}.invoices-pagination{flex-direction:column;gap:var(--space-3)}}[data-theme=dark] .invoices-page-modern{background:var(--color-bg-page);background-image:none}[data-theme=dark] .invoices-modern-title{color:var(--color-border-default)}[data-theme=dark] .invoices-modern-subtitle{color:var(--color-text-muted)}[data-theme=dark] .invoices-modern-icon-btn{border:.8px solid rgba(75,85,99,.5);background:#1f293799;color:var(--color-border-default)}[data-theme=dark] .invoices-modern-icon-btn:hover{background:#374151b3;border-color:#6b7280b3;color:var(--color-border-default)}[data-theme=dark] .invoices-modern-icon-btn svg{stroke:currentColor;fill:none}[data-theme=dark] .invoices-modern-filters{border:.8px solid rgba(75,85,99,.3);background:#1f293799;box-shadow:0 4px 6px #0000004d,0 10px 15px #0003}[data-theme=dark] .invoices-filter-tab{border:.8px solid rgba(75,85,99,.5);color:var(--color-border-default)}[data-theme=dark] .invoices-filter-tab:hover{background:#37415180;border-color:#6b7280b3}[data-theme=dark] .invoices-filter-tab.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}[data-theme=dark] .invoices-filter-tab-count{background:var(--accent-light);color:var(--accent)}[data-theme=dark] .invoices-filter-tab.active .invoices-filter-tab-count{background:var(--color-accent);color:var(--color-accent-text)}[data-theme=dark] .invoices-search-input{border:.8px solid rgba(75,85,99,.5);background:#1f293799;color:var(--color-border-default)}[data-theme=dark] .invoices-search-input::-moz-placeholder{color:#d1d5db80}[data-theme=dark] .invoices-search-input::placeholder{color:#d1d5db80}[data-theme=dark] .invoices-search-input:focus{background:#374151b3;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}[data-theme=dark] .invoices-info-text{color:var(--color-text-muted)}[data-theme=dark] .invoices-modern-table-container{border:.8px solid rgba(75,85,99,.3);background:#1f293799;box-shadow:0 8px 10px #0000004d,0 20px 25px #0003}[data-theme=dark] .invoices-table-header{background:#18213680;border-bottom:.8px solid rgba(75,85,99,.3)}[data-theme=dark] .invoices-table-header-cell{color:var(--color-text-muted)}[data-theme=dark] .invoices-table-row{border-bottom:.8px solid rgba(75,85,99,.3)}[data-theme=dark] .invoices-table-row:hover{background:#3741514d}[data-theme=dark] .invoices-invoice-id,[data-theme=dark] .invoices-customer{color:var(--color-border-default)}[data-theme=dark] .invoices-status-badge{border:.8px solid rgba(107,114,128,.4);background:#37415180}[data-theme=dark] .invoices-total,[data-theme=dark] .invoices-balance{color:var(--color-border-default)}[data-theme=dark] .invoices-date,[data-theme=dark] .invoice-action-menu-btn{color:var(--color-text-muted)}[data-theme=dark] .invoice-action-menu-btn:hover{background:#37415180;color:var(--color-border-default)}[data-theme=dark] .invoice-action-menu{background:#1f2937f2;border:.8px solid rgba(75,85,99,.4);box-shadow:0 4px 12px #0006,0 8px 24px #0000004d}[data-theme=dark] .invoice-action-menu button{color:var(--color-border-default)}[data-theme=dark] .invoice-action-menu button:hover{background:#4b556366}[data-theme=dark] .invoices-pagination{border-top:.8px solid rgba(75,85,99,.3);background:#18213680}[data-theme=dark] .invoices-page-info{color:var(--color-text-muted)}[data-theme=dark] .invoices-pagination-btn{color:var(--color-border-default)}[data-theme=dark] .invoices-pagination-btn:hover{background:#37415180;color:var(--color-border-default)}[data-theme=dark] .invoices-pagination-btn.next{background:var(--primary);color:var(--color-accent-text)}[data-theme=dark] .invoices-pagination-btn.next:hover{box-shadow:0 4px 12px var(--accent-light)}[data-theme=dark] .invoices-empty-state{color:var(--color-text-muted)}@media(max-width:768px){[data-theme=dark] .invoices-table-row>*{border-bottom:1px solid rgba(75,85,99,.3)}}.lead-send-email-overlay{position:fixed;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.lead-send-email-modal{background:var(--bg-elevated);border-radius:16px;box-shadow:0 24px 60px #0f172a33;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column}.lead-send-email-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-subtle, var(--color-border-default))}.lead-send-email-header h2{margin:0;font-size:1.25rem;font-weight:600}.lead-send-email-close{width:36px;height:36px;border:none;background:transparent;border-radius:8px;font-size:1.5rem;line-height:1;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.lead-send-email-close:hover{background:var(--bg-hover, rgba(0, 0, 0, .05));color:var(--text-primary, var(--color-text-primary))}.lead-send-email-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.lead-send-email-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:10px 12px;border-radius:8px;margin-bottom:16px;font-size:.875rem}.lead-send-email-field{margin-bottom:16px}.lead-send-email-field label{display:block;font-weight:600;font-size:.875rem;margin-bottom:6px;color:var(--text-primary, var(--color-text-primary))}.lead-send-email-field input[type=text],.lead-send-email-field input[type=email]{width:100%;padding:10px 12px;border:1px solid var(--border, var(--color-border-default));border-radius:8px;font-size:.9375rem;font-family:inherit}.lead-send-email-field input:focus{outline:none;border-color:var(--accent, var(--color-accent));box-shadow:0 0 0 3px #3b82f626}.lead-send-email-reply-hint{font-size:.8125rem;color:var(--text-tertiary, var(--color-text-muted));margin:-8px 0 16px}.lead-send-email-message-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:8px}.lead-send-email-message-header label{margin-bottom:0}.lead-send-email-ob5-draft{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px solid rgba(59,130,246,.35);background:#3b82f614;color:var(--accent, var(--color-accent));font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.lead-send-email-ob5-draft:hover:not(:disabled){background:#3b82f624;border-color:#3b82f680}.lead-send-email-ob5-draft:disabled{opacity:.85;cursor:wait}.lead-send-email-ob5-writing-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.lead-send-email-textarea{width:100%;padding:12px 14px;border:1px solid var(--border, var(--color-border-default));border-radius:10px;font-size:.9375rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:200px}.lead-send-email-textarea:focus{outline:none;border-color:var(--accent, var(--color-accent));box-shadow:0 0 0 3px #3b82f626}.lead-send-email-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-subtle, var(--color-border-default))}.add-lead-overlay{position:fixed;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.add-lead-modal{background:var(--bg-elevated);border-radius:16px;box-shadow:0 24px 60px #0f172a33;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column}.add-lead-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-subtle, var(--color-border-default))}.add-lead-header h2{margin:0;font-size:1.25rem;font-weight:600}.add-lead-close{width:36px;height:36px;border:none;background:transparent;border-radius:8px;font-size:1.5rem;line-height:1;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.add-lead-close:hover{background:var(--bg-hover, rgba(0, 0, 0, .05));color:var(--text-primary, var(--color-text-primary))}.add-lead-body{padding:20px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:0}.add-lead-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:10px 12px;border-radius:8px;margin-bottom:16px;font-size:.875rem}.add-lead-field{margin-bottom:16px}.add-lead-field label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary, var(--color-text-secondary));margin-bottom:6px}.add-lead-input,.add-lead-textarea{width:100%;padding:10px 12px;font-size:.9375rem;border:1px solid var(--border, var(--color-border-default));border-radius:8px;background:var(--bg-base);box-sizing:border-box}.add-lead-input:focus,.add-lead-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #2563eb26}.add-lead-textarea{resize:vertical;min-height:120px}.add-lead-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add-lead-field-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.add-lead-section-label{font-size:.875rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));margin:20px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border-subtle, var(--color-border-default))}.add-lead-section-label:first-of-type{margin-top:8px}.add-lead-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--text-secondary, var(--color-text-secondary))}.add-lead-checkbox-label input{margin:0}.add-lead-radio-row{display:flex;gap:20px;flex-wrap:wrap}.add-lead-radio{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9375rem;font-weight:500}.add-lead-radio input{margin:0}.add-lead-customer-chosen{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-hover, var(--color-bg-surface));border-radius:8px;border:1px solid var(--border, var(--color-border-default))}.add-lead-clear-customer{font-size:.8125rem;color:var(--color-accent);background:none;border:none;cursor:pointer;padding:4px 8px}.add-lead-clear-customer:hover{text-decoration:underline}.add-lead-search-hint{margin:6px 0 0;font-size:12px;color:var(--text-secondary, var(--color-text-muted))}.add-lead-customer-list{list-style:none;margin:8px 0 0;padding:0;border:1px solid var(--border, var(--color-border-default));border-radius:8px;overflow:hidden;max-height:220px;overflow-y:auto}.add-lead-customer-item{width:100%;text-align:left;padding:10px 12px;border:none;background:var(--bg-base);font-size:.9375rem;cursor:pointer;display:block;border-bottom:1px solid var(--border-subtle, var(--color-border-default))}.add-lead-customer-item:last-child{border-bottom:none}.add-lead-customer-item:hover{background:var(--bg-hover, var(--color-bg-surface))}.add-lead-customer-item small{display:block;font-size:.8125rem;color:var(--text-secondary, var(--color-text-muted));margin-top:2px}.add-lead-transcript-section{margin-top:8px;margin-bottom:8px}.add-lead-transcript-toggle{width:100%;padding:10px 12px;font-size:.9375rem;font-weight:500;color:var(--color-accent);background:#2563eb14;border:1px dashed rgba(37,99,235,.4);border-radius:8px;cursor:pointer;text-align:left}.add-lead-transcript-toggle:hover{background:#2563eb1f}.add-lead-transcript-body{margin-top:12px;padding:12px;background:var(--bg-hover, var(--color-bg-surface));border-radius:8px;border:1px solid var(--border, var(--color-border-default))}.add-lead-transcript-hint{margin:0 0 10px;font-size:.8125rem;color:var(--text-secondary, var(--color-text-muted))}.add-lead-transcript-textarea{width:100%;padding:10px 12px;font-size:.875rem;border:1px solid var(--border, var(--color-border-default));border-radius:8px;resize:vertical;min-height:120px;margin-bottom:10px;box-sizing:border-box}.add-lead-parse-btn{padding:8px 14px;font-size:.875rem;font-weight:500;color:var(--color-accent);background:var(--color-bg-card);border:1px solid var(--color-accent);border-radius:6px;cursor:pointer}.add-lead-parse-btn:hover:not(:disabled){background:#2563eb14}.add-lead-parse-btn:disabled{opacity:.6;cursor:not-allowed}.add-lead-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;margin-top:8px;border-top:1px solid var(--border-subtle, var(--color-border-default))}.ld-root{font-family:DM Sans,sans-serif;background:var(--color-bg-surface);min-height:100vh;padding:28px 40px 60px;color:#1a1a2e;max-width:1400px;margin:0 auto}.ld-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.ld-h1{font-size:22px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.ld-sub{font-size:13px;color:var(--color-text-secondary)}.ld-btn{font-family:inherit;font-size:12px;font-weight:600;border:none;border-radius:8px;cursor:pointer;padding:8px 16px;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.ld-btn-primary{background:var(--color-bg-dark);color:var(--color-accent-text)}.ld-btn-primary:hover{background:var(--color-bg-dark)}.ld-btn-outline{background:#fefce8;color:#854d0e;border:1.5px solid #facc15}.ld-btn-outline:hover{background:#fef9c3;border-color:#eab308;color:#713f12}.ld-btn-accent{background:var(--color-accent);color:var(--color-accent-text)}.ld-btn-accent:hover{background:var(--color-accent)}.ld-btn-customer-on-file{background:#f0fdf4!important;color:#166534!important;border:1.5px solid #86efac!important;cursor:default;pointer-events:none}.ld-stats{display:grid;grid-template-columns:1fr 200px 200px;gap:12px;margin-bottom:16px}.ld-stat-card{background:var(--color-bg-card);border:1px solid #e8e8ee;border-radius:10px;padding:16px 20px}.ld-stat-card:hover{box-shadow:0 2px 10px #0000000a}.ld-stat-card-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);margin-bottom:10px}.ld-pipeline-row{display:flex;align-items:center;gap:0}.ld-pip-item{flex:1;text-align:center;cursor:pointer;padding:4px 0;border-radius:6px;transition:background .12s}.ld-pip-item:hover{background:var(--color-bg-surface)}.ld-pip-num{font-size:20px;font-weight:700}.ld-pip-label{font-size:10px;font-weight:600;color:var(--color-text-muted);margin-top:1px}.ld-pip-divider{width:1px;height:32px;background:var(--color-border-default);flex-shrink:0;margin:0 8px}.ld-stat-big{font-size:22px;font-weight:700;color:var(--color-text-primary)}.ld-stat-sub2{font-size:11px;font-weight:600;color:#22c55e;margin-top:2px}.ld-sources{display:flex;flex-direction:column;gap:6px}.ld-source-row{display:flex;align-items:center;gap:8px;font-size:12px}.ld-source-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ld-source-name{flex:1;color:var(--color-text-secondary);font-weight:500}.ld-source-ct{font-weight:700;color:var(--color-text-primary)}.ld-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px;flex-wrap:wrap}.ld-toolbar-left{display:flex;align-items:center;gap:8px;overflow-x:auto}.ld-toolbar-right{display:flex;align-items:center;gap:12px}.ld-filters{display:flex;gap:3px}.ld-filter{font-family:inherit;font-size:11px;font-weight:600;background:none;border:1.5px solid transparent;border-radius:6px;padding:5px 10px;cursor:pointer;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:5px;transition:all .12s;white-space:nowrap}.ld-filter:hover{color:var(--color-text-secondary);background:var(--color-bg-card)}.ld-filter.active{color:var(--color-text-primary);background:var(--color-bg-card);border-color:var(--color-border-strong)}.ld-filter-ct{font-size:9px;font-weight:700;background:var(--color-border-default);color:var(--color-text-muted);padding:1px 5px;border-radius:8px}.ld-filter.active .ld-filter-ct{background:var(--color-bg-dark);color:var(--color-accent-text)}.ld-hide-check{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.ld-hide-check input{accent-color:var(--color-accent)}.ld-search-wrap{display:flex;align-items:center;gap:6px;background:var(--color-bg-card);border:1.5px solid #e0e0e8;border-radius:8px;padding:0 10px}.ld-search-wrap svg{color:var(--color-text-muted);flex-shrink:0}.ld-search{font-family:inherit;font-size:12px;border:none;outline:none;padding:7px 0;width:160px;color:var(--color-text-primary);background:transparent}.ld-search::-moz-placeholder{color:var(--color-text-muted)}.ld-search::placeholder{color:var(--color-text-muted)}.ld-list-error{padding:12px 16px;margin-bottom:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ld-retry-btn{padding:6px 12px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid #e0e0e8;background:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer}.ld-retry-btn:hover{background:var(--color-bg-surface)}.ld-content{display:flex;gap:16px;align-items:flex-start}.ld-list{width:340px;min-width:340px;display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 280px);overflow-y:auto;padding-right:4px}.ld-list::-webkit-scrollbar{width:5px}.ld-list::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:3px}.ld-list-empty{padding:24px 16px;text-align:center;font-size:13px;color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid #e8e8ee;border-radius:10px}.ld-card{background:var(--color-bg-card);border:1.5px solid #e8e8ee;border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .15s;position:relative}.ld-card:hover{border-color:#d0d0dd;box-shadow:0 2px 10px #0000000a}.ld-card.active{border-color:var(--color-accent);background:var(--color-bg-surface);box-shadow:0 0 0 3px #6366f112}.ld-card.unread{border-left:3px solid var(--color-accent)}.ld-card-unread-dot{position:absolute;top:10px;left:8px;width:7px;height:7px;border-radius:50%;background:var(--color-accent)}.ld-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ld-card-id{font-size:11px;font-weight:700;color:var(--color-text-muted)}.ld-card-source{font-size:9px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.ld-card-name{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.ld-card-product{font-size:11px;color:var(--color-text-muted);margin-bottom:10px}.ld-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ld-card-status{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px}.ld-card-status-dot{width:5px;height:5px;border-radius:50%}.ld-card-value{font-size:12px;font-weight:700;color:#22c55e}.ld-card-footer{display:flex;align-items:center;justify-content:space-between}.ld-card-date{font-size:10px;color:var(--color-text-muted)}.ld-card-age{font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px}.ld-card-age.fresh{background:#f0fdf4;color:#16a34a}.ld-card-age.warm{background:#fffbeb;color:#d97706}.ld-card-age.stale{background:#fef2f2;color:var(--danger)}.ld-detail{flex:1;background:var(--color-bg-card);border:1px solid #e8e8ee;border-radius:12px;overflow:hidden;min-height:500px}.ld-detail-empty{display:flex;align-items:center;justify-content:center;min-height:400px}.ld-det-empty-state{font-size:14px;color:var(--color-text-muted)}.ld-det-header{padding:22px 24px 16px;border-bottom:1px solid #f0f0f5}.ld-det-header-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.ld-det-id{font-size:11px;font-weight:700;color:var(--color-text-muted);margin-bottom:4px}.ld-det-name{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0}.ld-det-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 14px;border-radius:20px}.ld-det-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted);flex-wrap:wrap}.ld-det-sep{color:var(--color-border-strong)}.ld-det-source{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase}.ld-det-age.stale{color:var(--danger);font-weight:600}.ld-det-value{color:#22c55e;font-weight:600}.ld-det-actions{padding:14px 24px;border-bottom:1px solid #f0f0f5;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ld-status-select{font-family:inherit;font-size:12px;font-weight:600;padding:8px 28px 8px 12px;border:1.5px solid #e0e0e8;border-radius:8px;background:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;margin-left:auto}.ld-det-sections{padding:0 24px 24px}.ld-det-section{padding:18px 0;border-bottom:1px solid #f5f5f5}.ld-det-section:last-child{border-bottom:none}.ld-det-sec-title{font-size:13px;font-weight:700;color:var(--color-text-primary);margin-bottom:14px;display:flex;align-items:center;gap:7px}.ld-det-edit-btn{font-family:inherit;font-size:11px;font-weight:600;color:var(--color-accent);background:var(--color-bg-surface);border:none;border-radius:5px;padding:3px 10px;cursor:pointer;margin-left:auto;display:flex;align-items:center;gap:4px}.ld-det-edit-btn:hover{background:var(--color-bg-surface)}.ld-det-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ld-det-field{display:flex;flex-direction:column;gap:2px}.ld-det-fl{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px}.ld-det-fv{font-size:13px;font-weight:500;color:var(--color-text-primary)}.ld-det-link a{color:var(--color-accent);text-decoration:none}.ld-det-link a:hover{text-decoration:underline}.ld-det-value-green{color:#22c55e;font-weight:700}.ld-det-notes{margin-top:12px}.ld-det-notes-text{font-size:13px;color:#555;background:var(--color-bg-surface);padding:10px 14px;border-radius:8px;border:1px solid #f0f0f5;margin-top:4px;line-height:1.5}.ld-det-edit-form{margin-top:8px}.ld-det-input{font-family:inherit;font-size:13px;padding:8px 10px;border:1px solid #e0e0e8;border-radius:6px;width:100%;box-sizing:border-box}.ld-det-edit-actions{display:flex;gap:8px;margin-top:12px}.ld-det-quote-card{display:inline-block;background:var(--color-bg-surface);border:1px solid #e8e8ee;border-radius:8px;padding:12px 16px}.ld-det-quote-id{font-size:13px;font-weight:700;color:var(--color-text-primary)}.ld-det-quote-meta{font-size:11px;color:var(--color-text-muted);margin-top:2px}.ld-det-empty{font-size:12px;color:var(--color-text-muted)}.ld-timeline{display:flex;flex-direction:column;gap:0;padding-left:8px}.ld-tl-item{display:flex;gap:12px;position:relative;padding-bottom:14px}.ld-tl-item:not(:last-child):before{content:"";position:absolute;left:4px;top:12px;bottom:0;width:1px;background:var(--color-border-default)}.ld-tl-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:3px}.ld-tl-content{display:flex;justify-content:space-between;flex:1;gap:8px}.ld-tl-action{font-size:12px;color:#444}.ld-tl-time{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.ld-det-attachments{display:flex;flex-direction:column;gap:6px}.ld-det-att-row{display:flex;align-items:center}.ld-det-att-link{font-family:inherit;font-size:13px;color:var(--color-accent);background:none;border:none;cursor:pointer;padding:4px 0;text-align:left}.ld-det-att-link:hover{text-decoration:underline}.leads-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1001;animation:leads-toast-in .2s ease}.leads-toast-success{background:#15803d;color:var(--color-accent-text)}.leads-toast-error{background:var(--danger);color:var(--color-accent-text)}@keyframes leads-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.leads-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.leads-convert-modal{background:var(--color-bg-card);border-radius:12px;box-shadow:0 20px 40px #0003;padding:20px;max-width:420px;width:100%}.leads-convert-modal h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.leads-convert-modal-hint{margin:0 0 16px;font-size:14px;color:var(--color-text-secondary)}.leads-convert-modal-actions{display:flex;gap:10px;flex-wrap:wrap}.leads-cancel-btn{padding:6px 12px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid #e0e0e8;background:var(--color-bg-card);cursor:pointer;color:var(--color-text-secondary)}.leads-cancel-btn:hover:not(:disabled){background:var(--color-bg-surface)}.leads-preview-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:leads-preview-fade .2s ease}@keyframes leads-preview-fade{0%{opacity:0}to{opacity:1}}.leads-preview-modal{background:var(--color-bg-card);border-radius:12px;box-shadow:0 20px 40px #0003;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:leads-preview-scale .2s ease}@keyframes leads-preview-scale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.leads-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e8e8ee;flex-shrink:0}.leads-preview-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.leads-preview-close{width:32px;height:32px;border:none;background:var(--color-bg-surface);border-radius:8px;font-size:20px;line-height:1;cursor:pointer;color:var(--color-text-secondary);flex-shrink:0;margin-left:8px}.leads-preview-close:hover{background:#e8e8ee;color:var(--color-text-primary)}.leads-preview-body{flex:1;min-height:200px;max-height:calc(85vh - 56px);overflow:auto;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--color-bg-surface)}.leads-preview-img{max-width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain;display:block}.leads-preview-iframe{width:100%;min-height:60vh;max-height:70vh;border:none;border-radius:8px;background:var(--color-bg-card)}@media(max-width:900px){.ld-stats{grid-template-columns:1fr 1fr}.ld-stats .ld-stat-card:first-child{grid-column:1 / -1}.ld-content{flex-direction:column}.ld-list{width:100%;min-width:0;max-height:360px}}@media(max-width:640px){.ld-root{padding:16px 20px 40px}.ld-stats{grid-template-columns:1fr}.ld-toolbar{flex-direction:column;align-items:stretch}.ld-toolbar-right{flex-wrap:wrap}.ld-search{width:100%;min-width:0}.ld-detail{min-height:400px}}.modern-table-wrapper{width:100%;display:flex;flex-direction:column}.modern-table-container{width:100%;border-radius:16px;background:var(--bg-base);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-base)}.modern-table-container:hover{box-shadow:var(--shadow-lg);border-color:var(--border-default)}.modern-table{width:100%;border-collapse:collapse;background:var(--bg-base)}.modern-table-header-row{background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-surface) 100%);border-bottom:2px solid var(--border-default);height:56px}.modern-table-header-cell{padding:var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);vertical-align:middle;border-right:1px solid var(--border-subtle);-webkit-user-select:none;-moz-user-select:none;user-select:none}.modern-table-header-cell:last-child{border-right:none}.modern-table-header-cell .header-label{display:flex;align-items:center;gap:var(--space-2)}.modern-table-body-row{height:72px;border-bottom:1px solid var(--border-subtle);background:var(--bg-base);cursor:pointer;transition:all var(--transition-base);position:relative}.modern-table-body-row:hover{background:linear-gradient(135deg,#3b82f60a,#3b82f605);border-bottom-color:var(--border-default)}.modern-table-body-row:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(59,130,246,.08) 0%,transparent 80%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.modern-table-body-row:hover:after{opacity:1}.modern-table-body-row.expanded{background:linear-gradient(135deg,#3b82f60f,#3b82f608);border-bottom-color:var(--accent-blue)}.modern-table-body-cell{padding:var(--space-4);font-size:var(--text-base);color:var(--text-primary);vertical-align:middle;border-right:1px solid var(--border-subtle)}.modern-table-body-cell:last-child{border-right:none}.modern-table-body-cell[style*="text-align: center"],.modern-table-body-cell[style*="text-align: right"]{font-variant-numeric:tabular-nums}.expand-column{width:48px;padding:var(--space-3)!important;text-align:center;background:var(--bg-surface);border-right:1px solid var(--border-subtle)}.modern-table-body-row:hover .expand-column{background:linear-gradient(135deg,#3b82f614,#3b82f60a)}.expand-toggle{width:40px;height:40px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);padding:0;margin:auto}.expand-toggle:hover{background:#3b82f61f;color:var(--accent-blue);transform:scale(1.05)}.expand-toggle:active{transform:scale(.95)}.expand-toggle svg{stroke:currentColor;stroke-width:2}.modern-table-expanded-row{background:linear-gradient(135deg,#3b82f605,#3b82f603);border-bottom:1px solid var(--border-default);border-top:2px solid var(--border-subtle)}.modern-table-expanded-row td{padding:0!important;border:none!important}.expanded-content{padding:var(--space-6);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.expanded-content>*{display:flex;flex-direction:column;gap:var(--space-2)}.expanded-content .expanded-field-label{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.expanded-content .expanded-field-value{font-size:var(--text-base);color:var(--text-primary);font-weight:500}.modern-table-empty{padding:64px var(--space-6);text-align:center;color:var(--text-tertiary);font-size:var(--text-lg);font-weight:500;background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-elevated) 100%);border-top:1px solid var(--border-subtle)}@media(max-width:768px){.modern-table-header-cell{padding:var(--space-3);font-size:11px;white-space:nowrap}.modern-table-body-cell{padding:var(--space-3);font-size:var(--text-sm)}.modern-table-body-row{height:auto;min-height:60px}.expanded-content{grid-template-columns:1fr;padding:var(--space-4)}}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:8px;font-size:var(--text-xs);font-weight:600;text-transform:capitalize;border:1px solid;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-badge--success{background:#10b9811f;color:var(--accent-green);border-color:#10b98140}.status-badge--warning{background:#f59e0b1f;color:var(--accent-amber);border-color:#f59e0b40}.status-badge--danger{background:#ef44441f;color:var(--accent-red);border-color:#ef444440}.status-badge--info{background:#3b82f61f;color:var(--accent-blue);border-color:#3b82f640}.status-badge--muted{background:#0000000f;color:var(--text-secondary);border-color:var(--border-default)}.amount-cell{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-weight:600}.amount-cell--positive{color:var(--accent-green)}.amount-cell--negative{color:var(--accent-red)}.customer-cell{display:flex;flex-direction:column;gap:var(--space-1)}.customer-cell--name{font-weight:600;color:var(--text-primary);word-break:break-word}.customer-cell--email{font-size:var(--text-xs);color:var(--text-tertiary)}[data-theme=dark] .modern-table-body-row:hover{background:linear-gradient(135deg,#3b82f614,#3b82f60a)}[data-theme=dark] .expand-toggle:hover{background:#3b82f629}.payments-page{padding:0;max-width:1400px;margin:0 auto}.header-actions{display:flex;gap:8px}.btn-refresh{padding:var(--space-3);background:var(--bg-hover);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);width:40px;height:40px}.btn-refresh:hover{background:var(--bg-active);color:var(--text-primary);border-color:var(--border-strong)}.error-banner{background:var(--status-error-bg);color:var(--accent-red);padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px;border-left:4px solid var(--accent-red)}.payments-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:150px}.filter-group label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);font-family:var(--font-sans);margin-bottom:var(--space-2)}.search-input,.filter-select,.filter-input{padding:12px 16px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-fast)}.search-input:focus,.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-input{min-width:250px}.btn-clear-filters{padding:8px 16px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;height:-moz-fit-content;height:fit-content;transition:background .2s}.btn-clear-filters:hover{background:var(--bg-hover)}.payments-summary{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl)}.summary-item{display:flex;flex-direction:column;gap:var(--space-2)}.summary-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:600;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em}.summary-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);font-family:var(--font-sans);letter-spacing:var(--tracking-tight)}.payments-table-container{background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);overflow-x:auto;margin-top:var(--space-6)}.payments-table{width:100%;border-collapse:collapse}.payments-table thead{position:sticky;top:0;z-index:10;border-bottom:none}.payments-table th{padding:var(--space-4) var(--space-4);text-align:left;font-family:var(--font-sans);font-size:13px;font-weight:700;color:var(--text-on-accent);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.payments-table td{padding:14px var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans)}.payments-table tbody tr{transition:background var(--transition-fast)}.payments-table tbody tr:hover{background:var(--bg-hover)}.payments-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;padding:40px;color:var(--text-tertiary)}.document-info{display:flex;align-items:center;gap:8px}.document-type-badge{display:inline-block;padding:2px 6px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm);font-size:11px;font-weight:600}.document-number{font-weight:500;color:var(--text-primary)}.payment-method-cell{display:flex;align-items:center;gap:6px}.amount-cell{font-weight:600;color:var(--success)}.notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-link{margin-left:8px;color:var(--accent);text-decoration:none;font-size:16px}.receipt-link:hover{text-decoration:underline}.btn-delete{background:none;border:none;cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px;transition:background .2s}.btn-delete:hover{background:var(--status-error-bg)}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.cannot-delete{color:var(--text-tertiary);font-size:18px;cursor:not-allowed}.status-badge{display:inline-block}.loading{text-align:center;padding:40px;color:var(--text-tertiary)}@media(max-width:768px){.payments-filters{flex-direction:column;align-items:stretch}.filter-group,.search-input{min-width:100%}.payments-table-container{overflow-x:scroll}}.merged-job-card{position:relative;border-left:3px solid var(--accent-blue, var(--primary))}.merged-job-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-default, var(--color-border-default))}.merged-job-header-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0}.merged-job-numbers{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.merged-job-numbers .job-number{font-weight:600;font-size:13px;color:var(--text-primary, var(--color-text-primary))}.job-number-separator{margin:0 4px;color:var(--text-secondary, var(--color-text-muted));font-weight:400}.merged-job-types{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.job-type-tag{font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid;white-space:nowrap}.job-type-more{border-color:var(--border-default, var(--color-border-default));color:var(--text-secondary, var(--color-text-muted));background-color:var(--bg-surface, #fff)}.merged-job-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.merged-count-badge{background:var(--accent-blue, var(--primary));color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.merged-job-card-body{padding:12px 14px}.merged-job-meta{margin-top:8px}.merged-order-info{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-default, var(--color-border-default))}.merged-order-number{font-size:12px;color:var(--text-secondary, var(--color-text-muted));font-weight:500}.merged-job-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-default, var(--color-border-default))}.merged-expand-toggle{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent-blue, var(--primary));font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s ease}.merged-expand-toggle:hover{background:var(--bg-hover, var(--color-bg-surface))}.merged-jobs-expanded{border-top:2px solid var(--border-default, var(--color-border-default));padding:12px;background:var(--bg-elevated, var(--color-bg-surface));display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.merged-job-item{background:var(--bg-surface, #fff);border:1px solid var(--border-default, var(--color-border-default));border-left:3px solid var(--accent-blue, var(--primary));border-radius:6px;padding:10px 12px;cursor:pointer;transition:all .15s ease}.merged-job-item:hover{background:var(--bg-hover, var(--color-bg-surface));border-color:var(--accent-blue, var(--primary));transform:translate(2px)}.merged-job-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.job-rush-badge-small{font-size:10px;padding:2px 6px;background:#fef3c7;color:#92400e;border-radius:4px;font-weight:600}.job-piece-count-small{font-size:11px;color:var(--text-secondary, var(--color-text-muted));font-weight:500}.merged-job-item-body{display:flex;align-items:center;justify-content:space-between}.merged-job-item-meta{display:flex;flex-direction:column;gap:4px;flex:1}.merged-job-item-type{font-size:11px;color:var(--text-secondary, var(--color-text-muted));font-weight:500}.merged-readiness-dots{flex-shrink:0}.merged-job-card.compact{padding:8px}.merged-job-card.compact .merged-job-card-header,.merged-job-card.compact .merged-job-card-body{padding:8px 10px}.production-calendar{background:var(--bg-base);border-radius:12px;padding:24px;width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--border-default)}.calendar-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-top-left h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.calendar-top-right{display:flex;gap:12px;align-items:center}.calendar-unscheduled-btn,.calendar-view-list-btn,.calendar-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border-default);background:var(--bg-base);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.calendar-unscheduled-btn:hover,.calendar-view-list-btn:hover,.calendar-refresh-btn:hover{background:var(--accent-light);border-color:var(--primary);color:var(--primary)}.calendar-stage-legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:12px;padding:6px 0}.calendar-stage-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.calendar-stage-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.job-bar-name--truncate{overflow:hidden;text-overflow:ellipsis;max-width:120px}.calendar-nav-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 0;border-bottom:1px solid var(--divider)}.calendar-nav-left{display:flex;gap:8px;align-items:center}.calendar-grid-btn,.calendar-today-btn,.calendar-nav-arrow{padding:8px 16px;border:1px solid var(--border-default);background:var(--bg-base);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.calendar-nav-center{flex:1;text-align:center}.calendar-nav-month{font-size:20px;font-weight:700;color:var(--text-primary)}.calendar-nav-right{display:flex;gap:4px;background:var(--bg-elevated);padding:4px;border-radius:10px}.calendar-view-btn{padding:8px 20px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-tertiary);transition:all var(--transition-fast)}.calendar-view-btn.active{background:var(--bg-base);color:var(--primary);box-shadow:var(--shadow-md)}.calendar-day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:0;background:transparent;border:none}.calendar-day-header{padding:16px;text-align:center;font-size:13px;font-weight:700;color:var(--text-tertiary);background:transparent;text-transform:none;letter-spacing:normal}.calendar-day-header.weekend{color:var(--danger)}.calendar-cells{display:grid;grid-template-columns:repeat(7,1fr);gap:0;background:var(--border-subtle);border:1px solid var(--border-default);border-radius:12px;overflow:visible}.calendar-cell{min-height:140px;background:var(--bg-base);padding:12px 0;position:relative;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.calendar-cell-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:0 12px}.calendar-cell-date{font-size:15px;font-weight:600;color:var(--text-secondary)}.calendar-weather-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;cursor:help}.calendar-weather-good{background:#16a34a}.calendar-weather-fair{background:#d97706}.calendar-weather-bad{background:var(--danger)}.calendar-weather-tooltip{padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:12px;min-width:180px;pointer-events:none}.calendar-weather-tooltip-title{font-weight:600;color:var(--text-primary);margin-bottom:4px}.calendar-weather-tooltip-temps,.calendar-weather-tooltip-precip{color:var(--text-secondary);margin-bottom:2px}.calendar-weather-tooltip-suitability{margin-top:6px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.calendar-weather-tooltip-suitability.calendar-weather-good{color:#16a34a}.calendar-weather-tooltip-suitability.calendar-weather-fair{color:#d97706}.calendar-weather-tooltip-suitability.calendar-weather-bad{color:var(--danger)}.calendar-cell-jobs{flex:1;display:flex;flex-direction:column;gap:4px;position:relative;overflow:visible}.job-bar{height:28px;border-radius:6px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;padding:0 8px;border:1px solid;box-shadow:0 1px 2px #0000001a;position:relative;overflow:hidden;width:100%}.job-bar-start{border-radius:6px 0 0 6px;border-right:none;margin-right:-1px}.job-bar-middle{border-radius:0;border-left:none;border-right:none;margin-left:-1px;margin-right:-1px}.job-bar-end{border-radius:0 6px 6px 0;border-left:none;margin-left:-1px}.job-bar:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0003;z-index:100}.job-bar-content{display:flex;align-items:center;gap:8px;width:100%;overflow:hidden;white-space:nowrap}.job-bar-label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--color-text-primary);flex:1;min-width:0}.job-ready-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #00000014}.job-ready-dot.job-ready-ready{background:#10b981}.job-ready-dot.job-ready-waiting{background:#f59e0b}.job-ready-dot.job-ready-overdue{background:#ef4444}.job-bar-id{font-weight:600}.job-bar-separator{color:var(--color-text-muted)}.job-bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-bar-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:12px;white-space:nowrap;flex-shrink:0}.job-bar-badge-yellow{background:#fef3c7;color:#92400e}.job-bar-badge-green{background:#d1fae5;color:#065f46}.job-bar-badge-blue{background:var(--color-bg-surface);color:#1e40af}.job-bar-badge-red{background:#fee2e2;color:#991b1b}.calendar-agenda{padding:0}.agenda-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--color-border-default);margin-bottom:0}.agenda-header h3{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0}.agenda-stats{font-size:14px;color:var(--color-text-muted);font-weight:500}.agenda-list{display:flex;flex-direction:column}.agenda-empty{padding:60px 24px;text-align:center;color:var(--color-text-muted)}.agenda-empty p{font-size:16px;margin:0}.agenda-item{display:flex;gap:16px;padding:16px 24px;border-bottom:1px solid var(--color-border-default);cursor:pointer;transition:background .15s ease;position:relative}.agenda-item:hover{background:var(--bg-elevated)}.agenda-item:last-child{border-bottom:none}.agenda-item-color{width:4px;border-radius:2px;flex-shrink:0;background:var(--color-bg-surface)}.agenda-item-content{flex:1;display:flex;flex-direction:column;gap:6px}.agenda-item-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.agenda-item-title{display:flex;align-items:center;gap:8px;flex:1}.agenda-item-so{font-size:14px;font-weight:600;color:var(--color-accent)}.agenda-item-name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.agenda-item-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px;white-space:nowrap}.agenda-item-badge-yellow{background:#fef3c7;color:#92400e}.agenda-item-badge-green{background:#d1fae5;color:#065f46}.agenda-item-badge-blue{background:var(--color-bg-surface);color:#1e40af}.agenda-item-badge-red{background:#fee2e2;color:#991b1b}.agenda-item-details{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-muted);flex-wrap:wrap}.agenda-item-customer{font-weight:500;color:var(--color-bg-dark-hover)}.agenda-item-sep{color:var(--color-border-default)}.agenda-item-dates,.agenda-item-qty{font-weight:500}@media(max-width:768px){.production-calendar{padding:16px}.calendar-top-bar{flex-direction:column;align-items:flex-start;gap:12px}.calendar-nav-bar{flex-direction:column;gap:12px}.calendar-nav-center{order:-1}.calendar-cell{min-height:80px}.job-bar{height:24px;font-size:11px}}.job-detail-modal-backdrop{position:fixed;inset:0;z-index:9999;background:#00000073;animation:fadeIn .15s ease-out}.job-detail-tooltip{position:fixed;z-index:10000;background:var(--color-bg-card);border-radius:12px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;width:320px;border:1px solid var(--color-border-default);overflow:hidden;animation:tooltipAppear .2s cubic-bezier(.16,1,.3,1);pointer-events:none}.job-detail-tooltip-modal{pointer-events:auto}.job-detail-modal-close{position:absolute;top:12px;right:12px;z-index:2;width:28px;height:28px;border:none;border-radius:6px;background:#fff3;color:var(--color-accent-text);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.job-detail-modal-close:hover{background:#ffffff59}@keyframes tooltipAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.job-detail-header{padding:var(--space-4);background:linear-gradient(135deg,var(--color-accent),var(--color-accent));border-bottom:1px solid var(--color-border-default);display:flex;justify-content:space-between;align-items:flex-start}.job-detail-icon{font-size:18px;color:var(--color-accent-text);margin-right:12px}.job-detail-title{font-size:15px;font-weight:700;color:var(--color-accent-text);margin:0;line-height:1.2;font-family:var(--font-sans)}.job-detail-so{font-size:12px;font-weight:700;color:#ffffffd9;text-transform:uppercase;letter-spacing:.03em}.job-detail-customer{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px}.job-detail-customer-label{font-size:10px;text-transform:uppercase;font-weight:700;color:var(--color-text-muted);letter-spacing:.05em;font-family:var(--font-sans)}.job-detail-customer-name{font-size:14px;font-weight:700;color:var(--color-text-primary);font-family:var(--font-sans)}.job-detail-badges{padding:0 var(--space-4) var(--space-4);display:flex;gap:8px}.job-detail-status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-family:var(--font-sans)}.job-detail-status-badge-green{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.job-detail-status-badge-yellow{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.job-detail-section{padding:var(--space-4);border-top:1px solid var(--color-border-default)}.job-detail-section-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3);letter-spacing:.05em;font-family:var(--font-sans)}.job-detail-mockups-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.job-detail-mockup{aspect-ratio:1;background:var(--color-bg-surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-default)}.job-detail-mockup img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.task-list-view{padding:24px;max-width:1400px;margin:0 auto}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.task-header h2{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.week-navigation{display:flex;align-items:center;gap:12px}.btn-nav{padding:6px 12px;border:1px solid var(--border-default);border-radius:6px;background:var(--bg-base);cursor:pointer;font-size:14px;transition:all .2s;color:var(--text-primary)}.btn-nav:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.week-range{font-size:14px;color:var(--text-secondary);font-weight:500}.task-error{padding:12px;background:#fef2f2;color:var(--danger);border:1px solid #fecaca;border-radius:6px;margin-bottom:16px}.task-loading,.task-empty-state{padding:40px;text-align:center;color:var(--text-secondary)}.tasks-weekly{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.task-day-group{background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px;padding:16px}.task-day-group.today{border-color:var(--color-accent);border-width:2px;background:#f5f3ff}.task-day-header{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--border-default)}.task-day-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.task-day-date{font-size:13px;color:var(--text-secondary)}.task-count{font-size:12px;color:var(--text-tertiary);background:var(--bg-elevated);padding:2px 8px;border-radius:12px}.jobs-count{background:#ecfeff;color:#155e75}.task-day-tasks{display:flex;flex-direction:column;gap:12px}.task-empty{padding:20px;text-align:center;color:var(--text-tertiary);font-size:14px;font-style:italic}.tasks-today{display:flex;flex-direction:column;gap:16px}.scheduled-jobs-section{background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px;padding:12px}.scheduled-jobs-header{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.scheduled-jobs-row{margin-bottom:10px}.scheduled-jobs-row-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.scheduled-jobs-empty{font-size:13px;color:var(--text-tertiary);font-style:italic}.scheduled-jobs-list{display:flex;flex-wrap:wrap;gap:8px}.scheduled-job-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-elevated);font-size:12px;max-width:100%;cursor:pointer;font-family:inherit;text-align:left;transition:opacity .15s,box-shadow .15s}.scheduled-job-chip:hover{opacity:.9;box-shadow:0 2px 6px #00000014}.scheduled-job-text{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduled-job-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.scheduled-job-chip.readiness-ready{border-color:#86efac;background:#f0fdf4}.scheduled-job-chip.readiness-waiting{border-color:#fcd34d;background:#fffbeb}.scheduled-job-chip.readiness-overdue{border-color:#fca5a5;background:#fef2f2}.scheduled-job-dot.readiness-ready{background:#16a34a}.scheduled-job-dot.readiness-waiting{background:#d97706}.scheduled-job-dot.readiness-overdue{background:var(--danger)}.task-card{background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px;padding:16px;transition:all .2s}.task-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.task-card.completed{opacity:.7;background:#f0fdf4;border-color:#86efac}.task-card.blocked{border-color:#fbbf24;background:#fffbeb}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.task-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);flex:1}.btn-delete-task{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;opacity:.6;transition:opacity .2s;color:var(--text-tertiary)}.btn-delete-task:hover{opacity:1;color:var(--danger)}.task-card-body{display:flex;flex-direction:column;gap:12px}.task-info{display:flex;flex-direction:column;gap:8px}.task-info-item{display:flex;gap:8px;font-size:14px;color:var(--text-secondary)}.task-label{font-weight:500;color:var(--text-secondary);min-width:100px}.task-notes{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-default)}.task-notes p{margin:4px 0 0;color:var(--text-primary);font-size:14px;white-space:pre-wrap}.task-status{padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500}.completed-status{background:#d1fae5;color:#065f46}.blocked-status{background:#fef3c7;color:#92400e}.task-status-notes{margin-top:6px;font-size:13px;font-weight:400;font-style:italic}.task-actions{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.task-action-form{width:100%;display:flex;flex-direction:column;gap:8px}.task-action-form textarea{padding:10px 12px;border:1px solid var(--border-default);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;background:var(--bg-base);color:var(--text-primary);width:100%}.task-action-form textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633}.task-action-form textarea::-moz-placeholder{color:var(--text-muted)}.task-action-form textarea::placeholder{color:var(--text-muted)}.task-action-buttons{display:flex;gap:12px;flex-wrap:wrap}.task-action-buttons .btn-task{flex:1;min-width:120px}.btn-task{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-task:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-task:active{transform:translateY(0)}.btn-complete{background:linear-gradient(135deg,#10b981,#059669)!important;background-color:#10b981!important;color:#fff!important}.btn-complete:hover{background:linear-gradient(135deg,#059669,#047857)!important;background-color:#059669!important;box-shadow:0 4px 12px #10b98166}.btn-block{background:linear-gradient(135deg,#f59e0b,#d97706)!important;background-color:#f59e0b!important;color:#fff!important}.btn-block:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;background-color:#d97706!important;box-shadow:0 4px 12px #f59e0b66}.btn-undo,.btn-unblock{background:linear-gradient(135deg,var(--color-text-muted),var(--color-text-secondary))!important;background-color:var(--color-text-muted)!important;color:#fff!important}.btn-undo:hover,.btn-unblock:hover{background:linear-gradient(135deg,var(--color-text-secondary),var(--color-bg-dark-hover))!important;background-color:var(--color-text-secondary)!important;box-shadow:0 4px 12px #6b728066}.btn-cancel{background:var(--bg-elevated)!important;background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-default)}.btn-cancel:hover{background:var(--bg-hover)!important;background-color:var(--bg-hover)!important;border-color:var(--border-strong)}@media(max-width:768px){.tasks-weekly{grid-template-columns:1fr}.task-header{flex-direction:column;align-items:flex-start;gap:12px}.week-navigation{width:100%;justify-content:space-between}}.task-modal{max-width:700px;max-height:90vh;overflow-y:auto}.task-form{display:flex;flex-direction:column;gap:16px}.task-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.task-form .form-group{display:flex;flex-direction:column}.task-form .form-group label{margin-bottom:6px;font-size:14px;font-weight:500;color:var(--color-bg-dark-hover)}.task-form .form-group label .required{color:var(--danger)}.task-form .form-group input,.task-form .form-group select,.task-form .form-group textarea{padding:12px 16px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all var(--transition-fast)}.task-form .form-group input:focus,.task-form .form-group select:focus,.task-form .form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f626}.task-form .form-group input::-moz-placeholder,.task-form .form-group textarea::-moz-placeholder{color:var(--text-muted)}.task-form .form-group input::placeholder,.task-form .form-group textarea::placeholder{color:var(--text-muted)}.task-form .form-group textarea{resize:vertical;min-height:80px}.modal-error{padding:12px;background:#fef2f2;color:var(--danger);border:1px solid #fecaca;border-radius:6px;margin-bottom:16px;font-size:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-primary:hover:not(:disabled){background:var(--color-accent)}.btn-secondary{background:var(--bg-elevated);color:var(--color-bg-dark-hover)}.recurring-tasks-section{margin-top:24px;padding-top:24px;border-top:2px solid var(--color-border-default)}.recurring-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.recurring-tasks-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-bg-dark)}.btn-toggle-recurring{background:none;border:1px solid var(--color-border-default);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:600;color:var(--color-accent);transition:all .2s}.btn-toggle-recurring:hover{background:var(--color-bg-surface);border-color:var(--color-accent)}.recurring-tasks-list-modal{max-height:400px;overflow-y:auto}.recurring-empty{padding:20px;text-align:center;color:var(--color-text-muted);font-style:italic}.recurring-tasks-items{display:flex;flex-direction:column;gap:12px}.recurring-item{background:var(--bg-elevated);border:1px solid var(--color-border-default);border-radius:6px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.recurring-item.inactive{opacity:.7}.recurring-item.editing{flex-direction:column;align-items:stretch}.recurring-item-content{flex:1}.recurring-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.recurring-item-header strong{font-size:14px;color:var(--color-bg-dark)}.badge-inactive{font-size:11px;padding:2px 6px;background:#fee2e2;color:#991b1b;border-radius:4px}.recurring-item-details{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--color-text-muted)}.recurring-item-actions{display:flex;gap:6px}.btn-small{padding:4px 10px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-small.btn-edit{background:var(--color-border-default);color:var(--color-accent)}.btn-small.btn-edit:hover{background:var(--color-border-default)}.btn-small.btn-delete{background:#fee2e2;color:var(--danger)}.btn-small.btn-delete:hover{background:#fecaca}.recurring-edit-form{display:flex;flex-direction:column;gap:10px}.form-row-small{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.form-group-small{display:flex;flex-direction:column}.form-group-small label{font-size:12px;font-weight:500;color:var(--color-bg-dark-hover);margin-bottom:4px}.form-group-small input,.form-group-small select{padding:6px 8px;border:1px solid var(--color-border-default);border-radius:4px;font-size:13px;background:var(--bg-base);color:var(--text-primary)}.recurring-error{padding:8px;background:#fef2f2;color:var(--danger);border:1px solid #fecaca;border-radius:4px;font-size:12px;margin-bottom:8px}.btn-add-template{padding:8px 12px;border:1px solid var(--color-border-default);border-radius:6px;background:var(--bg-base);color:var(--text-primary);font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;min-width:40px;height:38px;display:flex;align-items:center;justify-content:center}.btn-add-template:hover{background:var(--color-bg-surface);border-color:var(--color-accent)}.template-form-inline{margin-top:12px;padding:16px;background:var(--bg-elevated);border:1px solid var(--color-border-default);border-radius:8px}.template-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.template-form-header h4{margin:0;font-size:16px;font-weight:600;color:var(--color-bg-dark)}.btn-close-inline{background:none;border:none;font-size:24px;color:var(--color-text-muted);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}.btn-close-inline:hover{color:var(--color-bg-dark-hover)}.template-form-fields{display:flex;flex-direction:column;gap:12px}.template-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.press-view-container{padding:0;background:var(--bg-surface)}.press-view-header{margin-bottom:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.press-view-header-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;flex:1}.press-view-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.press-view-date-badge{font-size:13px;color:var(--text-secondary)}.press-view-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.press-view-control-row{display:flex;align-items:center;gap:6px}.press-view-control-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin:0}.press-view-date-input{padding:6px 10px;border:1px solid var(--border-default);border-radius:7px;font-size:13px;background:var(--bg-base);color:var(--text-primary)}.press-view-checkbox-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.press-view-checkbox{width:15px;height:15px;accent-color:var(--color-accent)}.btn-refresh{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:7px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s}.btn-refresh:hover{background:var(--bg-elevated)}.btn-refresh-icon{flex-shrink:0}.press-view-loading,.press-view-error{text-align:center;padding:64px 32px;font-size:15px;color:var(--text-secondary)}.press-view-error{color:#ef4444}.press-view-empty{text-align:center;padding:64px 32px;background:var(--bg-base);border-radius:12px;border:1px solid var(--border-default)}.press-view-empty p{margin:0;font-size:15px;color:var(--text-secondary)}.press-view-empty-hint{font-size:13px!important;color:var(--text-tertiary)!important;margin-top:6px!important}.press-view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.press-column{background:var(--color-bg-card);border-radius:14px;box-shadow:0 1px 2px #0000001a,0 1px 3px #0000001a;border:.8px solid rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column}.press-column--revamp .press-column-header{padding:0 16px;min-height:48px;flex-direction:row;align-items:center;gap:10px;flex-shrink:0}.press-column-header{padding:0 16px;min-height:48px;display:flex;flex-direction:row;align-items:center;gap:10px}.press-name{margin:0;font-size:16px;font-weight:700;color:var(--color-accent-text);line-height:1.2;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.press-status-row{display:flex;align-items:center;gap:6px}.press-status-text{font-size:13px;color:#ffffffd9;font-weight:400}.press-status-chip{font-size:12px;font-weight:600;color:#fffffff2;background:#fff3;padding:4px 10px;border-radius:9999px;flex-shrink:0}.press-column-chevron{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:6px;color:var(--color-accent-text);font-size:14px;cursor:pointer;transition:background .15s}.press-column-chevron:hover{background:#ffffff59}.press-column--collapsed .press-column-header{border-bottom:none}.press-column-body{flex:1;padding:24px;min-height:220px;display:flex;flex-direction:column;background:linear-gradient(180deg,#f9fafc,#fff);border-top:none}.press-column--medium .press-queue-section{padding:12px;min-height:0}.press-column--medium .press-queue-body{min-height:0}.press-idle-banner{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;max-height:40px;padding:0 16px}.press-idle-banner-text{font-size:13px;color:var(--text-tertiary)}.on-press-card{display:flex;flex-direction:column;gap:12px;background:var(--color-bg-card);border-radius:10px;padding:16px;border:1px solid var(--color-border-default);box-shadow:0 1px 4px #0000000d}.on-press-card.overtime{border-color:#fca5a5}.task-in-progress-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#d1fae5;color:#065f46;border-radius:20px;font-size:12px;font-weight:600;align-self:flex-start}.task-in-progress-badge.paused{background:#fef3c7;color:#92400e}.task-main-layout{display:flex;align-items:center;gap:16px}.task-timer-wrap{flex-shrink:0}.task-timer-wrap .timer-container{width:96px;height:96px;margin:0;position:relative}.task-timer-wrap .timer-svg{width:96px;height:96px}.timer-container{position:relative;width:96px;height:96px;flex-shrink:0}.timer-svg{width:100%;height:100%}.timer-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.timer-time{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1}.timer-time-overtime{color:#ef4444}.timer-time-paused{color:#f59e0b}.timer-label{font-size:11px;color:var(--text-tertiary);font-weight:500;margin-top:2px}.timer-progress{transition:stroke-dashoffset .5s ease}.timer-progress-overtime{stroke:#ef4444!important}.timer-paused{opacity:.65}.task-info-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.task-label{font-size:17px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.task-job-number{font-size:13px;color:var(--color-text-muted);font-weight:400}.task-assignee{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--color-text-muted);margin-top:2px}.task-side-badge{display:inline-block;padding:2px 8px;background:var(--color-border-default);color:var(--color-accent);border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize}.task-status-badge{display:inline-flex;align-items:center;padding:3px 8px;background:#fef3c7;color:#92400e;border-radius:6px;font-size:11px;font-weight:600}.task-progress-bar{height:8px;background:var(--color-border-default);border-radius:4px;overflow:hidden}.task-progress-fill{height:100%;background:var(--color-text-primary);border-radius:4px;transition:width .5s ease;min-width:2px}.task-progress-fill.overtime{background:#ef4444}.task-action-row{display:flex;gap:8px;align-items:center}.task-timing{display:flex;gap:12px;padding:6px 0}.timing-item{display:flex;flex-direction:column;gap:1px}.timing-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.timing-value{font-size:13px;font-weight:600;color:var(--text-primary)}.btn-work-order{width:100%;padding:8px 14px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent));color:var(--color-accent-text);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-work-order:hover{background:linear-gradient(135deg,var(--color-accent),#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.task-job-info{margin:4px 0}.task-order-number{font-size:12px;color:var(--color-text-muted);margin-top:2px}.task-customer-name{font-size:12px;color:var(--text-secondary);margin-top:2px}.task-piece-count{font-size:12px;color:var(--text-tertiary);margin-top:2px}.press-queue-section{border-top:1px solid var(--color-border-default);background:var(--color-bg-card);padding:16px 20px;display:flex;flex-direction:column;gap:12px;min-height:0}.press-queue-header{display:flex;align-items:center;gap:8px}.press-queue-title{font-size:16px;font-weight:700;color:var(--color-text-primary)}.press-queue-body{display:flex;flex-direction:column;gap:6px}.press-queue-empty{text-align:center;font-size:14px;color:var(--color-text-muted);padding:12px 0 4px}.press-queue-footer{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border-default)}.press-tasks-section{border-top:.5px solid var(--color-border-default);padding:12px;background:var(--color-bg-card);min-height:0}.press-tasks-divider{height:.5px;background:var(--color-border-default);margin:0 0 8px}.press-tasks-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary, var(--color-text-muted));margin-bottom:8px}.press-tasks-list{display:flex;flex-direction:column;gap:6px;min-height:0}.press-tasks-empty{font-size:13px;color:var(--text-tertiary, var(--color-text-muted));padding:8px 0}.press-task-row-wrap{border-left:3px solid #f59e0b}.press-task-row-wrap .task-card{margin:0}.press-tasks-footer{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border-default)}.press-column--has-open-tasks{box-shadow:0 0 0 2px #f59e0b59}.btn-add-task-queue-bottom{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 13px;background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:8px;font-size:13px;font-weight:500;color:var(--color-bg-dark-hover);cursor:pointer;transition:background .15s,border-color .15s}.btn-add-task-queue-bottom:hover{background:var(--color-bg-surface);border-color:var(--color-text-muted)}.queue-item-card{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:8px;padding:8px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:2px;border-left-width:4px;border-left-style:solid}.queue-item-card--setup{border-left-color:#f59e0b}.queue-item-card--run{border-left-color:#10b981}.queue-item-card:hover{border-color:#a5b4fc;box-shadow:0 1px 6px #4f46e51a}.queue-item-top{display:flex;align-items:baseline;gap:8px}.queue-item-so{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px;font-weight:600;color:var(--color-text-primary)}.queue-item-customer{font-size:13px;color:var(--color-text-muted)}.queue-item-pcs{font-size:12px;color:var(--color-text-muted)}.queue-item-time{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-muted);margin-top:2px}.queue-item-start-btns{display:flex;flex-direction:column;gap:6px;margin-top:8px}.btn-start-queue{width:100%;height:32px;padding:0 12px;background:transparent;color:var(--color-bg-dark-hover);border:1px solid var(--color-border-default);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.btn-start-queue--outlined:hover:not(:disabled){background:var(--color-bg-surface);border-color:var(--color-text-muted)}.btn-start-queue:disabled{opacity:.5;cursor:not-allowed}.btn-start-queue--outlined.btn-start-queue--run:hover:not(:disabled){border-color:#10b981;color:#059669}.btn-complete-task,.btn-complete-task-small,.btn-start-task,.btn-start-task-full,.btn-pause-task,.btn-resume-task{padding:8px 14px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.btn-complete-task,.btn-complete-task-small{background:#10b981;color:var(--color-accent-text)}.btn-complete-task:hover,.btn-complete-task-small:hover{background:#059669}.btn-start-task,.btn-start-task-full{background:var(--color-accent);color:var(--color-accent-text)}.btn-start-task:hover,.btn-start-task-full:hover{background:var(--color-accent)}.btn-pause-task{background:transparent;color:var(--color-bg-dark-hover);border:1px solid var(--color-border-default)}.btn-pause-task:hover{background:var(--color-bg-surface)}.btn-resume-task{background:#10b981;color:var(--color-accent-text)}.btn-resume-task:hover{background:#059669}.press-view-container .modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.press-view-container .modal-content{background:var(--bg-base);border-radius:12px;box-shadow:var(--shadow-lg);width:90%;max-width:480px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-default)}.press-view-container .modal-header{padding:16px 20px;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center}.press-view-container .modal-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.press-view-container .modal-close{background:none;border:none;font-size:22px;color:var(--text-secondary);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px}.press-view-container .modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.press-view-container .modal-content form{padding:20px}.press-view-container .modal-content .form-group{margin-bottom:18px}.press-view-container .modal-content .form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text-primary)}.press-view-container .modal-content .form-group input{width:100%;padding:9px 12px;border:1px solid var(--border-default);border-radius:7px;font-size:14px;background:var(--bg-base);color:var(--text-primary);box-sizing:border-box}.press-view-container .modal-content .form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e51a}.press-view-container .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.task-run-progress{margin-top:4px;padding:10px 12px;background:var(--bg-elevated);border-radius:8px;font-size:12px}@media(max-width:900px){.press-view-grid{grid-template-columns:1fr}}@media(max-width:767px){.press-view-container{padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.press-view-grid{grid-template-columns:1fr;gap:16px}.task-main-layout{flex-direction:column;align-items:flex-start}.task-timer-wrap .timer-container{width:80px;height:80px;align-self:center}.press-view-controls{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.press-view-date-input{flex:1;font-size:16px}.btn-refresh{min-height:40px;min-width:110px}}.production-page{padding:0;width:100%;max-width:1600px;margin:0 auto;min-width:0}.job-start-date{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.kanban-column-header{transition:background-color .18s ease,border-color .18s ease}.kanban-column.drag-over .kanban-column-header{background:var(--accent-light)}.production-table tbody tr td{transition:background-color .14s ease}.production-table tbody tr:hover td{background:#3b82f60a}.production-top-bar{display:flex;justify-content:flex-end;margin-bottom:var(--space-4);min-width:0}.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}.view-toggle{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg-elevated);padding:3px;border-radius:10px;border:1px solid var(--border-subtle)}.view-toggle-btn{padding:8px 14px;border:none;background:transparent;color:var(--text-tertiary);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.view-toggle-btn:hover{color:var(--text-primary);background:#0000000a}.view-toggle-btn.active{background:var(--color-accent);color:var(--color-accent-text);box-shadow:0 1px 3px #ffd1004d}.view-toggle-btn.active svg{stroke:var(--color-accent-text)}.view-toggle-btn svg{flex-shrink:0}.production-loading{text-align:center;padding:80px var(--space-5);color:var(--text-secondary)}.kanban-board{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-4);min-height:600px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:4px}.kanban-board::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.kanban-board::-webkit-scrollbar-thumb:hover{background:var(--accent)}.kanban-column{min-width:300px;max-width:300px;width:300px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-2xl);display:flex;flex-direction:column;transition:all var(--transition-base);box-sizing:border-box;padding:var(--space-4);position:relative}.kanban-column:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0}.kanban-column.drag-over{border-color:var(--accent-blue);background:var(--status-info-bg);box-shadow:0 0 0 3px #3b82f626}.kanban-column-header{padding:var(--space-4) 0;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-2)}.kanban-column-header h3{margin:0;color:var(--text-primary);font-size:var(--text-base);font-weight:600;font-family:var(--font-sans);text-transform:capitalize;display:flex;align-items:center;gap:var(--space-2)}.kanban-column-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kanban-count{background:var(--bg-elevated);color:var(--text-secondary);padding:4px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);min-width:24px;text-align:center}.kanban-column-body{flex:1;padding:0;overflow-y:auto;min-height:500px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;display:flex;flex-direction:column;gap:var(--space-3)}.kanban-column-body::-webkit-scrollbar{width:6px}.kanban-column-body::-webkit-scrollbar-track{background:transparent}.kanban-column-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.kanban-column-body::-webkit-scrollbar-thumb:hover{background:var(--accent)}.kanban-card{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);cursor:grab;transition:all var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;position:relative;box-shadow:var(--shadow-sm)}.kanban-card:hover{border-color:var(--border-strong);background:var(--bg-elevated);transform:translateY(-1px);box-shadow:var(--shadow-md)}.kanban-card.job-outline-overdue,.kanban-card.job-outline-overdue:hover{border-color:#ef4444;box-shadow:0 0 0 1px #ef444426,var(--shadow-sm)}.kanban-card.job-outline-ready,.kanban-card.job-outline-ready:hover{border-color:#10b981;box-shadow:0 0 0 1px #10b98126,var(--shadow-sm)}.kanban-card.job-outline-waiting,.kanban-card.job-outline-waiting:hover{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b26,var(--shadow-sm)}.production-table tr.row-outline-overdue td:first-child{border-left:3px solid #ef4444}.production-table tr.row-outline-ready td:first-child{border-left:3px solid #10b981}.production-table tr.row-outline-waiting td:first-child{border-left:3px solid #f59e0b}.kanban-card-actions{opacity:0;transition:opacity var(--transition-fast)}.kanban-card:hover .kanban-card-actions{opacity:1}.btn-icon{opacity:0;transition:opacity var(--transition-fast)}.kanban-card:hover .btn-icon{opacity:1}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.5;transform:rotate(2deg);cursor:grabbing}.kanban-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.job-number{font-weight:700;color:var(--text-primary);font-size:13px;font-family:var(--font-sans);word-break:break-word;overflow-wrap:break-word;letter-spacing:.01em}.job-type-tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10.5px;font-weight:700;font-family:var(--font-sans);border:1px solid;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;line-height:1.4}.kanban-card-body{display:flex;flex-direction:column;gap:var(--space-2);width:100%;min-width:0;box-sizing:border-box}.job-customer{font-weight:500;color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);word-break:break-word;overflow-wrap:break-word;line-height:var(--leading-snug)}.card-expand-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;margin-top:4px;border:1px solid var(--border-subtle);background:var(--color-bg-surface);color:var(--text-tertiary);border-radius:16px;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-sans);transition:all .15s ease;align-self:flex-start}.card-expand-toggle:hover{border-color:var(--color-accent);color:var(--color-text-primary);background:var(--accent-light)}.kanban-card-details{display:flex;flex-direction:column;gap:var(--space-2);padding-top:8px;margin-top:4px;border-top:1px dashed var(--border-subtle);animation:cardDetailsIn .15s ease-out}@keyframes cardDetailsIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.kanban-card-footer{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}.qr-code-section{padding:8px;background:var(--color-bg-surface);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:4px}.job-quote,.job-due-date{color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-sans);word-break:break-word;overflow-wrap:break-word;line-height:1.4}.due-date-red{color:var(--accent-red)!important;font-weight:600;background:var(--status-error-bg);padding:4px 8px;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-family:var(--font-sans)}.due-date-yellow{color:var(--accent-amber)!important;font-weight:600;background:var(--status-warning-bg);padding:4px 8px;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-family:var(--font-sans)}.job-notes{color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-sans);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}button.btn-work-order,.kanban-card button.btn-work-order,.production-page button.btn-work-order,.production-page .kanban-card button.btn-work-order{margin-top:var(--space-3)!important;padding:var(--space-3) var(--space-4)!important;background:linear-gradient(135deg,var(--color-accent),var(--color-accent))!important;background-color:var(--color-accent)!important;color:var(--color-accent-text)!important;border:none!important;border-color:transparent!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;font-family:var(--font-sans)!important;cursor:pointer!important;transition:all .15s ease!important;width:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}button.btn-work-order svg,.kanban-card button.btn-work-order svg,.production-page button.btn-work-order svg{color:var(--color-accent-text)!important;stroke:#fff!important;flex-shrink:0}button.btn-work-order:hover,.kanban-card button.btn-work-order:hover,.production-page button.btn-work-order:hover,.production-page .kanban-card button.btn-work-order:hover{background:var(--color-accent)!important;background-color:var(--color-accent)!important;border-color:transparent!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #3b82f64d!important}.kanban-empty{text-align:center;padding:var(--space-4);color:var(--text-tertiary);font-size:12px;font-style:italic}.production-list-view{margin-top:var(--space-4);display:flex;flex-direction:column;gap:8px}.production-list-stage-section--empty .stage-section-header--collapsible{min-height:36px;height:36px;padding:0 16px;cursor:pointer;border-radius:var(--radius-md)}.stage-section-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--content-bg);margin-bottom:0;border-radius:var(--radius-md);font-weight:600;font-size:14px;color:var(--text-primary);transition:background var(--transition-base)}.stage-section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stage-section-title{flex:1}.stage-section-chevron{font-size:12px;color:var(--text-tertiary)}.production-list-stage-body{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden}.production-table--list th,.production-table--list td{padding:8px 16px;font-size:13px}.production-list-actions-cell{position:relative;vertical-align:middle}.production-list-actions-wrap{position:relative;display:inline-flex;align-items:center}.production-list-action-menu-trigger{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;opacity:1;transition:background .15s,color .15s}.production-list-action-menu-trigger:hover{background:var(--bg-elevated);color:var(--text-primary)}.production-list-action-menu-backdrop{position:fixed;inset:0;z-index:9998}.production-list-action-menu{position:absolute;right:0;top:100%;margin-top:4px;z-index:9999;min-width:180px;padding:4px;background:var(--card-bg);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 4px 12px #00000026}.production-list-action-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;border-radius:6px;background:none;color:var(--text-primary);font-size:13px;cursor:pointer;text-align:left;text-decoration:none;transition:background .15s}.production-list-action-menu-item:hover{background:var(--bg-elevated)}.production-list-action-menu-item--danger{color:var(--danger, var(--danger))}.production-table{width:100%;border-collapse:collapse}.production-table th,.production-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-default)}.production-table th{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-elevated)}.production-table tr{cursor:grab;transition:all var(--transition-base)}.production-table tr:hover{background:var(--bg-elevated)}.production-table tr:active{cursor:grabbing}.production-table tr.dragging{opacity:.5;background:var(--accent-light)}.stage-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-primary);font-size:13px;cursor:pointer}.stage-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.production-form{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.error-banner{background:#dc26261a;border:1px solid var(--danger);color:var(--danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:14px}.btn-icon{background:transparent;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-base);font-size:16px;color:var(--text-tertiary)}.btn-icon:hover{background:var(--bg-elevated);transform:scale(1.1);color:var(--text-primary)}.btn-icon.btn-danger:hover{background:#dc26261a;color:var(--danger)}.production-page .production-delete-btn,.production-page .btn-icon.btn-danger{background:var(--accent-red, var(--danger))!important;color:var(--color-accent-text)!important}.production-page .production-delete-icon-inner,.production-page .production-delete-icon-inner svg,.production-page .production-delete-btn svg,.production-page .production-delete-btn svg path,.production-page .production-delete-btn svg line,.production-page .production-delete-btn svg circle,.production-page .production-delete-btn svg polyline,.production-page .production-delete-btn svg polygon,.production-page .btn-icon.btn-danger .production-delete-icon-inner,.production-page .btn-icon.btn-danger .production-delete-icon-inner svg,.production-page .btn-icon.btn-danger svg,.production-page .btn-icon.btn-danger svg path,.production-page .btn-icon.btn-danger svg line,.production-page .btn-icon.btn-danger svg circle,.production-page .btn-icon.btn-danger svg polyline,.production-page .btn-icon.btn-danger svg polygon{color:var(--color-accent-text)!important;stroke:#fff!important;fill:none!important}.production-page .production-delete-btn:hover,.production-page .btn-icon.btn-danger:hover{background:#b91c1c!important;color:var(--color-accent-text)!important}.production-page .production-delete-btn:hover .production-delete-icon-inner,.production-page .production-delete-btn:hover .production-delete-icon-inner svg,.production-page .production-delete-btn:hover svg,.production-page .production-delete-btn:hover svg path,.production-page .production-delete-btn:hover svg line,.production-page .production-delete-btn:hover svg circle,.production-page .production-delete-btn:hover svg polyline,.production-page .production-delete-btn:hover svg polygon,.production-page .btn-icon.btn-danger:hover .production-delete-icon-inner,.production-page .btn-icon.btn-danger:hover .production-delete-icon-inner svg,.production-page .btn-icon.btn-danger:hover svg,.production-page .btn-icon.btn-danger:hover svg path,.production-page .btn-icon.btn-danger:hover svg line,.production-page .btn-icon.btn-danger:hover svg circle,.production-page .btn-icon.btn-danger:hover svg polyline,.production-page .btn-icon.btn-danger:hover svg polygon{color:var(--color-accent-text)!important;stroke:#fff!important;fill:none!important}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);border:none;padding:8px 18px;border-radius:8px;font-weight:600;font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{background:var(--color-accent);box-shadow:0 2px 6px #3b82f64d}.btn-secondary{background:var(--color-bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);padding:8px 18px;border-radius:8px;font-weight:600;font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:var(--color-bg-surface);border-color:var(--color-border-default)}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--bg-base);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border-default)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-default)}.modal-header h2{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.modal-close{background:transparent;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--border-default)}.form-group label{font-weight:500;color:var(--text-primary);font-size:14px}.form-group label .required{color:var(--danger)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-primary);font-size:14px;transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.card{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.card-body{padding:var(--space-6)}.stage-manager-modal{max-width:600px}.stage-manager-content{padding:var(--space-6)}.stage-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);max-height:400px;overflow-y:auto}.stage-item.dragging{opacity:.5}.stage-item.drag-over{background-color:var(--accent-light)!important;border-color:var(--accent)!important}.stage-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-base)}.stage-item:hover{border-color:var(--border-strong);background:var(--bg-base)}.stage-drag-handle{cursor:grab;color:var(--text-tertiary);font-size:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stage-drag-handle:active{cursor:grabbing}.stage-name-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-primary);font-size:14px}.stage-name-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.stage-color-input{width:50px;height:36px;border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;background:none}.stage-color-input::-webkit-color-swatch-wrapper{padding:0}.stage-color-input::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.stage-manager-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--border-default)}.stage-section-header{font-size:16px;font-weight:600;color:var(--text-primary);transition:all var(--transition-base)}.stage-section-header.drag-over{background:var(--accent-light)!important;border-color:var(--accent)!important}.archived-jobs-view{margin-top:var(--space-6)}.required-badge{font-size:11px;padding:2px 8px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm);font-weight:600;white-space:nowrap}.btn-secondary.active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.btn-secondary svg,.btn-primary svg{flex-shrink:0}.production-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--space-6);padding:12px 16px;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-subtle);align-items:center}.filter-btn{padding:7px 14px;border:1px solid var(--border-subtle);background:var(--card-bg);color:var(--text-secondary);border-radius:20px;cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font-sans);transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.filter-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.filter-btn.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);box-shadow:0 1px 3px #3b82f640}.filter-btn.active svg{stroke:var(--text-on-accent)}.filter-btn svg{flex-shrink:0}.filter-btn.clear-filters{background:var(--bg-elevated);color:var(--text-secondary);border-color:transparent}.filter-btn.clear-filters:hover{background:var(--bg-hover);color:var(--text-primary)}.job-header-left{display:flex;align-items:center;gap:6px;flex:1;flex-wrap:wrap}.job-piece-count{font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-light);padding:2px 8px;border-radius:var(--radius-sm)}.kanban-card.rush-job{border-left:3px solid #ef4444}.decoration-badges{display:flex;gap:var(--space-1);flex-wrap:wrap;margin:var(--space-2) 0}.decoration-pill-group{display:inline-flex;align-items:center;gap:6px}.decoration-type-pill{padding:3px 8px}.decoration-detail-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-sm);background:var(--color-bg-dark);color:var(--color-accent-text);font-size:11px;font-weight:800;letter-spacing:.3px;white-space:nowrap}.decoration-editor{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated)}.decoration-method-toggles{display:flex;gap:var(--space-4);flex-wrap:wrap}.decoration-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--text-primary)}.decoration-section-title{font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.decoration-grid{display:flex;flex-direction:column;gap:var(--space-2)}.decoration-row{display:grid;grid-template-columns:180px 1fr;gap:var(--space-3);align-items:center;padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary)}.decoration-row.disabled{opacity:.55}.decoration-placement{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--text-primary)}.decoration-slider-wrap{display:flex;align-items:center;gap:var(--space-3)}.decoration-slider-wrap input[type=range]{width:100%}.decoration-slider-value{min-width:36px;text-align:right;font-weight:800;color:var(--text-primary)}.decoration-preview{display:flex;flex-direction:column;gap:var(--space-2)}.decoration-preview-label{font-size:12px;color:var(--text-secondary);font-weight:700}.decoration-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:11px;font-weight:700;padding:3px 8px;background:var(--color-border-default);color:var(--color-accent);border-radius:var(--radius-sm);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.decoration-badge-screenprint{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent) 100%);color:var(--color-accent-text);box-shadow:0 2px 4px #3b82f640}.decoration-badge-embroidery{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent) 100%);color:var(--color-accent-text);box-shadow:0 2px 4px #8b5cf640}.decoration-badge-dtf{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--color-accent-text);box-shadow:0 2px 4px #f59e0b40}.decoration-badge-wrap,.decoration-badge-sign{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent) 100%);color:var(--color-accent-text);box-shadow:0 2px 4px #8b5cf640}.decoration-badge-misc{background:linear-gradient(135deg,#10b981,#059669);color:var(--color-accent-text);box-shadow:0 2px 4px #10b98140}.status-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-2) 0}.status-chip{font-size:11px;font-weight:500;padding:3px 8px;border-radius:var(--radius-sm);white-space:nowrap}.status-chip.blanks-not_ordered{background:var(--bg-elevated);color:var(--color-text-muted)}.status-chip.blanks-ordered{background:var(--color-bg-surface);color:var(--color-accent)}.status-chip.blanks-partial{background:#fef3c7;color:#d97706}.status-chip.blanks-in_house{background:#d1fae5;color:#059669}.status-chip.blanks-problem{background:#fee2e2;color:var(--danger)}.readiness-dots{display:inline-flex;align-items:center;gap:4px}.readiness-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.readiness-dot.art.ready,.readiness-dot.blanks.ready{background:#10b981;box-shadow:0 0 0 1px #10b9814d}.readiness-dot.art.warning,.readiness-dot.blanks.warning{background:#f59e0b;box-shadow:0 0 0 1px #f59e0b4d}.readiness-dot.art.pending,.readiness-dot.blanks.pending{background:var(--color-text-muted);box-shadow:0 0 0 1px #9ca3af4d}.readiness-dot.blanks.na{background:transparent;border:1px dashed var(--color-border-default);box-shadow:none}.job-assigned{margin-top:var(--space-2);font-size:12px;color:var(--text-secondary)}.assigned-user{color:var(--accent);font-weight:500}.unassigned{color:var(--text-tertiary);font-style:italic}.due-date-red{color:var(--danger);font-weight:600}.due-date-orange{color:#f59e0b;font-weight:600}@media(max-width:768px){.production-page{padding:var(--space-3);max-width:100vw;overflow-x:hidden}.production-header{flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.production-header h1{font-size:22px;margin-bottom:var(--space-1)}.production-header p{font-size:13px}.header-actions{width:100%;flex-direction:column;gap:var(--space-2);align-items:stretch}.view-toggle{width:100%;justify-content:stretch}.view-toggle-btn{flex:1;padding:var(--space-2) var(--space-3);font-size:12px;min-height:40px}.header-actions>.btn-secondary,.header-actions>.btn-primary{width:100%;min-height:44px;font-size:13px}.production-filters{flex-direction:row;flex-wrap:wrap;padding:var(--space-3);gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-btn{flex:0 0 auto;white-space:nowrap;padding:var(--space-2) var(--space-3);font-size:12px;min-height:36px}.kanban-board{display:flex;gap:var(--space-3);padding:0 var(--space-3) var(--space-3) var(--space-3);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overflow-x:auto;overflow-y:visible;min-height:500px;width:100%;margin:0 calc(var(--space-3) * -1);padding-left:var(--space-3);padding-right:var(--space-3)}.kanban-column{min-width:calc(100vw - 80px);max-width:calc(100vw - 80px);width:calc(100vw - 80px);flex-shrink:0;scroll-snap-align:center;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content}.kanban-column-header{padding:var(--space-2) var(--space-3);position:sticky;top:0;z-index:10}.kanban-column-header h3{font-size:13px;font-weight:600}.kanban-count{font-size:11px;padding:2px 6px;min-width:20px}.kanban-column-body{padding:var(--space-3);min-height:400px;max-height:calc(100vh - 350px);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--space-2)}.kanban-card{padding:var(--space-3);margin-bottom:0;font-size:13px;word-wrap:break-word;overflow-wrap:break-word;width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-width:0}.kanban-card-header{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2);padding-bottom:var(--space-2);flex-shrink:0}.job-header-left{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.job-number{font-size:13px;font-weight:700;font-family:var(--font-sans);word-break:break-word;overflow-wrap:break-word}.job-piece-count{font-size:11px;padding:2px 6px;white-space:nowrap;flex-shrink:0}.kanban-card-body{gap:var(--space-2);flex:1;min-width:0;display:flex;flex-direction:column}.job-customer{font-size:13px;font-weight:500;word-break:break-word;overflow-wrap:break-word;line-height:1.4}.job-quote,.job-due-date,.job-notes{font-size:11px;word-break:break-word;overflow-wrap:break-word;line-height:1.4}.decoration-badges,.status-chips{margin:var(--space-1) 0;gap:var(--space-1)}.decoration-badge,.status-chip{font-size:10px;padding:2px 6px;line-height:1.4}.status-chip{font-size:9px;padding:2px 5px}.job-assigned{font-size:11px;margin-top:var(--space-1)}.btn-work-order{margin-top:var(--space-2);padding:var(--space-2);font-size:11px;min-height:36px}.btn-icon{min-width:36px;min-height:36px;font-size:14px}.production-table{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.production-table thead,.production-table tbody{display:block}.production-table tr{display:grid;grid-template-columns:100px 1fr 100px 80px 100px 80px;gap:var(--space-2)}.production-table th,.production-table td{padding:var(--space-2);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-table th{font-size:10px;position:sticky;top:0;background:var(--bg-elevated)}.archived-jobs-view{margin-top:var(--space-4)}.archived-jobs-view .card{border-radius:var(--radius-md)}.archived-jobs-view .card-body{padding:var(--space-3)}.archived-jobs-view h2{font-size:18px;margin-bottom:var(--space-3)}.modal-overlay{padding:var(--space-2)}.modal-content{max-width:100%;max-height:95vh}.modal-header{padding:var(--space-4)}.modal-header h2{font-size:18px}.production-form{padding:var(--space-4)}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.stage-manager-content{padding:var(--space-4)}.stage-list{max-height:300px}}.production-page-mobile .production-mobile{min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom,0))}.production-mobile-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--bg-elevated);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 3px #0000000f}.production-mobile-title{margin:0;font-size:1.125rem;font-weight:700}.production-mobile-view-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer}.production-mobile-add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent, var(--color-accent));border:none;border-radius:8px;color:var(--color-accent-text);font-size:14px;font-weight:600;cursor:pointer}.production-mobile-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000}.production-mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;background:var(--bg-elevated);border-radius:16px 16px 0 0;padding:12px 16px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0));box-shadow:0 -4px 24px #00000026}.production-mobile-sheet-drag{width:40px;height:4px;margin:0 auto 12px;background:var(--border-strong);border-radius:2px}.production-mobile-sheet-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.production-mobile-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.production-mobile-sheet-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:12px;font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer}.production-mobile-sheet-option.active{background:var(--accent-light, rgba(59, 130, 246, .15));border-color:var(--accent);color:var(--accent)}.production-mobile-error{padding:12px 16px;background:var(--danger-bg);color:var(--danger);font-size:14px}.production-mobile-filters-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px 16px 0;margin-bottom:12px}.production-mobile-filters{display:flex;gap:8px;flex-wrap:nowrap;padding-bottom:8px}.production-mobile-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:20px;font-size:13px;color:var(--text-primary);cursor:pointer}.production-mobile-chip.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.production-mobile-chip.clear{color:var(--text-secondary)}.production-mobile-assigned-wrap{padding:0 16px 12px}.production-mobile-assigned-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.production-mobile-assigned-select{width:100%;padding:10px 12px;border:1px solid var(--border-default);border-radius:8px;font-size:14px;background:var(--bg-base);color:var(--text-primary)}.production-mobile-actions-row{display:flex;gap:8px;padding:0 16px 12px}.production-mobile-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;font-size:13px;color:var(--text-primary);cursor:pointer}.production-mobile-action-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.production-mobile-main{padding:0 16px 24px;min-height:200px}.production-mobile-archived h2,.production-mobile-list-stage-header{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.production-mobile-empty,.production-mobile-placeholder{text-align:center;padding:24px 16px;color:var(--text-secondary);font-size:14px}.production-mobile-archived-list{list-style:none;margin:0;padding:0}.production-mobile-archived-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:12px;margin-bottom:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;font-size:14px;text-align:left;cursor:pointer}.production-mobile-archived-item .job-num{font-weight:700;margin-bottom:4px}.production-mobile-list-view{display:flex;flex-direction:column;gap:16px}.production-mobile-list-stage-header{padding:8px 12px;border-left:4px solid var(--accent);margin-bottom:8px}.production-mobile-list-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;padding:12px;margin-bottom:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;text-align:left;cursor:pointer}.production-mobile-list-row .job-num{font-weight:700}.production-mobile-list-row .due.due-red{color:var(--danger)}.production-mobile-list-row .due.due-orange{color:var(--warning)}.production-mobile-accordions{display:flex;flex-direction:column;gap:8px}.production-mobile-accordion{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.production-mobile-accordion-header{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:var(--bg-elevated);border:none;font-size:15px;font-weight:600;color:var(--text-primary);text-align:left;cursor:pointer}.production-mobile-accordion-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.production-mobile-accordion-name{flex:1}.production-mobile-accordion-count{font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-base);padding:2px 8px;border-radius:10px}.production-mobile-accordion-body{padding:12px;border-top:1px solid var(--border-subtle)}.production-mobile-accordion-empty{margin:0;padding:16px;text-align:center;font-size:14px;color:var(--text-secondary)}.production-mobile-card{margin-bottom:12px;padding:12px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:12px}.production-mobile-card.job-outline-overdue{border-color:var(--danger)}.production-mobile-card.job-outline-ready{border-color:var(--success)}.production-mobile-card.rush{border-left:4px solid var(--warning)}.production-mobile-card-main{cursor:pointer}.production-mobile-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.production-mobile-card-num{font-weight:700;font-size:15px}.production-mobile-card-type{font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid}.production-mobile-card-pcs{font-size:12px;color:var(--text-secondary)}.production-mobile-card-customer{font-size:14px;margin-bottom:4px}.production-mobile-card-due{font-size:13px}.production-mobile-card-due.due-red{color:var(--danger)}.production-mobile-card-due.due-orange{color:var(--warning)}.production-mobile-card-readiness{margin-top:8px}.production-mobile-card-details-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 0;background:none;border:none;font-size:13px;color:var(--accent);cursor:pointer}.production-mobile-card-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle);font-size:13px;color:var(--text-secondary)}.production-mobile-card-assigned,.production-mobile-card-notes{margin-top:6px}.production-mobile-card-work-order{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;font-size:13px;cursor:pointer}.production-mobile-card-qr{margin-top:12px;text-align:center}.production-mobile-card-qr span{display:block;font-size:11px;margin-top:4px;color:var(--text-tertiary)}.production-mobile-card-delete{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 0;background:none;border:none;font-size:13px;color:var(--danger);cursor:pointer}.production-mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0));background:var(--bg-elevated);color:var(--text-secondary);border-top:1px solid var(--border-subtle);box-shadow:0 -2px 12px #0000000f}.production-mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;background:none;border:none;color:inherit;font-size:10px;cursor:pointer}.production-mobile-nav-item.active{color:var(--accent);font-weight:600}.production-mobile-nav-center{flex-direction:column;gap:2px;background:var(--accent, var(--color-accent));color:var(--color-accent-text);border-radius:12px;min-width:56px;padding:8px 10px;font-size:10px;font-weight:600}.production-mobile-nav-center span{line-height:1.1}.production-desktop-wrap{display:flex;flex-direction:column;gap:0;position:relative;min-height:60vh}.production-revamp-wrap{background:var(--color-bg-surface)}.production-ob5-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;max-height:48px;padding:0 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-default)}.production-ob5-bar--calendar{min-height:44px;max-height:44px}.production-ob5-bar-text{font-size:14px;font-weight:500;color:var(--text-primary)}.production-ob5-bar-actions{display:flex;align-items:center;gap:8px}.production-ob5-bar-btn{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;border:none}.production-ob5-bar-btn--secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.production-ob5-bar-btn--secondary:hover{background:var(--bg-surface);color:var(--text-primary)}.production-ob5-bar-btn--primary{background:var(--accent);color:var(--text-on-accent)}.production-ob5-bar-btn--primary:hover{background:var(--accent-hover, var(--accent));filter:brightness(1.05)}.production-revamp-nav{background:var(--color-bg-card);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000000d,0 1px 3px #0000000d;padding:12px 16px;margin-bottom:0}.production-main--press-view,.production-main--board-view{padding:16px;background:var(--color-bg-surface)}.production-main--board-view .production-filters{background:transparent;padding:16px 0 24px;border:none;gap:8px}.production-main--board-view .filter-btn{height:32px;padding:0 12px;background:var(--color-bg-card);color:var(--color-text-primary);border:.8px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px}.production-main--board-view .filter-btn:hover{border-color:#00000026;background:var(--color-bg-page)}.production-main--board-view .filter-btn.active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.production-main--board-view .filter-btn.active svg{stroke:#fff}.production-main--board-view .kanban-board{gap:24px;padding:0 0 24px;min-height:500px}.production-main--board-view .kanban-column{background:var(--color-bg-card);border:.8px solid #e6e8ec;border-radius:14px;box-shadow:0 1px 2px #0000001a,0 1px 3px #0000001a;padding:0;overflow:hidden;display:flex;flex-direction:column}.production-main--board-view .kanban-column.drag-over{border-color:var(--color-accent);background:var(--accent-light);box-shadow:0 0 0 2px var(--accent-light)}.production-main--board-view .kanban-column.kanban-column--empty-expanded.drag-over{border-style:dashed}.production-main--board-view .kanban-column--empty .kanban-column-header.compact-column-header{flex-direction:column;align-items:center;gap:6px;padding:10px 8px}.production-main--board-view .kanban-column--empty .kanban-column-header.compact-column-header h3{flex-direction:column;gap:6px}.production-main--board-view .compact-column-header .stage-name{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:12px;font-weight:500;color:var(--text-secondary, var(--color-text-muted))}.production-main--board-view .compact-column-header .kanban-column-dot,.production-main--board-view .compact-column-header .kanban-count{flex-shrink:0}.production-main--board-view .kanban-column-body.kanban-column-body--empty,.production-main--board-view .kanban-empty-drop-zone{min-height:200px;flex:1}.production-main--board-view .kanban-column-header{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:0}.production-main--board-view .kanban-column-header h3{font-size:14px}.production-main--board-view .kanban-column-dot{width:10px;height:10px}.production-main--board-view .kanban-count{font-size:13px;font-weight:700;min-width:28px;padding:4px 10px}.production-main--board-view .kanban-card-body{padding:12px;font-size:13px}.production-main--board-view .kanban-card-body .job-customer,.production-main--board-view .kanban-card-body .kanban-card-meta-row,.production-main--board-view .kanban-card-body .kanban-card-footer-label{font-size:13px}.kanban-btn-work-order-secondary{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--text-primary);background:transparent;border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.kanban-btn-work-order-secondary:hover{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent)}.kanban-qr-wrap{position:relative}.kanban-qr-trigger{padding:4px 10px;font-size:12px;color:var(--text-secondary);background:transparent;border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.kanban-qr-trigger:hover{background:var(--bg-elevated);color:var(--text-primary)}.kanban-qr-backdrop{position:fixed;inset:0;z-index:9998}.kanban-qr-popover{position:absolute;left:50%;bottom:100%;transform:translate(-50%);margin-bottom:8px;z-index:9999;padding:12px;background:var(--color-bg-card);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;align-items:center;gap:6px}.kanban-qr-popover-label{font-size:11px;font-weight:500;color:var(--text-secondary)}.kanban-qr-popover-job{font-size:11px;color:var(--text-tertiary)}.production-main--board-view .kanban-count{background:var(--color-bg-surface);color:var(--color-text-primary);border-radius:8px;padding:4px 8px;font-size:14px;font-weight:600;min-width:22px;text-align:center}.production-main--board-view .kanban-column-body{padding:16px;gap:12px;min-height:200px}.production-main--board-view .kanban-card{background:var(--color-bg-card);border:.8px solid #e6e8ec;border-radius:10px;padding:16px;box-shadow:none}.production-main--board-view .kanban-card:hover{border-color:var(--color-border-default);background:var(--color-bg-card)}.production-main--board-view .kanban-card-body{gap:12px}.production-main--board-view .kanban-card-header{padding:0;margin-bottom:0}.production-main--board-view .kanban-card-header .job-piece-count{display:none}.production-main--board-view .kanban-card .job-number{font-size:18px;font-weight:700;color:var(--color-text-primary)}.production-main--board-view .kanban-card .job-customer{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.production-main--board-view .job-rush-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;background:#d4183d;color:var(--color-accent-text);border-radius:8px;font-size:12px;font-weight:600}.production-main--board-view .kanban-card-meta-rows{display:flex;flex-direction:column;gap:8px}.production-main--board-view .kanban-card-meta-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-text-secondary)}.production-main--board-view .kanban-card-meta-row.due-date-red span{color:#ef4444}.kanban-card-checklist-progress{display:flex;align-items:center;gap:8px;margin-top:8px}.kanban-card-checklist-progress-bar{flex:1;height:6px;background:var(--color-bg-surface);border-radius:3px;overflow:hidden}.kanban-card-checklist-progress-fill{height:100%;background:#1d9e75;border-radius:3px;transition:width .25s ease}.kanban-card-checklist-progress-label{font-size:12px;font-weight:600;color:var(--color-text-muted);min-width:2.5em}.production-main--board-view .kanban-card-footer-label{font-size:14px;color:var(--color-text-muted);padding-top:12px;border-top:1px solid rgba(0,0,0,.1);margin-top:4px}.production-main--board-view .kanban-empty{padding:32px 16px;text-align:center;font-size:14px;font-weight:500;color:var(--color-text-muted)}.production-press-view-wrap{padding:0;background:var(--color-bg-surface);min-height:400px}.production-desktop-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.production-nav-icon-svg{flex-shrink:0;opacity:.8}.production-desktop-view-tab.active .production-nav-icon-svg{opacity:1;color:var(--color-accent)}.production-desktop-top-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:0;border-bottom:none}.production-desktop-view-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:none;border-radius:10px;color:var(--color-text-secondary);font-size:14px;font-weight:500;font-family:Inter,var(--font-sans);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.production-desktop-view-tab:hover{background:#0000000a;color:var(--color-text-primary)}.production-desktop-view-tab.active{background:var(--color-bg-surface);color:var(--color-accent)}.production-desktop-view-tab.active .production-nav-icon-svg{color:var(--color-accent)}.production-nav-icon{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;opacity:.65;transition:opacity .15s}.production-desktop-view-tab:hover .production-nav-icon{opacity:.9}.production-desktop-view-tab.active .production-nav-icon{opacity:1;filter:invert(18%) sepia(95%) saturate(2000%) hue-rotate(235deg) brightness(80%)}.production-nav-icon--white{filter:brightness(10);opacity:1}.production-desktop-top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.prod-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--color-bg-card);color:var(--color-text-primary);border:.8px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;font-weight:500;font-family:Inter,var(--font-sans);cursor:pointer;transition:background .15s,box-shadow .15s;white-space:nowrap}.prod-action-btn:hover{background:var(--color-bg-surface);box-shadow:0 1px 4px #00000014}.prod-action-btn--active{background:var(--accent-light, #eff6ff);color:var(--accent, var(--color-accent));border-color:var(--accent, var(--color-accent))}.prod-action-btn--primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.prod-action-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 8px var(--accent-light)}.prod-staff-dropdown{position:relative;display:inline-flex;align-items:center}.prod-staff-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:7px 32px 7px 12px;background:#f3f3f5;color:var(--color-text-primary);border:none;border-radius:8px;font-size:14px;font-weight:500;font-family:Inter,var(--font-sans);cursor:pointer;transition:background .15s}.prod-staff-select:hover{background:#e8e8eb}.prod-staff-select:focus{outline:2px solid var(--color-accent);outline-offset:1px}.prod-staff-chevron{position:absolute;right:10px;width:10px;height:10px;pointer-events:none;opacity:.6}.production-desktop-toolbar-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:10px 14px;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.production-desktop-main{flex:1;min-width:0;padding:0 var(--space-4) var(--space-4)}.production-desktop-fab{position:fixed;bottom:24px;right:24px;z-index:80;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:24px;box-shadow:0 4px 16px #0000001f;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer}.ob5-banner{display:flex;align-items:stretch;gap:0;margin-bottom:16px;border-radius:16px;overflow:hidden;border:1px solid rgba(251,191,36,.25);background:linear-gradient(135deg,#fffbeb,#fef3c7 40%,#fff7ed,#fefce8);box-shadow:0 2px 12px #fbbf241f}.ob5-banner-content{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:8px;justify-content:center}.ob5-banner-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#d97706}.ob5-banner-title{font-size:18px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.ob5-banner-desc{font-size:13.5px;color:var(--color-text-muted);line-height:1.5;max-width:440px}.ob5-banner-actions{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}.ob5-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;font-size:13.5px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;border:none;transition:all .15s;white-space:nowrap}.ob5-btn--primary{background:#f59e0b;color:var(--color-accent-text)}.ob5-btn--primary:hover{background:#d97706;box-shadow:0 3px 10px #f59e0b59}.ob5-btn--secondary{background:#fffc;color:var(--color-bg-dark-hover);border:1px solid rgba(0,0,0,.1)}.ob5-btn--secondary:hover{background:var(--color-bg-card);box-shadow:0 2px 8px #00000014}.ob5-banner-chart{flex-shrink:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:0;overflow:hidden;max-width:220px}.ob5-banner-chart-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top;display:block}.production-desktop .production-list-view .production-table tbody tr:nth-child(2n) td{background:#00000005}.production-desktop .production-list-view .production-table tbody tr:hover td{background:#3b82f60f}.production-page .work-order-modal-overlay .work-order-modal .work-order-content .pm-root .pm-file-actions .pm-icon-btn svg,.production-page .work-order-modal-overlay .work-order-modal .work-order-content .pm-root .pm-file-actions .pm-download-btn svg,.production-page .work-order-modal-overlay .work-order-modal #work-order-content .pm-root .pm-file-actions .pm-icon-btn svg,.production-page .work-order-modal-overlay .work-order-modal #work-order-content .pm-root .pm-file-actions .pm-download-btn svg{stroke:var(--color-text-muted)!important;fill:none!important}.production-page .work-order-modal-overlay .work-order-modal .work-order-content .pm-root .pm-file-actions .pm-icon-btn:hover:not(:disabled) svg,.production-page .work-order-modal-overlay .work-order-modal .work-order-content .pm-root .pm-file-actions .pm-download-btn:hover svg,.production-page .work-order-modal-overlay .work-order-modal #work-order-content .pm-root .pm-file-actions .pm-icon-btn:hover:not(:disabled) svg,.production-page .work-order-modal-overlay .work-order-modal #work-order-content .pm-root .pm-file-actions .pm-download-btn:hover svg{stroke:var(--color-text-primary)!important}.production-page .work-order-modal-overlay .work-order-modal .work-order-content .pm-root .pm-file-actions .pm-icon-btn--danger svg,.production-page .work-order-modal-overlay .work-order-modal .work-order-content .pm-root .pm-file-actions .pm-icon-btn--danger:hover svg,.production-page .work-order-modal-overlay .work-order-modal #work-order-content .pm-root .pm-file-actions .pm-icon-btn--danger svg,.production-page .work-order-modal-overlay .work-order-modal #work-order-content .pm-root .pm-file-actions .pm-icon-btn--danger:hover svg{stroke:#b91c1c!important}.production-optimizer-panel-overlay{position:fixed;inset:0;z-index:1000;background:#0006;display:flex;align-items:stretch;justify-content:flex-end}.production-optimizer-panel{width:100%;max-width:480px;background:var(--bg-base);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;overflow:hidden}.production-optimizer-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.production-optimizer-panel-title{margin:0;font-size:1.125rem;font-weight:600}.production-optimizer-panel-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-muted);padding:.25rem}.production-optimizer-panel-close:hover{color:var(--text-primary)}.production-optimizer-panel-body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.kanban-board,.production-board,.board-container,.board-wrapper,.kanban-wrapper,.stages-container,.board-scroll-container{background:var(--color-bg-page)!important}.kanban-column,.kanban-column--empty,.stage-column,.board-column{background:var(--color-bg-card)!important;border-color:var(--color-border-default)!important}.kanban-column .column-header,.stage-column .column-header,.kanban-column-header{background:var(--color-bg-card)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}.board-filter-row,.production-filter-row,.board-filters{background:var(--color-bg-page)!important}.board-filter-pill,.filter-tag,.stage-filter{background:var(--color-bg-card)!important;border-color:var(--color-border-default)!important;color:var(--color-text-secondary)!important}[data-theme=dark] .production-page button svg,[data-theme=dark] .production-page .btn-icon svg,[data-theme=dark] .view-toggle-btn svg,[data-theme=dark] .filter-btn svg,[data-theme=dark] .production-header-actions button svg,[data-theme=dark] .board-actions button svg{stroke:var(--color-text-primary)!important;color:var(--color-text-primary)!important}[data-theme=dark] .view-toggle-btn.active svg,[data-theme=dark] .filter-btn.active svg{stroke:#111!important;color:#111!important}[data-theme=dark] .btn-icon.btn-danger svg,[data-theme=dark] .production-delete-btn svg{stroke:#fff!important;color:#fff!important}.kanban-card:hover{box-shadow:0 10px 24px #00000026!important}.kb-wrap{font-family:DM Sans,sans-serif;--kb-bg: var(--color-bg-page);background:var(--kb-bg);--kb-surface: var(--color-bg-card);--kb-surface2: var(--color-bg-surface);--kb-border: var(--color-border-default);--kb-border2: var(--color-border-strong);--kb-text: var(--color-text-primary);--kb-muted: var(--color-text-secondary);--kb-dim: var(--color-text-muted);--kb-overdue-bg: #fef2f2;--kb-overdue-border: #fca5a5;--kb-overdue-text: #dc2626;--kb-rush-border: #fcd34d55;--kb-tag-sp-bg: #dbeafe;--kb-tag-sp-text: #1d4ed8;--kb-tag-sp-border: #bfdbfe;--kb-tag-emb-bg: #dcfce7;--kb-tag-emb-text: #15803d;--kb-tag-emb-border: #bbf7d0;--kb-tag-sign-bg: #f3e8ff;--kb-tag-sign-text: #7c3aed;--kb-tag-sign-border: #e9d5ff;--kb-tag-rush-bg: #fffbeb;--kb-tag-rush-text: #b45309;--kb-tag-rush-border: #fde68a;--kb-tag-overdue-bg: #fef2f2;--kb-tag-overdue-text: #dc2626;--kb-tag-overdue-border: #fca5a5}.kb-wrap.dark{--kb-bg: #0e0e10;--kb-surface: #18181b;--kb-surface2: #1f1f23;--kb-border: #2e2e35;--kb-border2: #3a3a44;--kb-text: #f0f0f2;--kb-muted: #9090a0;--kb-dim: #55555f;--kb-overdue-bg: #1e1214;--kb-overdue-border: #3d1c1c;--kb-overdue-text: #f87171;--kb-rush-border: #3a2a0855;--kb-tag-sp-bg: #1e2d4a;--kb-tag-sp-text: #60a5fa;--kb-tag-sp-border: #1e3a5f;--kb-tag-emb-bg: #162613;--kb-tag-emb-text: #4ade80;--kb-tag-emb-border: #1a3a1a;--kb-tag-sign-bg: #221528;--kb-tag-sign-text: #c084fc;--kb-tag-sign-border: #3a1f4a;--kb-tag-rush-bg: #1a1508;--kb-tag-rush-text: #f59e0b;--kb-tag-rush-border: #3a2a08;--kb-tag-overdue-bg: #1e1214;--kb-tag-overdue-text: #f87171;--kb-tag-overdue-border: #3d1c1c}.kb-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.kb-filter-pill{font-size:11.5px;padding:5px 14px;border-radius:20px;border:1px solid var(--kb-border2);background:var(--kb-surface);color:var(--kb-muted);cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.kb-filter-pill:hover{background:var(--kb-surface2);color:var(--kb-text)}.kb-filter-pill--overdue{border-color:var(--kb-overdue-border);color:var(--kb-overdue-text);background:var(--kb-overdue-bg)}.kb-filter-pill--rush{border-color:var(--kb-tag-rush-border);color:var(--kb-tag-rush-text);background:var(--kb-tag-rush-bg)}.kb-filter-pill.active{border-color:var(--kb-border2);background:var(--kb-surface2);color:var(--kb-text)}.kb-new-job{margin-left:auto;font-size:12px;padding:6px 16px;border-radius:20px;border:none;background:#e24b4a;color:#fff;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif}.kb-new-job:hover{filter:brightness(1.05)}.kb-board{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.kb-col{flex:0 0 260px;min-width:260px;display:flex;flex-direction:column;background:var(--kb-surface);border:1px solid var(--kb-border);border-radius:14px;padding:12px 10px;transition:border-color .15s,background .15s}.kb-col.kb-col--drag-over{border-color:var(--kb-border2);background:var(--kb-surface2)}.kb-col-head{display:flex;align-items:center;gap:8px;padding:0 2px 12px}.kb-col-name{font-size:10.5px;font-weight:600;color:var(--kb-dim);text-transform:uppercase;letter-spacing:.1em}.kb-col-badge{font-size:10px;color:var(--kb-dim);background:var(--kb-surface2);border:1px solid var(--kb-border);padding:1px 8px;border-radius:20px;font-weight:500}.kb-col-cards{display:flex;flex-direction:column;gap:8px;min-height:120px}.kb-card{background:var(--kb-surface);border:1px solid var(--kb-border);border-radius:14px;overflow:hidden;transition:border-color .15s,transform .12s;cursor:pointer}.kb-card:hover{border-color:var(--kb-border2);transform:translateY(-2px)}.kb-card--rush{border-color:var(--kb-rush-border)}.kb-card--rush:hover{border-color:#f59e0b}.kb-card--overdue{background:var(--kb-overdue-bg);border-color:var(--kb-overdue-border)}.kb-card--overdue:hover{border-color:var(--kb-overdue-text)}.kb-card.dragging{opacity:.6;cursor:grabbing}.kb-card-stripe{height:2.5px;width:100%}.kb-card-stripe--rush{background:linear-gradient(90deg,#d4870a,#f59e0b88)}.kb-card-stripe--overdue{background:linear-gradient(90deg,#e24b4a,#f8717188)}.kb-card-body{padding:13px 14px 12px}.kb-card-so{font-size:14px;font-weight:600;color:var(--kb-text);letter-spacing:-.02em}.kb-card-customer{font-size:12.5px;color:var(--kb-muted);margin-bottom:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-meta-pcs,.kb-meta-date{font-size:11.5px;color:var(--kb-dim)}.kb-meta-date--overdue{color:var(--kb-overdue-text);font-weight:600}.kb-meta-date--today{color:#f59e0b;font-weight:600}.kb-meta-date--soon{color:#f59e0b}.kb-progress-wrap{margin-bottom:11px}.kb-progress-track{height:3px;background:var(--kb-surface2);border-radius:3px;overflow:hidden;margin-bottom:5px}.kb-progress-fill{height:100%;border-radius:3px;background:#1d9e75;transition:width .3s}.kb-progress-label{font-size:10px;color:var(--kb-dim);letter-spacing:.02em}.kb-card-btn{width:100%;min-height:44px;font-size:12px;padding:9px 0;border-radius:9px;border:1px solid var(--kb-border2);background:var(--kb-surface2);color:var(--kb-muted);cursor:pointer;font-family:DM Sans,sans-serif;font-weight:500;transition:all .15s}.kb-card-btn:hover{background:var(--kb-surface);color:var(--kb-text)}.kb-card--overdue .kb-card-btn{border-color:var(--kb-overdue-border);background:var(--kb-overdue-bg);color:var(--kb-overdue-text)}.kb-tag{font-size:9.5px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.03em;text-transform:uppercase;border:1px solid}.kb-tag--sp{background:var(--kb-tag-sp-bg);color:var(--kb-tag-sp-text);border-color:var(--kb-tag-sp-border)}.kb-tag--emb{background:var(--kb-tag-emb-bg);color:var(--kb-tag-emb-text);border-color:var(--kb-tag-emb-border)}.kb-tag--sign{background:var(--kb-tag-sign-bg);color:var(--kb-tag-sign-text);border-color:var(--kb-tag-sign-border)}.kb-tag--rush{background:var(--kb-tag-rush-bg);color:var(--kb-tag-rush-text);border-color:var(--kb-tag-rush-border)}.kb-tag--overdue{background:var(--kb-tag-overdue-bg);color:var(--kb-tag-overdue-text);border-color:var(--kb-tag-overdue-border)}.kb-tag--today{background:#fffbeb;color:#b45309;border-color:#fde68a}.kb-wrap.dark .kb-tag--today{background:#1a1508;color:#f59e0b;border-color:#3a2a08}.kb-empty{border:1px dashed var(--kb-border2);border-radius:14px;padding:24px 12px;text-align:center;font-size:11.5px;color:var(--kb-dim)}.kb-legend{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--kb-border);margin-top:14px;align-items:center}@media(max-width:767px){.kb-board{flex-direction:column;overflow-x:visible}.kb-col{min-width:100%}}@media(min-width:768px)and (max-width:1024px){.kb-board{overflow-x:auto;-webkit-overflow-scrolling:touch}}.schedule-optimizer{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.schedule-optimizer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.schedule-optimizer-metric{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border-radius:8px;background:var(--bg-elevated, #f8fafc);border:1px solid var(--border, var(--color-border-default))}.schedule-optimizer-metric-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, var(--color-bg-dark))}.schedule-optimizer-metric-value--danger{color:var(--destructive, var(--danger))}.schedule-optimizer-metric-label{font-size:.75rem;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.02em}.schedule-optimizer-metric-sub{font-size:.7rem;color:var(--text-muted, #64748b)}.schedule-optimizer-bubble{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.schedule-optimizer-bubble-icon{flex-shrink:0;color:var(--accent, var(--color-accent))}.schedule-optimizer-bubble-text{margin:0;font-size:.875rem;line-height:1.4}.schedule-optimizer-groups{display:flex;flex-direction:column;gap:1rem}.schedule-optimizer-group-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--color-bg-card)}.schedule-optimizer-group-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem .75rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.schedule-optimizer-badge{padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.schedule-optimizer-badge-screen{background:#d1fae5;color:#065f46}.schedule-optimizer-badge-emb{background:var(--color-bg-surface);color:#1e40af}.schedule-optimizer-badge-dtf{background:#ede9fe;color:#5b21b6}.schedule-optimizer-badge-sign{background:#fef3c7;color:#92400e}.schedule-optimizer-badge-misc{background:var(--color-bg-page);color:#475569}.schedule-optimizer-group-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.schedule-optimizer-ink-dots{display:inline-flex;gap:2px;align-items:center}.schedule-optimizer-ink-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.schedule-optimizer-group-pieces{margin-left:auto;font-size:.8rem;color:var(--text-muted)}.schedule-optimizer-group-table-wrap{overflow-x:auto}.schedule-optimizer-table{width:100%;border-collapse:collapse;font-size:.8rem}.schedule-optimizer-table th,.schedule-optimizer-table td{padding:.4rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.schedule-optimizer-table th{font-weight:600;color:var(--text-muted);background:var(--bg-elevated)}.schedule-optimizer-run-pos{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--border);color:var(--text-primary);font-weight:600;font-size:.7rem}.schedule-optimizer-job-name{font-weight:500;display:block}.schedule-optimizer-job-so{font-size:.75rem;color:var(--text-muted)}.schedule-optimizer-rush-badge{display:inline-block;margin-left:.25rem;padding:.1rem .35rem;border-radius:4px;font-size:.65rem;font-weight:600;background:#fef3c7;color:#92400e}.schedule-optimizer-due--at-risk{color:var(--destructive, var(--danger));font-weight:500}.schedule-optimizer-gang-note{font-size:.7rem;color:var(--text-muted);margin-top:.15rem}.schedule-optimizer-group-footer{padding:.5rem .75rem;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border);background:var(--bg-elevated)}.schedule-optimizer-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.schedule-optimizer-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;border-radius:8px;border:1px solid var(--border);background:var(--color-bg-card);color:var(--text-primary);cursor:pointer;transition:background .15s,color .15s}.schedule-optimizer-btn:hover{background:var(--bg-elevated)}.schedule-optimizer-btn--primary{background:var(--accent, var(--color-accent));color:var(--color-accent-text);border-color:var(--accent)}.schedule-optimizer-btn--primary:hover{background:color-mix(in srgb,var(--accent) 90%,#000);color:var(--color-accent-text)}.inbox-page{display:flex;flex-direction:column;height:100%;min-height:60vh;background:var(--color-bg-page);font-family:DM Sans,sans-serif;--inbox-text: var(--color-text-primary);--inbox-muted: var(--color-text-muted);--inbox-border: var(--color-border-default);--inbox-accent: var(--accent, var(--color-accent));--inbox-bg-list: var(--color-bg-surface);--inbox-bg-body: var(--color-bg-surface)}.inbox-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--inbox-border);background:var(--color-bg-card);border-radius:0}.inbox-title{font-size:1.25rem;font-weight:700;margin:0;color:var(--inbox-text)}.inbox-header-actions{display:flex;align-items:center;gap:.75rem}.inbox-sync-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;border:1px solid var(--inbox-border);border-radius:8px;background:var(--color-bg-card);color:var(--inbox-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.inbox-sync-btn:hover:not(:disabled){background:var(--inbox-bg-body);color:var(--inbox-text)}.inbox-sync-btn:disabled{opacity:.7;cursor:not-allowed}.inbox-compose-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;border:1px solid var(--inbox-accent);border-radius:8px;background:var(--inbox-accent);color:var(--color-accent-text);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.inbox-compose-btn:hover{background:color-mix(in srgb,var(--inbox-accent) 90%,#000);color:var(--color-accent-text)}.inbox-send-via-gmail-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;border:1px solid var(--inbox-border);border-radius:8px;background:var(--color-bg-card);color:var(--inbox-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.inbox-send-via-gmail-btn:hover:not(:disabled){background:var(--inbox-bg-body);color:var(--inbox-text)}.inbox-filter-pills{display:inline-flex;align-items:center;gap:.25rem;padding:2px;border-radius:8px;background:var(--inbox-bg-body)}.inbox-customer-filter{display:inline-flex;align-items:center;gap:.25rem;padding:2px;border-radius:8px;background:var(--inbox-bg-body);margin-left:.5rem;border-left:1px solid var(--inbox-border);padding-left:.5rem}.inbox-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;font-family:DM Sans,sans-serif;border:none;border-radius:6px;background:transparent;color:var(--inbox-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.inbox-pill:hover{color:var(--inbox-text);background:#0000000a}.inbox-pill.active{background:var(--inbox-accent);color:var(--color-accent-text)}.inbox-pill-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;font-size:.6875rem;font-weight:600;border-radius:6px;background:#ffffff40}.inbox-error{margin:0 1.5rem 1rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:8px;font-size:.9375rem}.inbox-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-secondary, #64748b)}.inbox-spin{animation:inbox-spin .8s linear infinite}@keyframes inbox-spin{to{transform:rotate(360deg)}}.inbox-layout{display:flex;flex:1;min-height:0}.inbox-list{width:320px;min-width:280px;border-right:1px solid var(--inbox-border);background:var(--inbox-bg-list);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.inbox-list-search-wrap{display:flex;align-items:center;gap:.5rem;height:36px;margin:.75rem;padding:0 .75rem;background:var(--color-bg-card);border:1px solid var(--inbox-border);border-radius:8px}.inbox-list-search-icon{flex-shrink:0;color:var(--inbox-muted)}.inbox-list-search{flex:1;min-width:0;height:100%;padding:0;border:none;background:transparent;font-size:.875rem;font-family:DM Sans,sans-serif;color:var(--inbox-text)}.inbox-list-search::-moz-placeholder{color:var(--inbox-muted)}.inbox-list-search::placeholder{color:var(--inbox-muted)}.inbox-list-search:focus{outline:none}.inbox-empty{padding:1.5rem;font-size:.9375rem;color:var(--inbox-muted);margin:0}.inbox-list-item{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;margin:0 .5rem .5rem;border:none;border-radius:8px;background:transparent;text-align:left;cursor:pointer;font-size:.875rem;font-family:DM Sans,sans-serif;width:calc(100% - 1rem);transition:background .15s ease}.inbox-list-item:hover{background:#fff9}.inbox-list-item.active{background:var(--color-bg-card);box-shadow:0 2px 8px #00000014;border:1px solid var(--inbox-border)}.inbox-list-item.unread .inbox-list-name{font-weight:700}.inbox-list-unread-dot{flex-shrink:0;width:6px;height:6px;margin-top:.6rem;margin-right:.25rem;border-radius:50%;background:var(--inbox-accent)}.inbox-list-item:not(.unread) .inbox-list-unread-dot{display:none}.inbox-list-item.non-customer{border-left:3px solid #fbbf24}.inbox-list-badge{display:inline-block;font-size:.625rem;font-weight:600;padding:1px 6px;border-radius:3px;background:#fef3c7;color:#92400e;margin-left:6px}.inbox-thread-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;background:#fef3c7;color:#92400e}.inbox-list-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;color:var(--color-accent-text)}.inbox-list-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.inbox-list-row-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.inbox-list-name{font-size:15px;font-weight:500;color:var(--inbox-text)}.inbox-list-item:not(.unread) .inbox-list-name{font-weight:400;color:var(--inbox-muted)}.inbox-list-time{flex-shrink:0;font-size:11px;color:var(--inbox-muted)}.inbox-list-subject{font-size:13px;color:var(--inbox-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-list-preview{font-size:12px;color:var(--inbox-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-thread{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--inbox-bg-body)}.inbox-thread-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--inbox-muted);font-size:.9375rem}.inbox-thread-header{padding:1rem 1.25rem;background:var(--color-bg-card);border-bottom:1px solid var(--inbox-border)}.inbox-thread-header-top{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem}.inbox-thread-sender{font-size:18px;font-weight:500;color:var(--inbox-text)}.inbox-thread-contact{font-size:.875rem;color:var(--inbox-muted)}.inbox-thread-header-time{margin-left:auto;font-size:.8125rem;color:var(--inbox-muted)}.inbox-thread-header-divider{height:1px;background:var(--inbox-border);margin:.75rem 0}.inbox-thread-header-tags{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.inbox-channel-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:8px}.inbox-channel-pill.email{background:#3b82f61f;color:#1d4ed8}.inbox-channel-pill.sms{background:#22c55e1f;color:#15803d}.inbox-channel-pill.facebook{background:#1877f21f;color:#1877f2}.inbox-channel-pill.instagram{background:#e1306c1f;color:#e1306c}.inbox-thread-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.inbox-btn-primary{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-family:DM Sans,sans-serif;font-weight:500;border:none;border-radius:8px;background:var(--inbox-accent);color:var(--color-accent-text);cursor:pointer;transition:background .15s ease,opacity .15s ease}.inbox-btn-primary:hover:not(:disabled){opacity:.9}.inbox-btn-delete{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-family:DM Sans,sans-serif;font-weight:500;border:1px solid var(--inbox-border);border-radius:8px;background:var(--color-bg-card);color:var(--inbox-text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.inbox-btn-delete:hover:not(:disabled){background:#fef2f2;border-color:#fecaca;color:#b91c1c}.inbox-header-menu-wrap{position:relative}.inbox-header-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--inbox-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.inbox-header-menu-btn:hover{background:var(--inbox-bg-list);color:var(--inbox-text)}.inbox-header-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;padding:4px;background:var(--color-bg-card);border:1px solid var(--inbox-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10}.inbox-header-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;border-radius:6px;background:transparent;font-size:.875rem;font-family:DM Sans,sans-serif;color:var(--inbox-text);cursor:pointer;text-align:left;transition:background .15s ease}.inbox-header-menu-item:hover{background:var(--inbox-bg-list)}.inbox-header-menu-item-danger:hover{background:#fef2f2;color:#b91c1c}.inbox-delete-confirm{padding:1rem;margin:0 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:.9375rem}.inbox-delete-confirm p{margin:0 0 .75rem;color:var(--text-primary, var(--color-text-primary))}.inbox-delete-confirm-actions{display:flex;gap:.5rem}.inbox-message-subject{font-size:.8125rem;font-weight:600;color:var(--text-secondary, #64748b);margin-bottom:.25rem}.inbox-message-body:not(:has(.inbox-message-html)){white-space:pre-wrap;word-break:break-word}.inbox-message-html-wrap{max-width:680px;margin:0 auto}.inbox-message-html{max-width:100%;overflow-x:auto;word-wrap:break-word;font-size:15px;line-height:1.8;color:var(--inbox-text)}.inbox-quoted-collapsed .inbox-message-html blockquote{display:none}.inbox-show-quoted-btn{margin-top:.5rem;padding:.25rem 0;border:none;background:transparent;font-size:.8125rem;font-family:DM Sans,sans-serif;color:var(--inbox-muted);cursor:pointer;transition:color .15s ease}.inbox-show-quoted-btn:hover{color:var(--inbox-text)}.inbox-message-html-clamp-inner{position:relative;max-height:17rem;overflow:hidden}.inbox-message-html-clamp-inner .inbox-message-html{max-height:none}.inbox-message-html-clamp-inner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2.75rem;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--card-bg, var(--color-bg-surface)))}.inbox-message.outbound .inbox-message-html-clamp-inner:after{background:linear-gradient(to bottom,#fff0,color-mix(in srgb,var(--inbox-accent) 88%,#000))}.inbox-show-more-body-btn{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;padding:.35rem .5rem;border:none;border-radius:6px;background:transparent;font-size:.8125rem;font-family:DM Sans,sans-serif;font-weight:500;color:var(--inbox-accent);cursor:pointer;transition:background .15s ease,color .15s ease}.inbox-show-more-body-btn:hover{background:#3b82f614;color:var(--inbox-text)}.inbox-message.outbound .inbox-show-more-body-btn{color:#fffffff2}.inbox-message.outbound .inbox-show-more-body-btn:hover{background:#ffffff1f;color:#fff}.inbox-show-more-body-btn--plain{margin-top:.35rem}.inbox-message-html p,.inbox-message-html div{margin:0 0 .75em}.inbox-message-html p:last-child,.inbox-message-html div:last-child{margin-bottom:0}.inbox-message-html blockquote{margin:.5em 0 .75em 1em;padding-left:.5em;border-left:3px solid var(--border, var(--color-border-default))}.inbox-message-html br{display:block;content:"";margin-top:.25em}.inbox-message-html a{color:var(--accent, var(--color-accent));text-decoration:underline}.inbox-message-html img{max-width:100%;height:auto;display:block;margin:.5em 0}.inbox-message-attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.inbox-attachment-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;background:var(--color-bg-page);border:1px solid var(--border, var(--color-border-default));border-radius:.375rem}.inbox-attachment-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-attachment-btn{padding:.125rem .25rem;border:none;border-radius:.25rem;background:transparent;color:var(--text-secondary, #64748b);cursor:pointer;font-size:.75rem}.inbox-attachment-btn:hover:not(:disabled){background:var(--color-bg-surface);color:var(--text-primary, var(--color-text-primary))}.inbox-attachment-btn:disabled{opacity:.7;cursor:not-allowed}.inbox-attachment-error{font-size:.8125rem;color:#b91c1c}.inbox-message-attachments-preview{display:flex;flex-direction:column;gap:.5rem}.inbox-attachments-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary, #64748b)}.inbox-attachment-previews{display:flex;flex-wrap:wrap;gap:.5rem}.inbox-image-preview{display:inline-block;border-radius:.5rem;overflow:hidden;border:1px solid var(--border, var(--color-border-default));background:var(--color-bg-page);max-width:200px;max-height:200px}.inbox-image-preview img{display:block;max-width:200px;max-height:200px;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.inbox-image-loading{padding:1rem;font-size:.8125rem;color:var(--text-secondary, #64748b);margin-top:.25rem}.inbox-thread-body-card{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--color-bg-card);border-radius:8px;margin:0 1rem;border:1px solid var(--inbox-border);overflow:hidden}.inbox-thread-body-card.inbox-channel-email{border-top:3px solid var(--inbox-accent)}.inbox-thread-body-card.inbox-channel-sms{border-top:3px solid #22c55e}.inbox-thread-messages{flex:1;overflow:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.inbox-message{max-width:85%;padding:.75rem 1rem;border-radius:.75rem;font-size:.9375rem;margin-bottom:.25rem}.inbox-message.inbound{align-self:flex-start;background:var(--card-bg);border:1px solid var(--border, var(--color-border-default))}.inbox-message.outbound{align-self:flex-end;background:var(--accent, var(--color-accent));color:var(--color-accent-text)}.inbox-message-meta{font-size:.75rem;margin-top:.25rem;opacity:.85}.inbox-reply{flex-shrink:0;padding:1rem 1.25rem;border-top:1px solid var(--inbox-border);background:var(--color-bg-card);display:flex;flex-direction:column;gap:.5rem}.inbox-reply-input-row{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--inbox-border);border-radius:8px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.inbox-reply-input-row:focus-within{border-color:var(--inbox-accent);box-shadow:0 0 0 2px #3b82f633}.inbox-reply-textarea{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:DM Sans,sans-serif;border:none;resize:none;min-height:52px;color:var(--inbox-text);background:transparent}.inbox-reply-textarea::-moz-placeholder{color:var(--inbox-muted)}.inbox-reply-textarea::placeholder{color:var(--inbox-muted)}.inbox-reply-textarea:focus{outline:none}.inbox-reply-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.inbox-reply-attachments{display:flex;flex-wrap:wrap;gap:.375rem}.inbox-reply-attachment-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8125rem;background:var(--color-bg-page);border:1px solid var(--border, var(--color-border-default));border-radius:.375rem;color:var(--text-secondary, #64748b);max-width:180px}.inbox-reply-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-reply-attachment-remove{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;padding:0;margin-left:.125rem;font-size:1rem;line-height:1;border:none;border-radius:.25rem;background:transparent;color:var(--text-secondary, #64748b);cursor:pointer}.inbox-reply-attachment-remove:hover{background:var(--color-bg-surface);color:var(--text, var(--color-text-primary))}.inbox-attach-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;border:1px solid var(--border, var(--color-border-default));border-radius:.375rem;background:var(--card-bg);color:var(--text-secondary, #64748b);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.inbox-attach-btn:hover:not(:disabled){background:var(--color-bg-page);color:var(--accent, var(--color-accent));border-color:var(--accent, var(--color-accent))}.inbox-attach-btn:disabled{opacity:.6;cursor:not-allowed}.inbox-reply-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding:.5rem .75rem;border-top:1px solid var(--inbox-border);background:#00000005}.inbox-ob5-draft-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.8125rem;border:1px solid var(--border, var(--color-border-default));border-radius:.375rem;background:var(--card-bg);color:var(--text-secondary, #64748b);cursor:pointer}.inbox-ob5-draft-btn:hover:not(:disabled){background:var(--color-bg-page);color:var(--accent, var(--color-accent))}.inbox-ob5-draft-btn:disabled{opacity:.7;cursor:not-allowed}.inbox-draft-error{margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem}.inbox-send{display:inline-flex;align-items:center;gap:.375rem}.inbox-customer-modal-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.inbox-customer-modal-content{background:var(--card-bg);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:960px;width:100%;max-height:calc(100vh - 2rem);overflow:auto}@media(max-width:768px){.inbox-layout{flex-direction:column}.inbox-list{width:100%;max-height:200px}}.ph-root .spin{animation:ph-spin .8s linear infinite}@keyframes ph-spin{to{transform:rotate(360deg)}}.ph-root{background:var(--content-bg, #f5f6f8);min-height:100%;padding:1.5rem 1.5rem 2rem;color:var(--text-primary, #1a1a2e)}.ph-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.ph-h1{font-size:1.375rem;font-weight:700;color:var(--color-text-primary);margin:0}.ph-sub{font-size:.8125rem;color:var(--text-secondary, #888);margin-top:.25rem}.ph-refresh-btn{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:6px;border:1px solid var(--border, #e8e8ee);background:var(--card-bg);color:var(--text-secondary, #64748b);cursor:pointer;transition:background .12s,color .12s;font-family:inherit}.ph-refresh-btn:hover{background:var(--content-bg, var(--color-bg-surface));color:var(--color-text-primary)}.ph-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ph-header--compact{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:1rem;margin-bottom:1rem}.ph-header--compact .ph-header-left{min-width:0}.ph-refresh-btn--icon{padding:.5rem;flex-shrink:0}.ph-pipeline-strip{display:flex;align-items:stretch;background:var(--card-bg);border:1px solid var(--border, #e8e8ee);border-radius:10px;margin-bottom:1rem;max-height:64px;overflow:hidden}.ph-pipeline-strip-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 6px;border:none;background:transparent;font-family:inherit;cursor:pointer;transition:background .1s ease;min-width:0;border-right:1px solid var(--border, #e8e8ee)}.ph-pipeline-strip-item:last-child{border-right:none}.ph-pipeline-strip-item:hover{background:var(--color-background-secondary, #f5f6f8)}.ph-pipeline-strip-item--active{background:#6366f114}.ph-pipeline-strip-num{font-size:1.125rem;font-weight:700;line-height:1.1}.ph-pipeline-strip-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #888);line-height:1.2}.ph-pipeline-bar{background:var(--card-bg);border:1px solid var(--border, #e8e8ee);border-radius:10px;padding:1rem 1.25rem;margin-bottom:.875rem}.ph-pipeline-bar:hover{box-shadow:0 2px 10px #0000000a}.ph-pipeline-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);margin-bottom:.625rem}.ph-pipeline-row{display:flex;align-items:center;gap:0;flex-wrap:wrap}.ph-pip-item{flex:1;min-width:80px;text-align:center;cursor:pointer;padding:6px 4px;border-radius:6px;background:transparent;border:none;font-family:inherit;transition:background .12s;display:flex;flex-direction:column;align-items:center;gap:2px}.ph-pip-item:hover{background:var(--color-bg-surface)}.ph-pip-item--active{background:#6366f112}.ph-pip-item--active .ph-pip-label{color:var(--accent, var(--color-accent))}.ph-pip-num{font-size:20px;font-weight:700;line-height:1.1}.ph-pip-label{font-size:10px;font-weight:600;color:var(--color-text-muted);line-height:1.2;transition:color .12s}.ph-pip-divider{width:1px;height:32px;background:var(--color-border-default);flex-shrink:0;margin:0 6px;align-self:center}.ph-search-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}.ph-search-wrap{position:relative;flex:1;max-width:360px}.ph-search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #94a3b8);pointer-events:none}.ph-search{width:100%;padding:.4rem .75rem .4rem 2rem;font-size:.8125rem;border:1px solid var(--border, var(--color-border-default));border-radius:7px;background:var(--card-bg);color:var(--color-text-primary);font-family:inherit;outline:none;transition:border-color .12s}.ph-search:focus{border-color:var(--accent, var(--color-accent))}.ph-result-count{font-size:.75rem;color:var(--text-secondary, #888);white-space:nowrap}.ph-content{display:flex;gap:0;align-items:stretch;min-height:0;flex:1}.ph-list-wrap{width:300px;min-width:300px;display:flex;flex-direction:column;gap:0;border-right:1px solid var(--border, #e8e8ee);background:var(--card-bg);border-radius:10px 0 0 10px;overflow:hidden}.ph-list-filter-row{display:flex;align-items:center;gap:4px;padding:8px 12px 6px;flex-wrap:wrap}.ph-list-filter-pill{font-size:.6875rem;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--border, var(--color-border-default));background:var(--card-bg);color:var(--text-secondary, #64748b);cursor:pointer;font-family:inherit;transition:background .1s ease,color .1s ease,border-color .1s ease}.ph-list-filter-pill:hover{background:var(--color-background-secondary, var(--color-bg-surface));color:var(--color-text-primary)}.ph-list-filter-pill--active{background:var(--accent, var(--color-accent));color:var(--color-accent-text);border-color:var(--accent, var(--color-accent))}.ph-search-row--inline{margin-bottom:6px;padding:0 12px 8px}.ph-list{width:100%;min-width:0;display:flex;flex-direction:column;gap:0;max-height:calc(100vh - 320px);overflow-y:auto;padding:0 8px 8px}.ph-list-empty{padding:1.5rem 1rem;text-align:center;font-size:.8125rem;color:var(--text-secondary, #888);background:var(--card-bg);border:1px solid var(--border, #e8e8ee);border-radius:10px}.ph-card{background:var(--card-bg);border:none;border-radius:8px;padding:10px 14px;cursor:pointer;transition:background .1s ease;position:relative;text-align:left;border-left:3px solid transparent;margin-bottom:4px}.ph-card--border{border-left-width:3px}.ph-card:hover{background:var(--color-background-secondary, #f5f6f8)}.ph-card--active{background:var(--color-bg-card);box-shadow:0 2px 8px #0000000f;border-left-width:3px}.ph-card-title-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.ph-card-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-card-version-pill{font-size:.625rem;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--color-background-secondary, #eef0f2);color:var(--text-secondary, #64748b);flex-shrink:0}.ph-card-customer{font-size:12px;color:var(--text-secondary, #64748b);margin-bottom:2px}.ph-card-type{font-size:12px;color:var(--text-secondary, #888);margin-bottom:6px}.ph-card-meta{font-size:.75rem;color:var(--text-secondary, #64748b);margin-bottom:.5rem}.ph-card-status{display:inline-flex;align-items:center;gap:4px;font-size:.625rem;font-weight:600;padding:2px 8px;border-radius:10px}.ph-card-status-dot{width:5px;height:5px;border-radius:50%}.ph-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:6px;border-top:1px solid var(--border, #eee);font-size:11px;color:var(--text-secondary, #64748b)}.ph-card-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--accent, var(--color-accent));background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.ph-card-date{font-size:11px;color:var(--text-secondary, #888)}.ph-card-link:hover{text-decoration:underline}.ph-card-link--danger{color:var(--accent-red, #ef4444)}.ph-card-link--danger:hover{color:var(--accent-red, var(--danger))}.ph-detail{flex:1;background:var(--card-bg);border:1px solid var(--border, #e8e8ee);border-radius:0 10px 10px 0;overflow:hidden;min-height:420px;display:flex;flex-direction:column}.ph-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;min-height:360px;color:var(--text-secondary, #64748b);font-size:.9375rem}.ph-det-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border, #e8e8ee)}.ph-det-header--compact{padding:1rem 1.25rem}.ph-det-title{font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.ph-det-title--size{font-size:20px;font-weight:500;margin:0 0 6px}.ph-det-meta{font-size:.8125rem;color:var(--text-secondary, #64748b);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ph-det-meta--inline{font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ph-det-status-badge{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:6px}.ph-det-meta-sep{color:var(--text-tertiary, #94a3b8);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ph-det-meta-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent, var(--color-accent));background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;padding:0}.ph-det-meta-link:hover{text-decoration:underline}.ph-det-meta-link--danger{color:var(--accent-red, #ef4444)}.ph-det-meta-link--danger:hover{color:var(--accent-red, var(--danger))}.ph-det-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.ph-det-actions--row{display:flex;align-items:center;gap:8px;margin-top:12px}.ph-det-btn-send-primary{height:40px;padding:0 1rem;font-size:.875rem;font-weight:600;border-radius:8px;border:none;background:var(--accent, var(--color-accent));color:var(--color-accent-text);cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px}.ph-det-btn-send-primary:hover{filter:brightness(1.05)}.ph-det-btn-icon{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border, var(--color-border-default));background:var(--card-bg);color:var(--color-text-primary);cursor:pointer;font-family:inherit}.ph-det-btn-icon:hover{background:var(--color-background-secondary, var(--color-bg-surface))}.ph-det-header-menu-wrap{position:relative}.ph-det-header-menu-backdrop{position:fixed;inset:0;z-index:1}.ph-det-header-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;padding:4px;background:var(--card-bg);border:1px solid var(--border, #e8e8ee);border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:2;display:flex;flex-direction:column}.ph-det-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.8125rem;text-align:left;border:none;background:none;color:var(--color-text-primary);cursor:pointer;font-family:inherit;border-radius:6px;text-decoration:none}.ph-det-menu-item:hover{background:var(--color-background-secondary, var(--color-bg-surface))}.ph-det-menu-item--approve{color:var(--accent-green, #059669)}.ph-det-menu-item--approve:hover{background:#0596691a}.ph-det-menu-item--decline{color:var(--accent-red, var(--danger))}.ph-det-menu-item--decline:hover{background:#dc262614}.ph-det-version-row{font-size:.8125rem;color:var(--text-secondary, #64748b);margin-top:8px;display:flex;align-items:center;gap:6px}.ph-det-version-dropdown-wrap{position:relative;display:inline-flex}.ph-det-version-dropdown-btn{padding:0 4px;border:none;background:none;color:var(--text-secondary, #64748b);cursor:pointer;font-size:.75rem;line-height:1;font-family:inherit}.ph-det-version-dropdown-btn:hover{color:var(--color-text-primary)}.ph-det-version-dropdown{position:absolute;top:100%;left:0;margin-top:2px;min-width:80px;padding:4px;background:var(--card-bg);border:1px solid var(--border, #e8e8ee);border-radius:8px;box-shadow:0 6px 16px #00000014;z-index:2;display:flex;flex-direction:column}.ph-det-version-opt--active{font-weight:600;color:var(--accent, var(--color-accent))}.ph-det-btn{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;padding:.375rem .75rem;border-radius:6px;border:1px solid var(--border, var(--color-border-default));background:var(--card-bg);color:var(--color-text-primary);cursor:pointer;text-decoration:none;font-family:inherit}.ph-det-btn:hover{background:var(--content-bg, var(--color-bg-surface))}.ph-det-btn-primary{background:var(--accent, var(--color-accent));border-color:var(--accent, var(--color-accent));color:var(--color-accent-text)}.ph-det-btn-primary:hover{filter:brightness(1.05)}.ph-det-btn-secondary{background:var(--card-bg);border-color:var(--border, var(--color-border-default));color:var(--color-text-primary)}.ph-det-internal-actions{display:inline-flex;gap:.5rem;flex-wrap:wrap}.ph-det-btn-approve{background:var(--accent-green, #059669);border-color:var(--accent-green, #059669);color:var(--color-accent-text)}.ph-det-btn-approve:hover{filter:brightness(1.05)}.ph-det-btn-decline{background:var(--accent-red, var(--danger));border-color:var(--accent-red, var(--danger));color:var(--color-accent-text)}.ph-det-btn-decline:hover{filter:brightness(1.05)}.ph-audit{font-size:.75rem;color:var(--text-secondary, #64748b);margin-top:.5rem}.ph-audit-label{font-weight:600}.ph-det-source{font-size:.8125rem;color:var(--text-secondary, #64748b)}.ph-internal-desc{font-size:.875rem;color:var(--text-secondary, #64748b);margin:0 0 1rem}.ph-det-body{flex:1;overflow:auto;padding:1rem 1.25rem}.ph-det-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary, #64748b);font-size:.875rem}.ph-det-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.ph-det-empty-zone{width:200px;height:200px;border:2px dashed var(--color-border-secondary, var(--color-border-default));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--text-tertiary, #94a3b8)}.ph-det-empty-title{font-size:15px;font-weight:500;color:var(--color-text-primary);margin:0 0 4px}.ph-det-empty-sub{font-size:13px;color:var(--text-secondary, #64748b);margin:0 0 1rem}.ph-det-empty-btn{margin-top:4px}.ph-det-image-card{margin-bottom:1rem;padding:1rem;background:var(--color-bg-card);border:1px solid var(--border, var(--color-border-default));border-radius:8px;display:flex;justify-content:center;align-items:center}.ph-det-image-card img{max-width:100%;height:auto;display:block;border-radius:4px}.ph-det-wrap-viewer{margin-bottom:1rem}.ph-det-wrap-main{padding:1rem;background:var(--color-bg-card);border:1px solid var(--border, var(--color-border-default));border-radius:8px;margin-bottom:.75rem;display:flex;justify-content:center;align-items:center;min-height:120px}.ph-det-wrap-main img{max-width:100%;height:auto;display:block;border-radius:4px}.ph-det-wrap-pdf-link{color:var(--accent, #4f46e5);font-weight:500;text-decoration:underline}.ph-det-wrap-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ph-det-wrap-thumb{display:flex;flex-direction:column;align-items:center;padding:6px;border:2px solid var(--border, var(--color-border-default));border-radius:8px;background:var(--color-bg-card);cursor:pointer;transition:border-color .15s,background .15s}.ph-det-wrap-thumb:hover{border-color:var(--accent, #4f46e5);background:var(--content-bg, #f8fafc)}.ph-det-wrap-thumb--active{border-color:var(--accent, #4f46e5);background:var(--accent-light, rgba(79, 70, 229, .08))}.ph-det-wrap-thumb img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:4px;display:block}.ph-det-wrap-thumb-pdf{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--muted, var(--color-bg-surface));border-radius:4px}.ph-det-wrap-thumb-label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);margin-top:4px;text-transform:capitalize}.ph-det-timeline{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:.8125rem;margin-bottom:1rem}.ph-det-timeline-step{color:var(--text-secondary, #64748b);padding:2px 4px}.ph-det-timeline-step--active{font-weight:600;color:var(--color-text-primary)}.ph-det-timeline-arrow{color:var(--text-tertiary, #94a3b8);margin:0 2px}.ph-det-image-wrap{margin-bottom:1rem;border:1px solid var(--border, var(--color-border-default));border-radius:8px;overflow:hidden;background:var(--color-bg-page)}.ph-det-image-wrap img{max-width:100%;height:auto;display:block}.ph-det-versions{font-size:.8125rem;color:var(--text-secondary, #64748b);margin-bottom:1rem}.ph-det-annotations{margin-top:1rem}.ph-det-annotations h4{font-size:.8125rem;font-weight:600;margin:0 0 .5rem}.ph-send-modal{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:10001;padding:2rem 1.5rem;overflow-y:auto}.ph-send-modal-inner{background:var(--card-bg);border-radius:12px;padding:1.5rem;max-width:520px;width:100%;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;margin:auto}.ph-send-modal h4{margin:0 0 1rem;font-size:1rem}.ph-send-modal .form-group{margin-bottom:.75rem}.ph-send-modal label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.25rem}.ph-send-modal input,.ph-send-modal textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border, var(--color-border-default));border-radius:6px;font-size:.875rem;font-family:inherit;box-sizing:border-box}.ph-internal-notes-input{resize:vertical;min-height:4.5rem}.ph-send-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;position:sticky;bottom:-1.5rem;padding:.75rem 0;background:var(--card-bg);border-top:1px solid var(--border, #eee)}.ph-send-message-hint{margin:.35rem 0 0;font-size:.75rem;color:var(--text-tertiary, #94a3b8);line-height:1.4}.ph-send-preview-wrap{margin-top:.5rem}.ph-send-preview-body{background:var(--content-bg, #f5f6f8);border:1px solid var(--border, #e8e8ee);border-radius:8px;padding:1rem 1.25rem;min-height:4rem;font-size:.875rem;line-height:1.5;color:var(--text-primary, #1a1a2e)}.ph-send-preview-body p{margin:0 0 .5em}.ph-send-preview-body p:last-child{margin-bottom:0}.ph-send-preview-empty{color:var(--text-tertiary, #94a3b8)!important;font-style:italic}.ph-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:10001;animation:ph-toast-in .25s ease;pointer-events:none}.ph-toast-success{background:#15803d;color:var(--color-accent-text)}.ph-toast-error{background:var(--danger);color:var(--color-accent-text)}@keyframes ph-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ph-revisions-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border, #e8e8ee)}.ph-revisions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.ph-revisions-title{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);margin:0}.ph-revisions-add-btn{gap:.25rem}.ph-revisions-url-row{display:flex;gap:.5rem;margin-top:.5rem}.ph-revisions-url-input{flex:1;padding:.4375rem .75rem;border-radius:6px;border:1px solid var(--border, var(--color-border-default));font-size:.8125rem;font-family:inherit;background:var(--content-bg, #f8f9fa);color:var(--color-text-primary);transition:border-color .15s}.ph-revisions-url-input:focus{outline:none;border-color:var(--accent, var(--color-accent));box-shadow:0 0 0 2px #3b82f61f}.ph-revision-picker{background:var(--card-bg);border-radius:14px;padding:1.5rem;max-width:480px;width:100%;box-shadow:0 20px 60px #0000002e,0 0 0 1px #0000000d;margin:auto;animation:ph-picker-in .2s ease}@keyframes ph-picker-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ph-revision-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.ph-revision-picker-header h4{margin:0;font-size:1.0625rem;font-weight:700;color:var(--color-text-primary)}.ph-revision-picker-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-tertiary, #94a3b8);cursor:pointer;transition:background .15s,color .15s}.ph-revision-picker-close:hover{background:var(--bg-hover, var(--color-bg-surface));color:var(--color-text-primary)}.ph-revision-picker-desc{font-size:.8125rem;color:var(--text-secondary, #64748b);margin:.25rem 0 1.25rem;line-height:1.5}.ph-revision-picker-grid{display:flex;flex-direction:column;gap:.75rem}.ph-revision-picker-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:10px;border:1.5px solid var(--border, var(--color-border-default));background:var(--content-bg, #f8f9fa);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.ph-revision-picker-card:hover{border-color:var(--accent, var(--color-accent));background:#3b82f60a;box-shadow:0 2px 8px #3b82f614}.ph-revision-picker-card-icon{flex-shrink:0;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.ph-revision-picker-card-icon--sign{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a}.ph-revision-picker-card-icon--mocklab{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--color-accent)}.ph-revision-picker-card-text{display:flex;flex-direction:column;gap:.125rem}.ph-revision-picker-card-text strong{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.ph-revision-picker-card-text span{font-size:.75rem;color:var(--text-secondary, #64748b);line-height:1.4}@media(max-width:768px){.ph-root{padding:1rem}.ph-content{flex-direction:column}.ph-list{width:100%;min-width:0;max-height:280px}.ph-pipeline-row{gap:2px}.ph-pip-num{font-size:16px}.ph-pip-label{font-size:9px}.ph-search-wrap{max-width:100%}.ph-send-modal{padding:0;align-items:stretch}.ph-send-modal-inner{max-width:100%;max-height:100%;height:100%;border-radius:0;display:flex;flex-direction:column}.ph-send-modal h4{position:sticky;top:-1.5rem;background:var(--card-bg);padding:.75rem 0;margin:0 0 .75rem;border-bottom:1px solid var(--border, #eee);z-index:1}.ph-send-modal-actions{position:sticky;bottom:0;padding:.75rem 0;margin-top:auto}.ph-send-modal-actions .ph-det-btn{flex:1;justify-content:center;padding:.625rem 1rem}.ph-revision-picker{max-width:100%;border-radius:0;height:100%;display:flex;flex-direction:column;justify-content:center}.ph-revisions-url-row{flex-direction:column}}.reports-page{padding:16px;max-width:1600px;margin:0 auto}.reports-header{margin-bottom:24px}.reports-header h1{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-primary);font-family:var(--font-sans)}.reports-header p{margin:0;color:var(--text-secondary);font-size:14px;font-family:var(--font-sans)}.reports-content-wrapper{position:relative;margin-top:0}.report-section-loading{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:12px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-md);font-size:13px;font-weight:500}.report-section-loading-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:report-section-spin .7s linear infinite}@keyframes report-section-spin{to{transform:rotate(360deg)}}.date-filter{background:var(--card-bg);padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:14px}.preset-filters{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.preset-btn{padding:7px 14px;background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border);border-radius:20px;cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font-sans);transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.preset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.preset-btn:active{transform:none}.date-inputs{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:12px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-sans)}.input-group input[type=date]{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);background:var(--card-bg);color:var(--text-primary)}.input-group input[type=date]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.btn-clear{padding:8px 16px;background:var(--card-bg);color:var(--accent-red);border:1px solid var(--accent-red);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn-clear:hover{background:var(--status-error-bg);border-color:var(--accent-red)}.report-header-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.report-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-tabs{display:flex;gap:2px;background:var(--bg-elevated);padding:3px;border-radius:8px;border:1px solid var(--border)}.report-tabs .tab{flex:0 0 auto;padding:10px 20px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);color:var(--text-tertiary);transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.report-tabs .tab:hover{color:var(--text-primary);background:var(--bg-hover)}.report-tabs .tab.active{background:var(--accent);color:var(--text-on-accent);box-shadow:0 1px 3px #3b82f64d}.report-tabs .tab.active svg{stroke:var(--text-on-accent)}.report-content{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:0}.report-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.group-by-selector{display:flex;align-items:center;gap:8px}.group-by-selector label{font-size:13px;font-weight:600;color:var(--text-secondary);font-family:var(--font-sans)}.group-select{padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);background:var(--card-bg);color:var(--text-primary)}.group-select:focus{outline:none;border-color:var(--accent)}.grouped-reports{display:flex;flex-direction:column;gap:24px}.group-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.group-title{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--text-primary);font-family:var(--font-sans);padding-bottom:10px;border-bottom:2px solid var(--border)}.group-total{background:var(--bg-elevated);font-weight:600}.group-total td{padding:12px 15px;color:var(--text-primary)}.btn-export{padding:8px 16px;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btn-export:hover{background:var(--accent-hover, var(--color-accent));box-shadow:0 2px 6px #3b82f64d}.btn-export svg{stroke:var(--text-on-accent)}.report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.report-summary:last-child{margin-bottom:0}@media(max-width:1200px){.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.summary-card{background:var(--card-bg);padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);text-align:center;min-width:0}.summary-card.highlight{background:var(--status-success-bg);border-color:var(--accent-green)}.summary-label{font-size:11px;color:var(--text-tertiary);margin-bottom:4px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-sans)}.summary-value{font-size:20px;font-weight:700;color:var(--text-primary);font-family:var(--font-sans);line-height:1.2}.summary-note{font-size:11px;color:var(--text-tertiary);margin-top:2px;font-family:var(--font-sans)}.report-summary-secondary{margin-top:12px;display:block}.report-summary-secondary.report-summary{grid-template-columns:unset;display:block}.report-summary-subtitle{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text-secondary);font-family:var(--font-sans)}.report-summary-flex{display:flex;flex-wrap:wrap;gap:10px}.report-summary-flex .summary-card{min-width:120px}.tax-report-body{display:flex;flex-direction:column;gap:8px}.tax-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tax-report-tax-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(max-width:900px){.tax-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tax-metric-card--span-2{grid-column:span 2}}.tax-metric-card{background:var(--bg-elevated, #f5f5f5);border-radius:8px;padding:12px 14px;border:1px solid var(--border);min-width:0}.tax-metric-card--span-2{grid-column:span 2}.tax-metric-card--success{background:var(--status-success-bg, rgba(34, 197, 94, .08));border-color:var(--accent-green, #22c55e)}.tax-metric-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-family:var(--font-sans);margin-bottom:4px}.tax-metric-value{font-size:20px;font-weight:500;color:var(--text-primary);font-family:var(--font-sans);line-height:1.2}.tax-metric-sublabel{font-size:11px;color:var(--text-tertiary);margin-top:2px;font-family:var(--font-sans)}.tax-metric-hint{margin-top:6px;color:var(--text-muted, var(--color-text-muted))}.tax-report-empty{display:grid;grid-template-columns:1fr;gap:8px}.tax-report-empty .tax-metric-card{max-width:480px}.report-table-wrapper{overflow-x:auto;margin-top:12px}.report-table{width:100%;border-collapse:collapse;font-size:13px;font-family:var(--font-sans)}.report-table thead{background:var(--accent)}.report-table th{padding:12px 15px;text-align:left;font-weight:700;color:var(--text-on-accent);white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-sans)}.report-table tbody tr{border-bottom:1px solid var(--border)}.report-table tbody tr:hover{background:var(--bg-elevated)}.report-table tbody tr.tax-exempt-row{background:var(--status-warning-bg)}.report-table tbody tr.tax-exempt-row:hover{background:var(--status-warning-bg);filter:brightness(1.08)}.report-table td{padding:11px 15px;color:var(--text-primary)}.report-table .order-number{font-weight:700;color:var(--accent);font-family:var(--font-sans)}.report-table .amount{font-weight:600;text-align:right;color:var(--text-primary)}.report-table .amount.paid{color:var(--accent-green)}.report-table .text-center{text-align:center}.report-table .no-data{text-align:center;padding:40px;color:var(--text-tertiary);font-style:italic}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-family:var(--font-sans)}.status-badge.status-pending{background:var(--status-warning-bg);color:var(--warning)}.status-badge.status-partial_paid{background:var(--accent-light);color:var(--accent)}.status-badge.status-paid,.status-badge.status-completed{background:var(--status-success-bg);color:var(--accent-green)}.status-badge.status-sent_to_production{background:#8b5cf633;color:#a78bfa}.status-badge.status-cancelled{background:var(--status-error-bg);color:var(--accent-red)}.tax-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;font-family:var(--font-sans)}.tax-badge.taxable{background:var(--status-success-bg);color:var(--accent-green);border:1px solid var(--accent-green)}.tax-badge.exempt{background:var(--status-warning-bg);color:var(--warning);border:1px solid var(--warning)}.reports-page .loading{text-align:center;padding:40px;font-size:14px;color:var(--text-tertiary);font-family:var(--font-sans)}.reports-page .error-banner{padding:12px 16px;background:var(--status-error-bg);border-left:4px solid var(--accent-red);border-radius:var(--radius-md);margin-bottom:20px;color:var(--accent-red);font-size:13px;font-family:var(--font-sans)}@media(max-width:768px){.reports-page{padding:15px}.preset-filters{flex-direction:column}.preset-btn{width:100%;justify-content:center}.date-inputs{flex-direction:column;align-items:stretch}.input-group{width:100%}.btn-clear{width:100%;justify-content:center}.report-tabs{flex-direction:column}.report-summary{grid-template-columns:1fr}.report-table-wrapper{overflow-x:scroll}.report-table{min-width:800px}}.financial-page{padding:var(--space-6, 24px);max-width:1200px;margin:0 auto}.financial-page-header{margin-bottom:var(--space-5, 20px)}.financial-page-title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.financial-page-subtitle{margin:4px 0 0;font-size:.95rem;color:var(--text-secondary)}.financial-tabs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;margin-bottom:var(--space-6, 24px);background:var(--bg-elevated);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000a}.financial-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md, 8px);border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.financial-tab:hover{background:var(--bg-hover);color:var(--text)}.financial-tab.active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #00000014}.financial-content{min-height:320px}.financial-overview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:900px){.financial-overview-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.financial-overview-cards{grid-template-columns:1fr}}.financial-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 12px);padding:var(--space-5, 20px);box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s}.financial-card:hover{box-shadow:0 4px 12px #0000000f}.financial-card .label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.financial-card .value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.financial-card .hint{font-size:12px;color:var(--text-secondary);margin-top:6px;line-height:1.35}.financial-card-primary .value{font-size:1.65rem}.financial-period-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-right:8px}.financial-period{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-subtle)}.financial-period .presets{display:flex;flex-wrap:wrap;gap:6px}.financial-period .presets button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-subtle);background:var(--bg);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.financial-period .presets button:hover{background:var(--bg-hover);color:var(--text)}.financial-period .presets button.active{background:var(--accent);color:var(--color-accent-text);border-color:var(--accent)}.financial-period .date-inputs{display:flex;align-items:center;gap:var(--space-2)}.financial-period .date-inputs input[type=date]{padding:8px 12px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-subtle);background:var(--bg);color:var(--text);font-size:14px}.financial-overview .financial-table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 12px);box-shadow:0 1px 3px #0000000a}.financial-overview-section{margin-top:32px}.financial-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px}.financial-table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.financial-table{width:100%;border-collapse:collapse;font-size:14px}.financial-table th,.financial-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border-subtle)}.financial-table th{background:var(--bg-elevated);color:var(--text-secondary);font-weight:600}.financial-table tr:last-child td{border-bottom:none}.financial-table .amount{text-align:right;font-variant-numeric:tabular-nums}.financial-expenses-list{display:flex;flex-direction:column;gap:var(--space-2)}.financial-expense-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.financial-expense-row .amount{margin-left:auto;font-weight:600}.financial-no-data{color:var(--text-secondary);padding:var(--space-6);text-align:center}.financial-expenses-subtabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2)}.financial-expenses-subtabs button{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;background:var(--bg-elevated);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer}.financial-expenses-subtabs button:hover{background:var(--bg-hover);color:var(--text)}.financial-expenses-subtabs button.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.chart-of-accounts-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.chart-of-accounts-header h3{margin:0;font-size:1.1rem}.chart-of-accounts-header p{margin:4px 0 0;color:var(--text-secondary);font-size:14px;width:100%}.account-type-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500}.account-type-badge.income{background:var(--accent);color:var(--color-accent-text)}.account-type-badge.expense{background:var(--border-subtle);color:var(--text-secondary)}.ledger-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.ledger-summary-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);position:relative}.ledger-summary-card .label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-1)}.ledger-summary-card .value{font-size:22px;font-weight:600;color:var(--text)}.ledger-summary-card .value.positive{color:var(--success, #059669)}.ledger-summary-card .value.negative{color:var(--error, var(--danger))}.ledger-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.ledger-header h3{margin:0;font-size:1.15rem}.ledger-header p{margin:4px 0 0;color:var(--text-secondary);font-size:14px;width:100%}.btn-add-transaction{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--radius-sm);border:none;background:var(--accent);color:var(--color-accent-text);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-add-transaction:hover{filter:brightness(1.05)}.ledger-table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-elevated)}.ledger-table{width:100%;border-collapse:collapse;font-size:14px}.ledger-table th,.ledger-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle)}.ledger-table th{background:var(--bg-elevated);color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.ledger-table tbody tr:hover{background:var(--bg-hover)}.ledger-table .amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.ledger-table .actions{width:48px;text-align:right}.ledger-add-row{background:var(--bg-hover)}.ledger-add-row td{vertical-align:middle;padding:var(--space-2) var(--space-4)}.ledger-inline-input{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:14px;background:var(--bg);color:var(--text)}.ledger-inline-input:focus{outline:none;border-color:var(--accent)}.ledger-inline-amount{width:100px;text-align:right}.ledger-empty{padding:var(--space-8);text-align:center;color:var(--text-secondary);font-size:14px}.ledger-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.ledger-modal{background:var(--bg);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0003;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.ledger-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5);border-bottom:1px solid var(--border-subtle)}.ledger-modal-header h3{margin:0;font-size:1.2rem}.ledger-modal-header p{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.ledger-modal-close{padding:4px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm)}.ledger-modal-close:hover{background:var(--bg-hover);color:var(--text)}.ledger-modal-body{padding:var(--space-5)}.ledger-modal-body .form-group{margin-bottom:var(--space-4)}.ledger-modal-body .form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:var(--space-2);color:var(--text)}.ledger-modal-body .form-group input,.ledger-modal-body .form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:14px;background:var(--bg);color:var(--text)}.ledger-modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle)}.ledger-modal-footer .btn-add-transaction{width:100%;justify-content:center}.cost-helper-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;padding:var(--space-4);overflow-y:auto}.cost-helper-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.cost-helper-header{padding:var(--space-6);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.cost-helper-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.cost-helper-body{padding:var(--space-6);overflow-y:auto;flex:1}.cost-helper-steps{display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:0 var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.cost-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);opacity:.5;transition:all .3s ease;flex:1;min-width:80px}.cost-step.active{opacity:1}.cost-step.completed{opacity:.8}.cost-step-number{width:40px;height:40px;border-radius:50%;background:var(--secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;border:2px solid transparent;transition:all .3s ease}.cost-step.active .cost-step-number{background:var(--accent);color:#fff;border-color:var(--accent)}.cost-step.completed .cost-step-number{background:var(--success);color:#fff}.cost-step-label{font-size:11px;font-weight:500;color:var(--text-secondary);text-align:center}.cost-step.active .cost-step-label{color:var(--accent);font-weight:600}.cost-helper-section{margin-bottom:var(--space-6)}.cost-helper-section h3{font-size:18px;font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.cost-helper-section p{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.6}.cost-helper-highlight{background:var(--secondary);padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--accent);margin:var(--space-4) 0}.cost-helper-highlight-big{font-size:24px;font-weight:700;color:var(--accent);margin-top:var(--space-2)}.cost-helper-breakdown{margin:var(--space-4) 0}.cost-helper-breakdown-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:14px}.cost-helper-breakdown-row:last-child{border-bottom:none}.cost-matrix-preview{overflow-x:auto;margin:var(--space-4) 0;border:1px solid var(--border);border-radius:var(--radius-md)}.cost-matrix-preview table{width:100%;border-collapse:collapse;font-size:13px}.cost-matrix-preview thead{background:var(--content-bg);position:sticky;top:0;z-index:1}.cost-matrix-preview th{padding:var(--space-2) var(--space-3);text-align:left;font-weight:600;border-bottom:2px solid var(--border);background:var(--content-bg)}.cost-matrix-preview td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.cost-matrix-preview .qty-col{background:var(--content-bg);font-weight:500}.cost-helper-footer{padding:var(--space-4);border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:var(--space-3)}.modal-close{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}.modal-close:hover{background:var(--content-bg);color:var(--text-primary)}.form-grid{display:grid;gap:var(--space-3)}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background:var(--card-bg);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.form-group small{font-size:12px;color:var(--text-secondary)}.btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border)}.color-swatches-panel{padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-header h2{margin:0;font-size:24px;color:var(--text-primary)}.panel-actions{display:flex;gap:12px;align-items:center}.toggle-archived{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);cursor:pointer}.color-swatches-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;height:calc(100vh - 200px);min-height:600px}.color-books-sidebar{background:var(--content-bg);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border)}.sidebar-header h3{margin:0;font-size:18px;color:var(--text-primary)}.color-books-list{display:flex;flex-direction:column;gap:8px}.color-book-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);border:2px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease}.color-book-item:hover{border-color:var(--primary);background:var(--bg-secondary)}.color-book-item.selected{border-color:var(--primary);background:var(--primary-light)}.color-book-item.archived{opacity:.6}.book-logo{width:48px;height:48px;flex-shrink:0;border-radius:6px;overflow:hidden;border:2px solid var(--border);display:flex;align-items:center;justify-content:center}.book-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.book-logo-placeholder{width:100%;height:100%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.book-info{flex:1;min-width:0}.book-name{font-weight:600;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:8px}.system-badge{font-size:10px;padding:2px 6px;background:var(--warning);color:#fff;border-radius:3px;font-weight:600}.book-meta{font-size:12px;color:var(--text-secondary)}.book-actions{display:flex;gap:4px;flex-shrink:0}.btn-icon{background:none;border:none;cursor:pointer;padding:4px;font-size:14px;opacity:.7;transition:opacity .2s}.btn-icon:hover{opacity:1}.btn-icon.btn-danger:hover{color:var(--danger)}.color-swatches-content{background:var(--content-bg);border:1px solid var(--border);border-radius:8px;padding:20px;overflow-y:auto}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border)}.content-header h3{margin:0 0 4px;font-size:20px;color:var(--text-primary)}.book-description{margin:0;font-size:13px;color:var(--text-secondary)}.swatches-table{width:100%}.swatches-table-header{display:grid;grid-template-columns:40px 80px 1fr 120px 120px 80px 120px;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:6px;font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.swatches-table-body{display:flex;flex-direction:column;gap:8px;margin-top:12px}.swatch-row{display:grid;grid-template-columns:40px 80px 1fr 120px 120px 80px 120px;gap:12px;align-items:center;padding:12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;transition:all .2s ease}.swatch-row:hover{border-color:var(--primary);background:var(--bg-secondary)}.swatch-row.archived{opacity:.6}.swatch-row[draggable=true]{cursor:move}.swatch-col-drag{display:flex;align-items:center;justify-content:center}.drag-handle{color:var(--text-secondary);cursor:grab;font-size:16px;line-height:1}.drag-handle:active{cursor:grabbing}.swatch-col-swatch{display:flex;align-items:center}.swatch-preview{width:60px;height:60px;border-radius:6px;border:2px solid var(--border);flex-shrink:0}.swatch-col-name{font-weight:500;color:var(--text-primary)}.swatch-col-hex{font-family:monospace;font-size:12px;color:var(--text-secondary)}.swatch-col-pantone{font-size:12px;color:var(--text-secondary)}.swatch-col-default{display:flex;align-items:center;justify-content:center}.swatch-col-actions{display:flex;gap:4px;justify-content:flex-end}.modal-content{background:var(--content-bg);border-radius:8px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-content h3{margin:0 0 20px;font-size:20px;color:var(--text-primary)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.color-input-group{display:flex;gap:8px;align-items:center}.color-input-group input[type=color]{width:50px;height:38px;border:1px solid var(--border);border-radius:4px;cursor:pointer;padding:2px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.empty-state,.loading{text-align:center;padding:40px 20px;color:var(--text-secondary)}@media(max-width:1024px){.color-swatches-layout{grid-template-columns:1fr}.color-books-sidebar{max-height:300px}}.ob-api{--ob-api-bg: var(--color-bg-surface);--ob-api-bg-elevated: var(--color-border-default);--ob-api-border: var(--color-border-default);--ob-api-text: var(--color-text-primary);--ob-api-text-muted: #64748b;--ob-api-text-dim: #94a3b8;--ob-api-accent: var(--color-accent);--ob-api-success-bg: #dcfce7;--ob-api-success: #16a34a;--ob-api-danger-bg: #fee2e2;--ob-api-danger: var(--danger);max-width:760px;display:flex;flex-direction:column;gap:12px;background:var(--ob-api-bg);padding:0;margin:0;font-family:inherit}.ob-api__group-title{font-size:11.5px;font-weight:700;color:var(--ob-api-text-dim);letter-spacing:.08em;text-transform:uppercase;margin:20px 0 4px;padding:0;background:transparent;border:none}.ob-api__group-title:first-child{margin-top:0}.ob-api__tile{background:var(--ob-api-bg);border:1px solid var(--ob-api-border);border-radius:12px;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.ob-api__tile:hover{box-shadow:0 2px 8px #0000000f}.ob-api__tile--open{border-color:#cbd5e1}.ob-api__tile-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 20px;background:var(--ob-api-bg);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left;font-family:inherit;color:inherit}.ob-api__tile-trigger:hover{background:#0000000a}.ob-api__tile-head-left{display:flex;align-items:center;gap:12px;min-width:0;background:transparent}.ob-api__tile-icon{width:36px;height:36px;border-radius:8px;background:var(--ob-api-bg-elevated);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ob-api-text)}.ob-api__tile-icon--logo{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:10px;border:.5px solid var(--color-border-tertiary, var(--ob-api-border));background:var(--color-bg-card);padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.ob-api__tile-icon--logo img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;display:block}.ob-api__tile-icon-fallback{display:flex;align-items:center;justify-content:center;color:var(--ob-api-text)}.ob-api__tile-meta{display:flex;flex-direction:column;gap:2px;min-width:0;background:transparent}.ob-api__tile-title{font-weight:600;font-size:15px;color:var(--ob-api-text);background:transparent}.ob-api__tile-desc{font-size:13px;color:var(--ob-api-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent}.ob-api__tile-head-right{display:flex;align-items:center;gap:10px;flex-shrink:0;background:transparent}.ob-api__chevron{color:var(--ob-api-text-dim);transition:transform .2s ease;flex-shrink:0}.ob-api__chevron--open{transform:rotate(180deg)}.ob-api__badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500;background:var(--color-border-default);color:var(--color-text-muted);white-space:nowrap}.ob-api__badge--on{background:var(--ob-api-success-bg);color:var(--ob-api-success)}.ob-api__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--color-border-default);display:inline-block;flex-shrink:0}.ob-api__badge--on .ob-api__badge-dot{background:#22c55e}.ob-api__tile-body{padding:16px 20px 20px;border-top:1px solid var(--ob-api-border);display:flex;flex-direction:column;gap:16px;background:var(--ob-api-bg)}.ob-api__grid{display:grid;grid-template-columns:1fr;gap:14px;background:transparent}.ob-api__entry{display:flex;flex-direction:column;gap:4px;background:transparent}.ob-api__entry-label{font-weight:500;font-size:14px;color:var(--ob-api-text);background:transparent}.ob-api__entry-hint,.ob-api__entry small{font-size:12px;color:var(--ob-api-text-dim);background:transparent}.ob-api__req{color:#ef4444;margin-left:2px}.ob-api__opt{color:var(--ob-api-text-dim);font-weight:400;font-size:12px;margin-left:4px}.ob-api .ob-api__control,.ob-api input,.ob-api select,.ob-api textarea{width:100%;padding:9px 12px;border:1px solid var(--ob-api-border);border-radius:8px;font-size:14px;color:var(--ob-api-text);background:var(--color-bg-card);font-family:inherit;box-sizing:border-box;transition:border-color .15s ease;outline:none}.ob-api .ob-api__control::-moz-placeholder,.ob-api input::-moz-placeholder{color:var(--ob-api-text-dim)}.ob-api .ob-api__control::placeholder,.ob-api input::placeholder{color:var(--ob-api-text-dim)}.ob-api .ob-api__control:focus,.ob-api input:focus,.ob-api select:focus,.ob-api textarea:focus{border-color:var(--ob-api-accent);box-shadow:0 0 0 3px #6366f11f}.ob-api input[type=file]{padding:8px 12px;font-size:13px}.ob-api__info{background:var(--ob-api-bg-elevated);border:1px solid var(--ob-api-border);border-radius:8px;padding:14px 16px;font-size:13.5px;color:var(--ob-api-text-muted);line-height:1.6}.ob-api__info strong{color:var(--ob-api-text)}.ob-api__info a{color:var(--ob-api-accent);text-decoration:underline}.ob-api__sub{padding:16px;background:var(--ob-api-bg-elevated);border-radius:10px;border:1px solid var(--ob-api-border)}.ob-api__sub-head{font-weight:600;font-size:14px;color:var(--ob-api-text);margin-bottom:4px;display:flex;align-items:center;gap:8px}.ob-api__sub-desc{font-size:13px;color:var(--ob-api-text-muted);margin:0 0 12px;line-height:1.5}.ob-api__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer;border:none;font-family:inherit;transition:all .15s ease;color:inherit}.ob-api__btn:disabled{opacity:.55;cursor:not-allowed}.ob-api__btn--primary{background:var(--color-bg-dark);color:var(--color-accent-text)}.ob-api__btn--primary:hover:not(:disabled){background:var(--color-bg-surface)}.ob-api__btn--outline{background:var(--color-bg-card);color:var(--ob-api-text);border:1px solid var(--ob-api-border)}.ob-api__btn--outline:hover:not(:disabled){border-color:#cbd5e1;background:var(--color-bg-page)}.ob-api__row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:transparent}.ob-api__row-label{font-size:14px;color:var(--ob-api-text-muted)}.ob-api__connect-form{display:flex;flex-direction:column;gap:14px;background:transparent}.ob-api__connect-form .ob-api__btn--primary{align-self:flex-start}.ob-api__loading{display:flex;align-items:center;gap:10px;color:var(--ob-api-text-muted);font-size:14px;padding:8px 0;background:transparent}.ob-api__spin{animation:ob-api-spin .8s linear infinite}@keyframes ob-api-spin{to{transform:rotate(360deg)}}.ob-api__alert{padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.5}.ob-api__alert--danger{background:var(--ob-api-danger-bg);color:var(--ob-api-danger);border:1px solid #fecaca}.ob-api__alert--success{background:var(--ob-api-success-bg);color:var(--ob-api-success);border:1px solid #86efac}@media(max-width:640px){.ob-api__tile-desc{display:none}.ob-api__tile-trigger{padding:14px 16px}.ob-api__tile-body{padding:0 16px 16px}}.email-templates-panel{padding:0}.email-templates-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.email-templates-panel-title{margin:0 0 .25rem;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.email-templates-panel-desc{margin:0;font-size:13px;color:var(--text-secondary)}.email-templates-error-banner{background:var(--status-error-bg, #fee2e2);border:1px solid var(--accent-red, #ef4444);color:var(--accent-red, var(--danger));padding:12px 16px;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.email-templates-error-dismiss{background:transparent;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;opacity:.8}.email-templates-error-dismiss:hover{opacity:1}.email-templates-filter{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.email-templates-filter label{font-weight:500;font-size:14px;color:var(--text-primary)}.email-templates-filter select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--card-bg);color:var(--text-primary)}.email-templates-loading,.email-templates-empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:14px}.email-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.email-templates-card{background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:10px;padding:1.25rem;transition:box-shadow .2s}.email-templates-card:hover{box-shadow:0 2px 8px #0000000f;border-color:var(--border-strong, var(--color-border-default))}.email-templates-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.email-templates-card-header h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.email-templates-category-badge{background:var(--bg-elevated, var(--color-border-default));padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:capitalize}.email-templates-card-subject{font-size:13px;color:var(--text-secondary);margin-bottom:.5rem}.email-templates-card-subject strong{color:var(--text-primary)}.email-templates-card-preview{margin-bottom:1rem;min-height:60px}.email-templates-preview-body{font-size:13px;color:var(--text-secondary);line-height:1.5;max-height:80px;overflow:hidden;text-overflow:ellipsis}.email-templates-preview-body p{margin:0 0 .5rem}.email-templates-preview-body p:last-child{margin-bottom:0}.email-templates-card-actions{display:flex;gap:8px;flex-wrap:wrap}.email-templates-card-actions .btn{display:inline-flex;align-items:center;gap:6px}.email-templates-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.email-templates-preview-modal{background:var(--card-bg);border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.email-templates-preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.email-templates-preview-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.email-templates-preview-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.email-templates-preview-subject-line{margin-bottom:1rem;font-size:14px;color:var(--text-secondary)}.email-templates-preview-subject-line strong{color:var(--text-primary)}.email-templates-preview-html{font-size:14px;line-height:1.6;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:1rem;background:var(--bg-surface, var(--color-bg-surface))}.email-templates-preview-html p{margin:0 0 .5rem}.email-templates-preview-html p:last-child{margin-bottom:0}.email-templates-preview-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:1rem 1.25rem;border-top:1px solid var(--border)}.email-templates-editor-modal{background:var(--card-bg);border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.email-templates-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.email-templates-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.email-templates-modal-close{background:transparent;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.email-templates-modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.email-templates-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.email-templates-variables-bar{margin-bottom:12px;padding:12px;background:var(--bg-surface, var(--color-bg-surface));border:1px solid var(--border);border-radius:8px}.email-templates-variables-bar strong{display:block;margin-bottom:8px;font-size:13px;color:var(--text-primary)}.email-templates-variable-btns{display:flex;flex-wrap:wrap;gap:6px}.email-templates-body-textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-family:Consolas,Monaco,monospace;font-size:13px;resize:vertical;min-height:280px;background:var(--card-bg);color:var(--text-primary)}.email-templates-body-textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f626}.email-templates-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:1rem 1.25rem;border-top:1px solid var(--border)}.quick-pick-styles-panel{padding:var(--space-6)}.panel-header h2{margin:0 0 var(--space-2) 0;font-size:24px;font-weight:600;color:var(--text-primary)}.panel-description{margin:0 0 var(--space-6) 0;color:var(--text-secondary);font-size:14px;line-height:1.5}.quick-picks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.btn-add-quick-pick{padding:var(--space-2) var(--space-4);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-add-quick-pick:hover{background:var(--primary-dark)}.quick-picks-count{color:var(--text-secondary);font-size:14px}.quick-picks-table{width:100%;border-collapse:collapse;background:#000;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px #0000001a}.quick-picks-table thead{background:#000}.quick-picks-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:13px;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.quick-picks-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid #f0f0f0;font-size:14px}.quick-picks-table tbody tr:hover{background:#000}.order-controls{display:flex;flex-direction:column;gap:2px}.btn-order{background:none;border:1px solid var(--border-color);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);font-size:12px;transition:background .2s}.btn-order:hover:not(:disabled){background:#000}.btn-order:disabled{opacity:.3;cursor:not-allowed}.supplier-badge{display:inline-block;padding:2px 8px;background:#e3f2fd;color:#1976d2;border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:uppercase}.btn-remove{background:none;border:none;cursor:pointer;font-size:18px;padding:4px 8px;border-radius:var(--radius-sm);transition:background .2s}.btn-remove:hover{background:#fee}.panel-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.btn-save{padding:var(--space-2) var(--space-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-save:hover:not(:disabled){background:var(--primary-dark)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.quick-pick-modal{background:#000;border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:20px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .2s}.modal-close:hover{background:#000}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-description{margin:0 0 var(--space-4) 0;color:var(--text-secondary);font-size:14px}.search-box{margin-bottom:var(--space-4)}.search-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.style-card{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:all .2s;background:#000}.style-card:hover:not(.already-added){border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.style-card.already-added{opacity:.5;cursor:not-allowed}.style-image{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.style-info{display:flex;flex-direction:column;gap:4px}.style-name{font-weight:500;font-size:13px;color:var(--text-primary)}.style-name .brand{color:var(--text-secondary)}.style-number{font-size:12px;color:var(--text-secondary)}.already-added-badge{display:inline-block;margin-top:4px;padding:2px 6px;background:#10b981;color:#fff;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.error-banner,.success-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.error-banner{background:#fee;color:#c33;border-left:4px solid #c33}.success-banner{background:#efe;color:#3c3;border-left:4px solid #3c3}.loading-state,.empty-state{text-align:center;padding:var(--space-8);color:var(--text-secondary);font-size:14px}.material-manager{padding:0}.material-manager-header{margin-bottom:24px}.garment-pricing-section{background:var(--bg-secondary, var(--color-bg-page));border:1px solid var(--border, #e8ecf0);border-radius:12px;padding:20px;margin-bottom:24px}.garment-pricing-title{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text, var(--text-primary, var(--color-text-primary)))}.garment-pricing-desc{margin:0 0 16px;font-size:13px;color:var(--text-mid, var(--text-secondary, #64748b));line-height:1.5}.garment-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.garment-pricing-grid.garment-pricing-upcharges{grid-template-columns:repeat(4,1fr);margin-top:16px}.garment-pricing-section .form-group{margin:0}.garment-pricing-section .form-group label{display:block;font-weight:500;font-size:14px;margin-bottom:4px;color:var(--text, var(--text-primary, var(--color-bg-dark-hover)))}.garment-pricing-section .form-group input,.garment-pricing-section .form-group select{width:100%;padding:8px 12px;border:1px solid var(--border, var(--color-border-default));border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text, var(--color-bg-dark));box-sizing:border-box}.garment-pricing-section .form-group small{display:block;font-size:12px;color:var(--text-mid, #94a3b8);margin-top:4px}@media(max-width:640px){.garment-pricing-grid,.garment-pricing-grid.garment-pricing-upcharges{grid-template-columns:1fr}}.material-category-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border);padding-bottom:0}.material-category-tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-mid);transition:all .2s;margin-bottom:-2px}.material-category-tab:hover{color:var(--text);background:var(--bg-secondary)}.material-category-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.material-manager-content{display:grid;grid-template-columns:1fr 1fr;gap:32px}.materials-list-section{background:var(--bg-secondary);padding:20px;border-radius:8px}.materials-list-section h4{margin:0 0 16px;font-size:16px;font-weight:600}.materials-table{width:100%;border-collapse:collapse;font-size:14px}.materials-table thead{background:var(--bg);border-bottom:2px solid var(--border)}.materials-table th{padding:12px;text-align:left;font-weight:600;color:var(--text)}.materials-table td{padding:12px;border-bottom:1px solid var(--border)}.materials-table tbody tr:hover{background:var(--bg)}.material-form-section{background:var(--bg-secondary);padding:20px;border-radius:8px}.material-form-section h4{margin:0 0 16px;font-size:16px;font-weight:600}.material-form-actions{display:flex;gap:12px;margin-top:16px}@media(max-width:1024px){.material-manager-content{grid-template-columns:1fr}}.billing-panel{padding:24px;max-width:800px}.billing-header{margin-bottom:24px}.billing-header h2{margin:0 0 8px;font-size:1.5rem}.billing-header p{margin:0;color:var(--text-secondary, #666)}.billing-loading{padding:40px;text-align:center;color:var(--text-secondary, #666)}.billing-status{padding:24px;border-radius:8px;margin-bottom:24px;border:2px solid}.billing-status.owner{background:var(--status-info-bg, #eff6ff);border-color:var(--accent-blue, var(--color-accent))}.billing-status.owner h3,.billing-status.owner p{color:var(--color-text-primary)}.billing-status.no-subscription{background:var(--status-warning-bg, #fef3c7);border-color:var(--accent-amber, #f59e0b);text-align:center}.billing-status.trial{background:var(--status-success-bg, #d1fae5);border-color:var(--accent-green, #10b981)}.billing-status.active{background:var(--status-info-bg, #dbeafe);border-color:var(--accent-blue, var(--color-accent))}.billing-status.canceling{background:var(--status-warning-bg, #fef3c7);border-color:var(--accent-amber, #f59e0b)}.billing-status.reports-only{background:var(--status-error-bg, #fee2e2);border-color:var(--accent-red, #ef4444)}.billing-status h3{margin:0 0 12px;font-size:1.25rem;color:var(--color-text-primary)}.billing-status p{margin:8px 0;color:var(--text-secondary, var(--color-text-muted))}.trial-days{font-size:1.1rem;font-weight:600;color:#059669}.trial-end-date{font-size:.9rem;color:var(--color-text-secondary)}.trial-note{font-size:.9rem;color:var(--color-text-secondary);margin-top:12px}.btn-large{padding:12px 24px;font-size:1rem;margin-top:16px}.billing-details{background:var(--card-bg);border:1px solid var(--border-color, var(--color-border-default));border-radius:8px;padding:20px;margin-bottom:24px}.billing-details h3{margin:0 0 16px;font-size:1.1rem}.billing-detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color, var(--color-border-default))}.billing-detail-row:last-child{border-bottom:none}.status-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-badge.status-active,.status-badge.status-trialing{background:#d1fae5;color:#059669}.status-badge.status-canceled,.status-badge.status-past_due,.status-badge.status-unpaid{background:var(--status-error-bg, #fee2e2);color:var(--accent-red, var(--danger))}.status-badge.status-incomplete,.status-badge.status-paused{background:var(--status-warning-bg, #fef3c7);color:var(--accent-amber, #d97706)}.billing-access-info{background:var(--card-bg);border:1px solid var(--border-color, var(--color-border-default));border-radius:8px;padding:20px}.billing-access-info h3{margin:0 0 12px;font-size:1.1rem}.access-mode-badge{display:inline-block;padding:8px 16px;border-radius:6px;font-weight:600;margin-bottom:12px}.access-mode-badge.access-full{background:#d1fae5;color:#059669}.access-mode-badge.access-reports_only{background:var(--status-warning-bg, #fef3c7);color:var(--accent-amber, #d97706)}.access-mode-badge.access-blocked{background:var(--status-error-bg, #fee2e2);color:var(--accent-red, var(--danger))}.access-description{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.billing-error{background:var(--status-error-bg, #fee2e2);border:1px solid var(--accent-red, #ef4444);color:var(--accent-red, var(--danger));padding:12px 16px;border-radius:6px;margin-bottom:16px}.billing-success{background:#d1fae5;color:#059669;padding:12px 16px;border-radius:6px;margin-bottom:16px}.billing-address-section{background:var(--card-bg);border:1px solid var(--border-color, var(--color-border-default));border-radius:8px;padding:20px;margin-bottom:24px}.billing-address-section h3{margin:0 0 8px;font-size:1.1rem}.billing-address-desc{margin:0 0 16px;color:var(--text-secondary, var(--color-text-muted));font-size:.9rem}.billing-address-form input{width:100%;max-width:100%;padding:8px 12px;border:1px solid var(--border-color, var(--color-border-default));border-radius:6px;font-size:14px;box-sizing:border-box}.billing-address-form input:focus{outline:none;border-color:var(--accent-blue, var(--color-accent))}.billing-address-row{margin-bottom:12px}.billing-address-row label{display:block;margin-bottom:4px;font-size:.9rem;color:var(--text-secondary, var(--color-text-muted))}.billing-address-row-inline{display:grid;grid-template-columns:1fr 120px 120px;gap:12px}.billing-address-row-inline>div{display:flex;flex-direction:column}.billing-address-row-inline label{display:block;margin-bottom:4px;font-size:.9rem;color:var(--text-secondary, var(--color-text-muted))}@media(max-width:560px){.billing-address-row-inline{grid-template-columns:1fr}}.company-logo-panel{padding:20px}.logo-upload-section{margin-top:20px}.logo-preview-container{margin-bottom:20px}.logo-preview{width:100%;max-width:400px;height:200px;border:2px dashed var(--border);border-radius:var(--radius-md);background-color:var(--bg-surface);background-image:linear-gradient(45deg,var(--bg-elevated) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-elevated) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-elevated) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-elevated) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.logo-preview:hover{border-color:var(--accent);background-color:var(--accent-light)}.logo-preview.drag-active{border-color:var(--accent);background-color:var(--accent-light);transform:scale(1.02)}.logo-preview-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:transparent}.logo-preview-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.logo-preview-placeholder{text-align:center;color:var(--text-tertiary)}.logo-placeholder-icon{font-size:48px;margin-bottom:10px;color:var(--text-tertiary)}.logo-placeholder-hint{font-size:12px;color:var(--text-tertiary);margin-top:5px}.logo-controls{display:flex;gap:10px;margin-bottom:20px}.logo-controls .btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.logo-controls .btn-primary{background-color:var(--accent);color:var(--text-on-accent)}.logo-controls .btn-primary:hover:not(:disabled){background-color:var(--accent-hover, var(--color-accent))}.logo-controls .btn-danger{background-color:var(--accent-red);color:var(--text-on-accent)}.logo-controls .btn-danger:hover:not(:disabled){background-color:var(--accent-red);filter:brightness(1.1)}.logo-controls .btn:disabled{opacity:.6;cursor:not-allowed}.logo-info{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:15px;font-size:13px;color:var(--text-secondary)}.logo-info p{margin:5px 0}.logo-info strong{color:var(--text-primary)}.company-logo-panel--compact{padding:0}.company-logo-panel--compact .section{margin:0}.company-logo-thumb{width:60px;height:60px;flex-shrink:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--bg-surface)}.company-logo-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.company-logo-thumb-placeholder{font-size:11px;color:var(--text-tertiary)}.company-logo-compact-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.company-logo-compact-btns{display:flex;align-items:center;gap:8px}.company-logo-compact-btns .btn-sm{padding:6px 12px;font-size:13px}.company-logo-info-tip{color:var(--text-muted);cursor:help;display:inline-flex}.company-logo-compact-msg{font-size:12px}.company-logo-compact-msg.error{color:var(--color-text-danger, var(--danger))}.company-logo-compact-msg.success{color:var(--color-text-success, #16a34a)}.package-presets-manager{padding:0}.package-presets-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem;margin-top:-.25rem}.package-presets-empty{text-align:center;padding:2rem 1.5rem;color:var(--text-secondary);font-size:14px;background:var(--bg-surface, var(--color-bg-surface));border:1px dashed var(--border-default, rgba(0, 0, 0, .1));border-radius:var(--radius-lg, 12px)}.package-presets-empty p{margin:0 0 .5rem}.package-presets-empty p:last-child{margin-bottom:0;font-size:13px;color:var(--text-muted)}.package-presets-table-wrapper{overflow-x:auto;overflow-y:visible;border:1px solid var(--border-subtle, rgba(0, 0, 0, .06));border-radius:var(--radius-lg, 12px);background:var(--card-bg);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.package-presets-table{width:100%;border-collapse:collapse;font-size:14px;font-family:var(--font-sans)}.package-presets-table thead{background:linear-gradient(135deg,var(--accent-blue),var(--accent-blue-hover))}.package-presets-table thead th{padding:14px 18px;text-align:left;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-text)!important;border:none}.package-presets-table thead th:last-child{text-align:right;width:100px}.package-presets-table td{padding:14px 18px;border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, .06));color:var(--text-primary);background:var(--card-bg)}.package-presets-table tbody tr:last-child td{border-bottom:none}.package-presets-table tbody tr:hover td{background:var(--bg-surface, var(--color-bg-surface))}.package-presets-table td:nth-child(2){color:var(--text-secondary);font-variant-numeric:tabular-nums}.package-presets-table td:nth-child(3){font-variant-numeric:tabular-nums}.package-presets-table td:last-child{vertical-align:middle}.package-presets-actions{display:flex;gap:6px;justify-content:flex-end}.package-presets-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm, 6px);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.package-presets-action-btn:hover{background:var(--accent-light);color:var(--accent-blue)}.package-presets-action-delete:hover{background:var(--status-error-bg, rgba(239, 68, 68, .12));color:var(--accent-red)}.dimensions-inputs{display:flex;align-items:flex-end;gap:var(--space-2)}.dimension-input{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.dimension-input label{font-size:12px;color:var(--text-secondary)}.dimension-separator{align-self:flex-end;margin-bottom:var(--space-2);color:var(--text-secondary);font-size:18px;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg);border-radius:var(--radius-md);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:var(--space-4)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border)}.package-presets-loading{padding:2rem;text-align:center;color:var(--text-secondary);font-size:14px;background:var(--bg-surface, var(--color-bg-surface));border-radius:var(--radius-lg, 12px)}.shipping-settings-panel{display:flex;flex-direction:column;gap:1.5rem}.shipping-settings-panel .shipping-note{padding:12px 16px;font-size:13px;line-height:1.5}.shipping-card{padding:1rem 1.25rem;background:var(--color-bg-page);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-lg, 10px)}.shipping-card h4{margin:0 0 .25rem;font-size:14px;font-weight:600;color:var(--text-primary)}.shipping-card .card-desc{margin:0 0 .5rem;font-size:12px;color:var(--text-secondary)}.shipping-address-grid{display:grid;grid-template-columns:1fr 70px 85px 110px 1fr;gap:.35rem .6rem;align-items:end}.shipping-address-grid .span-2{grid-column:1 / -1}.shipping-address-grid .form-group{display:flex;flex-direction:column;gap:2px}.shipping-address-grid .form-group label{font-size:12px;font-weight:500;color:var(--text-primary)}.shipping-address-grid .form-group input,.shipping-address-grid .form-group select{padding:5px 8px;border:1px solid var(--border);border-radius:5px;font-size:13px;background:var(--card-bg)!important;color:var(--text-primary)!important}.shipping-address-grid .form-group input:focus,.shipping-address-grid .form-group select:focus{outline:none;border-color:var(--accent, var(--color-accent))}.shipping-address-grid .form-group .required{color:var(--danger, var(--danger))}.shipping-card-presets .shipping-card-presets-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.shipping-card-presets .shipping-card-presets-header h4{margin:0 0 .25rem}.shipping-card-presets .shipping-card-presets-header .btn-primary{flex-shrink:0}@media(max-width:640px){.shipping-address-grid{grid-template-columns:1fr}.shipping-card-presets .shipping-card-presets-header{flex-direction:column}}.two-factor-enroll{width:100%}.two-factor-enroll-loading{text-align:center;padding:var(--space-10);color:var(--text-secondary)}.two-factor-enroll-content{display:flex;flex-direction:column;gap:var(--space-6)}.two-factor-enroll-content h3{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:20px;font-weight:600}.two-factor-enroll-description{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.two-factor-qr-container{display:flex;justify-content:center;padding:var(--space-6);background:var(--content-bg);border:1px solid var(--border);border-radius:var(--radius-md)}.two-factor-qr-code{max-width:256px;max-height:256px;width:100%;height:auto}.two-factor-qr-placeholder{padding:var(--space-10);color:var(--text-secondary)}.two-factor-manual-entry{padding:var(--space-4);background:var(--content-bg);border-radius:var(--radius-md)}.two-factor-manual-label{margin:0 0 var(--space-2) 0;color:var(--text-secondary);font-size:13px}.two-factor-secret-code{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.two-factor-secret-code code{flex:1;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;color:var(--text-primary);word-break:break-all}.two-factor-copy-button{padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.two-factor-copy-button:hover{background:var(--accent-hover)}.two-factor-verify-form{display:flex;flex-direction:column;gap:var(--space-4)}.two-factor-verify-form label{color:var(--text-primary);font-size:14px;font-weight:500}.two-factor-code-input{width:100%;max-width:200px;padding:var(--space-4);font-size:24px;font-weight:600;text-align:center;letter-spacing:.5em;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);transition:all var(--transition-base)}.two-factor-code-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.two-factor-error{padding:var(--space-3);background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);font-size:14px}.two-factor-button-primary,.two-factor-button-secondary{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none}.two-factor-button-primary{background:var(--accent);color:var(--text-inverse)}.two-factor-button-primary:hover:not(:disabled){background:var(--accent-hover)}.two-factor-button-primary:disabled{opacity:.6;cursor:not-allowed}.two-factor-button-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.two-factor-enabled{width:100%}.two-factor-enabled-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--success-bg);border:1px solid var(--success);border-radius:var(--radius-md)}.two-factor-enabled-status{display:flex;gap:var(--space-4);flex:1}.two-factor-enabled-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--success);color:#fff;border-radius:50%;font-size:20px;font-weight:700;flex-shrink:0}.two-factor-enabled-content h4{margin:0 0 var(--space-1) 0;color:var(--text-primary);font-size:16px;font-weight:600}.two-factor-enabled-description{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.two-factor-disable-confirm{padding:var(--space-6);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md)}.two-factor-disable-confirm h4{margin:0 0 var(--space-3) 0;color:var(--text-primary);font-size:18px;font-weight:600}.two-factor-disable-warning{margin:0 0 var(--space-4) 0;color:var(--text-secondary);font-size:14px;line-height:1.5}.two-factor-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.two-factor-button-danger{padding:var(--space-3) var(--space-6);background:var(--danger);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.two-factor-button-danger:hover:not(:disabled){background:var(--danger-hover, var(--danger))}.two-factor-button-danger:disabled{opacity:.6;cursor:not-allowed}.two-factor-button-secondary{padding:var(--space-3) var(--space-6);background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.two-factor-button-secondary:hover:not(:disabled){background:var(--card-hover);color:var(--text-primary)}.two-factor-button-secondary:disabled{opacity:.6;cursor:not-allowed}.two-factor-section{width:100%}.two-factor-loading{text-align:center;padding:var(--space-10);color:var(--text-secondary)}.two-factor-error{padding:var(--space-3);background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);font-size:14px;margin-bottom:var(--space-4)}.two-factor-disabled{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md)}.two-factor-info h3{margin:0 0 var(--space-3) 0;color:var(--text-primary);font-size:20px;font-weight:600}.two-factor-description{margin:0 0 var(--space-2) 0;color:var(--text-secondary);font-size:14px;line-height:1.6}.two-factor-button-primary{padding:var(--space-3) var(--space-6);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base);align-self:flex-start}.two-factor-button-primary:hover{background:var(--accent-hover)}.email-mfa-section{display:flex;flex-direction:column;gap:1.5rem}.email-mfa-loading{padding:1rem;text-align:center;color:var(--text-secondary)}.email-mfa-error{padding:.75rem 1rem;background:var(--error-bg);color:var(--error-text);border-radius:.5rem;border:1px solid var(--error-border)}.email-mfa-success{padding:.75rem 1rem;background:var(--success-bg, #d4edda);color:var(--success-text, #155724);border-radius:.5rem;border:1px solid var(--success-border, #c3e6cb)}.email-mfa-info{display:flex;flex-direction:column;gap:.75rem}.email-mfa-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.email-mfa-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0}.email-mfa-actions{display:flex;flex-direction:column;gap:1rem}.email-mfa-status{display:flex;flex-direction:column;gap:.5rem}.email-mfa-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;width:-moz-fit-content;width:fit-content}.email-mfa-status-badge.enabled{background:var(--success-bg, #d4edda);color:var(--success-text, #155724);border:1px solid var(--success-border, #c3e6cb)}.email-mfa-status-text{color:var(--text-secondary);font-size:.9375rem;margin:0}.email-mfa-button-primary,.email-mfa-button-secondary{padding:.625rem 1.25rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;width:-moz-fit-content;width:fit-content}.email-mfa-button-primary{background:var(--primary-color, #0066cc);color:#fff}.email-mfa-button-primary:hover:not(:disabled){background:var(--primary-hover, #0052a3)}.email-mfa-button-primary:disabled{opacity:.6;cursor:not-allowed}.email-mfa-button-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color, #e0e0e0)}.email-mfa-button-secondary:hover:not(:disabled){background:var(--hover-bg, #f5f5f5);border-color:var(--border-hover, #ccc)}.email-mfa-button-secondary:disabled{opacity:.6;cursor:not-allowed}.security-settings-panel{width:100%}.mfa-sections{display:flex;flex-direction:column;gap:var(--space-8)}.mfa-section-item{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md)}.mfa-section-subtitle{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.job-types-panel{padding:20px}.panel-header h2{margin:0 0 8px;font-size:24px;color:var(--color-bg-dark)}.panel-description{color:var(--color-text-muted);margin:0 0 24px;font-size:14px}.job-type-form{background:#000;padding:20px;border-radius:8px;margin-bottom:20px}.form-grid{display:grid;gap:16px;align-items:end}.form-group label{font-size:12px;font-weight:600;color:var(--color-bg-dark-hover)}.form-group input,.form-group select{padding:8px 12px;border:1px solid var(--color-border-default);border-radius:6px;font-size:14px}.form-group input[type=color]{height:40px;padding:2px;cursor:pointer}.job-types-list h3{margin:0 0 16px;font-size:18px;color:var(--color-bg-dark)}.job-types-table{width:100%;border-collapse:collapse;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.job-types-table thead{background:#000}.job-types-table th{padding:12px;text-align:left;font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.job-types-table td{padding:12px;border-top:1px solid var(--color-border-default);font-size:14px}.job-type-badge-preview{display:inline-flex;align-items:center;gap:4px}.btn{padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;font-weight:500;transition:all .2s}.btn-secondary{background:var(--color-border-default);color:var(--color-bg-dark-hover)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:var(--danger)}.btn-small{padding:4px 8px;font-size:12px}.panel-loading{text-align:center;padding:40px;color:var(--color-text-muted)}.panel-error{padding:12px;background:#fee;color:#c33;border-radius:4px;margin-bottom:20px}.staff-panel{padding:24px;max-width:1200px;min-width:0;margin:0 auto}.panel-header{margin-bottom:32px}.panel-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text-primary, var(--color-bg-dark))}.panel-description{margin:0;color:var(--text-secondary, var(--color-text-muted));font-size:14px}.panel-loading,.panel-error{padding:16px;border-radius:8px;margin-bottom:24px;text-align:center}.panel-loading{background:var(--content-bg, var(--color-bg-surface));color:var(--text-secondary, var(--color-text-muted))}.panel-error{background:var(--status-error-bg, rgba(239, 68, 68, .12));color:var(--danger, var(--danger));border:1px solid var(--danger, var(--danger))}.staff-form-section{background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:8px;padding:24px;margin-bottom:32px}.staff-form-section h3,.staff-list-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--text-primary, var(--color-bg-dark))}.staff-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.staff-form .form-group{display:flex;flex-direction:column}.staff-form .form-group label{margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary, var(--color-bg-dark-hover))}.staff-form .form-group label .required{color:var(--danger)}.staff-form .form-group input{padding:8px 12px;border:1px solid var(--border, var(--color-border-default));border-radius:6px;font-size:14px;background:var(--card-bg);color:var(--text-primary, var(--color-text-primary));transition:border-color .2s}.staff-form .form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e51a}.staff-form .form-group select.staff-role-select,.staff-form .form-group select{padding:8px 12px;border:1px solid var(--border, var(--color-border-default));border-radius:6px;font-size:14px;background:var(--card-bg);color:var(--text-primary, var(--color-text-primary));transition:border-color .2s;min-height:38px;cursor:pointer}.staff-form .form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e51a}.staff-form .form-group-full{grid-column:1 / -1}.staff-form .form-hint{margin:6px 0 0;font-size:12px;color:var(--text-secondary, var(--color-text-muted))}.staff-status-badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600;margin-left:8px}.staff-status-badge.status-active{background:var(--status-success-bg, rgba(16, 185, 129, .15));color:var(--accent-green, #059669)}.staff-status-badge.status-invited{background:#3b82f626;color:var(--color-accent)}.staff-status-badge.status-inactive{background:var(--status-warning-bg, rgba(245, 158, 11, .2));color:var(--warning, #92400e)}.form-actions{display:flex;gap:12px;margin-top:20px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary{background:var(--bg-elevated, var(--color-border-default));color:var(--text-primary, var(--color-bg-dark-hover))}.btn-secondary:hover{background:var(--card-hover, var(--color-border-default))}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-small{padding:6px 12px;font-size:13px}.staff-list-section{background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:8px;padding:24px}.empty-state{padding:40px;text-align:center;color:var(--text-secondary, var(--color-text-muted))}.staff-list{display:flex;flex-direction:column;gap:12px}.staff-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;border:1px solid var(--border, var(--color-border-default));border-radius:8px;background:var(--card-bg);transition:all .2s}.staff-item:hover{border-color:var(--border-strong, var(--color-border-default));background:var(--content-bg, var(--color-bg-surface))}.staff-item.inactive{opacity:.6;background:var(--card-bg)}.staff-info{flex:1 1 180px;min-width:0}.staff-name{font-size:16px;font-weight:600;color:var(--text-primary, var(--color-bg-dark));margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.staff-role{font-size:14px;font-weight:400;color:var(--text-secondary, var(--color-text-muted))}.staff-inactive-badge{font-size:12px;padding:2px 8px;background:var(--status-warning-bg, rgba(245, 158, 11, .2));color:var(--warning, #92400e);border-radius:4px;font-weight:500}.staff-details{display:flex;gap:16px;flex-wrap:wrap}.staff-detail{font-size:13px;color:var(--text-secondary, var(--color-text-muted))}.staff-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}@media(max-width:900px){.staff-panel,.staff-form-section,.staff-list-section{padding:16px}.staff-form .form-row{grid-template-columns:1fr}.staff-item{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.staff-info{min-width:0}.staff-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.staff-actions .btn{flex:1 1 auto;min-width:-moz-fit-content;min-width:fit-content}}.task-templates-panel{padding:24px;max-width:1200px;margin:0 auto}.panel-header{margin-bottom:24px}.panel-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--color-bg-dark)}.panel-error{padding:12px;background:#000;color:var(--danger);border:1px solid #fecaca;border-radius:6px;margin-bottom:16px}.task-templates-loading{padding:40px;text-align:center;color:var(--color-text-muted)}.template-form-card{background:#000;border:1px solid var(--color-border-default);border-radius:8px;padding:24px;margin-bottom:32px}.template-form-card h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--color-bg-dark)}.template-form{display:flex;flex-direction:column;gap:16px}.template-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.template-form .form-group{display:flex;flex-direction:column}.template-form .form-group label{margin-bottom:6px;font-size:14px;font-weight:500;color:var(--color-bg-dark-hover)}.template-form .form-group label .required{color:var(--danger)}.template-form .form-group input[type=checkbox]{margin-right:8px}.template-form .form-group input,.template-form .form-group textarea{padding:8px 12px;border:1px solid var(--color-border-default);border-radius:6px;font-size:14px;font-family:inherit}.template-form .form-group textarea{resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.templates-list h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--color-bg-dark)}.templates-empty{padding:40px;text-align:center;color:var(--color-text-muted);font-style:italic;background:#000;border:1px dashed var(--color-border-default);border-radius:8px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.template-card{background:#000;border:1px solid var(--color-border-default);border-radius:8px;padding:16px;transition:all .2s}.template-card:hover{border-color:var(--color-border-default);box-shadow:0 2px 4px #0000000d}.template-card.inactive{opacity:.7}.template-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border-default)}.template-card-header h4{margin:0;font-size:16px;font-weight:600;color:var(--color-bg-dark)}.template-badge{font-size:12px;padding:2px 8px;border-radius:12px;background:#000;color:var(--color-text-muted)}.template-badge.inactive-badge{background:#000;color:#991b1b}.template-card-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.template-field{display:flex;gap:8px;font-size:14px}.template-label{font-weight:500;color:var(--color-text-muted);min-width:80px}.template-notes{color:var(--color-bg-dark-hover);white-space:pre-wrap}.template-card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--color-border-default)}.btn-edit,.btn-delete{padding:6px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit{background:var(--color-border-default);color:var(--color-accent)}.btn-edit:hover{background:var(--color-border-default)}.btn-delete{background:#000;color:var(--danger)}.btn-delete:hover{background:#000}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-accent);color:#fff}.btn-secondary{background:#000;color:var(--color-bg-dark-hover)}.btn-secondary:hover{background:var(--color-border-default)}.press-management-panel{display:flex;flex-direction:column;gap:24px}.panel-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--color-text-primary)}.panel-description{margin:0;color:var(--color-text-muted);font-size:14px}.press-tabs{display:flex;gap:8px;border-bottom:2px solid var(--color-border-default);margin-bottom:24px}.press-tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;font-size:16px;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.press-tab:hover{color:var(--color-text-primary);background:var(--bg-surface)}.press-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.setup-targets-section{margin-top:0}.press-management-loading{text-align:center;padding:48px;color:var(--color-text-muted)}.error-banner{padding:12px 16px;background:#000;border:1px solid #fecaca;border-radius:8px;color:var(--danger)}.empty-state{text-align:center;padding:48px 24px;background:var(--bg-surface);border-radius:8px;color:var(--color-text-muted)}.presses-table{width:100%;border-collapse:collapse;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.presses-table thead{background:#000}.presses-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:var(--color-bg-dark-hover);border-bottom:2px solid var(--color-border-default)}.presses-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-default)}.presses-table tr:last-child td{border-bottom:none}.press-type-badge{display:inline-block;padding:4px 12px;background:var(--color-border-default);color:var(--color-accent);border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#000;color:var(--color-text-muted)}.press-actions{display:flex;gap:8px}.btn-icon{padding:6px 10px;background:#000;border:1px solid var(--color-border-default);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-icon:hover{background:#000;border-color:var(--color-text-muted)}.panel-footer{padding-top:16px;border-top:1px solid var(--color-border-default)}.btn-primary{padding:10px 20px;background:var(--color-accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--color-accent)}.btn-secondary{padding:10px 20px;background:#000;color:var(--color-bg-dark-hover);border:1px solid var(--color-border-default);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--color-text-muted)}.btn-small{padding:6px 12px;font-size:12px}.press-form{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--bg-surface);border-radius:8px}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:var(--color-bg-dark-hover)}.form-group input,.form-group select{padding:8px 12px;border:1px solid var(--color-border-default);border-radius:6px;font-size:14px;background:#000}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;gap:8px}.press-form-inline{width:100%}.press-form-inline .form-row{display:flex;gap:12px;align-items:flex-end}.press-form-inline .form-group{flex:1}.press-form-inline .form-actions{flex-shrink:0}.payment-terms-panel{display:flex;flex-direction:column;gap:var(--space-4)}.terms-list{display:flex;flex-direction:column;gap:var(--space-3)}.term-card{background:#000;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);transition:box-shadow .2s}.term-card:hover{box-shadow:var(--shadow-sm)}.term-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.term-header h4{margin:0 0 var(--space-1) 0;font-size:16px;font-weight:600;color:var(--text-primary)}.term-actions{display:flex;gap:var(--space-2)}.term-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2)}@media(max-width:768px){.form-modal{padding:var(--space-2)}.form-content{padding:var(--space-4)}.term-details{grid-template-columns:1fr}.term-header{flex-direction:column;gap:var(--space-2)}}.tax-codes-panel{display:flex;flex-direction:column;gap:var(--space-4)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.panel-header h3{margin:0 0 var(--space-1) 0;font-size:20px;font-weight:600;color:var(--text-primary)}.panel-header p{margin:0;font-size:14px;color:var(--text-secondary)}.panel-loading{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.error-banner{background:var(--danger-bg);color:var(--danger);padding:var(--space-3);border-radius:var(--radius-md);border-left:4px solid var(--danger)}.form-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.form-content{background:#000;border-radius:var(--radius-lg);padding:var(--space-6);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.form-content h4{margin:0 0 var(--space-4) 0;font-size:18px;font-weight:600}.form-grid{display:grid;gap:var(--space-4);margin-bottom:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-size:13px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit}.form-group small{font-size:11px;color:var(--text-secondary);margin-top:-4px}.checkbox-group label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border)}.btn-primary,.btn-secondary{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#000;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--content-bg)}.codes-list{display:flex;flex-direction:column;gap:var(--space-3)}.empty-state{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.empty-state p{margin-bottom:var(--space-4)}.code-card{background:#000;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);transition:box-shadow .2s}.code-card:hover{box-shadow:var(--shadow-sm)}.code-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.code-header h4{margin:0 0 var(--space-1) 0;font-size:16px;font-weight:600;color:var(--text-primary)}.default-badge{display:inline-block;padding:2px 8px;background:var(--accent-light);color:var(--accent);border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.code-actions{display:flex;gap:var(--space-2)}.btn-icon{padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--content-bg)}.btn-icon.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-icon.btn-danger:hover{background:var(--danger-bg)}.code-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2)}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:11px;color:var(--text-secondary);font-weight:500;text-transform:uppercase}.detail-value{font-size:14px;color:var(--text-primary);font-weight:500}@media(max-width:768px){.form-modal{padding:var(--space-2)}.form-content{padding:var(--space-4)}.code-details{grid-template-columns:1fr}.code-header{flex-direction:column;gap:var(--space-2)}}.ob5-wizard-overlay{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;background:#0f172a66;padding:24px}.ob5-wizard-modal{background:var(--surface, #fff);border-radius:20px;box-shadow:0 24px 60px #0f172a33;border:1px solid var(--border, var(--color-border-default));max-width:520px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.ob5-wizard-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border, var(--color-border-default));gap:16px}.ob5-wizard-header-content{display:flex;align-items:center;gap:16px}.ob5-wizard-mascot{width:80px;height:auto;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.ob5-wizard-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary, var(--color-text-primary))}.ob5-wizard-subtitle{margin:4px 0 0;font-size:.875rem;color:var(--text-secondary, var(--color-text-muted))}.ob5-wizard-close{width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary, var(--color-text-muted));font-size:1.5rem;line-height:1;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.ob5-wizard-close:hover{background:var(--card-hover, var(--color-border-default));color:var(--text-primary, var(--color-text-primary))}.ob5-wizard-body{padding:20px;overflow-y:auto;flex:1}.ob5-wizard-quirky{margin:0 0 12px;font-size:.9rem;color:var(--accent, var(--color-accent));font-weight:500}.ob5-wizard-label{display:block;margin-bottom:8px;font-weight:600;font-size:.95rem;color:var(--text-primary, var(--color-text-primary))}.ob5-wizard-textarea{width:100%;padding:12px 14px;border:1px solid var(--border, var(--color-border-default));border-radius:12px;font:inherit;font-size:.9rem;resize:vertical;min-height:100px;background:var(--surface, #fff);color:var(--text-primary, var(--color-text-primary))}.ob5-wizard-textarea:focus{outline:none;border-color:var(--accent, var(--color-accent));box-shadow:0 0 0 3px #2563eb1f}.ob5-wizard-error{margin-top:12px;padding:10px 12px;background:#fef2f2;color:#991b1b;font-size:.875rem;border-radius:10px}.ob5-wizard-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 20px 20px;border-top:1px solid var(--border, var(--color-border-default))}.ob5-wizard-btn{display:inline-flex;align-items:center;gap:6px}.ob5-wizard-skip{color:var(--text-secondary, var(--color-text-muted));font-size:.875rem}.ob5-wizard-skip:hover{color:var(--text-primary, var(--color-text-primary))}.ob5-brain-panel{display:flex;flex-direction:column;gap:0}.ob5-brain-panel--tabs{gap:0}.ob5-brain-panel-standalone{padding-bottom:1rem}.ob5-brain-loading{margin:0;padding:1.5rem;font-size:.875rem;color:var(--color-text-secondary, var(--color-text-muted))}.ob5-brain-banner{padding:8px 14px;border-radius:8px;font-size:.8125rem;margin-bottom:12px}.ob5-brain-banner--error{background:#ef44441a;color:var(--color-text-primary, #111);border:1px solid rgba(239,68,68,.25)}.ob5-brain-banner--success{background:#22c55e1a;color:var(--color-text-primary, #111);border:1px solid rgba(34,197,94,.25)}.ob5-brain-tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--color-border-secondary, var(--color-border-default));margin-bottom:1rem;padding-bottom:0}.ob5-brain-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary, var(--color-text-muted));background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-family:inherit;transition:color .1s ease,border-color .1s ease}.ob5-brain-tab:hover{color:var(--color-text-primary, #111)}.ob5-brain-tab--active{color:var(--accent, var(--color-accent));border-bottom-color:var(--accent, var(--color-accent))}.ob5-brain-tab-panel{display:flex;flex-direction:column;gap:1rem}.ob5-brain-answers-panel{min-height:200px}.ob5-brain-answers-toolbar{margin-bottom:10px}.ob5-brain-link-btn{display:inline-flex;align-items:center;gap:6px;padding:0;font-size:.8125rem;color:var(--accent, var(--color-accent));background:none;border:none;cursor:pointer;font-family:inherit}.ob5-brain-link-btn:hover:not(:disabled){text-decoration:underline}.ob5-brain-link-btn:disabled{color:var(--color-text-tertiary, var(--color-text-muted));cursor:default}.ob5-brain-table-wrap{background:var(--card-bg);border:1px solid var(--color-border-secondary, var(--color-border-default));border-radius:8px;overflow:hidden}.ob5-brain-table{width:100%;border-collapse:collapse;font-size:13px}.ob5-brain-table-group-header{background:var(--color-background-tertiary, var(--color-border-default));font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary, var(--color-text-muted))}.ob5-brain-table-group-header td{position:sticky;top:0;z-index:1;padding:6px 16px;border-bottom:1px solid var(--color-border-secondary, var(--color-border-default));background:var(--color-background-tertiary, var(--color-border-default))}.ob5-brain-table-row{transition:background .1s ease}.ob5-brain-table-row:hover{background:var(--color-background-secondary, var(--color-bg-surface))}.ob5-brain-table-row--editing:hover{background:transparent}.ob5-brain-table-cell{padding:8px 16px;vertical-align:top;border-bottom:1px solid var(--color-border-secondary, var(--color-border-default))}.ob5-brain-table-cell--question{min-width:200px;max-width:280px}.ob5-brain-table-label{font-size:13px;font-weight:500;color:var(--color-text-primary, #111)}.ob5-brain-table-cell--answer{color:var(--color-text-secondary, var(--color-text-muted));font-size:13px;cursor:pointer;min-width:0}.ob5-brain-answer-truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob5-brain-answer-full{white-space:pre-wrap;word-break:break-word;font-size:13px;color:var(--color-text-secondary, var(--color-text-muted))}.ob5-brain-table-cell--action{width:44px;padding-left:8px;border-left:none;vertical-align:middle}.ob5-brain-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:none;color:var(--color-text-tertiary, var(--color-text-muted));cursor:pointer;border-radius:6px;transition:color .1s ease,background .1s ease}.ob5-brain-icon-btn:hover{color:var(--color-text-primary, #111);background:var(--color-background-secondary, var(--color-border-default))}.ob5-brain-table-cell--edit{padding:12px 16px;background:var(--color-background-secondary, var(--color-bg-surface))}.ob5-brain-inline-textarea{width:100%;min-height:80px;padding:10px 12px;font-size:13px;font-family:inherit;border:1px solid var(--color-border-secondary, var(--color-border-default));border-radius:8px;resize:vertical;margin-bottom:8px}.ob5-brain-inline-textarea:focus{outline:none;border-color:var(--accent, var(--color-accent))}.ob5-brain-inline-actions{display:flex;justify-content:flex-end;gap:8px}.ob5-brain-empty-inline{padding:1.5rem;font-size:.8125rem;color:var(--color-text-secondary, var(--color-text-muted));text-align:center}.ob5-brain-btn-ghost{padding:6px 12px;font-size:.8125rem;border:1px solid var(--color-border-secondary, var(--color-border-default));background:var(--card-bg);color:var(--color-text-primary, #111);border-radius:6px;cursor:pointer;font-family:inherit}.ob5-brain-btn-ghost:hover{background:var(--color-background-secondary, var(--color-border-default))}.ob5-brain-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:600;border:none;background:var(--accent, var(--color-accent));color:var(--color-accent-text);border-radius:8px;cursor:pointer;font-family:inherit}.ob5-brain-btn-primary:hover:not(:disabled){filter:brightness(1.05)}.ob5-brain-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ob5-brain-btn-sm{padding:6px 10px;font-size:.75rem}.ob5-brain-rules-panel{display:flex;flex-direction:column;gap:1rem}.ob5-brain-card{background:var(--card-bg);border:1px solid var(--color-border-secondary, var(--color-border-default));border-radius:8px;padding:1rem 1.25rem}.ob5-brain-card-label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text-primary, #111);margin-bottom:8px}.ob5-brain-card-title{margin:0 0 4px;font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #111)}.ob5-brain-card-desc{margin:0 0 1rem;font-size:.8125rem;color:var(--color-text-secondary, var(--color-text-muted))}.ob5-brain-card-textarea{width:100%;min-height:100px;padding:10px 12px;font-size:.8125rem;font-family:inherit;border:1px solid var(--color-border-secondary, var(--color-border-default));border-radius:8px;resize:vertical;margin-bottom:12px}.ob5-brain-card-textarea:focus{outline:none;border-color:var(--accent, var(--color-accent))}.ob5-brain-add-rule-btn{margin-top:4px}.ob5-brain-toggle-list{display:flex;flex-direction:column;gap:0}.ob5-brain-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 0;border-bottom:1px solid var(--color-border-secondary, var(--color-border-default))}.ob5-brain-toggle-row:last-child{border-bottom:none}.ob5-brain-toggle-content{display:flex;flex-direction:column;gap:2px;min-width:0}.ob5-brain-toggle-label{font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #111)}.ob5-brain-toggle-desc{font-size:.75rem;color:var(--color-text-secondary, var(--color-text-muted))}.ob5-brain-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.ob5-brain-switch input{opacity:0;width:0;height:0}.ob5-brain-switch-slider{position:absolute;inset:0;background:var(--color-border-secondary, var(--color-border-default));border-radius:24px;transition:background .2s ease}.ob5-brain-switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:var(--color-bg-card);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.ob5-brain-switch input:checked+.ob5-brain-switch-slider{background:var(--accent, var(--color-accent))}.ob5-brain-switch input:checked+.ob5-brain-switch-slider:before{transform:translate(20px)}.ob5-brain-switch input:disabled+.ob5-brain-switch-slider{opacity:.6;cursor:not-allowed}.ob5-brain-knowledge-panel{display:flex;flex-direction:column;gap:1rem}.ob5-brain-knowledge-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ob5-brain-knowledge-title{font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #111)}.ob5-brain-add-knowledge-btn{flex-shrink:0}.ob5-brain-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--card-bg);border:1px solid var(--color-border-secondary, var(--color-border-default));border-radius:8px}.ob5-brain-empty-icon-wrap{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--color-text-tertiary, var(--color-text-muted))}.ob5-brain-empty-icon{flex-shrink:0}.ob5-brain-empty-heading{margin:0 0 4px;font-size:15px;font-weight:500;color:var(--color-text-primary, #111)}.ob5-brain-empty-sub{margin:0 0 1rem;font-size:13px;color:var(--color-text-secondary, var(--color-text-muted))}.ob5-brain-knowledge-add-section{background:var(--card-bg);border:1px solid var(--color-border-secondary, var(--color-border-default));border-radius:8px;padding:1rem 1.25rem}.ob5-brain-input{width:100%;padding:8px 12px;font-size:.8125rem;font-family:inherit;border:1px solid var(--color-border-secondary, var(--color-border-default));border-radius:8px;margin-bottom:10px}.ob5-brain-input:focus{outline:none;border-color:var(--accent, var(--color-accent))}.ob5-brain-knowledge-add-section .ob5-brain-card-textarea{margin-bottom:12px}.ob5-brain-knowledge-add-section .ob5-brain-btn-primary{margin-top:4px}.ob5-brain-table--knowledge .ob5-brain-table-cell--question .ob5-brain-table-label{font-weight:500}.settings-page{padding:var(--space-10);max-width:1200px;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.settings-header--slim{align-items:center;flex-wrap:nowrap;gap:1rem;margin-bottom:var(--space-4)}.settings-header-left{min-width:0}.settings-header-title{margin:0 0 2px;color:var(--text-primary, var(--color-text-primary));font-size:1.5rem;font-weight:600}.settings-header-sub{margin:0;color:var(--color-text-secondary, var(--color-text-muted));font-size:.8125rem}.settings-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.settings-header-refresh{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border, var(--color-border-default));border-radius:8px;background:var(--card-bg);color:var(--text-secondary, var(--color-text-muted));cursor:pointer;transition:background .1s,color .1s}.settings-header-refresh:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.settings-header-refresh:disabled{opacity:.6;cursor:not-allowed}.settings-header-save{display:inline-flex;align-items:center;height:40px;padding:0 1rem;font-weight:600;font-size:.875rem}.settings-header h1{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:28px;font-weight:700}.settings-header p{margin:0;color:var(--text-secondary);font-size:14px}.settings-loading{text-align:center;padding:80px var(--space-5);color:var(--text-secondary)}.settings-container{display:flex;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;min-height:calc(100vh - 180px)}.settings-page.expressive-page .settings-container{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .14s ease}.settings-page.expressive-page .settings-container:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0f172a1f}.settings-tabs{display:flex;flex-direction:column;width:240px;min-width:240px;flex-shrink:0;background:var(--content-bg);border-right:1px solid var(--border);overflow-y:auto;min-height:0}.settings-nav-group-label{display:block;padding:8px 12px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary, var(--color-text-muted));margin-top:4px}.settings-nav-group-label:first-of-type{margin-top:0}.settings-tab{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;border-left:3px solid transparent;border-radius:0;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-align:left}.settings-tab svg{flex-shrink:0;opacity:.85}.settings-tab:hover:not(.active){background:var(--card-hover, rgba(0, 0, 0, .04));color:var(--text-primary)}.settings-tab.active{color:var(--accent, var(--color-accent));background:var(--color-background-secondary, rgba(99, 102, 241, .08));border-left-color:var(--accent, var(--color-accent));font-weight:600}.settings-tab.active:hover{background:var(--color-background-secondary, rgba(99, 102, 241, .12));border-left-color:var(--accent, var(--color-accent))}.settings-tab-divider{width:100%;height:1px;background:var(--border);margin:8px 0;flex-shrink:0}.settings-tab.ob5-needs-info{position:relative}.ob5-needs-info-dot{position:absolute;top:10px;right:12px;width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:ob5-pulse-dot 1.5s ease-in-out infinite}.settings-tab.active .ob5-needs-info-dot{background:#fffffff2;box-shadow:0 0 0 2px var(--accent-blue)}@keyframes ob5-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.settings-tabs-toggle{display:none;position:fixed;bottom:20px;left:72px;z-index:10001;align-items:center;gap:8px;padding:12px 16px;background:var(--accent-blue);color:var(--color-accent-text);border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #3b82f666;transition:transform .2s,box-shadow .2s}.settings-tabs-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}.settings-tabs-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:10099;opacity:0;pointer-events:none;transition:opacity .2s}.settings-tabs-close{display:none}@media(max-width:768px){.settings-page{padding:var(--space-4)}.settings-header{flex-direction:column;gap:1rem}.settings-tabs-toggle{display:flex}.settings-tabs-overlay{display:block;left:56px}.settings-tabs-overlay.open{opacity:1;pointer-events:auto}.settings-tabs-wrapper{position:fixed;inset:0 0 0 56px;width:calc(100vw - 56px);z-index:10100;transform:translate(-100%);transition:transform .2s ease-out;overflow-y:auto}.settings-tabs-wrapper.open{transform:translate(0)}.settings-tabs{position:static;width:100%;min-height:100%;background:var(--content-bg);border-right:none;overflow-y:auto}.settings-tabs-close{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 14px;background:var(--content-bg);border:none;border-bottom:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:14px;transition:background .2s}.settings-tabs-close:hover{background:var(--card-hover);color:var(--text-primary)}}@media(min-width:769px){.settings-tabs-overlay{display:none!important}.settings-tabs-wrapper{position:static;transform:none;width:240px;min-width:240px;flex-shrink:0}.settings-tabs-close{display:none!important}}.settings-content{flex:1;min-height:0;padding:var(--space-8);overflow-y:auto}.settings-appearance-entry{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;text-align:left;color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.settings-appearance-entry:hover{border-color:var(--accent);box-shadow:0 2px 8px #00000014}.settings-appearance-entry-text{flex:1;display:flex;flex-direction:column;gap:2px}.settings-appearance-entry-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.settings-appearance-entry-desc{font-size:.8125rem;color:var(--text-muted)}.settings-appearance-entry svg:last-child{flex-shrink:0;color:var(--text-muted)}.settings-panel-content{display:flex;flex-direction:column;gap:24px}.settings-section-header{margin:0 0 16px;padding-bottom:8px;border-bottom:.5px solid var(--color-border-tertiary, var(--color-border-default))}.settings-section-title{font-size:16px;font-weight:500;color:var(--text-primary, var(--color-text-primary));margin:0 0 2px}.settings-section-sub{font-size:13px;color:var(--color-text-secondary, var(--color-text-muted));margin:0}.settings-panel-content .form-group input:not([type=checkbox]):not([type=radio]),.settings-panel-content .form-group select,.settings-input-height{height:36px;min-height:36px;padding:0 12px}.settings-panel-content .form-group textarea{min-height:80px;padding:10px 12px}.btn-danger-text,.settings-btn-danger{background:transparent;border:none;color:var(--color-text-danger, var(--danger));cursor:pointer;font-size:inherit;font-family:inherit;padding:4px 8px;border-radius:6px;transition:background .1s,color .1s}.btn-danger-text:hover,.settings-btn-danger:hover{background:#dc26261a;color:var(--color-text-danger, var(--danger))}.settings-segmented-control{display:flex;background:var(--bg-elevated);padding:4px;border-radius:8px;gap:0;border:1px solid var(--border-default)}.settings-segmented-control button{flex:1;padding:8px 16px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.settings-segmented-control button:hover{color:var(--text-primary)}.settings-segmented-control button.active{background:var(--sidebar-bg);color:var(--sidebar-text);font-weight:600;box-shadow:0 1px 2px #0000000f}.settings-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;max-width:640px}.settings-company-email,.settings-company-address{grid-column:1 / -1}.settings-weather-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;max-width:480px}.settings-outdoor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-general-compact{display:flex;flex-direction:column;gap:0;max-width:720px}.settings-compact-group{padding:24px 0 0}.settings-compact-group:first-child{padding-top:0}.settings-compact-divider{height:.5px;background:var(--color-border-tertiary, var(--color-border-default));margin:0;flex-shrink:0}.settings-compact-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary, var(--color-text-muted));margin-bottom:8px;display:block}.settings-compact-row{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.settings-compact-row:last-child{margin-bottom:0}.settings-compact-row .settings-compact-label{flex:0 0 160px;margin-bottom:0;min-width:120px}.settings-compact-control{flex:1;min-width:0}.settings-general-compact .settings-compact-group .form-group{margin-bottom:12px}.settings-general-compact .settings-compact-group .form-group:last-child{margin-bottom:0}.settings-general-compact .settings-compact-group .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.settings-general-compact .settings-compact-group .form-row-2 .form-group:last-child{margin-bottom:0}.settings-general-compact .settings-compact-group input[type=number].input-narrow{max-width:140px}.settings-general-compact .settings-compact-group input[type=number].input-quote-days{max-width:80px}.settings-general-compact .settings-weather-one-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.settings-general-compact .settings-weather-one-row .form-group{margin-bottom:0;flex:0 0 auto}.settings-general-compact .settings-weather-one-row .form-group input{width:100%;min-width:80px}.settings-general-compact .settings-outdoor-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.settings-general-compact .settings-outdoor-compact .form-group{margin-bottom:0}.api-integrations-page{gap:1.5rem}.api-integrations-section{margin-top:.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.api-integrations-section:first-child{border-top:none;padding-top:0;margin-top:0}.api-integrations-section-title{margin:0 0 .25rem;font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.api-integrations-section-desc{margin:0 0 1rem;font-size:13px;color:var(--text-secondary);line-height:1.5}.section{padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.section:last-child{border-bottom:none;padding-bottom:0}.section-title{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:20px;font-weight:600}.section-description{margin:0 0 var(--space-6) 0;color:var(--text-secondary);font-size:14px;line-height:1.6}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{color:var(--text-primary);font-size:14px;font-weight:600}.form-group .required{color:var(--danger)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:14px;font-family:inherit;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none!important;border-color:var(--color-accent)!important;box-shadow:0 0 0 3px #ffd1002e!important}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--color-text-muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;min-height:80px}.form-group small{color:var(--text-tertiary);font-size:12px;margin-top:var(--space-1)}.alert{padding:var(--space-4);border-radius:var(--radius-md);font-size:14px;line-height:1.6}.alert-info{background:var(--accent-light);border:1px solid var(--accent);color:var(--text-primary)}.alert-warning{background:var(--warning-bg);border:1px solid var(--warning);color:var(--text-primary)}.alert-danger{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger)}.btn-large{padding:var(--space-4) var(--space-8);font-size:16px}.success-banner{background:var(--success-bg);border:1px solid var(--success);color:var(--success);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:14px}.price-matrix-table{width:100%;border-collapse:collapse;margin-top:var(--space-4)}.price-matrix-table th,.price-matrix-table td{padding:var(--space-2) var(--space-3);text-align:center;border:1px solid var(--border);background:var(--card-bg)}.price-matrix-table th{background:var(--content-bg);font-weight:600;font-size:12px;color:var(--text-primary)}.price-matrix-table .matrix-input{width:80px;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:var(--card-bg);color:var(--text-primary);font-size:13px}.price-matrix-table .matrix-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.dropbox-settings-form{display:flex;flex-direction:column;gap:var(--space-6);max-width:720px}.dropbox-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.dropbox-form-row-full{grid-template-columns:1fr}.dropbox-root-row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.dropbox-root-input{flex:1;min-width:200px;max-width:360px}.dropbox-choose-btn{flex-shrink:0}.dropbox-form-spacer{min-height:0}.dropbox-form-spacer label,.dropbox-form-spacer input,.dropbox-form-spacer small{display:none}@media(max-width:640px){.dropbox-form-row{grid-template-columns:1fr}.dropbox-form-spacer{display:none}}.settings-dropbox-picker-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.settings-dropbox-picker-modal{background:var(--card-bg);border:1px solid var(--border, #e0e0e0);border-radius:var(--radius-lg, 12px);box-shadow:0 20px 40px #00000026;max-width:480px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.settings-dropbox-picker-modal>div:first-of-type{flex-shrink:0}.settings-dropbox-picker-breadcrumb{background:var(--content-bg, #f5f5f5);border:1px solid var(--border, #e0e0e0);border-radius:var(--radius-sm, 6px);padding:8px 12px;margin-bottom:12px;font-size:13px;overflow-x:auto;white-space:nowrap}.settings-dropbox-picker-crumb{background:none;border:none;color:var(--accent, var(--color-accent));cursor:pointer;padding:0 2px;font-size:inherit}.settings-dropbox-picker-crumb:hover{text-decoration:underline}.settings-dropbox-picker-list{flex:1;min-height:200px;max-height:320px;overflow-y:auto;border:1px solid var(--border, #e0e0e0);border-radius:var(--radius-sm, 6px);padding:8px}.settings-dropbox-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .15s ease}.settings-dropbox-picker-item:hover{background:var(--card-hover, #f0f0f0)}.settings-dropbox-picker-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-panel-section{margin-bottom:var(--space-8)}.settings-panel-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2) 0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, var(--text-primary))}.settings-panel-description{margin:0 0 var(--space-4) 0;font-size:.875rem;color:var(--color-text-secondary, var(--text-secondary))}.settings-message{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-md, 8px);font-size:.875rem}.settings-message.success{background:#10b9811a;color:var(--accent-green, #059669)}.settings-message.error{background:#ef44441a;color:var(--accent-red, var(--danger))}.settings-accordion-btn{display:block;width:100%;padding:var(--space-3) 0;margin:var(--space-4) 0 0 0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);background:none;border:none;border-bottom:1px solid var(--color-border-default);cursor:pointer;text-align:left}.settings-accordion-btn:hover{color:var(--color-accent)}.appearance-label{display:block;margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.appearance-preset-grid{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.appearance-preset-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;min-width:0;background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:6px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.appearance-preset-card:hover{border-color:var(--color-accent)}.appearance-preset-card.active{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--accent-light, rgba(59, 130, 246, .2))}.appearance-preset-card--disabled{opacity:.85;cursor:not-allowed}.appearance-preset-swatches{display:flex;gap:3px}.appearance-swatch{width:12px;height:12px;border-radius:3px;border:1px solid var(--color-border-default)}.appearance-preset-name{font-size:.6875rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;line-height:1.2}.appearance-preset-desc{display:none}.appearance-custom-fields{padding:var(--space-4) 0}.appearance-custom-hint{margin:0 0 var(--space-4) 0;font-size:.8125rem;color:var(--color-text-muted)}.appearance-custom-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.appearance-custom-label{flex:0 0 140px;font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.appearance-custom-pickers{display:flex;gap:var(--space-4)}.appearance-picker-group{display:flex;align-items:center;gap:var(--space-2)}.appearance-picker-label{font-size:.75rem;color:var(--color-text-muted);min-width:36px}.appearance-color-input{width:40px;height:32px;padding:2px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-bg-input)}.settings-panel-subtitle{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));margin:1.5rem 0 .5rem}.payment-billing-panel{display:flex;flex-direction:column;gap:1.5rem}.payment-billing-panel .settings-card{padding:1.25rem 1.5rem;background:var(--color-bg-page);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-lg, 10px)}.payment-billing-panel .settings-card h4{margin:0 0 .25rem;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.payment-billing-panel .settings-card h4 svg{flex-shrink:0;opacity:.85}.payment-billing-panel .settings-card .card-desc{margin:0 0 1rem;font-size:13px;color:var(--text-secondary);line-height:1.5}.payment-billing-panel .settings-card-content{margin-top:1rem}.payment-billing-panel .section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:1rem}.payment-billing-panel .section-header svg{flex-shrink:0;margin-top:2px}.square-payments-content{margin-top:0}.square-payments-desc{margin:0 0 1rem;font-size:13px;color:var(--text-secondary);line-height:1.5}.payment-loading{margin:0;color:var(--text-secondary);font-size:14px}.alert-success{background:var(--status-success-bg, rgba(16, 185, 129, .12));border:1px solid var(--accent-green, #10b981);color:var(--accent-green, #166534);padding:12px 16px;border-radius:var(--radius-md, 8px);margin-bottom:1rem;font-size:14px;display:flex;align-items:center}.square-status-card{padding:1.25rem;border-radius:var(--radius-md, 8px);margin-bottom:1rem}.square-status-connected{background:var(--status-success-bg, rgba(16, 185, 129, .12));border:1px solid var(--accent-green, #10b981)}.square-status-expired{background:var(--status-warning-bg, rgba(245, 158, 11, .12));border:1px solid var(--accent-amber, #f59e0b)}.square-status-disconnected{background:var(--status-warning-bg, rgba(245, 158, 11, .12));border:1px solid var(--accent-amber, #f59e0b);text-align:center;padding:1.5rem}.square-status-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.square-status-title{font-size:15px;display:flex;align-items:center;gap:8px}.square-status-connected .square-status-title{color:var(--accent-green, #166534)}.square-status-disconnected .square-status-title{color:var(--accent-amber, #92400e);display:block;margin-bottom:.5rem}.square-status-expired-msg{margin-top:.5rem;color:var(--accent-red, var(--danger));font-size:14px;display:flex;align-items:center;gap:8px}.square-status-actions{display:flex;gap:8px}.square-status-details{font-size:14px;color:var(--text-secondary)}.square-status-details p{margin:.25rem 0}.square-status-connected .square-status-details{color:var(--text-primary)}.square-status-disconnected p{margin:0;font-size:14px;color:var(--text-secondary)}.square-help-card{margin-top:1rem;padding:1rem 1.25rem;background:var(--bg-surface, var(--color-bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);font-size:14px}.square-help-card strong{display:flex;align-items:center;margin-bottom:.5rem}.square-help-card ul{margin:.5rem 0 0;padding-left:1.25rem;font-size:13px;color:var(--text-secondary);line-height:1.6}.square-help-card li{margin-bottom:.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.ob5-brain-page{display:flex;flex-direction:column;gap:1rem;max-width:960px}.ob5-brain-page-header--slim{padding:.25rem 0}.ob5-brain-page-header-inner{display:flex;flex-direction:column;gap:2px}.ob5-brain-page-title{margin:0;font-size:1.375rem;font-weight:600;color:var(--color-text-primary, var(--color-text-primary))}.ob5-brain-page-sub{margin:0;font-size:.8125rem;color:var(--color-text-secondary, var(--color-text-muted))}.notification-bell-container{position:relative}.notification-bell-button{position:relative;background:transparent!important;border:1px solid transparent;color:var(--text-primary, var(--color-text-primary));cursor:pointer;padding:0;border-radius:var(--radius-md, 8px);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;box-shadow:0 1px 2px #0000000d}.notification-bell-button:hover{background:var(--bg-hover, rgba(0, 0, 0, .05))!important;border-color:var(--border-subtle, rgba(0, 0, 0, .06));box-shadow:0 2px 4px #0000000f;transform:translateY(-1px)}.notification-bell-button.has-unread{border-color:#ef4444;background:transparent!important}.notification-bell-button.has-unread:hover{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441a}.notification-bell-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.bell-icon{display:block;color:var(--text-primary, var(--color-text-primary));transition:color .2s ease}.notification-bell-button.has-unread .bell-icon{color:#ef4444}.notification-badge{position:absolute;top:2px;right:2px;background:var(--danger);color:#fff!important;font-family:inherit;font-size:11px;font-weight:700;line-height:1;padding:3px 5px;border-radius:10px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;box-shadow:0 2px 4px #0003;text-shadow:0 1px 1px rgba(0,0,0,.35);z-index:1;flex-shrink:0;-webkit-font-smoothing:antialiased}.app-header .notification-bell-button .notification-badge{color:#fff!important}.notification-dropdown{position:fixed;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 100px);background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));display:flex;flex-direction:column;z-index:2000;overflow:hidden;min-width:280px}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4, 16px);border-bottom:1px solid var(--border, var(--color-border-default));background:var(--content-bg, var(--color-border-default))}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.mark-all-read-button{background:none;border:none;color:var(--accent, #0078d4);font-size:13px;font-weight:600;cursor:pointer;padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-sm, 4px);transition:all .2s}.mark-all-read-button:hover{background:var(--accent-light, #e3f2fd)}.notification-announcements-section{padding:var(--space-2, 8px) var(--space-4, 16px);border-bottom:1px solid var(--border, var(--color-border-default));background:var(--content-bg, var(--color-bg-surface))}.notification-announcements-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-secondary, var(--color-text-muted));letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}.notification-announcements-list{display:flex;flex-direction:column;gap:4px}.notification-announcement-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:none;border-radius:6px;background:var(--color-bg-card);border:1px solid var(--border, var(--color-border-default));cursor:pointer;font-size:13px;text-align:left;transition:background .15s,border-color .15s}.notification-announcement-item:hover{background:var(--color-bg-surface);border-color:#c7d2fe}.notification-announcement-title{font-weight:600;color:var(--text-primary, var(--color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.notification-announcement-view{font-size:12px;font-weight:600;color:var(--accent, var(--color-accent));flex-shrink:0;margin-left:8px}.notification-list{overflow-y:auto;max-height:400px}.notification-empty{padding:var(--space-8, 32px);text-align:center;color:var(--text-secondary, var(--color-text-muted));font-size:14px}.notification-item{display:flex;gap:var(--space-3, 12px);padding:var(--space-4, 16px);border-bottom:1px solid var(--border, var(--color-border-default));cursor:pointer;transition:all .2s;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--content-bg, var(--color-border-default))}.notification-item.unread{background:var(--accent-light, #e3f2fd)}.notification-item.unread:hover{background:#cfe2f3}.notification-icon{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px}.notification-icon-svg{color:var(--text-tertiary, var(--color-text-muted));flex-shrink:0}.notification-icon-svg.icon-approved{color:#10b981}.notification-icon-svg.icon-changes{color:#f59e0b}.notification-icon-svg.icon-rejected{color:#ef4444}.notification-icon-svg.icon-payment,.notification-icon-svg.icon-quote{color:var(--color-accent)}.notification-icon-svg.icon-default{color:var(--text-tertiary, var(--color-text-muted))}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:var(--color-text-primary);margin-bottom:var(--space-1, 4px)}.notification-message{font-size:13px;color:var(--text-secondary, var(--color-text-muted));line-height:1.4;margin-bottom:var(--space-1, 4px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time{font-size:12px;color:var(--text-tertiary, var(--color-text-muted))}.notification-unread-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent, #0078d4);flex-shrink:0;margin-top:6px}.notification-test-sounds{padding:var(--space-3, 12px) var(--space-4, 16px);border-top:1px solid var(--border, var(--color-border-default));background:var(--content-bg, var(--color-bg-surface))}.notification-test-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary, var(--color-text-muted));margin-bottom:6px}.notification-test-buttons{display:flex;gap:8px;flex-wrap:wrap}.notification-test-btn{padding:6px 12px;font-size:12px;font-weight:500;border:1px solid var(--border, var(--color-border-default));border-radius:6px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s}.notification-test-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .05));border-color:var(--accent, #0078d4)}@media(max-width:768px){.notification-dropdown{width:320px;right:-10px}}.hover-sidebar{--hs-bg: var(--color-bg-card, #FFFFFF);--hs-bg-hover: var(--bg-elevated, #F5F5F1);--hs-border: var(--color-border-default, #E0E0DA);--hs-text: var(--color-text-secondary, #666666);--hs-text-muted: var(--color-text-muted, #666666);--hs-text-active: var(--color-accent);--hs-active-bg: var(--color-bg-dark, #111111)}[data-theme=dark] .hover-sidebar{--hs-bg: transparent;--hs-bg-hover: var(--bg-hover, rgba(255, 255, 255, .06));--hs-border: var(--border-default, rgba(255, 255, 255, .08));--hs-text: var(--text-primary, var(--color-bg-surface));--hs-text-muted: var(--text-muted, #94a3b8);--hs-text-active: var(--color-accent);--hs-active-bg: var(--bg-elevated, rgba(255, 255, 255, .1))}.hover-sidebar{width:72px;height:100vh;background:var(--hs-bg);border-right:1px solid var(--hs-border);background-clip:padding-box;display:flex;flex-direction:column;position:relative;z-index:10000;flex-shrink:0;overflow:hidden;transition:width .22s ease,background .2s ease;font-family:system-ui,-apple-system,sans-serif}@media(max-width:768px){.hover-sidebar{position:fixed;left:0;top:0}}body[data-compose-open] .hover-sidebar,body[data-compose-open] .hover-sidebar .hover-sidebar-brand,body[data-compose-open] .hover-sidebar .hover-sidebar-nav,body[data-compose-open] .hover-sidebar .hover-sidebar-footer{background:var(--bg-base, var(--hs-bg))!important}.hover-sidebar.collapsed{width:72px}.hover-sidebar:not(.collapsed){width:240px}.hover-sidebar-brand{flex-shrink:0;height:60px;display:flex;align-items:center;justify-content:center;padding:12px;background-color:var(--color-accent);border-bottom:1px solid var(--color-accent-hover);box-shadow:0 4px 12px #00000026}.hover-sidebar-logo{max-width:52px;height:auto;display:block}.hover-sidebar:not(.collapsed) .hover-sidebar-logo{max-width:168px}.hover-sidebar-brand-divider{display:none}.hover-sidebar-nav{flex:1;display:flex;flex-direction:column;padding:8px;gap:0;overflow-y:auto;overflow-x:hidden;background:var(--hs-bg)}.hover-sidebar-nav::-webkit-scrollbar{width:4px}.hover-sidebar-nav::-webkit-scrollbar-track{background:transparent}.hover-sidebar-nav::-webkit-scrollbar-thumb{background:var(--hs-border);border-radius:2px}.hover-nav-section{display:flex;flex-direction:column;gap:0}.hover-nav-section-header{display:none}.hover-sidebar:not(.collapsed) .hover-nav-section-header{display:block;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hs-text-muted);padding:16px 10px 6px;margin:0;border:none;background:var(--hs-bg);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;line-height:1}[data-theme=dark] .hover-sidebar:not(.collapsed) .hover-nav-section-header{background:transparent}.hover-nav-section:first-of-type .hover-nav-section-header{padding-top:8px}.hover-nav-section-header--collapsible{display:flex;align-items:center;gap:8px;width:calc(100% - 16px);padding:8px 10px;margin:4px 8px 0;background:transparent;border:none;outline:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--hs-text-muted);text-align:left;transition:background .15s ease,color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:none;text-decoration:none;font-family:inherit;pointer-events:auto}.hover-nav-section-header--collapsible:hover{background:var(--hs-bg-hover);color:var(--hs-text);pointer-events:auto}.hover-nav-section-header--collapsible:active{opacity:.85}.hover-sidebar.collapsed .hover-nav-section-header--collapsible{display:none}.hover-nav-section-items{display:flex;flex-direction:column;gap:0}.hover-nav-item{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:0 8px;margin:0;border:none;outline:none;border-radius:4px;background:transparent;color:var(--hs-text-muted);font-size:13px;font-weight:500;cursor:pointer;position:relative;box-sizing:border-box;transition:all .15s ease;font-family:inherit;box-shadow:none;text-decoration:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.hover-nav-item:hover:not(.disabled){background:var(--hs-bg-hover);color:var(--hs-text)}.hover-nav-item.active{background:var(--hs-active-bg);color:var(--hs-text-active);font-weight:600;border-radius:8px}.hover-nav-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.hover-nav-item.has-unread .hover-nav-item-badge,.hover-nav-item.has-unread .hover-nav-item-badge--icon{border-radius:50%;background:#ef4444!important;background-color:#ef4444!important;color:#fff!important}.hover-nav-item:focus-visible{outline:2px solid var(--color-accent, var(--accent, var(--hs-text-active, #FFD100)));outline-offset:2px}.hover-nav-item svg{flex-shrink:0;width:16px;height:16px;stroke:currentColor;fill:none}.hover-nav-item-label{display:none}.hover-sidebar:not(.collapsed) .hover-nav-item{justify-content:flex-start;gap:10px;padding:0 10px}.hover-sidebar:not(.collapsed) .hover-nav-item-label{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hover-nav-item-badge{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:auto;font-size:10px;font-weight:700;color:var(--color-accent-text);background:#ef4444;border-radius:9px;line-height:1}.hover-nav-item-badge--icon{position:absolute;top:-4px;right:-4px;margin:0;min-width:14px;height:14px;font-size:8px;padding:0 3px}.hover-nav-item-indicator{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:#f59e0b}.hover-sidebar.collapsed .hover-nav-item-indicator{top:4px;right:4px}.hover-sidebar-footer{flex-shrink:0;display:flex;flex-direction:column;padding:8px;gap:0;border-top:1px solid var(--hs-border);background:var(--hs-bg)}.hover-footer-nav{display:flex;flex-direction:column;gap:0}.hover-collapse-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:0 8px;margin:0;border:none;outline:none;border-radius:4px;background:transparent;color:var(--hs-text-muted);font-size:13px;font-weight:500;cursor:pointer;box-sizing:border-box;transition:all .15s ease;font-family:inherit;box-shadow:none;text-decoration:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.hover-collapse-toggle:hover{background:var(--hs-bg-hover);color:var(--hs-text)}.hover-collapse-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none}.hover-collapse-toggle .hover-nav-item-label{display:none}.hover-sidebar:not(.collapsed) .hover-collapse-toggle{justify-content:flex-start;gap:10px;padding:0 10px}.hover-sidebar:not(.collapsed) .hover-collapse-toggle .hover-nav-item-label{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hover-tooltip-portal{position:fixed!important;z-index:999999!important;animation:tooltipSlideIn .14s ease}.hover-tooltip-content{background:var(--color-bg-card)!important;color:var(--color-accent-text)!important;padding:6px 10px!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;white-space:nowrap!important;box-shadow:0 2px 8px #0000004d!important;font-family:inherit!important}[data-theme=dark] .hover-tooltip-content{background:var(--color-bg-page)!important;color:#eee!important}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.sidebar-mobile-overlay{display:none}@media(max-width:768px){.sidebar-mobile-overlay{display:block;position:fixed;inset:0;background:#00000059;z-index:9998}.hover-sidebar{width:240px;min-height:100vh;height:100%;transform:translate(-100%) translateZ(0);transition:transform .25s ease;z-index:10001;background:var(--bg-base, var(--hs-bg))!important;backface-visibility:hidden;box-shadow:4px 0 20px #0000001a}.hover-sidebar.mobile-open{transform:translate(0) translateZ(0)}.hover-sidebar.mobile-open .hover-sidebar-brand,.hover-sidebar.mobile-open .hover-sidebar-nav,.hover-sidebar.mobile-open .hover-sidebar-footer,.hover-sidebar .hover-sidebar-brand,.hover-sidebar .hover-sidebar-nav,.hover-sidebar .hover-sidebar-footer{background:var(--bg-base, var(--hs-bg))!important}.hover-sidebar.mobile-open .hover-nav-item-label,.hover-sidebar.mobile-open .hover-collapse-toggle .hover-nav-item-label{display:inline}.hover-sidebar.mobile-open .hover-nav-item,.hover-sidebar.mobile-open .hover-collapse-toggle{justify-content:flex-start;gap:10px;padding:0 10px}.hover-sidebar.mobile-open .hover-nav-section-header{display:block}.hover-collapse-toggle{display:none}}.hover-nav-divider{display:none}.hover-nav-section-chevron{flex-shrink:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:inherit;transition:transform .15s ease;transform:rotate(0)}.hover-nav-section-header--collapsible.is-closed .hover-nav-section-chevron{transform:rotate(-90deg)}.topbar-nav{--tb-bg: #FFFFFF;--tb-border: #E0E0DA;--tb-text: #666666;--tb-text-hover: #111111;--tb-active-bg: #F5F5F1;--tb-active-text: #111111;--tb-accent: #FFD100;--tb-hover: #F5F5F1;width:100%;height:56px;background:var(--tb-bg);border-bottom:1px solid var(--tb-border);display:flex;align-items:center;position:sticky;top:0;z-index:9999;padding:0 20px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 1px 2px #00000008}[data-theme=dark] .topbar-nav{--tb-bg: var(--color-bg-dark);--tb-border: var(--color-bg-surface);--tb-text: #94a3b8;--tb-text-hover: #FFD100;--tb-active-bg: rgba(255, 209, 0, .15);--tb-active-text: #FFD100;--tb-accent: #FFD100;--tb-hover: var(--color-bg-surface)}.topbar-brand{display:flex;align-items:center;margin-right:32px}.topbar-logo{height:28px;width:auto}.topbar-menu{display:flex;align-items:center;gap:4px;flex:1}.topbar-item{all:unset;display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:6px;color:var(--tb-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;position:relative;box-sizing:border-box}.topbar-item:hover:not(.disabled){background:var(--tb-hover);color:var(--tb-text-hover)}.topbar-item.active{background:var(--tb-active-bg);color:var(--tb-active-text);font-weight:600}.topbar-item.disabled{opacity:.4;cursor:not-allowed}.topbar-item svg{width:16px;height:16px;stroke:currentColor;flex-shrink:0}.topbar-section{position:relative}.topbar-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--tb-bg);border:1px solid var(--tb-border);border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:8px;display:flex;flex-direction:column;gap:2px;z-index:10000;transform-origin:top left}[data-theme=dark] .topbar-dropdown{box-shadow:0 10px 25px -5px #00000080}.topbar-dropdown-item{all:unset;display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 12px;border-radius:6px;color:var(--tb-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.topbar-dropdown-item:hover:not(.disabled){background:var(--tb-hover);color:var(--tb-text-hover)}.topbar-dropdown-item.active{background:var(--tb-active-bg);color:var(--tb-active-text);font-weight:600}.topbar-dropdown-item.disabled{opacity:.4;cursor:not-allowed}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.topbar-right .theme-toggle-btn{color:var(--tb-text)!important;border:none!important;background:transparent!important}.topbar-right .theme-toggle-btn:hover{background:var(--tb-hover)!important;color:var(--tb-text-hover)!important;border:none!important}.topbar-badge{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;font-size:10px;font-weight:700;color:var(--color-accent-text);background:#ef4444;border-radius:9px;line-height:1}.topbar-indicator{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#f59e0b;border:2px solid var(--tb-bg)}.topbar-dropdown-item .topbar-badge{margin-left:auto}@media(max-width:768px){.topbar-nav{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.changelog-button-wrapper{position:relative}.changelog-unread-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:50%;background:var(--success, #22c55e);border:2px solid var(--bg-elevated, var(--color-border-default));box-shadow:0 0 0 1px #22c55e4d;animation:changelog-dot-pulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes changelog-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.changelog-button{position:relative;background:transparent!important;border:1px solid transparent;color:var(--text-primary, var(--color-text-primary));cursor:pointer;padding:0;border-radius:var(--radius-md, 8px);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;box-shadow:0 1px 2px #0000000d}.changelog-button:hover{background:var(--bg-hover, rgba(0, 0, 0, .05))!important;border-color:var(--border-subtle, rgba(0, 0, 0, .06));box-shadow:0 2px 4px #0000000f;transform:translateY(-1px)}.changelog-button:active{transform:translateY(0)}.changelog-icon{display:block;color:var(--text-primary, var(--color-text-primary))}.changelog-dropdown{position:fixed;width:360px;max-width:calc(100vw - 32px);background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));display:flex;flex-direction:column;z-index:2000;overflow:hidden;min-width:280px;animation:changelog-fadeIn .2s ease}.changelog-dropdown-header{padding:var(--space-4, 16px);border-bottom:1px solid var(--border, var(--color-border-default));background:var(--content-bg, var(--color-border-default))}.changelog-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.changelog-dropdown-body{padding:var(--space-4, 16px)}.changelog-dropdown-empty{color:var(--text-secondary, var(--color-text-muted));margin:0 0 var(--space-3) 0;font-size:14px}.changelog-dropdown-preview{margin-bottom:var(--space-3, 12px)}.changelog-dropdown-version{font-weight:600;font-size:14px;color:var(--color-text-primary)}.changelog-dropdown-date{font-size:12px;color:var(--text-tertiary, var(--color-text-muted));margin-left:var(--space-2, 8px)}.changelog-dropdown-teaser{margin:var(--space-1, 4px) 0 0 0;font-size:13px;color:var(--text-secondary, var(--color-text-muted));line-height:1.4}.changelog-see-all{display:flex;align-items:center;justify-content:center;gap:var(--space-1, 4px);width:100%;padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--bg-elevated, var(--color-border-default));border:1px solid var(--border-subtle, var(--color-border-default));border-radius:var(--radius-sm, 4px);color:var(--accent, #0078d4);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.changelog-see-all:hover{background:var(--bg-hover, var(--color-border-default));border-color:var(--border-default, var(--color-border-default))}.changelog-backdrop{position:fixed;inset:0;background:#0006;z-index:1999;animation:changelog-fadeIn .2s ease}.changelog-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;max-height:min(80vh,calc(100vh - 32px));margin:16px;box-sizing:border-box;background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));z-index:2000;display:flex;flex-direction:column;overflow:hidden;animation:changelog-scaleIn .2s ease}.changelog-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4, 16px);border-bottom:1px solid var(--border, var(--color-border-default));background:var(--content-bg, var(--color-border-default));flex-shrink:0}.changelog-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.changelog-close{background:none;border:none;font-size:24px;line-height:1;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 4px);transition:color .2s,background .2s}.changelog-close:hover{color:var(--text-primary, var(--color-text-primary));background:var(--bg-hover, var(--color-border-default))}.changelog-modal-body{padding:var(--space-4, 16px);overflow-y:auto;flex:1}.changelog-empty{color:var(--text-secondary, var(--color-text-muted));margin:0;font-size:14px}.changelog-list{list-style:none;margin:0;padding:0}.changelog-entry{padding-bottom:var(--space-4, 16px);border-bottom:1px solid var(--border, var(--color-border-default))}.changelog-entry:last-child{padding-bottom:0;border-bottom:none}.changelog-entry-header{display:flex;align-items:baseline;gap:var(--space-2, 8px);margin-bottom:var(--space-2, 8px)}.changelog-version{font-weight:600;font-size:15px;color:var(--color-text-primary)}.changelog-date{font-size:13px;color:var(--text-tertiary, var(--color-text-muted))}.changelog-changes{margin:0;padding-left:var(--space-5, 20px);font-size:14px;color:var(--text-secondary, var(--color-text-muted));line-height:1.5}.changelog-changes li{margin-bottom:var(--space-1, 4px)}.changelog-changes li:last-child{margin-bottom:0}@keyframes changelog-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes changelog-scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.changelog-dropdown{width:320px}.changelog-modal{max-height:85vh;margin:var(--space-4)}.changelog-button{width:36px;height:36px}.changelog-icon{width:18px;height:18px}}.qr-scanner-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2147483647;padding:24px;box-sizing:border-box;overflow-y:auto}.qr-scanner-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 25px -5px #00000026;max-width:560px;width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;margin:auto;flex-shrink:0}.qr-scanner-modal-body{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0}.qr-scanner-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border, var(--color-border-default));background:var(--card-bg);border-radius:12px 12px 0 0;flex-shrink:0}.qr-scanner-header h2{margin:0;font-size:1.25rem}.qr-scanner-close{padding:10px 18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--danger, var(--danger));color:var(--color-accent-text);cursor:pointer;font-size:14px;font-weight:600;flex-shrink:0}.qr-scanner-close:hover{background:var(--danger-hover, #b91c1c);color:var(--color-accent-text)}.qr-scanner-hint{margin:0 0 var(--space-4);font-size:14px;color:var(--text-secondary)}.qr-scanner-reader{min-height:220px;max-height:min(50vh,400px);border-radius:8px;overflow:hidden;background:#000}.qr-scanner-reader video{width:100%;max-height:400px;-o-object-fit:cover;object-fit:cover}.qr-scanner-status{margin:var(--space-3) 0 0;font-size:14px;color:var(--text-secondary)}.qr-scanner-status-error{color:var(--danger, var(--danger))}.qr-scanner-status-ok{color:var(--success, #059669)}.qr-scanner-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border, var(--color-border-default))}.qr-scanner-footer .qr-scanner-close{width:100%}.qr-scanner-usb{margin-top:var(--space-4)}.qr-scanner-usb-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:var(--space-2)}.qr-scanner-usb-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md);font-size:14px;box-sizing:border-box}.qr-scanner-usb-input:focus{outline:none;border-color:var(--primary, var(--color-accent));box-shadow:0 0 0 2px #2563eb33}.qr-scanner-thinking-overlay{position:fixed;inset:0;background:var(--color-bg-card);display:flex;align-items:center;justify-content:center;z-index:2147483648;pointer-events:auto}.qr-scanner-thinking-content{width:100%;max-width:320px;padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.qr-scanner-thinking-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.qr-scanner-thinking-bar-wrap{width:100%;height:8px;background:var(--color-border-default);border-radius:999px;overflow:hidden}.qr-scanner-thinking-bar{height:100%;background:var(--primary, var(--color-accent));border-radius:999px;transition:width .15s ease-out}.qr-scanner-thinking-percent{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-bg-dark-hover)}.app-header{height:64px;border-bottom:1px solid var(--header-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:100;background:var(--header-background)!important;color:var(--header-text)}.app-header .header-left,.app-header .header-right,.app-header .page-title,.app-header .breadcrumb,.app-header .breadcrumb-link,.app-header .breadcrumb-current,.app-header .breadcrumb-separator{color:var(--header-text)!important}.app-header .header-hamburger-bars span{background:var(--header-text)!important}.header-left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.header-hamburger{display:none;width:40px;min-width:40px;height:40px;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md, 8px);background:transparent;color:var(--text-primary)!important;cursor:pointer;transition:background .2s ease,color .2s ease;flex-shrink:0;position:relative;z-index:110}.header-hamburger-bars{width:20px;height:14px;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.header-hamburger-bars span{display:block;width:100%;height:2px;border-radius:999px;background:var(--text-primary)!important}.header-hamburger:hover{background:var(--bg-hover);color:var(--text-primary)!important}.header-hamburger:hover .header-hamburger-bars span{background:var(--text-primary)!important}@media(max-width:768px){.header-hamburger{display:flex!important}}.app-header .header-button,.app-header .notification-bell-button,.app-header .changelog-button,.app-header .theme-toggle-btn{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;padding:6px!important;border-radius:8px!important;cursor:pointer!important;color:var(--header-text)!important;min-width:36px;min-height:36px;display:inline-flex!important;align-items:center;justify-content:center;transition:background .15s ease}.app-header .header-button:hover,.app-header .notification-bell-button:hover,.app-header .changelog-button:hover,.app-header .theme-toggle-btn:hover{background:var(--bg-hover)!important;border:none!important;box-shadow:none!important}.app-header .notification-bell-button.has-unread:not(:has(.notification-badge)):after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--accent-red);border-radius:50%;border:2px solid var(--header-background)}.app-header .notification-bell-button.has-unread:has(.notification-badge):after{display:none}.app-header .notification-bell-button.has-unread:hover{background:var(--bg-hover)!important;border:none!important}.app-header .theme-toggle-btn{color:var(--header-text)!important;flex-shrink:0}.app-header .header-theme-toggle{display:inline-flex;flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-sans)}.breadcrumb-separator{margin:0 var(--space-2);color:var(--text-muted)}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--text-primary)}.breadcrumb-current{color:var(--text-primary);font-weight:500}h1.page-title{font-size:18px!important;font-weight:700!important;color:var(--text-primary)!important;margin:0!important;padding:0!important;font-family:var(--font-sans)!important;letter-spacing:-.5px!important;line-height:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;height:auto!important}.header-right{display:flex;align-items:center;gap:var(--space-3)}.header-button-scan .header-scan-icon{width:22px;height:22px;min-width:22px;min-height:22px;flex-shrink:0}.user-menu-container{position:relative}.app-header .user-avatar-button{width:40px;height:40px;border-radius:var(--radius-full);background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s ease}.app-header .user-avatar-button:hover{background:var(--bg-hover)!important;border:none!important;box-shadow:none!important}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--text-sm)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;min-width:240px;box-shadow:0 8px 32px #0000001f;z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:top right}.user-menu-header{padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.user-menu-email{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.user-menu-company{font-size:var(--text-xs);color:var(--text-tertiary)}.user-menu-divider{height:1px;background:var(--border-subtle);margin:var(--space-2) 0}.user-menu-item{width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;text-align:left;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.user-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.user-menu-item-danger{color:var(--accent-red)}.user-menu-item-danger:hover{background:var(--status-error-bg)}@media(max-width:1024px)and (min-width:769px){h1.page-title{font-size:15px!important;letter-spacing:-.3px!important}}.acting-as-staff-wrap{position:relative}.app-header .acting-as-staff-trigger{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-card);border:1.5px solid var(--color-border-default);border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease;max-width:180px;box-shadow:none;outline:none}.app-header .acting-as-staff-trigger:hover{background:var(--bg-elevated);border-color:var(--color-border-strong)}.acting-as-staff-icon{flex-shrink:0;color:var(--text-secondary)}.acting-as-staff-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acting-as-staff-chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform .2s}.acting-as-staff-chevron.open{transform:rotate(180deg)}.acting-as-staff-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;max-width:260px;max-height:280px;overflow-y:auto;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 10px 40px #0000001f;z-index:200;padding:6px 0}.acting-as-staff-option{display:block;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-primary);background:none;border:none;text-align:left;cursor:pointer;transition:background .1s}.acting-as-staff-option:hover{background:var(--bg-hover)}.acting-as-staff-option.selected{background:#3b82f61a;color:var(--text-primary)}.acting-as-staff-pin-icon{margin-left:6px;opacity:.7;vertical-align:middle}.acting-as-pin-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10050;padding:16px}.acting-as-pin-modal{background:var(--bg-elevated);border-radius:12px;padding:24px;max-width:360px;width:100%;border:1px solid var(--border);box-shadow:0 20px 40px #00000026}.acting-as-pin-modal h3{margin:0 0 8px;font-size:1.125rem;font-weight:700}.acting-as-pin-desc{margin:0 0 16px;font-size:.875rem;color:var(--text-secondary)}.acting-as-pin-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:1rem;margin-bottom:12px;box-sizing:border-box}.acting-as-pin-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4f46e533}.acting-as-pin-error{margin:-6px 0 12px;font-size:.875rem;color:var(--danger, var(--danger))}.acting-as-pin-actions{display:flex;gap:12px;justify-content:flex-end}@media(max-width:768px){.app-header{padding:0 var(--space-3);height:56px;z-index:150}.header-left{gap:var(--space-2);min-width:0}h1.page-title{font-size:14px!important;font-weight:700!important;letter-spacing:-.25px!important;line-height:1!important;flex-shrink:1;min-width:0}.breadcrumb{display:none}.app-header .header-button{width:36px;height:36px;min-width:36px;min-height:36px;padding:0}.header-right{gap:var(--space-2)}.acting-as-staff-trigger{max-width:140px;padding:0 10px;font-size:12px}.user-avatar-button{width:36px;height:36px}.user-avatar{width:28px;height:28px;font-size:12px}.user-menu-dropdown{right:-8px;min-width:200px}}.announcements-banner-wrap{display:flex;flex-direction:column;gap:4px}.announcements-banner{padding:10px 20px;font-size:14px;text-align:center}.announcements-banner-info{background:var(--accent-light);color:var(--color-text-primary)}.announcements-banner-warning{background:#fef3c7;color:#92400e}.announcements-banner-maintenance{background:#fef2f2;color:#991b1b}.announcements-banner-body{font-weight:400}.announcement-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.announcement-popup-content{background:var(--color-bg-card);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.announcement-popup-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--color-border-default)}.announcement-popup-title{margin:0;font-size:24px;font-weight:600;color:var(--color-text-primary);flex:1}.announcement-popup-close{background:none;border:none;font-size:32px;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease;line-height:1}.announcement-popup-close:hover{background:var(--color-border-default);color:var(--color-text-primary)}.announcement-popup-body{padding:24px;overflow-y:auto;flex:1}.announcement-popup-video{margin-bottom:20px;border-radius:8px;overflow:hidden;position:relative;padding-bottom:56.25%;height:0}.announcement-popup-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.announcement-popup-text{color:var(--color-bg-dark-hover);line-height:1.6;font-size:15px}.announcement-popup-text p{margin:0 0 12px}.announcement-popup-text p:last-child{margin-bottom:0}.announcement-popup-actions{padding:20px 24px;border-top:1px solid var(--color-border-default);display:flex;justify-content:flex-end}.announcement-popup-button{background:var(--accent, var(--color-accent));color:var(--color-accent-text);border:none;padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease}.announcement-popup-button:hover{background:var(--accent-hover, var(--color-accent));box-shadow:0 2px 8px #3b82f64d}.announcement-popup-button:active{transform:scale(.98)}.announcement-popup-info{border-left:4px solid var(--color-accent)}.announcement-popup-warning{border-left:4px solid #f59e0b}.announcement-popup-error{border-left:4px solid #ef4444}.announcement-popup-success{border-left:4px solid #10b981}.feature-request-card{background:var(--card-bg);border:1px solid var(--border-subtle, var(--color-border-default));border-radius:var(--radius-md, 8px);padding:10px;cursor:pointer;transition:box-shadow .15s,border-color .15s}.feature-request-card--compact{padding:12px}.feature-request-card--compact .feature-request-card-header{margin-bottom:6px}.feature-request-card--compact .feature-request-card-title{font-size:14px;font-weight:500;margin-bottom:4px}.feature-request-card-desc--two-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:var(--text-secondary, var(--color-text-muted));margin-bottom:8px;line-height:1.4}.feature-request-card-meta--compact{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:0;flex-wrap:wrap}.feature-request-card-meta--compact .feature-request-card-tenant{flex:0 0 auto}.feature-request-card-meta--compact .feature-request-card-date{flex:1;text-align:center;min-width:0}.feature-request-card-vote--inline{width:auto;padding:4px 8px;gap:4px;font-size:.75rem;flex-shrink:0}.feature-request-card:hover{border-color:var(--border-default, var(--color-border-default));box-shadow:0 2px 8px #0000000f}.feature-request-card.declined{opacity:.85;border-style:dashed}.feature-request-card-header{display:flex;align-items:center;gap:var(--space-2, 8px);margin-bottom:var(--space-2, 8px)}.feature-request-card-type{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;padding:2px 6px;border-radius:4px;background:var(--bg-elevated, var(--color-border-default));color:var(--text-secondary, var(--color-text-muted))}.feature-request-card-type.type-feature{background:#3b82f61f;color:var(--accent, var(--color-accent))}.feature-request-card-type.type-bug{background:#ef44441a;color:var(--accent-red, var(--danger))}.feature-request-card-badge.declined{font-size:.6875rem;font-weight:600;color:var(--text-tertiary, var(--color-text-muted))}.feature-request-card-status{font-size:.6875rem;font-weight:600;padding:2px 6px;border-radius:4px;margin-left:auto}.feature-request-card-status.card-status-requested{background:#3b82f61f;color:var(--accent, var(--color-accent))}.feature-request-card-status.card-status-development{background:#f59e0b33;color:#b45309}.feature-request-card-status.card-status-shipped{background:#22c55e26;color:#15803d}.feature-request-card-status.card-status-declined{background:var(--bg-elevated, var(--color-border-default));color:var(--text-tertiary, var(--color-text-muted))}.feature-request-card-status.card-status-bug-requested{background:#6b728026;color:var(--text-secondary, var(--color-text-muted))}.feature-request-card-status.card-status-bug-under_review{background:#f59e0b33;color:#b45309}.feature-request-card-status.card-status-bug-released{background:#22c55e26;color:#15803d}.feature-request-card-from{font-size:.75rem;color:var(--text-secondary, var(--color-text-muted));margin-bottom:var(--space-1, 4px);font-weight:500}.feature-request-card-email{font-size:.75rem;color:var(--text-tertiary, var(--color-text-muted));margin-bottom:var(--space-1, 4px)}.feature-request-card-title{margin:0 0 var(--space-1, 4px);font-size:.875rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));line-height:1.3}.feature-request-card-desc{margin:0 0 var(--space-2, 8px);font-size:.78rem;color:var(--text-secondary, var(--color-text-muted));line-height:1.4}.feature-request-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);font-size:.75rem;color:var(--text-tertiary, var(--color-text-muted));margin-bottom:var(--space-2, 8px)}.feature-request-card-vote{display:flex;align-items:center;width:100%;gap:10px;padding:10px 12px;border-radius:6px;background:var(--bg-elevated, var(--color-border-default));border:1px solid transparent;color:var(--text-secondary, var(--color-text-muted));font-size:.8125rem;cursor:pointer;transition:background .15s,color .15s;text-align:left}.feature-request-card-vote:hover{background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--text-primary, var(--color-text-primary))}.feature-request-card-vote:focus-visible{outline:none;border-color:var(--accent, var(--color-accent));box-shadow:0 0 0 2px #3b82f62e}.feature-request-card-vote svg.voted,.feature-request-card-vote:has(.voted){color:var(--accent, var(--color-accent))}.feature-request-card-vote .voted{fill:var(--accent, var(--color-accent))}.feature-request-card-vote-label{font-weight:500;line-height:1.2}.feature-request-form{max-width:480px}.feature-request-form-title{margin:0 0 var(--space-4, 16px);font-size:1.125rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.feature-request-form-error{padding:var(--space-2, 8px) var(--space-3, 12px);margin-bottom:var(--space-3, 12px);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:.875rem;color:var(--accent-red, var(--danger))}.feature-request-form-label{display:block;margin-bottom:var(--space-3, 12px);font-size:.875rem;font-weight:500;color:var(--text-primary, var(--color-text-primary))}.feature-request-form-optional{font-weight:400;color:var(--text-tertiary, var(--color-text-muted))}.feature-request-form-input,.feature-request-form-textarea,.feature-request-form-select{display:block;width:100%;margin-top:4px;padding:8px 12px;border:1px solid var(--border-default, var(--color-border-default));border-radius:6px;font-size:.9375rem;font-family:inherit}.feature-request-form-textarea{resize:vertical;min-height:80px}.feature-request-form-file{display:block;margin-top:4px;font-size:.875rem}.feature-request-form-actions{display:flex;gap:var(--space-2, 8px);margin-top:var(--space-4, 16px)}.feature-request-form-actions .btn{padding:8px 16px;font-size:.875rem}.feature-request-detail{padding-bottom:var(--space-6, 24px)}.feature-request-detail-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--space-4, 16px);background:none;border:none;font-size:.875rem;color:var(--text-secondary, var(--color-text-muted));cursor:pointer}.feature-request-detail-back:hover{color:var(--accent, var(--color-accent))}.feature-request-detail-loading{padding:var(--space-6, 24px);text-align:center;color:var(--text-secondary, var(--color-text-muted))}.feature-request-detail-header{margin-bottom:var(--space-4, 16px);padding-bottom:var(--space-4, 16px);border-bottom:1px solid var(--border-subtle, var(--color-border-default))}.feature-request-detail-from{font-size:.9375rem;color:var(--text-secondary, var(--color-text-muted));margin-bottom:var(--space-2, 8px)}.feature-request-detail-from strong{color:var(--text-primary, var(--color-text-primary));font-weight:600}.feature-request-detail-meta{display:flex;align-items:center;gap:var(--space-2, 8px);margin-bottom:var(--space-2, 8px)}.feature-request-detail-type{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:4px}.feature-request-detail-type.type-feature{background:#3b82f61f;color:var(--accent, var(--color-accent))}.feature-request-detail-type.type-bug{background:#ef44441a;color:var(--accent-red, var(--danger))}.feature-request-detail-badge.declined{font-size:.75rem;color:var(--text-tertiary, var(--color-text-muted))}.feature-request-detail-status-badge{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:6px}.feature-request-detail-status-badge.status-new{background:#6b728026;color:var(--text-secondary, var(--color-text-muted))}.feature-request-detail-status-badge.status-investigating{background:#f59e0b33;color:#b45309}.feature-request-detail-status-badge.status-fixed{background:#22c55e26;color:#15803d}.feature-request-detail-status-badge.feature-request-detail-status-feature{background:#3b82f61f;color:var(--accent, var(--color-accent))}.feature-request-detail-title{margin:0 0 var(--space-2, 8px);font-size:1.25rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.feature-request-detail-description{margin:0 0 var(--space-3, 12px);font-size:.9375rem;color:var(--text-secondary, var(--color-text-muted));line-height:1.5;white-space:pre-wrap}.feature-request-detail-info{display:flex;flex-wrap:wrap;gap:var(--space-3, 12px);font-size:.8125rem;color:var(--text-tertiary, var(--color-text-muted));margin-bottom:var(--space-3, 12px)}.feature-request-detail-vote-row{margin-top:var(--space-2, 8px)}.feature-request-detail-vote-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;background:var(--bg-elevated, var(--color-border-default));border:none;font-size:.875rem;color:var(--text-secondary, var(--color-text-muted));cursor:pointer}.feature-request-detail-vote-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--text-primary, var(--color-text-primary))}.feature-request-detail-vote-btn.voted{background:#3b82f61f;color:var(--accent, var(--color-accent))}.feature-request-detail-vote-btn.voted svg{fill:var(--accent, var(--color-accent))}.feature-request-detail-admin{margin-bottom:var(--space-4, 16px);padding:var(--space-3, 12px);background:#3b82f60f;border:1px solid rgba(59,130,246,.2);border-radius:8px}.feature-request-detail-admin h4{margin:0 0 var(--space-2, 8px);font-size:.875rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.feature-request-detail-admin label{display:block;margin-bottom:var(--space-2, 8px);font-size:.8125rem;font-weight:500;color:var(--text-secondary, var(--color-text-muted))}.feature-request-detail-status-select{display:block;margin-top:4px;padding:6px 10px;border:1px solid var(--border-default, var(--color-border-default));border-radius:6px;font-size:.875rem}.feature-request-detail-admin .btn{margin-right:var(--space-2, 8px);margin-bottom:var(--space-2, 8px)}.feature-request-detail-admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-default, var(--color-border-default))}.feature-request-detail-merge{display:flex;gap:var(--space-2, 8px);margin-top:var(--space-2, 8px);align-items:flex-end}.feature-request-detail-merge-input{width:100%;padding:6px 10px;border:1px solid var(--border-default, var(--color-border-default));border-radius:6px;font-size:.875rem}.feature-request-detail-merge-fields{flex:1;max-width:560px;display:flex;flex-direction:column;gap:8px}.feature-request-detail-request-id-row{display:flex;align-items:center;gap:8px;margin-top:8px;margin-bottom:8px;flex-wrap:wrap}.feature-request-detail-request-id-label{font-size:.75rem;color:var(--text-secondary, var(--color-text-muted));font-weight:600}.feature-request-detail-request-id-value{display:inline-block;padding:3px 7px;border-radius:6px;background:var(--bg-elevated, var(--color-border-default));border:1px solid var(--border-subtle, var(--color-border-default));font-size:.75rem;color:var(--text-primary, var(--color-text-primary))}.feature-request-detail-edit-form{margin-bottom:var(--space-3, 12px)}.feature-request-detail-edit-title{display:block;width:100%;margin-bottom:var(--space-2, 8px);padding:8px 12px;border:1px solid var(--border-default, var(--color-border-default));border-radius:6px;font-size:1.125rem;font-weight:600}.feature-request-detail-edit-desc{display:block;width:100%;margin-bottom:var(--space-2, 8px);padding:8px 12px;border:1px solid var(--border-default, var(--color-border-default));border-radius:6px;font-size:.9375rem;resize:vertical}.feature-request-detail-edit-actions{display:flex;gap:var(--space-2, 8px)}.feature-request-detail-comments h4{margin:0 0 var(--space-3, 12px);font-size:.9375rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.feature-request-detail-comment-list{list-style:none;margin:0 0 var(--space-4, 16px);padding:0}.feature-request-detail-comment{padding:var(--space-3, 12px);margin-bottom:var(--space-2, 8px);background:var(--bg-elevated, var(--color-bg-surface));border:1px solid var(--border-subtle, var(--color-border-default));border-radius:8px}.feature-request-detail-comment.admin{background:#3b82f614;border-color:#3b82f640}.feature-request-detail-comment.pinned{border-left:3px solid var(--accent, var(--color-accent))}.feature-request-detail-comment-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2, 8px);margin-bottom:var(--space-1, 4px)}.feature-request-detail-comment-author{font-size:.8125rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.feature-request-detail-comment-date{font-size:.75rem;color:var(--text-tertiary, var(--color-text-muted))}.feature-request-detail-comment-badge{font-size:.6875rem;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--accent, var(--color-accent));color:var(--color-accent-text)}.feature-request-detail-comment-pinned{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--accent, var(--color-accent))}.feature-request-detail-pin-btn{margin-left:auto;font-size:.75rem;padding:2px 8px;background:none;border:1px solid var(--border-default, var(--color-border-default));border-radius:4px;cursor:pointer;color:var(--text-secondary, var(--color-text-muted))}.feature-request-detail-pin-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .05));color:var(--text-primary, var(--color-text-primary))}.feature-request-detail-comment-text{margin:0;font-size:.9375rem;color:var(--text-primary, var(--color-text-primary));line-height:1.5;white-space:pre-wrap}.feature-request-detail-comment-form{margin-top:var(--space-3, 12px)}.feature-request-detail-comment-input{display:block;width:100%;margin-bottom:var(--space-2, 8px);padding:10px 12px;border:1px solid var(--border-default, var(--color-border-default));border-radius:6px;font-size:.9375rem;font-family:inherit;resize:vertical;min-height:72px}.feature-request-detail-post-as-admin{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-2, 8px);font-size:.875rem;color:var(--text-secondary, var(--color-text-muted));cursor:pointer}.feature-request-detail-comment-form .btn{font-size:.875rem;padding:8px 16px}.community-feature-board{min-height:320px}.community-feature-board-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4, 16px);flex-wrap:wrap;gap:var(--space-2, 8px)}.community-feature-board-toolbar--header{align-items:center}.community-feature-board-heading{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.community-feature-board-new{font-size:.875rem;padding:6px 14px}.community-feature-board-new--primary{padding:8px 16px;font-weight:600;background:var(--accent, var(--color-accent));border-color:var(--accent, var(--color-accent));color:var(--color-accent-text)}.community-feature-board-column-title{display:flex;align-items:center;gap:8px;margin:0 0 var(--space-3, 12px);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, var(--color-text-muted))}.community-feature-board-column-count{font-size:.6875rem;font-weight:600;padding:2px 6px;border-radius:999px;background:var(--color-background-tertiary, var(--color-border-default));color:var(--text-secondary, var(--color-text-muted))}.community-feature-board-loading{padding:var(--space-8, 32px);text-align:center;color:var(--text-secondary, var(--color-text-muted));font-size:.9375rem}.community-feature-board-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4, 16px);align-items:start}.community-feature-board-columns-with-bugs{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.community-feature-board-columns{grid-template-columns:1fr}}.community-feature-board-column{background:var(--bg-elevated, var(--color-bg-surface));border-radius:var(--radius-md, 8px);padding:10px;border:1px solid var(--border-subtle, var(--color-border-default));display:flex;flex-direction:column;min-height:0}.community-feature-board-empty--placeholder{font-size:13px;color:var(--text-tertiary, var(--color-text-muted));text-align:center;padding:16px 8px}.community-feature-board-cards{display:flex;flex-direction:column;gap:8px}.community-feature-board-columns .community-feature-board-cards{max-height:min(62vh,680px);overflow-y:auto;padding-right:4px}.community-feature-board-my-tickets-sections{display:flex;flex-direction:column;gap:var(--space-6, 24px)}.community-feature-board-section{background:var(--card-bg);border:1px solid var(--border-subtle, var(--color-border-default));border-radius:var(--radius-lg, 10px);padding:var(--space-4, 16px);box-shadow:0 1px 3px #0000000d}.community-feature-board-section-title{margin:0 0 var(--space-3, 12px);font-size:.9375rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));padding-bottom:var(--space-2, 8px);border-bottom:1px solid var(--border-subtle, var(--color-border-default))}.community-feature-board-section-bugs .community-feature-board-section-title,.community-feature-board-column-bugs .community-feature-board-column-title{color:var(--accent-red, var(--danger))}.community-feature-board-tickets-search-wrap{margin-bottom:12px}.community-feature-board-tickets-search{width:100%;max-width:320px;height:36px;padding:0 12px;font-size:.875rem;border:1px solid var(--border-subtle, var(--color-border-default));border-radius:8px;background:var(--card-bg);font-family:inherit}.community-feature-board-tickets-search::-moz-placeholder{color:var(--text-tertiary, var(--color-text-muted))}.community-feature-board-tickets-search::placeholder{color:var(--text-tertiary, var(--color-text-muted))}.community-feature-board-tickets-search:focus{outline:none;border-color:var(--accent, var(--color-accent))}.community-feature-board-table-wrap{overflow-x:auto;border:1px solid var(--border-subtle, var(--color-border-default));border-radius:8px;background:var(--card-bg)}.community-feature-board-table{width:100%;border-collapse:collapse;font-size:13px}.community-feature-board-table th{text-align:left;padding:8px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, var(--color-text-muted));background:var(--color-background-tertiary, var(--color-border-default));border-bottom:1px solid var(--border-subtle, var(--color-border-default))}.community-feature-board-table td{padding:8px 16px;border-bottom:1px solid var(--border-subtle, var(--color-border-default));color:var(--text-primary, var(--color-text-primary))}.community-feature-board-table-row{cursor:pointer;transition:background .1s ease}.community-feature-board-table-row:hover{background:var(--color-background-secondary, var(--color-bg-surface))}.community-feature-board-table-empty{text-align:center;color:var(--text-secondary, var(--color-text-muted));padding:24px!important}.community-feature-board-table-type{font-size:.6875rem;font-weight:600;padding:2px 6px;border-radius:4px}.community-feature-board-table-type--bug{background:#ef44441f;color:var(--accent-red, var(--danger))}.community-feature-board-table-type--feature{background:#3b82f61f;color:var(--accent, var(--color-accent))}.community-feature-board-table-status{font-size:.6875rem;font-weight:600;padding:2px 6px;border-radius:4px}.community-feature-board-table-vote{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;cursor:pointer;font-size:13px;color:var(--text-secondary, var(--color-text-muted));font-family:inherit}.community-feature-board-table-vote:hover{color:var(--text-primary, var(--color-text-primary))}.community-feature-board-table-vote .voted{color:var(--accent, var(--color-accent))}.community-feature-board-empty{margin:0;font-size:.875rem;color:var(--text-tertiary, var(--color-text-muted));padding:var(--space-3, 12px) 0}.help-center-panel{background:var(--card-bg);border-radius:var(--radius-lg, 10px);padding:var(--space-5, 20px);border:1px solid var(--border-subtle, var(--color-border-default));box-shadow:0 1px 3px #0000000d;max-width:720px}.help-center-title{margin:0 0 var(--space-4, 16px);font-size:1.375rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));letter-spacing:-.02em}.help-center-search-wrap{position:relative;margin-bottom:var(--space-4, 16px)}.help-center-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted, var(--color-text-muted));pointer-events:none}.help-center-search-input{width:100%;padding:10px 12px 10px 40px;font-size:.9375rem;border:1px solid var(--border-subtle, var(--color-border-default));border-radius:var(--radius-md, 8px);background:var(--color-bg-page);color:var(--text-primary, var(--color-text-primary));transition:border-color .15s,box-shadow .15s}.help-center-search-input::-moz-placeholder{color:var(--text-muted, var(--color-text-muted))}.help-center-search-input::placeholder{color:var(--text-muted, var(--color-text-muted))}.help-center-search-input:focus{outline:none;border-color:var(--accent, var(--color-accent));box-shadow:0 0 0 2px #3b82f626}.help-center-error{padding:var(--space-3, 12px);margin-bottom:var(--space-4, 16px);background:var(--accent-red-light, rgba(220, 38, 38, .08));color:var(--accent-red, var(--danger));border-radius:var(--radius-md, 8px);font-size:.875rem}.help-center-loading{padding:var(--space-6, 24px);text-align:center;color:var(--text-secondary, var(--color-text-muted));font-size:.9375rem}.help-center-accordion{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-subtle, var(--color-border-default));border-radius:var(--radius-md, 8px);overflow:hidden;background:var(--card-bg)}.help-center-category{border-bottom:1px solid var(--border-subtle, var(--color-border-default))}.help-center-category:last-child{border-bottom:none}.help-center-category-header{width:100%;display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-4, 16px);border:none;background:var(--card-bg);color:var(--text-primary, var(--color-text-primary));font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s}.help-center-category-header:hover{background:var(--color-background-secondary, rgba(0, 0, 0, .04))}.help-center-category-icon{flex-shrink:0;color:var(--text-secondary, var(--color-text-muted))}.help-center-category-name{flex:1}.help-center-category-chevron{flex-shrink:0;color:var(--text-muted, var(--color-text-muted))}.help-center-category-body{padding:0 var(--space-4, 16px) var(--space-4, 16px);padding-left:calc(var(--space-4, 16px) + 18px + var(--space-3, 12px));background:var(--color-bg-page)}.help-center-add-article-btn{display:inline-flex;align-items:center;gap:6px;height:28px;margin-bottom:var(--space-3, 12px);padding:0 12px;border:1px solid var(--border-subtle, var(--color-border-default));border-radius:var(--radius-md, 8px);background:var(--card-bg);color:var(--text-secondary, var(--color-text-muted));font-size:.8125rem;font-weight:500;cursor:pointer;transition:opacity .15s,border-color .15s,color .15s;opacity:0;pointer-events:none}.help-center-category:hover .help-center-add-article-btn{opacity:1;pointer-events:auto}.help-center-add-article-btn:hover{border-color:var(--accent, var(--color-accent));color:var(--accent, var(--color-accent))}.help-center-no-articles{margin:0 0 var(--space-3, 12px);font-size:.875rem;color:var(--text-muted, var(--color-text-muted))}.help-center-article-list{list-style:none;margin:0;padding:0}.help-center-article-list li{margin:0;padding:0}.help-center-article-item{width:100%;display:flex;align-items:center;gap:8px;padding:6px 16px 6px 32px;font-size:13px;border:none;border-radius:var(--radius-md, 8px);background:transparent;color:var(--text-primary, var(--color-text-primary));text-align:left;cursor:pointer;transition:background .15s}.help-center-article-item:hover{background:var(--bg-hover, rgba(0, 0, 0, .04))}.help-center-category,.help-center-article-item,.help-center-category-header{transition:transform .14s cubic-bezier(.22,1,.36,1),background-color .14s ease}.help-center-category-header:hover{transform:translate(2px)}.help-center-article-item:hover{transform:translate(3px)}.help-center-article-icon{flex-shrink:0;color:var(--text-tertiary, var(--color-text-muted))}.help-center-article-title{flex:1}.help-center-article-chevron{flex-shrink:0;color:var(--text-muted, var(--color-text-muted));transform:rotate(-90deg)}.help-center-admin-footer{margin-top:var(--space-5, 20px);padding-top:var(--space-4, 16px);border-top:1px solid var(--border-subtle, var(--color-border-default));text-align:left}.help-center-add-category-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:.8125rem;font-weight:500;border:1px solid var(--border-subtle, var(--color-border-default));border-radius:8px;background:var(--card-bg);color:var(--text-secondary, var(--color-text-muted));cursor:pointer;font-family:inherit}.help-center-add-category-btn:hover{background:var(--color-background-secondary, var(--color-border-default));color:var(--text-primary, var(--color-text-primary))}.help-center-add-category-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3, 12px)}.help-center-add-category-input{padding:8px 12px;font-size:.875rem;border:1px solid var(--border-subtle, var(--color-border-default));border-radius:var(--radius-md, 8px);background:var(--card-bg);color:var(--text-primary, var(--color-text-primary));min-width:160px}.help-center-add-category-input:focus{outline:none;border-color:var(--accent, var(--color-accent))}.help-article-viewer,.help-article-editor{background:var(--card-bg);border-radius:var(--radius-lg, 10px);padding:var(--space-5, 20px);border:1px solid var(--border-subtle, var(--color-border-default));max-width:720px}.help-article-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--space-4, 16px);padding:6px 0;border:none;background:transparent;color:var(--accent, var(--color-accent));font-size:.875rem;font-weight:500;cursor:pointer;transition:color .15s}.help-article-back:hover{color:var(--accent-hover, var(--color-accent))}.help-article-viewer-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3, 12px);margin-bottom:var(--space-4, 16px)}.help-article-viewer-actions{display:flex;gap:8px}.help-article-action-btn{display:inline-flex;align-items:center;gap:6px}.help-article-action-btn.danger:hover{color:var(--accent-red, var(--danger));border-color:var(--accent-red, var(--danger))}.help-article-viewer-title{margin:0 0 var(--space-4, 16px);font-size:1.5rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));line-height:1.3}.help-article-viewer-content{font-size:.9375rem;line-height:1.6;color:var(--text-primary, var(--color-text-primary))}.help-article-loading,.help-article-error{margin:0;padding:var(--space-4, 16px);font-size:.9375rem}.help-article-error{color:var(--accent-red, var(--danger));margin-bottom:var(--space-3, 12px)}.markdown-body h1{font-size:1.375rem;margin:1.25em 0 .5em;font-weight:600}.markdown-body h2{font-size:1.125rem;margin:1em 0 .5em;font-weight:600}.markdown-body h3{font-size:1rem;margin:.75em 0 .35em;font-weight:600}.markdown-body p{margin:.5em 0}.markdown-body strong{font-weight:600}.markdown-body code{padding:.2em .4em;font-size:.875em;background:var(--bg-elevated, var(--color-border-default));border-radius:4px;font-family:ui-monospace,monospace}.markdown-body pre{margin:.75em 0;padding:var(--space-4, 16px);overflow-x:auto;background:var(--bg-elevated, var(--color-border-default));border-radius:var(--radius-md, 8px);border:1px solid var(--border-subtle, var(--color-border-default))}.markdown-body pre code{padding:0;background:none}.markdown-body a{color:var(--accent, var(--color-accent));text-decoration:none}.markdown-body a:hover{text-decoration:underline}.help-article-editor-title{margin:0 0 var(--space-4, 16px);font-size:1.25rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.help-article-editor-form{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.help-article-editor-field{display:flex;flex-direction:column;gap:6px}.help-article-editor-field label{font-size:.875rem;font-weight:500;color:var(--text-secondary, var(--color-text-muted))}.help-article-editor-input,.help-article-editor-select,.help-article-editor-textarea{padding:10px 12px;font-size:.9375rem;border:1px solid var(--border-subtle, var(--color-border-default));border-radius:var(--radius-md, 8px);background:var(--card-bg);color:var(--text-primary, var(--color-text-primary));font-family:inherit}.help-article-editor-textarea{min-height:280px;resize:vertical}.help-article-editor-input:focus,.help-article-editor-select:focus,.help-article-editor-textarea:focus{outline:none;border-color:var(--accent, var(--color-accent));box-shadow:0 0 0 2px #3b82f626}.help-article-editor-actions{display:flex;gap:var(--space-3, 12px);flex-wrap:wrap}@media(max-width:768px){.help-center-panel{padding:12px 16px;max-width:none}.help-center-category-header{min-height:48px;padding:14px 16px}.help-center-category-body{padding-left:16px;padding-right:16px;padding-bottom:16px}.help-center-article-item{min-height:48px;padding:12px 16px}.help-article-viewer,.help-article-editor{padding:16px;max-width:none}.help-article-back{min-height:44px;padding:10px 0}.help-article-viewer-title{font-size:1.25rem}.help-article-viewer-content{font-size:.9375rem}.help-article-editor-actions .btn{min-height:44px;flex:1 1 auto}}.help-support-backdrop{position:fixed;inset:0;background:#0006;z-index:99998}.help-support-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(960px,96vw);max-height:88vh;background:var(--card-bg);border-radius:var(--radius-md, 8px);box-shadow:0 24px 48px #00000026;z-index:99999;display:flex;flex-direction:column;overflow:hidden}.help-support-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px) var(--space-5, 20px);border-bottom:1px solid var(--border-subtle, var(--color-border-default));flex-shrink:0}.help-support-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.help-support-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;padding:4px;border-radius:4px}.help-support-close:hover{color:var(--text-primary, var(--color-text-primary));background:var(--bg-hover, rgba(0, 0, 0, .05))}.help-support-body{display:flex;flex:1;min-height:0}.help-support-nav{width:200px;flex-shrink:0;padding:var(--space-3, 12px) 0;border-right:1px solid var(--border-subtle, var(--color-border-default));display:flex;flex-direction:column;gap:2px}.help-support-nav-item{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-4, 16px);background:none;border:none;text-align:left;font-size:.875rem;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;transition:background .15s,color .15s}.help-support-nav-item:hover{background:var(--bg-hover, rgba(0, 0, 0, .04));color:var(--text-primary, var(--color-text-primary))}.help-support-nav-item.active{background:var(--accent-light, (rgba(59, 130, 246, .1)));color:var(--accent, var(--accent-blue, var(--color-accent)));font-weight:500}.help-support-content{flex:1;overflow:auto;padding:var(--space-4, 16px)}.help-support-panel h3{margin:0 0 var(--space-3, 12px);font-size:1.125rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.help-support-panel p{margin:0 0 var(--space-2, 8px);font-size:.9375rem;color:var(--text-secondary, var(--color-text-muted));line-height:1.5}.help-support-placeholder{margin-top:var(--space-4, 16px)!important;font-size:.8125rem!important;color:var(--text-tertiary, var(--color-text-muted))!important}.help-support-inline-link{background:none;border:none;padding:0;font-size:inherit;color:var(--accent, var(--accent-blue, var(--color-accent)));text-decoration:underline;cursor:pointer}.help-support-inline-link:hover{color:var(--accent-hover, var(--color-accent))}.help-support-page{height:100%;min-height:400px;display:flex;flex-direction:column;background:var(--color-bg-page);border-radius:var(--radius-lg, 10px);overflow:hidden;box-shadow:0 1px 3px #0000000f}.help-support-page-header{padding:12px var(--space-6, 24px);background:var(--card-bg);border-bottom:1px solid var(--border-subtle, var(--color-border-default));flex-shrink:0}.help-support-page-title{margin:0;font-size:1.375rem;font-weight:600;color:var(--text-primary, var(--color-text-primary));letter-spacing:-.02em}.help-support-page-body{flex:1;display:flex;min-height:0;overflow:hidden;background:var(--color-bg-page)}.help-support-page .help-support-nav{width:220px;flex-shrink:0;padding:var(--space-4, 16px);border-right:1px solid var(--border-subtle, var(--color-border-default));background:var(--card-bg);display:flex;flex-direction:column;gap:4px;border-radius:0}.help-support-page .help-support-nav-item{padding:8px 12px;border-radius:var(--radius-md, 8px);font-weight:500;transition:background .15s,color .15s;border-left:3px solid transparent}.help-support-page .help-support-nav-item.active{background:var(--color-background-secondary, rgba(0, 0, 0, .04));color:var(--accent, var(--accent-blue, var(--color-accent)));border-left-color:var(--accent, var(--color-accent))}.help-support-page .help-support-content{overflow:auto;padding:var(--space-5, 20px);background:var(--color-bg-page)}.help-support-report-card{background:var(--card-bg);border:1px solid var(--border-subtle, var(--color-border-default));border-radius:12px;padding:24px;max-width:560px}.help-support-report-title{margin:0 0 4px;font-size:18px;font-weight:500;color:var(--text-primary, var(--color-text-primary))}.help-support-report-sub{margin:0 0 20px;font-size:.875rem;color:var(--text-secondary, var(--color-text-muted))}.help-support-report-form{display:flex;flex-direction:column;gap:16px}.help-support-report-error{padding:10px 12px;font-size:.8125rem;color:var(--accent-red, var(--danger));background:#dc262614;border-radius:8px}.help-support-report-label{display:flex;flex-direction:column;gap:6px;font-size:.8125rem;font-weight:500;color:var(--text-primary, var(--color-text-primary))}.help-support-report-select,.help-support-report-input{height:36px;padding:0 12px;font-size:.875rem;border:1px solid var(--border-subtle, var(--color-border-default));border-radius:8px;background:var(--card-bg);color:var(--text-primary, var(--color-text-primary));font-family:inherit}.help-support-report-select:focus,.help-support-report-input:focus{outline:none;border-color:var(--accent, var(--color-accent))}.help-support-report-textarea{min-height:120px;padding:10px 12px;font-size:.875rem;border:1px solid var(--border-subtle, var(--color-border-default));border-radius:8px;resize:vertical;font-family:inherit}.help-support-report-textarea:focus{outline:none;border-color:var(--accent, var(--color-accent))}.help-support-report-upload-label{font-weight:500}.help-support-report-upload-zone{border:2px dashed var(--border-subtle, var(--color-border-default));border-radius:8px;padding:24px;text-align:center;position:relative;background:var(--color-background-secondary, var(--color-bg-surface))}.help-support-report-file{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.help-support-report-upload-text{font-size:.8125rem;color:var(--text-tertiary, var(--color-text-muted))}.help-support-report-submit{width:100%;height:40px;font-size:.875rem;font-weight:600;border:none;border-radius:8px;background:var(--accent, var(--color-accent));color:var(--color-accent-text);cursor:pointer;font-family:inherit}.help-support-report-submit:hover:not(:disabled){filter:brightness(1.05)}.help-support-report-submit:disabled{opacity:.6;cursor:not-allowed}.help-support-report-note{margin:16px 0 0;font-size:.75rem;color:var(--text-tertiary, var(--color-text-muted))}.help-support-page .community-feature-board,.help-support-page .community-feature-board-my-tickets{background:var(--card-bg);border-radius:var(--radius-lg, 10px);padding:var(--space-5, 20px);border:1px solid var(--border-subtle, var(--color-border-default));box-shadow:0 1px 3px #0000000d}.help-support-subtabs{display:inline-flex;gap:4px;margin-bottom:var(--space-4, 16px)}.help-support-subtab{border:none;background:transparent;color:var(--text-secondary, var(--color-text-muted));font-size:.8125rem;font-weight:500;padding:8px 12px;border-radius:6px;cursor:pointer;border:1px solid transparent}.help-support-subtab:first-child.active{background:var(--accent, var(--color-accent));color:var(--color-accent-text);border-color:var(--accent, var(--color-accent))}.help-support-subtab:not(:first-child){color:var(--text-tertiary, var(--color-text-muted))}.help-support-subtab:not(:first-child).active{background:var(--color-background-secondary, var(--color-border-default));color:var(--text-primary, var(--color-text-primary));border-color:var(--border-subtle, var(--color-border-default))}.help-support-releasenotes-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.help-support-releasenotes-pill{display:inline-block;padding:6px 12px;font-size:.8125rem;font-weight:500;color:var(--text-secondary, var(--color-text-muted));background:var(--color-background-secondary, var(--color-border-default));border-radius:999px;text-decoration:none;transition:background .15s,color .15s}.help-support-releasenotes-pill:hover{background:var(--border-subtle, var(--color-border-default));color:var(--text-primary, var(--color-text-primary))}.help-support-changelog-cards{display:flex;flex-direction:column;gap:24px}.help-support-changelog-card{background:var(--card-bg);border:1px solid var(--border-subtle, var(--color-border-default));border-left:3px solid var(--color-border-tertiary, var(--color-border-default));border-radius:8px;padding:16px 20px;list-style:none;margin:0}.help-support-changelog-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.help-support-changelog-version{font-family:ui-monospace,monospace;font-weight:500;font-size:1rem;color:var(--text-primary, var(--color-text-primary))}.help-support-changelog-date{font-size:.8125rem;color:var(--text-secondary, var(--color-text-muted))}.help-support-changelog-changes{margin:0;padding-left:1.25rem;font-size:13px;line-height:1.6;color:var(--text-secondary, var(--color-text-muted))}.help-support-changelog-changes li{margin-bottom:6px}.help-support-changelog-changes li strong{color:var(--text-primary, var(--color-text-primary));font-weight:600}@media(max-width:768px){.help-support-page{min-height:0;height:100%;-webkit-overflow-scrolling:touch}.help-support-page-header{display:none}.help-support-page-body{flex-direction:column;min-height:0;overflow:hidden;display:flex;padding-top:8px}.help-support-page .help-support-nav{width:100%;flex-shrink:0;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:0;padding:8px 12px 12px;border-right:none;border-bottom:1px solid var(--border-subtle, var(--color-border-default));-webkit-overflow-scrolling:touch;scrollbar-width:none}.help-support-page .help-support-nav::-webkit-scrollbar{display:none}.help-support-page .help-support-nav-item{flex:0 0 auto;min-height:44px;min-width:44px;padding:10px 14px;white-space:nowrap;font-size:.8125rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.help-support-page .help-support-nav-item span{max-width:120px;overflow:hidden;text-overflow:ellipsis}.help-support-page .help-support-content{flex:1;min-height:0;overflow:auto;padding:12px 16px calc(24px + env(safe-area-inset-bottom,0));-webkit-overflow-scrolling:touch}.help-support-page .community-feature-board,.help-support-page .community-feature-board-my-tickets{padding:12px;border-radius:8px}.help-support-subtabs{flex-wrap:wrap;width:100%;margin-bottom:12px}.help-support-subtab{min-height:44px;padding:10px 14px;flex:1 1 auto;min-width:0}.help-support-panel h3{font-size:1.0625rem}.help-support-releasenotes .help-support-changelog-entry{margin-bottom:16px;padding-bottom:12px}.help-support-changelog-header{flex-wrap:wrap;gap:6px}.help-support-changelog-version{font-size:.9375rem}.help-support-changelog-date{font-size:.8125rem}.help-support-changelog-changes{font-size:.8125rem;padding-left:1rem}.help-support-page .help-support-panel .btn{min-height:44px;padding:12px 20px;font-size:.9375rem;width:100%}}@media(max-width:768px){.help-support-content .help-center-panel{padding:12px 16px;max-width:none}.help-support-content .help-center-title{font-size:1.125rem;margin-bottom:12px}.help-support-content .help-center-search-input{padding:12px 12px 12px 40px;font-size:16px}.help-support-content .help-center-category-header{min-height:48px;padding:14px 16px;font-size:.9375rem}.help-support-content .help-center-article-item{min-height:48px;padding:12px 16px}.help-support-content .help-center-add-article-btn,.help-support-content .help-center-add-category-btn{min-height:44px;padding:12px 16px}.help-support-content .help-center-category-body{padding-left:16px}}@media(max-width:768px){.help-support-page .community-feature-board-toolbar{flex-direction:column;align-items:stretch;gap:10px}.help-support-page .community-feature-board-new{min-height:44px;padding:10px 16px}.help-support-page .community-feature-board-columns .community-feature-board-cards{max-height:none}}.admin-changelog-manager{background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:12px;padding:16px}.admin-changelog-manager-header{margin-bottom:12px}.admin-changelog-manager-error{padding:8px 12px;margin-bottom:12px;background:var(--alert-bg, #fef2f2);border-radius:8px;font-size:13px;color:var(--alert-text, var(--danger))}.admin-changelog-manager-loading,.admin-changelog-manager-empty{margin:0;font-size:14px;color:var(--text-secondary, #64748b)}.admin-changelog-manager-list{display:flex;flex-direction:column;gap:8px}.admin-changelog-entry-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border, var(--color-border-default));border-radius:8px}.admin-changelog-entry-row.editing{border-color:var(--accent, var(--color-accent))}.admin-changelog-entry-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.admin-changelog-entry-version{font-weight:600;font-size:14px;color:var(--color-text-primary)}.admin-changelog-entry-title{font-size:13px;color:var(--text-secondary, #64748b)}.admin-changelog-entry-meta{font-size:12px;color:var(--text-secondary, #64748b)}.admin-changelog-entry-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.admin-changelog-entry-actions .btn-sm{padding:6px}.admin-changelog-delete:hover{color:var(--alert-text, var(--danger))}.admin-changelog-form-backdrop{position:fixed;inset:0;background:#0006;z-index:1000}.admin-changelog-form-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;background:var(--card-bg);border-radius:12px;box-shadow:0 20px 40px #00000026;z-index:1001;padding:20px}.admin-changelog-form-modal h3{margin:0 0 16px;font-size:18px;font-weight:600}.admin-changelog-form-body{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.admin-changelog-form-body label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:var(--color-text-primary)}.admin-changelog-form-body label .required{color:var(--alert-text, var(--danger))}.admin-changelog-form-body input,.admin-changelog-form-body textarea{padding:8px 12px;border:1px solid var(--border, var(--color-border-default));border-radius:8px;font-size:14px}.admin-changelog-form-body textarea{resize:vertical;min-height:100px}.admin-changelog-form-actions{display:flex;justify-content:flex-end;gap:8px}.admin-tenants-section{background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:12px;padding:16px}.admin-tenants-toolbar{margin-bottom:12px}.admin-tenants-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.admin-tenants-search-wrap{position:relative;display:inline-flex;align-items:center}.admin-tenants-search-icon{position:absolute;left:10px;color:var(--text-secondary, #64748b);pointer-events:none}.admin-tenants-search{width:280px;padding:8px 12px 8px 36px;border:1px solid var(--border, var(--color-border-default));border-radius:8px;font-size:14px}.admin-tenants-status-select{padding:8px 12px;border:1px solid var(--border, var(--color-border-default));border-radius:8px;font-size:14px;background:var(--card-bg)}.admin-tenants-recent-hint{margin:8px 0 0;font-size:13px;color:var(--text-secondary, #64748b);display:flex;align-items:center;gap:6px}.admin-tenants-error{padding:8px 12px;margin-bottom:12px;background:var(--alert-bg, #fef2f2);border-radius:8px;font-size:13px;color:var(--alert-text, var(--danger))}.admin-tenants-loading{margin:0;font-size:14px;color:var(--text-secondary, #64748b)}.admin-tenants-table-wrap{overflow-x:auto}.admin-tenants-table{width:100%;border-collapse:collapse;font-size:13px}.admin-tenants-table th,.admin-tenants-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border, var(--color-border-default))}.admin-tenants-table th{font-weight:600;color:var(--text-secondary, #64748b);white-space:nowrap}.admin-tenants-table td{color:var(--color-text-primary)}.admin-tenants-name{font-weight:500}.admin-tenants-status{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px}.admin-tenants-status-active,.admin-tenants-status-trialing{background:var(--success-bg, #dcfce7);color:var(--success-text, #166534)}.admin-tenants-status-past_due{background:var(--alert-bg, #fef2f2);color:var(--alert-text, var(--danger))}.admin-tenants-status-canceled,.admin-tenants-status-unpaid,.admin-tenants-status-incomplete_expired{background:var(--bg-elevated, var(--color-border-default));color:var(--text-secondary, #64748b)}.admin-tenants-status-none{color:var(--text-secondary, #64748b)}.admin-tenants-empty-cell{color:var(--text-secondary, #64748b);font-style:italic}.admin-tenants-integrations{display:flex;flex-wrap:wrap;gap:4px}.admin-tenants-int-badge{display:inline-block;padding:2px 6px;font-size:11px;border-radius:4px;background:var(--accent-light);color:var(--accent, var(--color-accent))}.admin-ops-section{display:flex;flex-direction:column;gap:20px}.admin-ops-loading,.admin-ops-error{margin:0 0 12px;font-size:14px}.admin-ops-error{color:var(--alert-text, var(--danger))}.admin-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.admin-ops-grid{grid-template-columns:1fr}}.admin-ops-block{background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:12px;padding:16px}.admin-ops-block-title{margin:0 0 12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.admin-ops-block-desc{margin:0 0 12px;font-size:12px;color:var(--text-secondary, var(--color-text-muted));line-height:1.4}.admin-ops-announcements-add,.admin-ops-flags-add{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.admin-ops-announcements-add input,.admin-ops-flags-add input,.admin-ops-color-input{padding:6px 10px;border:1px solid var(--border, var(--color-border-default));border-radius:6px;font-size:13px;min-width:120px}.admin-ops-checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;width:100%}.admin-ops-checkbox-row input{min-width:auto}.admin-ops-datetime-row{display:flex;flex-wrap:wrap;gap:8px;width:100%}.admin-ops-datetime-row input{min-width:160px}.admin-ops-announcement-bg{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.admin-ops-color-row{display:inline-flex;align-items:center;gap:8px}.admin-ops-color-picker{width:36px;height:28px;padding:2px;border:1px solid var(--border, var(--color-border-default));border-radius:6px;cursor:pointer;background:var(--color-bg-card)}.admin-ops-announcement-bg .admin-ops-color-input{min-width:100px}.admin-ops-form-body .admin-ops-color-row{margin-top:4px}.admin-ops-form-body .admin-ops-color-picker{width:36px;height:28px;padding:2px;border:1px solid var(--border, var(--color-border-default));border-radius:6px;cursor:pointer}.admin-ops-form-backdrop{position:fixed;inset:0;background:#0006;z-index:1000}.admin-ops-form-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 20px 40px #00000026;z-index:1001;min-width:320px;max-width:90vw}.admin-ops-form-modal h4{margin:0 0 16px;font-size:16px}.admin-ops-form-body{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.admin-ops-form-body label{display:flex;flex-direction:column;gap:4px;font-size:13px}.admin-ops-form-body input,.admin-ops-form-body select{padding:6px 10px;border:1px solid var(--border, var(--color-border-default));border-radius:6px;font-size:13px}.admin-ops-form-actions{display:flex;gap:8px;justify-content:flex-end}.admin-ops-list{list-style:none;margin:0;padding:0}.admin-ops-list-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-subtle, var(--color-border-default))}.admin-ops-item-main{flex:1;font-size:13px}.admin-ops-audit-table-wrap{overflow-x:auto}.admin-ops-audit-table{width:100%;font-size:12px;border-collapse:collapse}.admin-ops-audit-table th,.admin-ops-audit-table td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--border, var(--color-border-default))}.admin-ops-audit-empty{color:var(--text-secondary, #64748b);font-style:italic}.admin-ob5-bank{display:flex;flex-direction:column;gap:1rem}.admin-ob5-bank-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1rem}.admin-ob5-block{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:18px;padding:1rem;box-shadow:0 10px 30px #0f172a0d}.admin-ob5-block-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.admin-ob5-block-header h4{display:flex;align-items:center;gap:.45rem;margin:0;font-size:1rem}.admin-ob5-block-header p{margin:.3rem 0 0;color:#64748b;font-size:.9rem}.admin-ob5-list{display:flex;flex-direction:column;gap:.75rem}.admin-ob5-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid var(--color-border-default);border-radius:14px;padding:.9rem;background:var(--color-bg-page)}.admin-ob5-row-title{font-weight:700;color:var(--color-text-primary)}.admin-ob5-row-main{flex:1;min-width:0}.admin-ob5-row-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem}.admin-ob5-row-meta span{font-size:.78rem;color:var(--color-bg-surface);background:var(--color-border-default);border-radius:999px;padding:.25rem .55rem}.admin-ob5-row-actions{display:flex;align-items:center;gap:.4rem}.admin-ob5-draft-actions{flex-wrap:wrap}.admin-ob5-draft-rationale{margin-top:.5rem;font-size:.88rem;color:#475569}.admin-ob5-plan-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-ob5-plan-columns h5{margin:0 0 .6rem;font-size:.9rem;color:var(--color-text-primary)}.admin-ob5-plan-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.admin-ob5-plan-list li{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .8rem;border-radius:12px;background:var(--color-bg-page);border:1px solid var(--color-border-default)}.admin-ob5-plan-item{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.admin-ob5-plan-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.admin-ob5-plan-item-main span{font-weight:600;color:var(--color-text-primary)}.admin-ob5-plan-item-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.admin-ob5-plan-list small,.admin-ob5-plan-empty,.admin-ob5-loading,.admin-ob5-empty{color:#64748b}.admin-ob5-bank-error,.admin-ob5-bank-message{border-radius:12px;padding:.8rem 1rem;font-size:.92rem}.admin-ob5-bank-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.admin-ob5-bank-message{background:#ecfeff;border:1px solid #a5f3fc;color:#155e75}.admin-ob5-delete{color:#b91c1c}.admin-ob5-modal-backdrop{position:fixed;inset:0;background:#0f172a8c;z-index:30}.admin-ob5-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;background:var(--color-bg-card);border-radius:18px;padding:1rem;border:1px solid var(--color-border-default);box-shadow:0 24px 60px #0f172a33;z-index:31}.admin-ob5-modal h4{margin:0 0 .9rem}.admin-ob5-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.admin-ob5-form-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;color:var(--color-bg-surface)}.admin-ob5-form-grid input,.admin-ob5-form-grid select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:.72rem .85rem;font:inherit;background:var(--color-bg-card)}.admin-ob5-form-span{grid-column:1 / -1}.admin-ob5-checkbox{flex-direction:row!important;align-items:center;gap:.55rem!important}.admin-ob5-checkbox input{width:auto}.admin-ob5-modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}@media(max-width:980px){.admin-ob5-bank-grid,.admin-ob5-plan-columns,.admin-ob5-form-grid{grid-template-columns:1fr}}.admin-page{padding:24px;max-width:1200px;margin:0 auto}.admin-page-header{margin-bottom:28px}.admin-page-title{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--color-text-primary)}.admin-page-subtitle{margin:0;font-size:14px;color:var(--text-secondary, #64748b)}.admin-section{margin-bottom:32px}.admin-section-title{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.admin-section-desc{margin:0 0 16px;font-size:14px;color:var(--text-secondary, #64748b)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.admin-stat-card{background:var(--card-bg);border:1px solid var(--border, var(--color-border-default));border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.admin-stat-value{font-size:28px;font-weight:700;color:var(--accent, var(--color-accent));line-height:1.2}.admin-stat-label{font-size:13px;color:var(--text-secondary, #64748b);display:flex;align-items:center;gap:6px}.admin-tickets .community-feature-board{margin-top:0}.admin-section-title svg{color:var(--accent, var(--color-accent))}.admin-overview-error{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;background:var(--alert-bg, #fef2f2);border:1px solid var(--alert-border, #fecaca);border-radius:8px;color:var(--color-text-primary);font-size:14px}.admin-overview-error svg{flex-shrink:0;color:var(--alert-icon, var(--danger))}.admin-overview-error-hint{width:100%;margin-top:4px;font-size:12px;color:var(--text-secondary, #64748b)}.ms-root{background:var(--bg-base);min-height:100%;padding:32px 40px;color:var(--text-primary);max-width:1280px;margin:0 auto}.ms-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.ms-h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.ms-sub{font-size:13px;color:var(--color-text-secondary);margin:0}.ms-btn-new{font-family:inherit;font-size:13px;font-weight:600;background:var(--color-bg-dark);color:var(--color-accent-text);border:none;border-radius:9px;padding:10px 20px;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .15s;box-shadow:0 2px 8px #0000001f}.ms-btn-new:hover{background:var(--color-bg-dark);transform:translateY(-1px);box-shadow:0 4px 14px #00000029}.ms-stats{display:flex;align-items:center;gap:0;background:var(--bg-surface);border-radius:12px;padding:18px 28px;margin-bottom:20px;box-shadow:0 1px 3px #0000000a;border:1px solid var(--border-default)}.ms-stat{flex:1;text-align:center}.ms-stat-val{font-size:20px;font-weight:700;color:var(--color-text-primary)}.ms-stat-lbl{font-size:11px;font-weight:500;color:var(--color-text-muted);margin-top:2px}.ms-stat-div{width:1px;height:32px;background:var(--color-border-default);flex-shrink:0}.ms-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.ms-filters{display:flex;gap:4px}.ms-filter{font-family:inherit;font-size:12px;font-weight:600;background:none;border:1.5px solid transparent;border-radius:7px;padding:7px 14px;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px;transition:all .15s}.ms-filter:hover{color:var(--text-primary);background:var(--bg-surface)}.ms-filter.active{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-strong);box-shadow:0 1px 3px #0000000a}.ms-filter-count{font-size:10px;font-weight:700;background:var(--color-border-default);color:var(--color-text-secondary);padding:1px 6px;border-radius:10px}.ms-filter.active .ms-filter-count{background:var(--color-bg-dark);color:var(--color-accent-text)}.ms-toolbar-right{display:flex;align-items:center;gap:8px}.ms-search-wrap{display:flex;align-items:center;gap:6px;background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:8px;padding:0 10px}.ms-search-wrap svg{color:var(--color-text-muted);flex-shrink:0}.ms-search{font-family:inherit;font-size:12px;border:none;outline:none;padding:8px 0;width:160px;color:var(--color-text-primary);background:transparent}.ms-search::-moz-placeholder{color:var(--color-text-muted)}.ms-search::placeholder{color:var(--color-text-muted)}.ms-view-toggle{display:flex;border:1.5px solid var(--border-default);border-radius:8px;overflow:visible}.ms-vt{min-width:36px;width:36px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:none;cursor:pointer;color:var(--text-secondary);transition:all .12s}.ms-vt svg{flex-shrink:0;color:inherit}.ms-vt:first-child{border-right:1px solid var(--border-default)}.ms-vt:hover,.ms-vt.on{color:var(--text-primary);background:var(--bg-elevated)}.ms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.ms-list{display:flex;flex-direction:column;gap:10px}.ms-list .ms-card{display:flex;flex-direction:row}.ms-list .ms-card-accent{width:4px;height:auto;border-radius:12px 0 0 12px}.ms-list .ms-card-body{flex:1;padding:16px 20px}.ms-list .ms-card-ft{border-top:none;border-left:1px solid var(--border-default);flex-direction:column;gap:10px;padding:14px 16px;justify-content:center}.ms-card{background:var(--bg-surface);border-radius:12px;border:1px solid var(--border-default);overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.ms-card:hover{border-color:var(--border-strong);box-shadow:0 4px 20px #0000000f;transform:translateY(-2px)}.ms-card-accent{height:4px;border-radius:12px 12px 0 0}.ms-card-body{padding:18px 20px 14px;flex:1}.ms-card-top{display:flex;align-items:center;justify-content:flex-start;margin-bottom:12px}.ms-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.ms-status-dot{width:6px;height:6px;border-radius:50%}.ms-status-live .ms-status-dot{animation:ms-pulse 2s ease-in-out infinite}@keyframes ms-pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.ms-card-name{font-size:17px;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.ms-card-slug{font-size:11px;color:var(--color-text-muted);font-weight:500;margin-bottom:14px}.ms-rebate-bar{margin-bottom:14px}.ms-rebate-bar-track{height:10px;background:#d1fae5;border-radius:999px;overflow:hidden}.ms-rebate-bar-fill{height:100%;background:#22c55e;border-radius:999px;transition:width .3s ease}.ms-rebate-bar-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;font-weight:600;color:#15803d}.ms-card-meta{display:flex;align-items:center;gap:0;padding:10px 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);margin-bottom:10px}.ms-meta-item{flex:1;text-align:center}.ms-meta-val{display:block;font-size:13px;font-weight:700;color:var(--color-text-primary)}.ms-meta-lbl{display:block;font-size:10px;font-weight:500;color:var(--color-text-muted);margin-top:1px}.ms-meta-div{width:1px;height:24px;background:var(--border-default);flex-shrink:0}.ms-meta-rebate .ms-meta-val{color:#b45309}.ms-meta-net .ms-meta-val{color:#15803d}.ms-card-deadline{font-size:11px;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:5px}.ms-card-deadline.urgent{color:var(--danger)}.ms-card-deadline.closed{color:#94a3b8}.ms-card-ft{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--border-default)}.ms-card-btn{flex:1;font-family:inherit;font-size:12px;font-weight:600;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;text-decoration:none;color:inherit}.ms-card-btn.secondary{background:var(--bg-elevated);color:var(--text-secondary)}.ms-card-btn.secondary:hover{background:var(--border-default);color:var(--text-primary)}.ms-card-btn.primary{color:var(--color-accent-text)}.ms-card-btn.primary:hover{opacity:.9}.ms-card-btn.delete{flex:0 0 auto;min-width:0;padding:8px 14px;background:transparent;color:#991b1b;border:1px solid #fecaca}.ms-card-btn.delete:hover{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.ms-delete-modal h2{margin-bottom:12px}.ms-delete-warning{margin:0 0 20px;font-size:14px;color:var(--text-secondary);line-height:1.5}.ms-delete-confirm-btn{background:var(--danger)!important;color:var(--color-accent-text)!important}.ms-delete-confirm-btn:hover:not(:disabled){background:#b91c1c!important}.ms-card-new{border:2px dashed var(--border-strong);background:transparent;cursor:pointer;min-height:280px}.ms-card-new:hover{border-color:var(--text-muted);background:var(--bg-surface)}.ms-card-new-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px}.ms-card-new-icon{width:48px;height:48px;border-radius:14px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.ms-card-new:hover .ms-card-new-icon{background:var(--color-bg-dark);color:var(--color-accent-text)}.ms-card-new-text{font-size:14px;font-weight:600;color:var(--text-secondary)}.ms-card-new-sub{font-size:12px;color:var(--text-muted)}.merch-stores-list-error{padding:.75rem 1rem;background:var(--danger-bg, rgba(239, 68, 68, .1));color:var(--danger, var(--danger));border-radius:8px;margin-bottom:1rem}.merch-stores-list-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.merch-stores-list-modal{background:var(--bg-surface);border-radius:12px;padding:1.5rem;min-width:320px;max-width:90vw;box-shadow:var(--shadow-lg, 0 20px 60px rgba(0, 0, 0, .2))}.merch-stores-list-modal h2{margin:0 0 1rem;font-size:1.25rem}.merch-stores-list-modal label{display:block;margin-bottom:1rem;font-size:.9rem;font-weight:500}.merch-stores-list-modal input{display:block;width:100%;margin-top:.35rem;padding:.5rem .75rem;border:1px solid var(--border-color, var(--color-border-default));border-radius:8px;font-size:1rem;background:var(--color-bg-input);color:var(--color-text-primary)}.merch-stores-list-form-error{color:var(--danger, var(--danger));font-size:.875rem;margin:0 0 .5rem}.merch-stores-list-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.merch-stores-list-modal-actions button{padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer}.merch-stores-list-modal-actions button[type=button]{background:transparent;border:1px solid var(--border-color, var(--color-border-default));color:var(--color-text-primary)}.merch-stores-list-modal-actions button[type=submit]{background:var(--accent, var(--color-accent));color:#fff;border:none}.merch-stores-list-modal-actions button[type=submit]:hover:not(:disabled){opacity:.9}.merch-stores-list-modal-actions button:disabled{opacity:.7;cursor:not-allowed}.merch-style-search{padding:1rem 0;max-width:640px}.merch-style-search-header{margin-bottom:1rem}.merch-style-search-header h3{margin:0 0 .25rem;font-size:1.1rem}.merch-style-search-hint{margin:0;font-size:.875rem;color:var(--text-secondary)}.merch-style-search-suppliers{margin-bottom:1rem}.merch-style-search-suppliers label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.35rem}.merch-style-search-supplier-btns{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.merch-style-search-supplier-btns button{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);cursor:pointer}.merch-style-search-supplier-btns button.active{border-color:var(--accent);background:var(--accent-light, rgba(59, 130, 246, .1))}.merch-style-search-logo{height:24px;width:auto;display:block}.merch-style-search-provided{font-size:.875rem}.merch-style-search-input-row{margin-bottom:1rem}.merch-style-search-input-row label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.35rem}.merch-style-search-input-row input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--input-bg);color:var(--text-primary)}.merch-style-search-provided-form{margin:1rem 0}.merch-style-search-provided-form label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.35rem}.merch-style-search-provided-form input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;margin-bottom:.75rem}.merch-style-search-form-actions{display:flex;gap:.5rem}.merch-style-search-error{padding:.5rem .75rem;background:#ef44441a;color:var(--danger, var(--danger));border-radius:8px;font-size:.875rem;margin-bottom:.75rem}.merch-style-search-loading,.merch-style-search-searching{font-size:.875rem;color:var(--text-secondary);margin:.5rem 0}.merch-style-search-results{display:flex;flex-direction:column;gap:.5rem;max-height:360px;overflow-y:auto;margin:1rem 0;padding:.5rem 0;border:1px solid var(--border-color);border-radius:8px;padding:.5rem}.merch-style-search-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);cursor:pointer;transition:border-color .2s,box-shadow .2s}.merch-style-search-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000f}.merch-style-search-card.quick-pick{border-left:3px solid #f59e0b;background:#f59e0b14}.merch-style-search-card-img{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:6px;flex-shrink:0}.merch-style-search-card-body{flex:1;min-width:0}.merch-style-search-card-badge{font-size:.7rem;color:#b45309;margin-right:.25rem}.merch-style-search-card-title{font-weight:500;font-size:.9rem}.merch-style-search-card-part{font-size:.8rem;color:var(--text-secondary);margin-top:.15rem}.merch-style-search-card-supplier{font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.merch-style-search-actions{margin-top:1rem}.merch-style-search-cancel{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:transparent;cursor:pointer;font-size:.9rem}.merch-style-search-cancel:hover{background:var(--hover-bg, var(--color-bg-surface))}.merch-store-products-manager{display:flex;flex-direction:column;gap:1.25rem}.merch-store-products-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:18px;background:linear-gradient(135deg,#3b82f614,#0f172a05)}.merch-store-products-hero-kicker{margin:0 0 .35rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700}.merch-store-products-hero h2{margin:0 0 .5rem;font-size:1.35rem}.merch-store-products-hero p:last-child{margin:0;max-width:720px;color:var(--text-secondary)}.merch-store-product-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.merch-store-product-card{display:grid;grid-template-columns:128px 1fr;gap:1rem;padding:1rem;border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg);box-shadow:0 8px 24px #0f172a0d}.merch-store-product-card-media{width:128px;height:128px;border-radius:14px;overflow:hidden;background:var(--hover-bg, #f8fafc)}.merch-store-product-card-media img,.merch-store-product-card-placeholder{width:100%;height:100%}.merch-store-product-card-media img{-o-object-fit:cover;object-fit:cover;display:block}.merch-store-product-card-placeholder{display:grid;place-items:center;color:var(--text-secondary)}.merch-store-product-card-body{display:flex;flex-direction:column;gap:.85rem;min-width:0}.merch-store-product-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.merch-store-product-card-kicker{margin:0 0 .25rem;color:var(--text-secondary);font-size:.8rem}.merch-store-product-card-title{margin:0;font-size:1rem}.merch-store-product-card-subtitle{margin:.2rem 0 0;color:var(--text-secondary);font-size:.85rem}.merch-store-product-card-price{font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.merch-store-product-card-metrics{display:flex;flex-wrap:wrap;gap:.5rem}.merch-store-product-card-metrics span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;background:var(--hover-bg, #f8fafc);color:var(--text-secondary);font-size:.8rem}[data-theme=dark] .merch-store-product-card{background:var(--bg-surface, #1e293b);border-color:var(--border-default, rgba(255, 255, 255, .12))}[data-theme=dark] .merch-store-product-card-title,[data-theme=dark] .merch-store-product-card-price{color:var(--text-primary, var(--color-bg-surface))}[data-theme=dark] .merch-store-product-card-kicker,[data-theme=dark] .merch-store-product-card-subtitle,[data-theme=dark] .merch-store-product-card-description{color:var(--text-secondary, rgba(241, 245, 249, .85))}[data-theme=dark] .merch-store-product-card-media,[data-theme=dark] .merch-store-product-card-placeholder{background:var(--bg-elevated, #334155);color:var(--text-muted, rgba(241, 245, 249, .45))}[data-theme=dark] .merch-store-product-card-metrics span{background:var(--bg-elevated, #334155);color:var(--text-secondary, rgba(241, 245, 249, .85))}.merch-store-product-card-description{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.45}.merch-store-product-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.merch-store-product-builder-shell{display:flex;flex-direction:column;gap:1rem}.merch-store-product-builder-header h2{margin:0 0 .25rem}.merch-store-product-builder-header p{margin:0;color:var(--text-secondary)}.merch-store-product-builder-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem;align-items:start}.merch-store-product-builder-steps,.merch-store-product-builder-main{border:1px solid var(--border-color);border-radius:18px;background:var(--card-bg)}.merch-store-product-builder-steps{padding:.75rem;display:flex;flex-direction:column;gap:.5rem;position:sticky;top:1rem}.merch-store-product-builder-step{display:flex;gap:.75rem;align-items:flex-start;width:100%;padding:.85rem;border:1px solid transparent;border-radius:14px;background:transparent;cursor:pointer;text-align:left;color:inherit}.merch-store-product-builder-step span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--hover-bg, var(--color-border-default));color:var(--text-primary, #1e293b);font-weight:700;flex-shrink:0}.merch-store-product-builder-step strong,.merch-store-product-builder-step small{display:block}.merch-store-product-builder-step small{margin-top:.2rem;color:var(--text-secondary);line-height:1.35}.merch-store-product-builder-step.active{border-color:#3b82f647;background:#3b82f614}.merch-store-product-builder-step.active span:first-child{background:var(--accent);color:var(--color-accent-text, #1e293b)}.merch-store-product-builder-main{padding:1.25rem;min-width:0}.merch-store-product-builder-stage-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.merch-store-product-builder-stage-head h3{margin:0}.merch-store-product-builder-source-pill{display:inline-flex;flex-direction:column;gap:.15rem;padding:.6rem .8rem;border-radius:12px;background:var(--hover-bg, #f8fafc);font-size:.9rem}.merch-store-product-builder-source-pill span{color:var(--text-secondary);font-size:.8rem}.merch-store-product-builder-error{margin-bottom:1rem;padding:.8rem 1rem;border-radius:12px;background:#ef444414;color:var(--danger, var(--danger))}.merch-store-product-builder-sections{display:flex;flex-direction:column;gap:1rem}.merch-store-product-builder-section{padding:1rem 1.1rem;border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg)}.merch-store-product-builder-section h4{margin:0 0 .35rem}.merch-store-product-builder-section p{margin:0 0 .9rem;color:var(--text-secondary)}.merch-store-product-builder-section-head,.merch-store-product-builder-color-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.9rem}.merch-store-product-builder-inline-actions{display:flex;gap:.4rem;flex-wrap:wrap}.merch-store-product-builder-inline-actions button{border:1px solid var(--border-color);background:transparent;border-radius:999px;padding:.35rem .7rem;cursor:pointer}.merch-store-product-builder-chip-grid{display:flex;flex-wrap:wrap;gap:.55rem}.merch-store-product-builder-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border-radius:999px;border:1px solid var(--border-color);cursor:pointer}.merch-store-product-builder-chip.selected{background:#3b82f614;border-color:#3b82f652}.merch-store-product-builder-search,.merch-store-product-builder-form-grid input,.merch-store-product-builder-section textarea,.merch-store-product-builder-form-grid select{width:100%;border:1px solid var(--border-color);border-radius:12px;background:var(--input-bg);color:var(--text-primary);padding:.7rem .85rem;font:inherit}.merch-store-product-builder-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.65rem;max-height:380px;overflow-y:auto}.merch-store-product-builder-color-tile{border:1px solid transparent;border-radius:14px;background:var(--hover-bg, #f8fafc);padding:.8rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.45rem;cursor:pointer;text-align:center;font:inherit;color:inherit}.merch-store-product-builder-color-tile.selected{background:#3b82f614;border-color:#3b82f64d}.merch-store-product-builder-color-swatch{width:42px;height:42px;border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px #0f172a1f}.merch-store-product-builder-color-swatch img,.merch-store-product-builder-color-swatch>span{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.merch-store-product-builder-color-check{position:absolute;top:-2px;right:-2px;width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff}.merch-store-product-builder-mockups{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1rem}.merch-store-product-builder-color-list,.merch-store-product-builder-mockup-panel{border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg);padding:1rem}.merch-store-product-builder-color-list{display:flex;flex-direction:column;gap:.5rem}.merch-store-product-builder-color-row{display:flex;gap:.75rem;align-items:center;width:100%;padding:.7rem;border:1px solid var(--border-color);border-radius:14px;background:transparent;cursor:pointer;text-align:left}.merch-store-product-builder-color-row.active{border-color:#3b82f64d;background:#3b82f614}.merch-store-product-builder-color-row-swatch{width:28px;height:28px;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a1f;flex-shrink:0}.merch-store-product-builder-color-row-swatch img,.merch-store-product-builder-color-row-swatch span{width:100%;height:100%;display:block}.merch-store-product-builder-color-row-copy{display:flex;flex-direction:column;min-width:0}.merch-store-product-builder-color-row-copy strong,.merch-store-product-builder-color-row-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merch-store-product-builder-color-row-copy small{color:var(--text-secondary)}.merch-store-product-builder-mockup-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.merch-store-product-builder-mockup-header h4{margin:0 0 .25rem}.merch-store-product-builder-mockup-header p{margin:0;color:var(--text-secondary)}.merch-store-product-builder-mockup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.9rem}.merch-store-product-builder-source-gallery{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.merch-store-product-builder-source-gallery-head h5{margin:0 0 .25rem;font-size:.95rem}.merch-store-product-builder-source-gallery-head p{margin:0 0 .9rem;color:var(--text-secondary);font-size:.85rem}.merch-store-product-builder-source-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem}.merch-store-product-builder-source-image-card{border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background:var(--hover-bg, #f8fafc)}.merch-store-product-builder-source-image-card.selected{border-color:#3b82f659;box-shadow:0 0 0 2px #3b82f61a}.merch-store-product-builder-source-image-card img{width:100%;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;display:block}.merch-store-product-builder-source-image-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem}.merch-store-product-builder-source-image-actions button{border:1px solid var(--border-color);border-radius:10px;background:var(--color-bg-card);padding:.5rem .55rem;cursor:pointer;font-size:.8rem}.merch-store-product-builder-mockup-card{border:1px solid var(--border-color);border-radius:16px;overflow:hidden;background:var(--hover-bg, #f8fafc);display:flex;flex-direction:column}.merch-store-product-builder-mockup-card.primary{border-color:var(--color-accent, var(--color-accent));box-shadow:0 0 0 2px #2563eb40}.merch-store-product-builder-mockup-card-image-wrap{position:relative;width:100%}.merch-store-product-builder-mockup-card img{width:100%;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;display:block}.merch-store-product-builder-mockup-card-badge{position:absolute;top:.5rem;right:.5rem;background:var(--color-accent, var(--color-accent));color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.25rem .5rem;border-radius:6px;box-shadow:0 1px 3px #0003}.merch-store-product-builder-mockup-card-copy{padding:.85rem .9rem .65rem;display:flex;flex-direction:column;gap:.2rem}.merch-store-product-builder-mockup-card-copy strong{font-size:.9rem}.merch-store-product-builder-mockup-card-copy span{color:var(--text-secondary);font-size:.82rem}.merch-store-product-builder-mockup-card button{margin:0 .9rem .9rem;border:1px solid var(--border-color);border-radius:10px;background:var(--color-bg-card);padding:.55rem .7rem;cursor:pointer}.merch-store-product-builder-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:.85rem}.merch-store-product-builder-form-grid label,.merch-store-product-builder-section>label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}.merch-store-product-builder-checkboxes{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.merch-store-product-builder-checkboxes label{display:inline-flex;gap:.45rem;align-items:center}.merch-store-product-builder-hint,.merch-store-product-builder-muted{font-size:.8rem;color:var(--text-secondary, var(--color-text-muted));margin-top:.25rem;font-weight:400}.merch-store-price-by-size-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 .5rem}.merch-store-manage-btn--secondary{background:var(--hover-bg, var(--color-border-default));color:var(--text-primary);border:1px solid var(--border-color)}.merch-store-manage-btn--secondary:hover{background:var(--border-color, var(--color-border-default))}.merch-store-price-by-size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem 1rem;margin-bottom:1rem}.merch-store-price-by-size-row{display:flex;align-items:center;gap:.5rem}.merch-store-price-by-size-label{min-width:2.5rem;font-weight:500}.merch-store-price-by-size-row input{width:5rem;max-width:100%}.merch-store-product-builder-form-grid--top{margin-top:.5rem}.merch-store-bulk-price-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.merch-store-bulk-price-modal{background:var(--card-bg);border-radius:12px;padding:1.25rem 1.5rem;max-width:420px;width:100%;box-shadow:0 20px 60px #0003}.merch-store-bulk-price-modal h4{margin:0 0 .5rem;font-size:1.1rem}.merch-store-bulk-price-hint{font-size:.85rem;color:var(--text-secondary);margin:0 0 1rem}.merch-store-bulk-price-sizes{margin-bottom:1rem}.merch-store-bulk-price-actions{margin-bottom:.5rem}.merch-store-bulk-price-link{background:none;border:none;color:var(--accent, var(--color-accent));cursor:pointer;font-size:.85rem;padding:0}.merch-store-bulk-price-link:hover{text-decoration:underline}.merch-store-bulk-price-sep{margin:0 .5rem;color:var(--text-secondary)}.merch-store-bulk-price-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem 1rem;max-height:180px;overflow-y:auto}.merch-store-bulk-price-check{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;cursor:pointer}.merch-store-bulk-price-current{font-size:.8rem;color:var(--text-secondary)}.merch-store-bulk-price-input-wrap{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.9rem}.merch-store-bulk-price-input-wrap input{max-width:120px;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px}.merch-store-bulk-price-footer{display:flex;justify-content:flex-end;gap:.5rem}.merch-store-product-builder-review{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.merch-store-product-builder-actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.merch-store-product-builder-empty{padding:1.5rem;border:1px dashed var(--border-color);border-radius:16px;background:var(--hover-bg, #f8fafc);color:var(--text-secondary)}@media(max-width:1100px){.merch-store-product-builder-layout,.merch-store-product-builder-mockups{grid-template-columns:1fr}.merch-store-product-builder-steps{position:static}}@media(max-width:820px){.merch-store-products-hero,.merch-store-product-card{grid-template-columns:1fr}.merch-store-products-hero{flex-direction:column;align-items:stretch}.merch-store-product-card-media{width:100%;height:220px}.merch-store-product-builder-form-grid,.merch-store-product-builder-review{grid-template-columns:1fr}.merch-store-product-builder-stage-head,.merch-store-product-builder-section-head,.merch-store-product-builder-color-head,.merch-store-product-builder-mockup-header{flex-direction:column}}.merch-store-coupons-manager{padding:1rem 0}.merch-store-coupons-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.merch-store-coupons-intro{margin:0;color:var(--color-text-secondary, #6b7280);font-size:.9rem;max-width:480px}.merch-store-coupons-loading,.merch-store-coupons-empty{text-align:center;padding:2rem;color:var(--color-text-secondary, #6b7280)}.merch-store-coupons-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem}.merch-store-coupons-empty svg{opacity:.5}.merch-store-coupons-error{padding:.75rem 1rem;background:var(--accent-red-bg, #fef2f2);color:var(--accent-red, #dc2626);border-radius:8px;margin-bottom:1rem}.merch-store-coupons-table-wrap{overflow-x:auto;border:1px solid var(--color-border-default, #e5e7eb);border-radius:8px}.merch-store-coupons-table{width:100%;border-collapse:collapse;font-size:.9rem}.merch-store-coupons-table th,.merch-store-coupons-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--color-border-default, #e5e7eb)}.merch-store-coupons-table th{font-weight:600;background:var(--color-bg-subtle, #f9fafb)}.merch-store-coupons-table tr:last-child td{border-bottom:none}.merch-store-coupons-code{font-family:ui-monospace,monospace;font-size:.85em;padding:.2rem .4rem;background:var(--color-bg-subtle, #f3f4f6);border-radius:4px}.merch-store-coupons-status{font-size:.8rem;padding:.2rem .5rem;border-radius:4px}.merch-store-coupons-status--active{background:#d1fae5;color:#047857}.merch-store-coupons-status--inactive{background:#f3f4f6;color:#6b7280}.merch-store-coupons-action{padding:.35rem;border:none;background:none;cursor:pointer;color:var(--color-text-secondary, #6b7280);border-radius:4px}.merch-store-coupons-action:hover{background:var(--color-bg-subtle, #f3f4f6);color:var(--color-text-primary, #111)}.merch-store-coupons-action--danger:hover{background:#fef2f2;color:#dc2626}.merch-store-coupons-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.merch-store-coupons-modal{background:var(--color-bg-primary, #fff);border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:420px;width:100%;max-height:90vh;overflow-y:auto}.merch-store-coupons-modal h3{margin:0;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border-default, #e5e7eb);font-size:1.1rem}.merch-store-coupons-form{padding:1.5rem}.merch-store-coupons-form label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.merch-store-coupons-form label span{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #111)}.merch-store-coupons-form label em{font-weight:400;color:var(--color-text-secondary, #6b7280)}.merch-store-coupons-form input[type=text],.merch-store-coupons-form input[type=number],.merch-store-coupons-form input[type=datetime-local],.merch-store-coupons-form select{padding:.5rem .6rem;border:1px solid var(--color-border-default, #e5e7eb);border-radius:6px;font-size:.9rem}.merch-store-coupons-form-checkbox{flex-direction:row;align-items:center}.merch-store-coupons-form-checkbox input{width:auto;margin-right:.5rem}.merch-store-coupons-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border-default, #e5e7eb)}.merch-store-coupons-modal--confirm p{margin:0 0 1rem;padding:0 1.5rem}.merch-order-detail-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.merch-order-detail-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 60px #0003;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column}.merch-order-detail-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, var(--color-border-default));flex-shrink:0}.merch-order-detail-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.merch-order-detail-close{display:flex;align-items:center;justify-content:center;padding:.35rem;border:none;background:none;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;border-radius:6px}.merch-order-detail-close:hover{background:var(--muted-bg, var(--color-border-default));color:var(--text-primary, var(--color-text-primary))}.merch-order-detail-body{overflow-y:auto;padding:1.25rem}.merch-order-detail-loading,.merch-order-detail-error{padding:1.5rem;text-align:center;color:var(--text-secondary, var(--color-text-muted))}.merch-order-detail-error{color:var(--accent-red, var(--danger))}.merch-order-detail-section{margin-bottom:1.25rem}.merch-order-detail-section:last-child{margin-bottom:0}.merch-order-detail-section h3{margin:0 0 .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, var(--color-text-muted))}.merch-order-detail-order-number{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.merch-order-detail-meta{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary, var(--color-text-muted))}.merch-order-detail-status{text-transform:capitalize}.merch-order-detail-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem}.merch-order-detail-dl dt{margin:0;font-weight:500;color:var(--text-secondary, var(--color-text-muted))}.merch-order-detail-dl dd{margin:0;color:var(--text-primary, var(--color-text-primary))}.merch-order-detail-dl dd a{color:var(--accent, var(--color-accent))}.merch-order-detail-address{margin-top:.5rem}.merch-order-detail-address strong{display:block;font-size:.8rem;color:var(--text-secondary, var(--color-text-muted));margin-bottom:.2rem}.merch-order-detail-address-block{margin:0;font-family:inherit;font-size:.9rem;white-space:pre-wrap;color:var(--text-primary, var(--color-text-primary))}.merch-order-detail-address-muted{margin:.5rem 0 0;font-size:.875rem;color:var(--text-secondary, var(--color-text-muted))}.merch-order-detail-fulfillment{margin:0;font-size:.95rem}.merch-order-detail-notes{font-weight:400;color:var(--text-secondary, var(--color-text-muted))}.merch-order-detail-items{width:100%;border-collapse:collapse;font-size:.875rem}.merch-order-detail-items th,.merch-order-detail-items td{text-align:left;padding:.5rem .5rem .5rem 0;border-bottom:1px solid var(--border-color, var(--color-border-default));vertical-align:top}.merch-order-detail-items th{font-weight:600;color:var(--text-secondary, var(--color-text-muted));font-size:.75rem;text-transform:uppercase}.merch-order-detail-items td:last-child,.merch-order-detail-items th:last-child{text-align:right;padding-right:0}.merch-order-detail-item-name{display:block;font-weight:500}.merch-order-detail-personalization{margin-top:.25rem;font-size:.8rem;color:var(--text-secondary, var(--color-text-muted))}.merch-order-detail-personalization span{display:block}.merch-order-detail-totals .merch-order-detail-dl{gap:.35rem 1.5rem}.merch-order-detail-totals .merch-order-detail-dl dt{font-weight:500}.merch-order-detail-total{font-weight:700;font-size:1.1rem}.sb-root{font-family:Instrument Sans,DM Sans,sans-serif;background:#0e0e12;color:#c8c8d0;height:100vh;display:flex;flex-direction:column;overflow:hidden;font-size:13px}.sb-topbar{height:52px;background:#16161d;border-bottom:1px solid #232330;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;z-index:10}.sb-topbar-left{display:flex;align-items:center;gap:10px}.sb-logo{width:30px;height:30px;background:linear-gradient(135deg,var(--color-accent),#a855f7);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-accent-text);font-weight:700;font-size:14px}.sb-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.sb-store-name{font-weight:600;font-size:13px;color:#e8e8ed}.sb-store-url{font-size:11px;color:var(--color-text-secondary)}.sb-topbar-center{display:flex;gap:2px}.sb-device{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#8f94aa;cursor:pointer;border-radius:6px;transition:all .15s}.sb-device:hover{color:var(--color-text-muted);background:#1e1e28}.sb-device.active{color:#e8e8ed;background:#232330}.sb-topbar-right{display:flex;gap:8px}.sb-btn{font-family:inherit;font-size:12px;font-weight:600;border:none;border-radius:7px;cursor:pointer;padding:7px 14px;transition:all .15s}.sb-btn-ghost{background:none;color:var(--color-text-secondary)}.sb-btn-ghost:hover{color:var(--color-text-muted)}.sb-btn-primary{background:var(--color-accent);color:var(--color-accent-text)}.sb-btn-primary:hover{background:var(--color-accent)}.sb-btn[disabled]{opacity:.5;cursor:not-allowed}.sb-workspace{display:flex;flex:1;min-height:0}.sb-panel{width:340px;min-width:340px;background:#16161d;border-right:1px solid #232330;display:flex;flex-direction:column}.sb-tabs{display:flex;padding:10px 12px;gap:4px;border-bottom:1px solid #232330;flex-shrink:0}.sb-tab{flex:1;font-family:inherit;font-size:12px;font-weight:600;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.sb-tab:hover{color:var(--color-text-muted);background:#1c1c26}.sb-tab.active{color:#e8e8ed;background:#232330}.sb-panel-scroll{flex:1;overflow-y:auto;padding:16px 12px}.sb-panel-scroll::-webkit-scrollbar{width:5px}.sb-panel-scroll::-webkit-scrollbar-thumb{background:var(--color-bg-dark);border-radius:3px}.sb-panel-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;padding:0 4px}.sb-panel-title{font-weight:700;font-size:14px;color:#e8e8ed}.sb-panel-sub{font-size:11px;color:#555;margin-top:2px}.sb-btn-icon{width:30px;height:30px;border-radius:7px;border:1.5px solid #333;background:none;color:#a3a8bc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.sb-btn-icon:hover{border-color:var(--color-accent);color:var(--color-accent)}.sb-root svg,.sb-root svg *{vector-effect:non-scaling-stroke}.sb-device svg,.sb-btn-icon svg,.sb-tab svg{width:16px;height:16px;display:block;flex:0 0 auto;color:inherit;stroke:currentColor!important;fill:none;opacity:1}.sb-card{background:#1c1c26;border:1px solid #2a2a38;border-radius:10px;margin-bottom:6px;transition:all .2s;overflow:hidden}.sb-card:hover{border-color:#3a3a4a}.sb-card.expanded{border-color:var(--color-accent);box-shadow:0 0 0 1px #6366f140}.sb-card.disabled{opacity:.5}.sb-card.disabled:hover{opacity:.6}.sb-card.dragging{opacity:.7;box-shadow:0 8px 24px #0006;z-index:100}.sb-card-hd{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sb-drag{cursor:grab;padding:2px;border-radius:3px;opacity:.4;transition:opacity .15s;display:flex;touch-action:none}.sb-card-hd:hover .sb-drag{opacity:.8}.sb-card-icon{font-size:15px;line-height:1}.sb-card-name{flex:1;font-weight:600;font-size:12.5px;color:#d0d0d8}.sb-card-actions{display:flex;align-items:center;gap:8px}.sb-chevron{transition:transform .2s;color:#555}.sb-chevron.open{transform:rotate(180deg);color:var(--color-text-muted)}.sb-toggle{width:34px;height:18px;border-radius:9px;border:none;background:var(--color-bg-dark);position:relative;cursor:pointer;transition:background .2s;padding:0}.sb-toggle.on{background:var(--color-accent)}.sb-toggle-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-bg-card);position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.sb-toggle.on .sb-toggle-thumb{transform:translate(16px)}.sb-card-body{padding:4px 12px 14px;border-top:1px solid #2a2a38;display:flex;flex-direction:column;gap:10px}.sb-field{display:flex;flex-direction:column;gap:4px}.sb-field-inline{flex-direction:row;align-items:center;justify-content:space-between}.sb-field-label{font-size:11px;font-weight:600;color:var(--color-text-muted);display:flex;justify-content:space-between}.sb-field-value{color:var(--color-text-muted);font-weight:500}.sb-field-help{font-size:11px;color:#7f8498;margin:-2px 0 2px}.sb-field-input{font-family:inherit;font-size:12px;padding:7px 10px;background:#12121a;border:1px solid #2a2a38;border-radius:6px;color:#d0d0d8;outline:none;transition:border .15s}.sb-field-input:focus{border-color:var(--color-accent)}.sb-field-input[type=datetime-local],.sb-field-input[type=date]{padding-right:2rem}.sb-field-input[type=datetime-local]::-webkit-calendar-picker-indicator,.sb-field-input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1)!important;opacity:.9!important;cursor:pointer}[data-theme=dark] .sb-field-input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=dark] .sb-field-input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1)!important;opacity:.9!important}.sb-textarea{resize:vertical;min-height:60px;line-height:1.4}.sb-select{cursor:pointer}.sb-field-row{display:flex;gap:8px}.sb-color-wrap{display:flex;gap:6px;align-items:center}.sb-color-input{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;background:none;padding:0}.sb-color-input::-webkit-color-swatch-wrapper{padding:0}.sb-color-input::-webkit-color-swatch{border:1px solid #3a3a4a;border-radius:6px}.sb-color-text{flex:1;font-family:DM Sans,monospace;font-size:11px}.sb-range{-webkit-appearance:none;width:100%;height:4px;background:#2a2a38;border-radius:2px;outline:none}.sb-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;box-shadow:0 0 0 3px #6366f140}.sb-mini-toggle{width:30px;height:16px;border-radius:8px;border:none;background:var(--color-bg-dark);position:relative;cursor:pointer;transition:background .2s;padding:0;flex-shrink:0}.sb-mini-toggle.on{background:var(--color-accent)}.sb-mini-toggle-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-bg-card);position:absolute;top:2px;left:2px;transition:transform .2s}.sb-mini-toggle.on .sb-mini-toggle-thumb{transform:translate(14px)}.sb-upload-btn{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:7px 10px;border:1px solid #3a3a4a;border-radius:6px;font-size:11px;font-weight:600;color:#d0d0d8;background:#181824;cursor:pointer}.sb-upload-btn:hover{border-color:var(--color-accent);color:#e8e8ed}.sb-upload-btn input{display:none}.sb-featured-product-picker{border:1px solid #2a2a38;border-radius:8px;padding:8px;background:#151520}.sb-featured-product-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow:auto;padding-right:4px}.sb-featured-product-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#c8c8d0}.sb-theme{display:flex;flex-direction:column;gap:0}.sb-theme-group{padding:14px 4px;border-bottom:1px solid #232330;display:flex;flex-direction:column;gap:10px}.sb-theme-group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#555}.sb-theme--compact .sb-panel-header--compact{margin-bottom:6px}.sb-theme--compact .sb-panel-title{font-size:14px}.sb-theme--compact .sb-panel-sub{font-size:11px}.sb-theme-group--compact{padding:8px 4px;border-bottom:1px solid #232330;gap:6px}.sb-theme-group--compact .sb-theme-group-title{margin-bottom:2px}.sb-theme-colors-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.sb-theme-colors-grid .sb-field{gap:2px}.sb-theme-colors-grid .sb-field-label{font-size:10px}.sb-theme-row{flex-direction:row;flex-wrap:wrap;gap:8px}.sb-theme-row .sb-field{flex:1;min-width:80px}.sb-theme-row .sb-field-label{font-size:10px}.sb-preset-select{font-size:12px;padding:6px 8px}.sb-preview{flex:1;min-height:0;background:#0e0e12;padding:16px;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;overflow-x:hidden}.sb-preview-frame{width:100%;background:#f8f9fb;border-radius:12px;overflow:hidden;box-shadow:0 4px 40px #0006;font-family:DM Sans,sans-serif;color:#1a1a2e;flex-shrink:0}.sb-preview-frame--desktop{max-width:1180px}.sb-preview-frame--mobile{max-width:430px}.sb-preview-frame .merch-storefront{min-height:auto}.sb-preview-frame .merch-storefront-header{position:relative}.sb-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#232330;color:#e8e8ed;padding:10px 20px;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 4px 20px #0006;z-index:1000;animation:sb-toast-in .25s ease-out}@keyframes sb-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.merch-store-manage-page{padding:var(--space-6);max-width:1000px;margin:0 auto}.so-root{font-family:var(--font-sans);background:var(--bg-surface);min-height:100vh;padding:24px 40px 60px;color:var(--text-primary);max-width:1280px;margin:0 auto}.so-back{font-family:inherit;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;margin-bottom:16px;padding:6px 10px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.so-back:hover{color:var(--text-secondary);background:var(--bg-base)}.so-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.so-header-left{flex:1;min-width:0}.so-header-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.so-h1{font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.so-live-badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-full)}.so-live-badge--live{color:#166534;background:var(--status-success-bg)}.so-live-badge--live .so-live-dot{animation:soLivePulse 2s ease-in-out infinite}.so-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 #10b98180}@keyframes soLivePulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 4px #10b98100}}.so-live-badge--draft{color:#92400e;background:var(--status-warning-bg)}.so-live-badge--closed{color:var(--text-secondary);background:var(--bg-elevated)}.so-header-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.so-header-right{display:flex;gap:8px;flex-shrink:0}.so-header-archived-note{font-size:var(--text-sm);color:var(--text-muted);align-self:center;max-width:220px;line-height:1.35}.so-btn{font-family:inherit;font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;padding:8px 14px;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast);text-decoration:none;color:inherit}.so-btn-ghost{background:var(--bg-base);color:var(--text-secondary);border:1px solid var(--border-default)}.so-btn-ghost:hover{border-color:var(--border-strong);color:var(--text-primary)}.so-nav{display:flex;gap:2px;margin-bottom:20px;border-bottom:1px solid var(--border-subtle);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.so-nav::-webkit-scrollbar{display:none}.so-nav-tab{font-family:inherit;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:10px 16px;display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent;transition:all var(--transition-fast);margin-bottom:-1px;white-space:nowrap;flex-shrink:0}.so-nav-tab:hover{color:var(--text-secondary)}.so-nav-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.so-nav-badge{font-size:10px;font-weight:700;background:var(--accent);color:var(--color-accent-text);padding:1px 7px;border-radius:var(--radius-full)}.so-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.so-stat-card{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 18px;display:flex;align-items:center;gap:14px;transition:all var(--transition-fast)}.so-stat-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.so-stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.so-stat-icon--warning{background:var(--status-warning-bg);color:var(--accent-amber)}.so-stat-icon--info{background:var(--status-info-bg);color:var(--accent)}.so-stat-icon--success{background:var(--status-success-bg);color:var(--accent-green)}.so-stat-icon--pink{background:#ec48991a;color:#ec4899}.so-stat-num{font-size:18px;font-weight:700;color:var(--text-primary)}.so-stat-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);margin-top:1px}.so-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px;flex-wrap:wrap}.so-toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.so-run-select{display:flex;align-items:center;gap:6px}.so-run-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.so-select{font-family:inherit;font-size:var(--text-sm);font-weight:600;padding:7px 28px 7px 10px;border:1.5px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-secondary);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--transition-fast)}.so-select:focus{border-color:var(--accent);outline:none}.so-filters{display:flex;gap:3px;flex-wrap:wrap}.so-filter{font-family:inherit;font-size:var(--text-xs);font-weight:600;background:none;border:1.5px solid transparent;border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;gap:5px;transition:all var(--transition-fast)}.so-filter:hover{color:var(--text-secondary);background:var(--bg-base)}.so-filter.active{color:var(--text-primary);background:var(--bg-base);border-color:var(--border-default)}.so-filter-ct{font-size:9px;font-weight:700;background:var(--bg-elevated);color:var(--text-muted);padding:1px 5px;border-radius:var(--radius-full)}.so-filter.active .so-filter-ct{background:var(--text-primary);color:var(--bg-base)}.so-toolbar-right{display:flex;gap:8px}.so-search-wrap{display:flex;align-items:center;gap:6px;background:var(--bg-base);border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:0 10px;transition:border-color var(--transition-fast)}.so-search-wrap:focus-within{border-color:var(--accent)}.so-search-wrap svg{color:var(--border-strong);flex-shrink:0}.so-search{font-family:inherit;font-size:var(--text-sm);border:none;outline:none;padding:7px 0;width:170px;color:var(--text-secondary);background:transparent}.so-search::-moz-placeholder{color:var(--text-muted)}.so-search::placeholder{color:var(--text-muted)}.so-bulk{display:flex;align-items:center;gap:12px;background:var(--text-primary);color:var(--bg-base);border-radius:var(--radius-md);padding:10px 16px;margin-bottom:12px;animation:soSlideIn .2s ease;flex-wrap:wrap}@keyframes soSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.so-bulk-count{font-size:var(--text-sm);font-weight:600;white-space:nowrap}.so-bulk-actions{display:flex;gap:6px;flex:1;flex-wrap:wrap}.so-bulk-btn{font-family:inherit;font-size:var(--text-xs);font-weight:600;background:#ffffff1f;color:var(--color-accent-text);border:none;border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;transition:background var(--transition-fast)}.so-bulk-btn:hover:not(:disabled){background:#ffffff38}.so-bulk-btn:disabled{opacity:.5;cursor:not-allowed}.so-bulk-clear{font-family:inherit;font-size:var(--text-xs);font-weight:600;background:none;color:#ffffff80;border:none;cursor:pointer;transition:color var(--transition-fast)}.so-bulk-clear:hover{color:var(--color-accent-text)}.so-table-wrap{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.so-table{width:100%;border-collapse:collapse;min-width:680px}.so-th{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;padding:12px 16px;text-align:left;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.so-th-check{width:40px}.so-th-right{text-align:right}.so-row{transition:background var(--transition-fast);cursor:pointer}.so-row:hover{background:var(--bg-surface)}.so-row.checked{background:var(--accent-light)}.so-row:not(:last-child) .so-td{border-bottom:1px solid var(--border-subtle)}.so-td{padding:12px 16px;vertical-align:middle}.so-td-check{width:40px}.so-td-right{text-align:right}.so-td-action{display:flex;align-items:center;gap:4px;justify-content:flex-end}.so-checkbox{width:16px;height:16px;border-radius:4px;accent-color:var(--accent);cursor:pointer}.so-order-id{font-size:var(--text-sm);font-weight:700;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.so-order-id:hover{text-decoration:underline}.so-customer{display:flex;align-items:center;gap:10px}.so-avatar{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text-muted);flex-shrink:0}.so-customer-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.so-customer-email{font-size:10px;color:var(--text-muted)}.so-fulfill-badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background:var(--bg-surface);padding:4px 10px;border-radius:var(--radius-sm)}.so-items{font-size:var(--text-sm);color:var(--text-muted)}.so-total{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.so-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-full)}.so-status-badge.status-pending{background:var(--status-warning-bg);color:#92400e}.so-status-badge.status-fulfilled{background:var(--status-success-bg);color:#166534}.so-status-badge.status-refunded{background:var(--bg-elevated);color:var(--text-secondary)}.so-status-dot{width:6px;height:6px;border-radius:50%}.so-date{font-size:var(--text-sm);color:var(--text-muted)}.so-view-btn{font-family:inherit;font-size:var(--text-xs);font-weight:600;color:var(--accent);background:var(--accent-light);border:none;border-radius:var(--radius-sm);padding:5px 12px;cursor:pointer;transition:all var(--transition-fast)}.so-view-btn:hover{background:#3b82f62e}.so-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.so-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 0;margin-top:4px;flex-wrap:wrap;gap:8px}.so-page-info{font-size:var(--text-sm);color:var(--text-muted)}.so-page-btns{display:flex;align-items:center;gap:4px}.so-page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.so-page-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}.so-page-btn:disabled{opacity:.4;cursor:not-allowed}.so-page-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);border-radius:var(--radius-sm)}.so-page-num.active{background:var(--accent);color:var(--color-accent-text)}.so-page-sep{font-size:var(--text-sm);color:var(--text-muted);padding:0 2px}.so-orders-footer{display:flex;gap:8px;margin-top:12px}.sr-root{font-family:var(--font-sans);background:var(--bg-surface);min-height:60vh;padding:24px 0 40px;color:var(--text-primary)}.sr-stats{grid-template-columns:repeat(2,1fr)}.sr-card{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;margin-top:16px;transition:box-shadow var(--transition-fast)}.sr-card:hover{box-shadow:var(--shadow-sm)}.sr-card-hd{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border-subtle);font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.sr-card-hd svg{color:var(--accent)}.sr-card-body{padding:20px}.sr-exports{display:flex;flex-wrap:wrap;gap:10px}.sr-export-btn{font-family:inherit;font-size:var(--text-sm);font-weight:600;padding:8px 14px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.sr-export-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.sr-export-btn:disabled{opacity:.6;cursor:not-allowed}.sr-runs-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.sr-run-row{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.sr-run-row:last-child{border-bottom:none}.sr-run-num{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.sr-run-date{font-size:var(--text-sm);color:var(--text-muted);flex:1}.sr-run-btn{font-family:inherit;font-size:var(--text-xs);font-weight:600;padding:6px 12px;border:1.5px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.sr-run-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sr-run-btn:disabled{opacity:.6;cursor:not-allowed}.sr-run-block{border-bottom:1px solid var(--border-subtle)}.sr-run-block:last-child{border-bottom:none}.sr-run-reports{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 20px 14px;background:var(--bg-surface)}.sr-run-reports-label{font-size:var(--text-xs);color:var(--text-muted);margin-right:4px}.sr-run-report-btn{font-family:inherit;font-size:11px;font-weight:500;padding:4px 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sr-run-report-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sr-run-report-btn:disabled{opacity:.7;cursor:wait}.sr-export-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 12px}.merch-store-manage-back{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.35rem 0;background:none;border:none;color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;font-family:inherit}.merch-store-manage-back:hover{color:var(--accent)}.merch-store-manage-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;border:1px solid var(--border-default);cursor:pointer;font-size:var(--text-base);font-family:inherit;background:var(--bg-base);color:var(--text-secondary);transition:all var(--transition-fast)}.merch-store-manage-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}.merch-store-manage-btn--primary{background:var(--accent);color:var(--color-accent-text, #1e293b);border-color:var(--accent)}.merch-store-manage-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.merch-store-manage-btn--warning{background:var(--status-warning-bg);color:#ca8a04;border-color:#f59e0b33}.merch-store-manage-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-subtle)}.merch-store-manage-btn--secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.merch-store-manage-btn--small{padding:.35rem .65rem;font-size:var(--text-xs)}.merch-store-manage-btn:disabled{opacity:.65;cursor:not-allowed}.merch-store-manage-content{min-height:200px}.merch-store-manage-panel{margin-bottom:1.5rem}.merch-store-manage-muted{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 1rem}.merch-store-manage-error{color:var(--danger, var(--danger));margin:.5rem 0}.ss-root{font-family:var(--font-sans);background:var(--bg-surface);min-height:100vh;padding:28px 40px 80px;color:var(--text-primary);max-width:1100px;margin:0 auto}.ss-layout{display:flex;gap:24px;align-items:flex-start}.ss-main{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.ss-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;position:sticky;top:28px}.ss-card{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-fast)}.ss-card:hover{box-shadow:var(--shadow-sm)}.ss-card-hd{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--border-subtle)}.ss-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ss-card-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.ss-card-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.ss-card-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px}.ss-field{display:flex;flex-direction:column;gap:5px}.ss-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.ss-optional{font-size:10px;font-weight:500;color:var(--text-muted)}.ss-input{font-family:inherit;font-size:var(--text-sm);padding:9px 12px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border var(--transition-fast);background:var(--bg-base)}.ss-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.ss-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.ss-hint{font-size:var(--text-xs);color:var(--text-muted)}.ss-row{display:flex;gap:14px}.ss-flex1{flex:1;min-width:0}.ss-input-prefix-wrap{display:flex;align-items:center;border:1.5px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;transition:border var(--transition-fast);background:var(--bg-base)}.ss-input-prefix-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.ss-input-prefix-wrap .ss-input,.ss-input-prefix-wrap .ss-input-in-wrap{border:none!important;box-shadow:none!important;flex:1;min-width:0}.ss-input-prefix{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);padding:9px 0 9px 12px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ss-input-prefixed{padding-left:4px}.ss-input-suffix{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);padding:9px 12px 9px 0;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .ss-input[type=datetime-local],[data-theme=dark] .ss-input[type=date]{color-scheme:dark;background:var(--bg-base);color:var(--text-primary);padding-right:36px}[data-theme=dark] .ss-input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=dark] .ss-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.85;cursor:pointer}.ss-option-cards{display:flex;gap:10px}.ss-option-card{flex:1;padding:16px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;display:flex;flex-direction:column;gap:8px}.ss-option-card:hover{border-color:var(--border-strong)}.ss-option-card.active{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px #3b82f612}.ss-oc-radio{position:absolute;top:12px;right:12px}.ss-oc-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);transition:all var(--transition-fast);position:relative}.ss-oc-dot.on{border-color:var(--accent)}.ss-oc-dot.on:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.ss-oc-icon{color:var(--text-muted)}.ss-option-card.active .ss-oc-icon{color:var(--accent)}.ss-oc-name{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.ss-option-card.active .ss-oc-name{color:var(--accent-hover)}.ss-oc-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.ss-sub-options{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.ss-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;cursor:pointer}.ss-toggle-info{display:flex;flex-direction:column;gap:2px}.ss-toggle-name{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.ss-toggle-desc{font-size:var(--text-xs);color:var(--text-muted)}.ss-switch{width:38px;height:20px;border-radius:var(--radius-full);border:none;background:var(--border-strong);position:relative;cursor:pointer;transition:background var(--transition-base);padding:0;flex-shrink:0;display:inline-block;vertical-align:middle}.ss-switch.on{background:var(--accent)}.ss-switch-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-bg-card);position:absolute;top:2px;left:2px;transition:transform var(--transition-base);box-shadow:var(--shadow-sm);display:block}.ss-switch.on .ss-switch-thumb{transform:translate(18px)}.ss-segment{display:flex;background:var(--bg-elevated);border-radius:var(--radius-md);padding:3px;gap:2px}.ss-seg-btn{flex:1;font-family:inherit;font-size:var(--text-sm);font-weight:600;background:none;border:none;border-radius:var(--radius-sm);padding:8px 0;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.ss-seg-btn:hover{color:var(--text-secondary)}.ss-seg-btn.active{background:var(--bg-base);color:var(--text-primary);box-shadow:var(--shadow-sm)}.ss-side-card{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.ss-side-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.ss-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ss-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-sm);font-weight:600;padding:4px 12px;border-radius:var(--radius-full)}.ss-status-badge.draft{background:var(--status-warning-bg);color:#92400e}.ss-status-badge.live{background:var(--status-success-bg);color:#166534}.ss-status-badge.closed{background:var(--bg-elevated);color:var(--text-secondary)}.ss-status-dot{width:6px;height:6px;border-radius:50%}.ss-status-badge.live .ss-status-dot{animation:ssLivePulse 2s ease-in-out infinite}@keyframes ssLivePulse{0%,to{opacity:1}50%{opacity:.5}}.ss-activate-btn{font-family:inherit;font-size:var(--text-sm);font-weight:600;background:var(--accent);color:var(--color-accent-text);border:none;border-radius:var(--radius-sm);padding:6px 14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all var(--transition-fast)}.ss-activate-btn:hover:not(:disabled){background:var(--accent-hover)}.ss-activate-btn:disabled{opacity:.6;cursor:not-allowed}.ss-reopen-btn{font-family:inherit;font-size:var(--text-sm);font-weight:600;background:var(--bg-surface);color:var(--text-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-sm);padding:6px 14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all var(--transition-fast)}.ss-reopen-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ss-reopen-btn:disabled{opacity:.6;cursor:not-allowed}.ss-info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-subtle)}.ss-info-row:last-child{border-bottom:none}.ss-info-label{font-size:var(--text-sm);color:var(--text-muted)}.ss-info-val{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.ss-danger-btn{font-family:inherit;font-size:var(--text-sm);font-weight:600;background:var(--status-error-bg);color:var(--accent-red);border:1.5px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;display:flex;align-items:center;gap:6px;width:100%;justify-content:center;transition:all var(--transition-fast)}.ss-danger-btn:hover{background:#ef444426;border-color:#ef444459}.ss-save-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-base);border-top:1px solid var(--border-subtle);padding:12px 40px;z-index:100;box-shadow:0 -2px 12px #0000000f}.ss-save-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.ss-save-hint{font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center;gap:6px}.ss-save-hint:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-amber)}.ss-save-actions{display:flex;gap:8px}.ss-btn{font-family:inherit;font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;padding:8px 18px;display:flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.ss-btn-ghost{background:none;color:var(--text-muted)}.ss-btn-ghost:hover{color:var(--text-primary);background:var(--bg-surface)}.ss-btn-primary{background:var(--accent);color:var(--color-accent-text)}.ss-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.ss-btn-primary:disabled{opacity:.7;cursor:not-allowed}.confirm-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:cmFadeIn .15s ease}@keyframes cmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);max-width:420px;width:100%;box-shadow:var(--shadow-lg);animation:cmSlideUp .2s ease;overflow:hidden}@keyframes cmSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-body{padding:28px 24px 16px;text-align:center}.confirm-modal-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-full);margin:0 auto 14px}.confirm-modal-icon--danger{background:var(--status-error-bg);color:var(--accent-red)}.confirm-modal-icon--warning{background:var(--status-warning-bg);color:var(--accent-amber)}.confirm-modal-icon--primary{background:var(--status-info-bg);color:var(--accent)}.confirm-modal-confirm--warning{background:var(--accent-amber);color:var(--color-accent-text)}.confirm-modal-confirm--warning:hover{background:#d97706}.confirm-modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.confirm-modal-message{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.confirm-modal-footer{padding:16px 24px 24px;display:flex;gap:10px;justify-content:stretch}.confirm-modal-cancel{font-family:inherit;font-size:var(--text-sm);font-weight:600;padding:10px 20px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex:1}.confirm-modal-cancel:hover{border-color:var(--border-strong);color:var(--text-primary)}.confirm-modal-confirm{font-family:inherit;font-size:var(--text-sm);font-weight:600;padding:10px 20px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex:1;display:flex;align-items:center;justify-content:center;gap:6px}.confirm-modal-confirm--danger{background:var(--accent-red);color:var(--color-accent-text)}.confirm-modal-confirm--danger:hover{background:var(--danger)}.confirm-modal-confirm--primary{background:var(--accent);color:var(--color-accent-text)}.confirm-modal-confirm--primary:hover{background:var(--accent-hover)}.confirm-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.merch-store-manage-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.75rem 1.25rem;background:#fff;color:#0f172a;border:1px solid #e2e8f0;border-radius:10px;font-size:var(--text-sm);font-family:var(--font-sans);box-shadow:0 8px 22px #0f172a2e;z-index:3000;white-space:nowrap;animation:soSlideIn .2s ease}.merch-store-product-config-form{max-width:560px;margin-top:1.5rem;padding:0}.merch-product-config-section{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.merch-product-config-section-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:.01em}.merch-product-config-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.merch-product-config-section-header .merch-product-config-section-title{margin-bottom:0}.merch-product-config-select-actions{display:flex;align-items:center;gap:.25rem;font-size:.85rem}.merch-product-config-select-btn{background:none;border:none;color:var(--accent);cursor:pointer;padding:.2rem .4rem;font-size:.85rem;border-radius:var(--radius-sm)}.merch-product-config-select-btn:hover{text-decoration:underline;background:var(--accent-light)}.merch-product-config-select-sep{color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.merch-product-config-hint{font-size:.8rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}.merch-product-config-error{font-size:.85rem;color:var(--accent-red);margin:0 0 .5rem}.merch-product-config-pricing-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.merch-store-manage-form-row{margin-bottom:1rem}.merch-store-manage-form-row:last-child{margin-bottom:0}.merch-store-manage-form-row>label{display:block;margin-bottom:.35rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.merch-store-manage-form-row input[type=text],.merch-store-manage-form-row input[type=number]{display:block;width:100%;padding:.5rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:1rem;background:var(--bg-base);color:var(--text-primary)}.merch-store-manage-chips{display:flex;flex-wrap:wrap;gap:.5rem}.merch-store-manage-chips--sizes{margin-top:.25rem}.merch-store-manage-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);font-size:.85rem;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.merch-store-manage-chip input{margin:0;width:auto;max-width:none;accent-color:var(--accent)}.merch-store-manage-chip:hover{border-color:var(--accent);background:var(--accent-light)}.merch-store-manage-chip:has(input:checked){border-color:var(--accent);background:var(--accent-light)}.merch-product-config-section--colors{padding:0;overflow:hidden;box-shadow:var(--shadow-md)}.merch-product-config-color-header{padding:20px 24px 0}.merch-product-config-color-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.merch-product-config-color-header .merch-product-config-section-title{margin:0}.merch-product-config-color-actions{display:flex;gap:6px}.merch-product-config-color-action-btn{font-size:var(--text-xs);font-weight:600;background:none;border:1.5px solid var(--border-default);border-radius:var(--radius-sm);padding:5px 12px;cursor:pointer;color:var(--text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}.merch-product-config-color-action-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.merch-product-config-color-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 14px}.merch-product-config-color-count{font-weight:600;color:var(--text-primary)}.merch-product-config-color-search{position:relative;margin:0 24px 16px}.merch-product-config-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.merch-product-config-search-input{width:100%;font-size:var(--text-sm);padding:9px 12px 9px 34px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),background var(--transition-fast);background:var(--bg-surface);color:var(--text-primary)}.merch-product-config-search-input:focus{border-color:var(--accent);background:var(--bg-base)}.merch-product-config-search-input::-moz-placeholder{color:var(--text-muted)}.merch-product-config-search-input::placeholder{color:var(--text-muted)}.merch-product-config-color-warn{margin:0 24px 12px;font-size:var(--text-xs);font-weight:600;color:var(--accent-red);padding:8px 12px;background:var(--status-error-bg);border-radius:var(--radius-sm)}.merch-product-config-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:0 24px 24px;max-height:400px;overflow-y:auto}.merch-product-config-color-grid::-webkit-scrollbar{width:6px}.merch-product-config-color-grid::-webkit-scrollbar-track{background:transparent}.merch-product-config-color-grid::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.merch-product-config-color-grid::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.merch-product-config-color-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-base);font:inherit;color:inherit;text-align:center}.merch-product-config-color-tile:hover{background:var(--bg-surface);border-color:var(--border-default)}.merch-product-config-color-tile.on{background:var(--accent-light);border-color:var(--accent)}.merch-product-config-color-swatch{width:40px;height:40px;border-radius:var(--radius-md);position:relative;flex-shrink:0;overflow:hidden;transition:transform var(--transition-fast);box-shadow:0 2px 6px #0000001a,inset 0 0 0 1px #00000014;display:block}.merch-product-config-color-tile:hover .merch-product-config-color-swatch{transform:scale(1.08)}.merch-product-config-color-tile.on .merch-product-config-color-swatch{box-shadow:var(--shadow-blue),inset 0 0 0 1px #00000014}.merch-product-config-color-swatch .merch-product-config-swatch-hex,.merch-product-config-color-swatch .merch-product-config-swatch-placeholder{width:100%;height:100%;display:block;border-radius:var(--radius-md)}.merch-product-config-color-swatch .merch-product-config-swatch-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.merch-product-config-swatch-placeholder{background:linear-gradient(135deg,var(--bg-elevated) 50%,var(--border-default) 50%)}.merch-product-config-color-check{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--color-accent-text)}.merch-product-config-color-tile-name{font-size:10px;font-weight:600;color:var(--text-secondary);line-height:1.2;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merch-product-config-color-tile.on .merch-product-config-color-tile-name{color:var(--accent-hover)}.merch-product-config-color-empty{padding:40px 24px;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.merch-product-config-color-bar{padding:14px 24px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface)}.merch-product-config-color-bar-dots{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:18px}.merch-product-config-color-bar-dot{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1px #0000001a;overflow:hidden;flex-shrink:0;transition:transform var(--transition-fast)}.merch-product-config-color-bar-dot:hover{transform:scale(1.2)}.merch-product-config-color-bar-dot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.merch-product-config-color-bar-none{font-size:var(--text-sm);color:var(--text-muted)}.merch-product-config-color-bar-more{font-size:var(--text-xs);color:var(--text-muted);margin-left:4px}.merch-product-config-color-bar-count{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap}.merch-product-config-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-subtle);gap:.75rem}.merch-store-public-tab-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;align-items:start}@media(max-width:900px){.merch-store-public-tab-layout{grid-template-columns:1fr}}.merch-store-public-tab-preview{position:sticky;top:1rem}.merch-store-public-preview-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:auto;max-height:80vh;min-height:400px;background:var(--bg-base)}.merch-store-public-preview-wrap iframe{display:block;width:100%;height:100%;min-height:500px}@media(max-width:1024px){.so-stats{grid-template-columns:repeat(2,1fr)}.sr-stats{grid-template-columns:1fr 1fr}}@media(max-width:768px){.so-root{padding:16px 16px 48px}.ss-root{padding:16px 16px 80px}.so-header{flex-direction:column;gap:10px}.so-header-right{width:100%}.so-stats{grid-template-columns:1fr 1fr;gap:8px}.so-toolbar{flex-direction:column;align-items:stretch}.so-toolbar-left{flex-wrap:wrap;gap:8px}.so-toolbar-right{width:100%}.so-search-wrap{flex:1;width:100%}.so-search{width:100%;flex:1}.so-filter{min-height:40px;padding:8px 12px}.so-page-btn,.so-page-num{width:40px;height:40px}.ss-layout{flex-direction:column}.ss-sidebar{width:100%;position:static}.ss-option-cards{flex-direction:column}.ss-row{flex-direction:column;gap:12px}.ss-save-bar{padding:12px 16px}.so-bulk-actions{gap:4px}.so-bulk-btn{font-size:10px;padding:5px 8px}.sr-exports{flex-direction:column}.sr-export-btn{width:100%;justify-content:flex-start}}@media(max-width:480px){.so-stats{grid-template-columns:1fr 1fr;gap:8px}.so-stat-card{padding:12px}.so-stat-num{font-size:16px}.sr-stats{grid-template-columns:1fr}}.quote-draft-proposal-card{margin-top:10px;padding:12px;border-radius:10px;border:1px solid var(--border, var(--color-border-default));background:var(--card-bg);font-size:13px}.quote-draft-proposal-card__header{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.quote-draft-proposal-card__section{margin-bottom:10px}.quote-draft-proposal-card__section:last-of-type{margin-bottom:0}.quote-draft-proposal-card__label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:4px}.quote-draft-proposal-card__customer{color:var(--text-primary)}.quote-draft-proposal-card__hint{color:var(--text-secondary);font-style:italic}.quote-draft-proposal-card__list{margin:0;padding-left:18px}.quote-draft-proposal-card__list li{margin-bottom:2px}.quote-draft-proposal-card__line-item{list-style:none;padding-left:0;margin-left:-18px}.quote-draft-proposal-card__line-item-search{font-weight:500}.quote-draft-proposal-card__line-item-color{color:var(--text-secondary)}.quote-draft-proposal-card__line-item-qty{color:var(--text-primary)}.quote-draft-proposal-card__line-item-deco{color:var(--text-secondary);font-size:12px}.quote-draft-proposal-card__section--muted{color:var(--text-secondary)}.quote-draft-proposal-card__section--muted svg{color:var(--ob-api-success, #22c55e);vertical-align:middle;margin-right:4px}.quote-draft-proposal-card__section--warning{color:var(--ob-api-warning, #b45309)}.quote-draft-proposal-card__section--warning svg{vertical-align:middle;margin-right:4px}.quote-draft-proposal-card__next{margin:10px 0 0;color:var(--text-secondary);font-size:12px}.quote-draft-proposal-card__actions{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border, var(--color-border-default))}.quote-draft-proposal-card__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s}.quote-draft-proposal-card__btn--primary{background:var(--ob-primary, var(--color-accent));color:var(--color-accent-text)}.quote-draft-proposal-card__btn--primary:hover{background:var(--ob-primary-hover, #1d4ed8)}.quote-draft-proposal-card__btn--secondary{background:var(--bg-hover, var(--color-border-default));color:var(--text-primary)}.quote-draft-proposal-card__btn--secondary:hover{background:var(--border, var(--color-border-default))}.ob5-side-rail{position:fixed;bottom:20px;right:20px;z-index:1200}.ob5-rail-tab{display:flex;align-items:center;gap:6px;padding:8px 10px 8px 8px;border:1px solid var(--border);border-radius:14px 14px 14px 4px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;box-shadow:0 2px 10px #00000014;transition:background .2s,box-shadow .2s}.ob5-rail-tab:hover{background:var(--bg-hover, var(--color-bg-surface));box-shadow:0 4px 14px #0000001f}.ob5-side-rail.open .ob5-rail-tab{display:none}.ob5-trigger-active-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:ob5-active-blink 1.6s ease-in-out infinite;box-shadow:0 0 0 2px #22c55e59}@keyframes ob5-active-blink{0%,to{opacity:1;box-shadow:0 0 0 2px #22c55e59}50%{opacity:.5;box-shadow:0 0 0 4px #22c55e33}}.ob5-rail-label{font-size:.75rem;font-weight:700;letter-spacing:.04em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ob5-panel-avatar-image{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#ffffff24}.ob5-overlay{position:fixed;inset:0;z-index:1195;background:#0f172a33;transition:opacity .2s ease}.ob5-side-rail .ob5-panel{position:fixed;top:16px;right:16px;bottom:16px;width:min(400px,calc(100vw - 32px));display:none;flex-direction:column;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #00000026;overflow:hidden;z-index:1201}.ob5-side-rail.open .ob5-panel{display:flex}.ob5-panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px;border-bottom:1px solid var(--border)}.ob5-panel-title{display:flex;align-items:center;gap:12px}.ob5-panel-title h3{margin:0;font-size:1rem;color:var(--text-primary)}.ob5-panel-title p{margin:2px 0 0;font-size:.82rem;color:var(--text-secondary)}.ob5-panel-avatar{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f624,#6366f133);color:var(--accent, var(--color-accent))}.ob5-panel-actions{display:flex;align-items:center;gap:8px}.ob5-icon-button{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.ob5-icon-button:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.ob5-icon-button svg{width:18px;height:18px;display:block;flex-shrink:0;stroke:currentColor!important;fill:none!important}.ob5-context-chip-row{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px 0}.ob5-context-chip{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.76rem;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.ob5-message-list{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:14px}.ob5-message{display:flex;flex-direction:column;gap:8px}.ob5-message.user{align-items:flex-end}.ob5-message-bubble{max-width:88%;border-radius:18px;padding:12px 14px;white-space:pre-wrap;line-height:1.45;box-shadow:var(--shadow-sm)}.ob5-message.assistant .ob5-message-bubble{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.ob5-message.user .ob5-message-bubble{background:var(--accent);color:var(--text-on-accent)}.ob5-message-bubble p{margin:0;color:inherit}.ob5-approve-button{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:999px;padding:6px 10px;font-size:.76rem;cursor:pointer}.ob5-approve-button.saved{color:var(--accent-green);border-color:var(--accent-green);background:var(--status-success-bg)}.ob5-inline-pose{width:18px;height:18px;-o-object-fit:contain;object-fit:contain}.ob5-error-banner{margin:0 18px 12px;padding:10px 12px;border-radius:12px;background:var(--status-error-bg);color:var(--accent-red);font-size:.84rem;display:flex;align-items:center;gap:10px}.ob5-error-image{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.ob5-quick-prompts{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px}.ob5-quick-prompt{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);border-radius:999px;padding:8px 12px;font-size:.8rem;cursor:pointer}.ob5-composer{display:flex;gap:10px;padding:0 18px 18px}.ob5-composer textarea{flex:1;resize:none;border-radius:16px;border:1px solid var(--border);padding:12px 14px;font:inherit;background:var(--card-bg);color:var(--text-primary)}.ob5-send-button{width:46px;min-width:46px;height:46px;border:none;border-radius:14px;background:var(--accent);color:var(--text-on-accent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ob5-send-button:disabled,.ob5-quick-prompt:disabled,.ob5-approve-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:767px){.ob5-side-rail{display:none!important}}.jp-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.jp-modal{background:var(--bg-surface);border-radius:14px;border:1px solid var(--border, var(--color-border-default));max-width:480px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.jp-header{padding:1.25rem 1.25rem .75rem;position:relative}.jp-title{font-size:1.25rem;font-weight:700;margin:0 2rem 0 0}.jp-sub{font-size:.8125rem;color:var(--text-secondary, var(--color-text-muted));margin:.25rem 0 0}.jp-close{position:absolute;top:1rem;right:1rem;padding:.25rem;border:none;background:none;cursor:pointer;color:var(--text-secondary);border-radius:6px}.jp-close:hover{background:var(--bg-hover, var(--color-border-default));color:var(--text-primary)}.jp-filters{padding:0 1.25rem;display:flex;flex-direction:column;gap:.75rem}.jp-source-tabs{display:flex;gap:.25rem}.jp-source-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;border:1px solid var(--border, var(--color-border-default));background:var(--bg-surface);color:var(--text-secondary, var(--color-text-muted));border-radius:8px;cursor:pointer;font-family:inherit}.jp-source-tab:hover{background:var(--bg-hover, var(--color-bg-surface));color:var(--text-primary)}.jp-source-tab.active{background:var(--accent, var(--color-accent));border-color:var(--accent, var(--color-accent));color:var(--color-accent-text)}.jp-search-wrap{position:relative}.jp-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary, var(--color-text-muted));pointer-events:none}.jp-search{width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;border:1px solid var(--border, var(--color-border-default));border-radius:8px;background:var(--bg-surface);color:var(--text-primary)}.jp-search:focus{outline:2px solid var(--accent, var(--color-accent));outline-offset:0}.jp-list-wrap{flex:1;overflow-y:auto;padding:.75rem 1.25rem 1.25rem;min-height:200px}.jp-loading,.jp-empty{display:flex;align-items:center;justify-content:center;min-height:160px;color:var(--text-secondary, var(--color-text-muted));font-size:.875rem}.jp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.jp-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;padding:.75rem 1rem;border:1px solid var(--border, var(--color-border-default));border-radius:10px;background:var(--bg-surface);cursor:pointer;font-family:inherit;color:var(--text-primary);transition:border-color .15s,background .15s}.jp-item:hover{border-color:var(--accent, var(--color-accent));background:var(--bg-hover, #f5f3ff)}.jp-item-title{font-weight:700;font-size:.9375rem}.jp-item-customer{font-size:.8125rem;color:var(--text-secondary, var(--color-text-muted));margin-top:.25rem}.jp-list-wrap .spin{animation:jp-spin .8s linear infinite}@keyframes jp-spin{to{transform:rotate(360deg)}}.lip-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.lip-modal{background:var(--bg-surface);border-radius:14px;border:1px solid var(--border, var(--color-border-default));max-width:420px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.lip-header{padding:1.25rem 1.25rem .75rem;position:relative}.lip-title{font-size:1.125rem;font-weight:700;margin:0 2rem 0 0}.lip-sub{font-size:.8125rem;color:var(--text-secondary, var(--color-text-muted));margin:.25rem 0 0}.lip-close{position:absolute;top:1rem;right:1rem;padding:.25rem;border:none;background:none;cursor:pointer;color:var(--text-secondary);border-radius:6px}.lip-close:hover{background:var(--bg-hover);color:var(--text-primary)}.lip-list{list-style:none;margin:0;padding:.75rem 1.25rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.lip-item{display:block;width:100%;text-align:left;padding:.75rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);cursor:pointer;font-family:inherit;font-size:.9375rem;color:var(--text-primary);transition:border-color .15s,background .15s}.lip-item:hover{border-color:var(--accent);background:var(--bg-hover)}@media print{body *{visibility:hidden}.wrap-proof-print-container,.wrap-proof-print-container *{visibility:visible}.wrap-proof-print-container{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:none!important}}.wrap-print-view{font-family:system-ui,-apple-system,sans-serif;font-size:12px;color:var(--color-text-primary)}.wrap-print-no-pages{padding:24px}@media print{.wrap-print-view{background:var(--color-bg-card)}.wrap-print-page{page-break-after:always;page-break-inside:avoid;height:100vh;display:flex;flex-direction:column;padding:16px}.wrap-print-page:last-child{page-break-after:auto}@page{size:landscape;margin:12mm}.wrap-print-header{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #ccc}.wrap-print-logo{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.wrap-print-header-text{display:flex;flex-direction:column;gap:2px}.wrap-print-company{font-weight:700}.wrap-print-side-label{font-weight:700;font-size:14px;margin-bottom:12px}.wrap-print-image-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.wrap-print-image-wrap img{max-width:85%;max-height:85%;-o-object-fit:contain;object-fit:contain}.wrap-print-image-wrap--large img{max-width:92%;max-height:88%;-o-object-fit:contain;object-fit:contain}.wrap-print-overview-page .wrap-print-header-text{flex-direction:row;flex-wrap:wrap;gap:8px}.wrap-print-overview-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;flex:1;min-height:0}.wrap-print-overview-cell{display:flex;flex-direction:column;min-height:0;border:1px solid #ccc;border-radius:4px;overflow:hidden}.wrap-print-overview-cell-label{font-weight:700;font-size:11px;padding:4px 8px;background:#f1f1f1}.wrap-print-overview-cell-img{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:4px}.wrap-print-overview-cell-img img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.wrap-print-pdf-note{margin:0}.wrap-print-pdf-note a{color:var(--color-accent)}.wrap-print-pin{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#4f46e5;color:var(--color-accent-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.wrap-print-notes{margin-top:8px;padding-top:8px;border-top:1px solid #eee}.wrap-print-footer{margin-top:auto;padding-top:8px;border-top:1px solid #eee;font-size:10px;color:var(--color-text-secondary)}.wrap-print-footer p{margin:4px 0 0}}@media screen{.wrap-print-page{margin-bottom:24px;padding:20px;border:1px solid var(--color-border-default);border-radius:8px;background:var(--color-bg-card);max-width:900px;margin-left:auto;margin-right:auto}.wrap-print-header{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border-default)}.wrap-print-logo{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.wrap-print-side-label{font-weight:700;font-size:14px;margin-bottom:12px}.wrap-print-image-wrap{position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.wrap-print-image-wrap img{max-width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain}.wrap-print-image-wrap--large img{max-width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain}.wrap-print-overview-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px;margin-top:16px}.wrap-print-overview-cell{border:1px solid var(--color-border-default);border-radius:8px;overflow:hidden}.wrap-print-overview-cell-label{font-weight:700;font-size:12px;padding:6px 10px;background:var(--color-bg-surface)}.wrap-print-overview-cell-img{min-height:160px;display:flex;align-items:center;justify-content:center;padding:8px}.wrap-print-overview-cell-img img{max-width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain}.wrap-print-pin{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#4f46e5;color:var(--color-accent-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.wrap-print-footer{margin-top:16px;padding-top:8px;border-top:1px solid var(--color-border-default);font-size:10px;color:var(--color-text-secondary)}}.dashboard{min-height:100vh;background:var(--content-bg);color:var(--text-primary);display:flex;flex-direction:column}.dashboard-layout-container{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}.dashboard-workspace{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}@media(max-width:768px){.dashboard-layout-container{position:relative}}.dashboard-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--color-bg-page);color:var(--text-primary)}.subscription-warning-banner{background:linear-gradient(135deg,var(--warning) 0%,#d97706 100%);color:#fff;padding:.75rem 1.5rem;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-md)}.warning-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.warning-icon{font-size:1.25rem}.warning-text{flex:1;font-weight:500;text-align:center}.warning-button{background:var(--bg-surface);color:#d97706;border:none;padding:.5rem 1.25rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.warning-button:hover{background:#f59e0b26;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.mobile-menu-button{display:none}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:24px;height:18px}.hamburger-icon span{display:block;width:100%;height:2px;background:currentColor;border-radius:2px}.dashboard-sidebar{width:260px;background:var(--app-bg);color:var(--text-inverse);display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease;position:relative;z-index:1000;box-shadow:10px 0 30px #0000001a;flex-shrink:0}.sidebar-header{padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;height:64px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-logo-container{flex:1;display:flex;align-items:center;overflow:hidden;white-space:nowrap;transition:opacity .2s;margin-right:var(--space-2)}.sidebar-company-logo{max-height:32px;max-width:100%;-o-object-fit:contain;object-fit:contain;display:block}.sidebar-logo{font-size:18px;font-weight:900;letter-spacing:-.05em;color:var(--text-inverse);background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-elevated) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-collapse-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-inverse);width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;flex-shrink:0}.sidebar-collapse-btn:hover{background:#fff3}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:#94a3b8;text-decoration:none;border:none;background:transparent;font-size:14px;font-weight:500;text-align:left;white-space:nowrap;overflow:hidden}.nav-item span:first-child{font-size:18px;min-width:24px;display:flex;justify-content:center}.nav-item:hover:not(:disabled){background:#ffffff0d;color:var(--text-inverse)}.nav-item.active{background:#3b82f61a;color:#60a5fa;font-weight:600}.nav-item.active span:first-child{filter:drop-shadow(0 0 10px rgba(59,130,246,.4))}.sidebar-footer{padding:var(--space-4);border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.sidebar-copyright{font-size:11px;color:#64748b;margin-bottom:var(--space-3);white-space:nowrap}.sign-out-button{width:100%;padding:var(--space-2) var(--space-3);background:#ffffff08;color:#94a3b8;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap;overflow:hidden}.dashboard-sidebar.sidebar-collapsed{width:72px}.dashboard-sidebar.sidebar-collapsed .sidebar-logo-container,.dashboard-sidebar.sidebar-collapsed .sidebar-copyright,.dashboard-sidebar.sidebar-collapsed .nav-item span:last-child{opacity:0;width:0;display:none}.dashboard-sidebar.sidebar-collapsed .sidebar-header{justify-content:center;padding:0}.dashboard-sidebar.sidebar-collapsed .sidebar-logo-container{display:none}.dashboard-sidebar.sidebar-collapsed .nav-item{justify-content:center;padding:var(--space-3) 0}.dashboard-sidebar.sidebar-collapsed .sign-out-button{padding:var(--space-2);text-align:center}.dashboard-sidebar.sidebar-collapsed .sign-out-button:before{content:"🚪";font-size:16px}.dashboard-sidebar.sidebar-collapsed .sign-out-button span,.dashboard-sidebar.sidebar-collapsed .sign-out-button{font-size:0}.sign-out-button:hover{background:#ef44441a;color:#f87171;border-color:#ef444433}.dashboard-main{flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;background:var(--content-bg);-webkit-overflow-scrolling:touch}.workspace-container{width:100%;padding:20px 24px;box-sizing:border-box}@media(max-width:768px){.workspace-container{padding:16px}}@media(max-width:480px){.workspace-container{padding:12px}}@media(min-width:1024px){.workspace-container{padding:24px 32px}}.payment-page[data-theme=light]{color-scheme:light;--bg-base: #ffffff;--bg-surface: var(--color-bg-surface);--bg-elevated: var(--color-bg-surface);--text-primary: #0f172a;--text-secondary: rgba(15, 23, 42, .85);--text-tertiary: rgba(15, 23, 42, .65);--text-muted: rgba(15, 23, 42, .45);--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .15);--background: #ffffff;--foreground: #0f172a;--card: #ffffff;--card-foreground: #0f172a;--input: var(--color-border-default);--ring: #0ea5e9}.payment-page:not(.checkout-layout){min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)!important;display:flex;align-items:center;justify-content:center;padding:32px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.payment-page *{box-sizing:border-box}.payment-loading{text-align:center;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-spinner.small{width:24px;height:24px;border-width:3px;border-color:#4f46e533;border-top-color:#4f46e5;margin:0 auto 10px}.square-loading{text-align:center;padding:30px 20px;color:var(--color-text-muted)}.square-loading p{margin:0;font-size:14px}.payment-page:not(.checkout-layout) .payment-wrapper{background:#fff!important;background-color:#fff!important;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:520px;width:100%;overflow:hidden}@media(min-width:769px){.payment-page:not(.checkout-layout) .payment-wrapper{max-width:920px;min-width:640px}}.payment-section.expressive-surface,.order-summary.expressive-surface{box-shadow:0 10px 24px #0f172a14;border:1px solid rgba(15,23,42,.08)}.payment-page:not(.checkout-layout) .payment-wrapper>*{background:inherit!important}.payment-page:not(.checkout-layout) .payment-header{background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-dark-hover) 100%);color:#fff;padding:30px 40px;text-align:center}.payment-page:not(.checkout-layout) .shop-name{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-.5px}.payment-page:not(.checkout-layout) .payment-title{margin:0;font-size:14px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.payment-content{display:grid;grid-template-columns:1fr 1fr;gap:0}@media(min-width:769px){.payment-content{gap:32px;grid-template-columns:1fr 1fr}.payment-content .order-summary,.payment-content .payment-section{min-width:0}}@media(max-width:640px){.payment-page:not(.checkout-layout){padding:24px}}@media(max-width:768px){.payment-content{grid-template-columns:1fr}}.order-summary{background:#fff!important;padding:30px;border-right:1px solid var(--color-border-default)}@media(min-width:769px){.order-summary{padding:32px 36px}}@media(max-width:768px){.order-summary{border-right:none;border-bottom:1px solid var(--color-border-default)}}.order-summary h2{margin:0 0 20px;font-size:18px;color:var(--color-bg-dark);font-weight:600}.order-info{margin-bottom:25px}.order-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border-default);font-size:14px}.order-info-row:last-child{border-bottom:none}.order-info-row .label{color:var(--color-text-muted)}.order-info-row .value{color:var(--color-bg-dark);font-weight:500}.order-info-row .due-date{color:var(--danger);font-weight:600}.line-items{margin-bottom:25px}.line-items h3{font-size:14px;color:var(--color-text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.payment-page .line-items-list{background:var(--card-bg, var(--bg-surface));border-radius:8px;border:1px solid var(--border-color, var(--color-border-default));overflow:hidden}.line-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--color-bg-surface);font-size:14px}.line-item:last-child{border-bottom:none}.payment-page .order-summary .line-items .line-item,.payment-page .order-summary .line-item{padding:14px 24px;gap:20px;border-bottom:1px solid var(--color-border-default, #e5e7eb)}.payment-page .order-summary .line-items .line-item:last-child,.payment-page .order-summary .line-item:last-child{border-bottom:none}.payment-page .order-summary .line-item>div:first-child{min-width:0;padding-right:12px}.payment-page .order-summary .line-item>div:last-child{flex-shrink:0;font-weight:600}.line-item-info{display:flex;flex-direction:column;gap:2px}.line-item-name{color:var(--color-bg-dark);font-weight:500;margin-bottom:6px}.line-item-detail{color:var(--color-text-muted);font-size:12px;margin-top:2px}.line-item-detail-label{color:var(--color-text-muted);font-size:12px;font-weight:500;display:block;margin-bottom:10px;text-transform:uppercase;letter-spacing:.3px}.pricing-note{margin-bottom:8px;margin-top:-4px}.pricing-note-text{color:var(--color-text-muted);font-size:11px;font-style:italic;font-weight:400}.line-item-size-pricing{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-bg-surface)}.size-pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-top:8px}.size-pricing-card{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff!important;border:1px solid var(--color-border-default);border-radius:8px;font-size:13px;transition:all .2s ease;cursor:default}.size-pricing-card:hover{background:var(--color-bg-surface);border-color:#14b8a6;box-shadow:0 2px 8px #14b8a626;transform:translateY(-1px)}.size-pricing-size{color:var(--color-bg-dark);font-weight:700;font-size:14px;min-width:32px;letter-spacing:.3px}.size-pricing-separator{color:var(--color-border-default);font-weight:300;font-size:11px}.size-pricing-qty{color:var(--color-bg-dark);font-weight:700;font-size:12px;white-space:nowrap}.size-pricing-price{color:#14b8a6;font-weight:700;font-size:15px;margin-left:auto;letter-spacing:.2px}.line-item-qty{color:var(--color-text-muted);font-size:13px;margin-top:6px;margin-bottom:4px;font-weight:600}.line-item-price{color:var(--color-bg-dark);font-weight:600;align-self:flex-start;padding-top:4px;font-size:16px}.line-item.more-items{color:var(--color-text-muted);font-style:italic;font-size:13px}.payment-totals{background:#fff!important;border-radius:8px;border:1px solid var(--color-border-default);padding:15px}.payment-page:not(.checkout-layout) .totals-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--color-text-muted)}.payment-page:not(.checkout-layout) .totals-row.paid{color:#10b981}.payment-page:not(.checkout-layout) .totals-row.balance-due{border-top:2px solid var(--color-border-default);padding-top:15px;margin-top:8px;font-size:18px;font-weight:700;color:var(--color-bg-dark)}.payment-page:not(.checkout-layout) .balance-amount{color:#4f46e5;font-size:24px}.payment-section{padding:30px;background:#fff!important}@media(min-width:769px){.payment-section{padding:32px 36px}}.payment-section h2{margin:0 0 20px;font-size:18px;color:var(--color-bg-dark);font-weight:600}.payment-error{background:#fef2f2;border:1px solid #fecaca;color:var(--danger);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.payment-options{margin-bottom:25px}.payment-options h3{font-size:14px;color:var(--color-text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.payment-options-note{font-size:13px;color:var(--color-text-muted);margin:-4px 0 12px;padding:8px 12px;background:var(--color-bg-surface);border-radius:8px;border:1px solid var(--color-border-default)}.payment-options-note--merch{color:var(--color-bg-dark-hover);font-weight:500}.payment-option{display:flex;align-items:center;padding:15px;border:2px solid var(--color-border-default);border-radius:10px;margin-bottom:10px;cursor:pointer;transition:all .2s}.payment-option--disabled{opacity:.6;cursor:not-allowed;pointer-events:none;background:var(--color-bg-surface);border-color:var(--color-border-default)}.payment-option:hover{border-color:#c7d2fe;background:var(--color-bg-surface)}.payment-option.selected{border-color:#4f46e5;background:#eef2ff}.payment-option input[type=radio]{display:none}.option-content{display:flex;justify-content:space-between;align-items:center;width:100%}.option-label{font-size:15px;font-weight:500;color:var(--color-bg-dark)}.option-amount{font-size:18px;font-weight:700;color:#4f46e5}.custom-amount-input{display:flex;align-items:center;gap:4px}.custom-amount-input .currency-symbol{font-size:16px;font-weight:600;color:var(--color-text-muted)}.custom-amount-input input{width:100px;padding:8px 12px;border:1px solid var(--color-border-default);border-radius:6px;font-size:16px;font-weight:600;color:var(--color-bg-dark)}.custom-amount-input input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.payment-page:not(.checkout-layout) .selected-amount{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-dark);color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:25px}.payment-page:not(.checkout-layout) .billing-info-section{margin-bottom:25px}.payment-page:not(.checkout-layout) .billing-info-section h3{font-size:14px;color:var(--color-text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.payment-page:not(.checkout-layout) .billing-form{display:flex;flex-direction:column;gap:16px}.payment-page:not(.checkout-layout) .billing-form .form-group{display:flex;flex-direction:column;gap:6px}.payment-page:not(.checkout-layout) .billing-form label{font-size:13px;font-weight:500;color:var(--color-bg-dark-hover)}.payment-page:not(.checkout-layout) .billing-form input{width:100%;padding:12px 16px;border:1px solid var(--color-border-default);border-radius:8px;font-size:15px;color:var(--color-bg-dark);background:#fff!important;transition:all .2s}.payment-page:not(.checkout-layout) .billing-form input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.payment-page:not(.checkout-layout) .billing-form input::-moz-placeholder{color:var(--color-text-muted)}.payment-page:not(.checkout-layout) .billing-form input::placeholder{color:var(--color-text-muted)}.payment-page:not(.checkout-layout) .selected-amount span:first-child{font-size:14px;opacity:.8}.payment-page:not(.checkout-layout) .selected-amount .amount{font-size:24px;font-weight:700}.card-input-section h3{font-size:14px;color:var(--color-text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.payment-page:not(.checkout-layout) .square-card-container,.payment-page:not(.checkout-layout) #card-container{margin-bottom:20px;min-height:180px;border:1px solid var(--color-border-default);border-radius:10px;padding:15px;background:#fff!important}.payment-page:not(.checkout-layout) .btn-pay{width:100%;background:#4f46e5!important;background:linear-gradient(135deg,#4f46e5,#6366f1)!important;color:#fff!important;border:none;border-radius:10px;padding:16px 24px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.payment-page:not(.checkout-layout) .btn-pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #4f46e566}.payment-page:not(.checkout-layout) .btn-pay:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none;box-shadow:none}.payment-page .btn-receipt{display:inline-block;margin-top:20px;padding:12px 24px;background:#4f46e5!important;background-color:#4f46e5!important;color:#fff!important;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s,box-shadow .2s}.payment-page .btn-receipt:hover{background:#4338ca!important;background-color:#4338ca!important;box-shadow:0 4px 12px #4f46e559}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.payment-unavailable{text-align:center;padding:40px 20px;color:var(--color-text-muted);background:var(--color-bg-surface);border-radius:10px}.payment-unavailable p{margin:8px 0}.contact-info{color:#4f46e5;font-weight:500}.payment-page:not(.checkout-layout) .security-notice{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:12px;background:#f0fdf4;border-radius:8px;color:#16a34a;font-size:13px}.payment-page:not(.checkout-layout) .lock-icon{font-size:16px}.payment-page:not(.checkout-layout) .payment-footer{background:#fff!important;padding:20px 40px;text-align:center;border-top:1px solid var(--color-border-default)}.payment-page:not(.checkout-layout) .footer-contact p{margin:4px 0;color:var(--color-text-muted);font-size:13px}.payment-page:not(.checkout-layout) .footer-contact p:first-child{font-weight:600;color:var(--color-bg-dark-hover)}.payment-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040}.payment-success-container,.payment-error-container{max-width:500px;text-align:center;padding:60px 40px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;margin:0 auto 25px}.error-icon{width:80px;height:80px;background:linear-gradient(135deg,#ef4444,#f87171);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;margin:0 auto 25px}.payment-success-container h1{color:#10b981;margin:0 0 15px;font-size:28px}.payment-error-container h1{color:#ef4444;margin:0 0 15px;font-size:28px}.success-amount{font-size:36px;font-weight:700;color:var(--color-bg-dark);margin:0 0 20px}.success-message{color:var(--color-bg-dark);line-height:1.6;background:#f0fdf4;padding:15px 20px;border-radius:8px;margin:20px 0;border:1px solid #bbf7d0}.success-details{margin-top:30px;padding:20px;border-top:1px solid var(--color-border-default);background:#fff;border-radius:8px;border:1px solid var(--color-border-default)}.success-details p{margin:8px 0;color:var(--color-bg-dark);font-size:14px;font-weight:500}.success-details p strong{color:var(--color-bg-dark-hover);font-weight:600}.contact-merchant{color:var(--color-text-muted);margin-top:20px;font-size:14px}@media(max-width:768px){.payment-page:not(.checkout-layout) .payment-header{padding:25px 20px}.payment-page:not(.checkout-layout) .shop-name{font-size:22px}.payment-page:not(.checkout-layout) .order-summary,.payment-page:not(.checkout-layout) .payment-section{padding:20px}.payment-page:not(.checkout-layout) .balance-amount{font-size:20px}.payment-page:not(.checkout-layout) .selected-amount .amount{font-size:20px}.payment-success-container,.payment-error-container{padding:40px 20px}}.payment-page.checkout-layout{--ck-ink: #0f1117;--ck-ink-soft: #4a4f5e;--ck-ink-muted: #9298a8;--ck-line: #e4e7ef;--ck-surface: #ffffff;--ck-bg: #f3f5fa;--ck-accent: #1a3a6b;--ck-accent-lt: #2b5299;--ck-accent-glow: rgba(26, 58, 107, .12);--ck-green: #1e7a52;--ck-radius: 14px;--ck-shadow-md: 0 2px 8px rgba(0,0,0,.07), 0 12px 32px rgba(0,0,0,.09)}.payment-page.checkout-layout{min-height:100vh!important;background:var(--ck-bg)!important;color:var(--ck-ink)!important;font-family:DM Sans,sans-serif!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:0 0 2rem!important}.payment-page.checkout-layout .payment-wrapper{width:100%!important;max-width:960px!important;min-width:0!important;margin:0 auto!important;padding:0!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;display:flex!important;flex-direction:column!important;animation:ck-fadeUp .55s .1s ease both}@keyframes ck-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ck-fadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.payment-page.checkout-layout .payment-header{text-align:center!important;padding:2.5rem 1rem 1.5rem!important;background:transparent!important;background-color:transparent!important;color:var(--ck-ink)!important;animation:ck-fadeDown .5s ease both}.payment-page.checkout-layout .shop-name{font-family:Playfair Display,serif!important;font-size:1.75rem!important;font-weight:600!important;letter-spacing:-.01em!important;color:var(--ck-ink)!important;margin:0!important}.payment-page.checkout-layout .payment-title{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;margin-top:.4rem!important;font-size:.7rem!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--ck-ink-muted)!important;opacity:1!important}.payment-page.checkout-layout .payment-title svg{color:var(--ck-green)!important}.payment-page.checkout-layout .checkout-wrapper{display:grid!important;grid-template-columns:300px 1fr!important;gap:1.5rem!important;align-items:start!important;width:100%!important;max-width:960px!important;margin:0 auto!important;padding:0 1.25rem 1rem!important}.payment-page.checkout-layout .checkout-card{background:var(--ck-surface)!important;background-color:var(--ck-surface)!important;border-radius:var(--ck-radius)!important;box-shadow:var(--ck-shadow-md)!important;overflow:hidden!important}.payment-page.checkout-layout .card-header{padding:1.25rem 1.5rem 1rem!important;border-bottom:1px solid var(--ck-line)!important;display:flex!important;align-items:center!important;gap:.55rem!important;background:var(--ck-surface)!important}.payment-page.checkout-layout .card-header-icon{width:28px!important;height:28px!important;border-radius:8px!important;background:var(--ck-accent-glow)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--ck-accent)!important}.payment-page.checkout-layout .card-header-icon svg{color:var(--ck-accent)!important}.payment-page.checkout-layout .card-title{font-size:.7rem!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--ck-ink-soft)!important;margin:0!important}.payment-page.checkout-layout .card-body{padding:1.25rem 1.5rem!important;background:var(--ck-surface)!important}.payment-page.checkout-layout .meta-row{display:flex!important;flex-direction:column!important;gap:.15rem!important;padding:.75rem 0!important;border-bottom:1px dashed var(--ck-line)!important}.payment-page.checkout-layout .meta-row:last-of-type{border-bottom:none!important}.payment-page.checkout-layout .meta-label{font-size:.65rem!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--ck-ink-muted)!important}.payment-page.checkout-layout .meta-value{font-size:.82rem!important;color:var(--ck-ink)!important;font-weight:500!important;word-break:break-word!important}.payment-page.checkout-layout .items-list{padding:1rem 0 0!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;margin:0!important}.payment-page.checkout-layout .item-row{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:.75rem!important;padding:.75rem .85rem!important;background:var(--ck-bg)!important;background-color:var(--ck-bg)!important;border-radius:10px!important;border:none!important}.payment-page.checkout-layout .item-info{flex:1!important;min-width:0!important}.payment-page.checkout-layout .item-name{font-size:.82rem!important;font-weight:500!important;color:var(--ck-ink)!important;line-height:1.35!important}.payment-page.checkout-layout .item-variant{font-size:.72rem!important;color:var(--ck-ink-muted)!important;margin-top:.2rem!important}.payment-page.checkout-layout .item-price{font-size:.85rem!important;font-weight:600!important;color:var(--ck-ink)!important;white-space:nowrap!important}.payment-page.checkout-layout .totals-block{margin-top:1rem!important;border-top:1px solid var(--ck-line)!important;padding-top:.85rem!important;display:flex!important;flex-direction:column!important;gap:.4rem!important}.payment-page.checkout-layout .totals-block .totals-row{display:flex!important;justify-content:space-between!important;font-size:.82rem!important;color:var(--ck-ink-soft)!important;padding:0!important;border:none!important;margin:0!important}.payment-page.checkout-layout .totals-block .totals-row span{color:var(--ck-ink-soft)!important}.payment-page.checkout-layout .totals-block .totals-row.total{margin-top:.4rem!important;padding-top:.6rem!important;border-top:1.5px solid var(--ck-ink)!important;font-size:1rem!important;font-weight:700!important;color:var(--ck-ink)!important}.payment-page.checkout-layout .totals-block .totals-row.total span{color:var(--ck-ink)!important}.payment-page.checkout-layout .totals-block .totals-row.total span:last-child{font-family:Playfair Display,serif!important;font-size:1.15rem!important;letter-spacing:-.01em!important}.payment-page.checkout-layout .amount-banner{background:#1a3a6b!important;background-color:#1a3a6b!important;border-radius:12px!important;padding:1.1rem 1.25rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:1.5rem!important}.payment-page.checkout-layout .amount-label{font-size:.72rem!important;color:#ffffffa6!important;font-weight:400!important}.payment-page.checkout-layout .amount-value{font-family:Playfair Display,serif!important;font-size:1.75rem!important;font-weight:600!important;color:#fff!important;letter-spacing:-.02em!important}.payment-page.checkout-layout .amount-lock{color:#ffffff80!important;display:flex!important;align-items:center!important}.payment-page.checkout-layout .amount-lock svg{color:#ffffff80!important}.payment-page.checkout-layout .section-label{font-size:.65rem!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--ck-accent)!important;margin-bottom:.85rem!important;padding-bottom:.5rem!important;border-bottom:1px solid var(--ck-line)!important}.payment-page.checkout-layout .form-section{margin-bottom:1.5rem!important}.payment-page.checkout-layout .form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important}.payment-page.checkout-layout .form-grid.full{grid-template-columns:1fr!important}.payment-page.checkout-layout .checkout-card .form-group{display:flex!important;flex-direction:column!important;gap:.35rem!important}.payment-page.checkout-layout .checkout-card .form-group label{font-size:.67rem!important;font-weight:600!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:var(--ck-ink-soft)!important}.payment-page.checkout-layout .checkout-card .form-group input{height:44px!important;border:1.5px solid var(--ck-line)!important;border-radius:9px!important;padding:0 .85rem!important;font-family:DM Sans,sans-serif!important;font-size:.875rem!important;color:var(--ck-ink)!important;background:var(--ck-surface)!important;background-color:var(--ck-surface)!important;outline:none!important;transition:border-color .18s,box-shadow .18s}.payment-page.checkout-layout .checkout-card .form-group input:focus{border-color:var(--ck-accent)!important;box-shadow:0 0 0 3px var(--ck-accent-glow)!important}.payment-page.checkout-layout .checkout-card .form-group input::-moz-placeholder{color:var(--ck-ink-muted)!important;font-size:.82rem!important}.payment-page.checkout-layout .checkout-card .form-group input::placeholder{color:var(--ck-ink-muted)!important;font-size:.82rem!important}.payment-page.checkout-layout #card-container,.payment-page.checkout-layout .square-card-container{width:100%!important;border:1.5px solid var(--ck-line)!important;border-radius:9px!important;background:var(--ck-surface)!important;background-color:var(--ck-surface)!important;margin-bottom:0!important}.payment-page.checkout-layout .btn-pay{width:100%!important;height:52px!important;border:none!important;border-radius:10px!important;background:linear-gradient(135deg,#1a3a6b,#274d8a)!important;background-color:#1a3a6b!important;color:#fff!important;font-family:DM Sans,sans-serif!important;font-size:.95rem!important;font-weight:600!important;letter-spacing:.03em!important;cursor:pointer!important;margin-top:1.25rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;transition:opacity .18s,transform .15s;box-shadow:0 4px 18px #1a3a6b59!important;padding:0 1.5rem!important}.payment-page.checkout-layout .btn-pay svg{color:#fff!important}.payment-page.checkout-layout .btn-pay:hover:not(:disabled){opacity:.92!important;transform:translateY(-1px)!important}.payment-page.checkout-layout .btn-pay:active:not(:disabled){transform:translateY(0)!important}.payment-page.checkout-layout .btn-pay:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.payment-page.checkout-layout .security-notice{display:flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;margin-top:.9rem!important;font-size:.72rem!important;color:var(--ck-ink-muted)!important;background:transparent!important;background-color:transparent!important;padding:0!important;border-radius:0!important}.payment-page.checkout-layout .security-notice svg{color:var(--ck-green)!important}.payment-page.checkout-layout .payment-error{background:#fef2f2!important;border:1px solid #fecaca!important;color:#b91c1c!important;padding:.75rem 1rem!important;border-radius:9px!important;margin-bottom:1rem!important;font-size:.82rem!important}.payment-page.checkout-layout .payment-unavailable,.payment-page.checkout-layout .square-loading{background:var(--ck-bg)!important;border-radius:9px!important;padding:1rem!important;color:var(--ck-ink-muted)!important;font-size:.82rem!important}.payment-page.checkout-layout .square-loading .loading-spinner.small{border-color:#1a3a6b33!important;border-top-color:var(--ck-accent)!important}.payment-page.checkout-layout .payment-footer{text-align:center!important;padding:1.5rem 1rem 2rem!important;font-size:.75rem!important;color:var(--ck-ink-muted)!important;line-height:1.7!important;background:transparent!important;background-color:transparent!important;border:none!important;border-top:none!important}.payment-page.checkout-layout .footer-contact p{margin:2px 0!important;color:var(--ck-ink-muted)!important;font-size:.75rem!important}.payment-page.checkout-layout .footer-contact p:first-child{font-weight:600!important;color:var(--ck-ink-soft)!important}.payment-page.checkout-layout .billing-info-section>h3:not(.sr-only){display:none!important}.payment-page.checkout-layout .card-input-section>h3:not(.sr-only){display:none!important}.payment-page.checkout-layout .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.payment-page.checkout-layout .payment-loading{text-align:center!important;color:var(--ck-ink-soft)!important;padding:4rem 1rem!important}.payment-page.checkout-layout .payment-loading .loading-spinner{border-color:var(--ck-line)!important;border-top-color:var(--ck-accent)!important}.payment-page.checkout-layout .payment-success-container,.payment-page.checkout-layout .payment-error-container{max-width:480px!important;margin:3rem auto!important;text-align:center!important;padding:3rem 2.5rem!important;background:var(--ck-surface)!important;background-color:var(--ck-surface)!important;border-radius:var(--ck-radius)!important;box-shadow:var(--ck-shadow-md)!important}.payment-page.checkout-layout .payment-success-container h1,.payment-page.checkout-layout .payment-error-container h1{color:var(--ck-ink)!important;font-family:Playfair Display,serif!important;font-size:1.5rem!important;font-weight:600!important;margin:0 0 .75rem!important}.payment-page.checkout-layout .success-icon{width:64px!important;height:64px!important;background:var(--ck-accent)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:28px!important;color:#fff!important;margin:0 auto 1.25rem!important}.payment-page.checkout-layout .error-icon{width:64px!important;height:64px!important;background:#b91c1c!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:28px!important;color:#fff!important;margin:0 auto 1.25rem!important}.payment-page.checkout-layout .success-amount{font-family:Playfair Display,serif!important;font-size:2rem!important;font-weight:600!important;color:var(--ck-ink)!important;margin:0 0 1rem!important}.payment-page.checkout-layout .success-message{font-size:.875rem!important;color:var(--ck-ink-soft)!important;line-height:1.6!important;background:#edf7f2!important;background-color:#edf7f2!important;padding:1rem 1.25rem!important;border-radius:9px!important;border:1px solid #c6f0d8!important;margin:1rem 0!important}.payment-page.checkout-layout .success-details{margin-top:1.25rem!important;padding:1rem!important;border-top:1px solid var(--ck-line)!important;background:var(--ck-surface)!important;background-color:var(--ck-surface)!important;border-radius:9px!important;border:1px solid var(--ck-line)!important}.payment-page.checkout-layout .success-details p{margin:4px 0!important;color:var(--ck-ink)!important;font-size:.82rem!important;font-weight:500!important}.payment-page.checkout-layout .success-details p strong{color:var(--ck-ink-soft)!important;font-weight:600!important}.payment-page.checkout-layout .btn-receipt{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:1.25rem!important;padding:.75rem 1.5rem!important;background:var(--ck-accent)!important;background-color:var(--ck-accent)!important;color:#fff!important;border-radius:10px!important;text-decoration:none!important;font-weight:600!important;font-size:.875rem!important;transition:opacity .18s}.payment-page.checkout-layout .btn-receipt:hover{opacity:.9!important}.payment-page.checkout-layout .payment-error-hint{font-size:.82rem!important;color:var(--ck-ink-muted)!important;margin-top:.5rem!important}.payment-page.checkout-layout .contact-merchant{color:var(--ck-ink-muted)!important;margin-top:1rem!important;font-size:.82rem!important}@media(max-width:700px){.payment-page.checkout-layout .payment-header{padding:1.75rem 1rem 1.1rem!important}.payment-page.checkout-layout .shop-name{font-size:1.4rem!important}.payment-page.checkout-layout .checkout-wrapper{grid-template-columns:1fr!important;padding:0 .85rem 1.5rem!important;gap:1rem!important}.payment-page.checkout-layout .col-order{order:2!important}.payment-page.checkout-layout .col-payment{order:1!important}.payment-page.checkout-layout .amount-value{font-size:1.45rem!important}.payment-page.checkout-layout .form-grid{grid-template-columns:1fr!important}}@media(max-width:400px){.payment-page.checkout-layout .card-body{padding:1rem 1.1rem!important}}.job-view-container{min-height:100vh;background:var(--content-bg);padding:var(--space-6);max-width:1200px;margin:0 auto}.job-view-loading,.job-view-error{text-align:center;padding:var(--space-10);color:var(--text-secondary)}.job-view-error h2{color:var(--danger);margin-bottom:var(--space-4)}.error-actions{margin-top:var(--space-6);text-align:center}.btn-login{padding:var(--space-4) var(--space-8);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-4)}.btn-login:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.error-hint{color:var(--text-secondary);font-size:14px;margin-top:var(--space-2)}.job-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border)}.job-view-header h1{margin:0;color:var(--text-primary);font-size:28px;font-weight:700}.btn-close{padding:var(--space-3) var(--space-6);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:all var(--transition-base)}.btn-close:hover{background:var(--accent-hover)}.job-view-content{display:flex;flex-direction:column;gap:var(--space-6)}.job-info-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.job-info-section h2{margin:0 0 var(--space-4) 0;color:var(--text-primary);font-size:20px;font-weight:600}.quote-customer-tax-exempt-badge{display:inline-flex;align-items:center;padding:4px 12px;background:#10b98133;color:#059669;border:1px solid #10b981;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-item label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:14px;color:var(--text-primary);font-weight:500}.priority-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:12px;font-weight:600}.priority-badge.rush{background:#ef44441a;color:#ef4444}.decoration-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.decoration-badge{padding:var(--space-2) var(--space-3);background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm);font-size:13px;font-weight:600}.status-grid{display:flex;gap:var(--space-4);flex-wrap:wrap}.status-item{display:flex;flex-direction:column;gap:var(--space-2)}.status-item label{font-size:12px;font-weight:600;color:var(--text-secondary)}.status-chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:12px;font-weight:600;display:inline-block}.status-chip.artwork-pending{background:#fef3c7;color:#92400e}.status-chip.artwork-approved{background:#d1fae5;color:#065f46}.status-chip.artwork-needs_changes,.status-chip.payment-unpaid{background:#fee2e2;color:#991b1b}.status-chip.payment-deposit{background:var(--color-bg-surface);color:#1e40af}.status-chip.payment-paid{background:#d1fae5;color:#065f46}.job-notes{padding:var(--space-4);background:var(--content-bg);border-radius:var(--radius-md);color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.job-actions{display:flex;gap:var(--space-4);justify-content:center;padding:var(--space-6);flex-wrap:wrap}.stage-select,.status-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);font-size:14px;cursor:pointer;min-width:150px}.stage-select:focus,.status-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.stage-select:disabled,.status-select:disabled{opacity:.6;cursor:not-allowed}.btn-open-production{padding:var(--space-4) var(--space-8);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-open-production:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.line-items-list{display:flex;flex-direction:column;gap:var(--space-4)}.line-item-card{background:var(--content-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.line-item-header h3{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:16px;font-weight:600}.line-item-meta{display:flex;gap:var(--space-4);font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-3)}.size-totals-summary{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--content-bg);border:1px solid var(--border);border-radius:var(--radius-md)}.size-totals-row{display:flex;gap:2px;overflow-x:auto}.size-total-box{display:flex;flex-direction:column;align-items:center;min-width:50px;flex:1}.size-total-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;padding:4px 8px;background:var(--card-bg);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;text-align:center}.size-total-value{font-size:16px;font-weight:700;color:var(--text-primary);padding:6px 8px;background:var(--card-bg);border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);width:100%;text-align:center}.grand-total-box .size-total-label{background:var(--accent);color:#fff;border-color:var(--accent)}.grand-total-box .size-total-value{background:var(--accent);color:#fff;border-color:var(--accent);font-size:18px}.item-size-table-wrap{margin-top:var(--space-3);overflow-x:auto}.item-size-table{width:100%;border-collapse:collapse;font-size:13px}.item-size-table th{padding:6px 10px;background:var(--content-bg);border:1px solid var(--border);font-weight:600;font-size:11px;text-transform:uppercase;color:var(--text-secondary);text-align:center}.item-size-table td{padding:8px 10px;border:1px solid var(--border);text-align:center;color:var(--text-secondary);font-size:14px}.item-size-table td.has-qty{font-weight:700;color:var(--text-primary);background:var(--card-bg)}.item-size-table th.total-col{font-weight:700;background:var(--accent)!important;color:#fff!important;border-color:var(--accent)}.item-size-table td.total-col{font-weight:700;background:var(--accent)!important;color:#fff!important;border-color:var(--accent);font-size:16px}.mockups-grid{display:flex;flex-direction:column;gap:var(--space-6)}.mockup-group h4{margin:0 0 var(--space-3) 0;color:var(--text-primary);font-size:16px;font-weight:600}.mockup-images{display:flex;gap:var(--space-3);flex-wrap:wrap}.mockup-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.mockup-img{width:120px;height:150px;-o-object-fit:contain;object-fit:contain;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;transition:transform .2s ease}.mockup-img:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.mockup-label{font-size:12px;color:var(--text-secondary);text-align:center;font-weight:500}.btn-work-order{padding:var(--space-4) var(--space-8);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-work-order:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.item-placements-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:13px}.item-placements-section strong{display:block;margin-bottom:var(--space-2);color:var(--text-primary);font-size:13px}.placement-row{display:flex;align-items:center;gap:var(--space-2);padding:6px 0;flex-wrap:wrap}.placement-name{font-weight:600;color:var(--text-primary);min-width:180px}.placement-colors{display:flex;gap:6px;flex-wrap:wrap}.color-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.color-count{color:var(--text-secondary);font-size:12px}.garment-receiving-table{width:100%;border-collapse:collapse;font-size:13px}.garment-receiving-table thead tr{background:var(--content-bg);border-bottom:2px solid var(--border)}.garment-receiving-table th{padding:10px;text-align:left;font-weight:600;color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.garment-receiving-table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}.garment-input{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:13px;width:100%;min-width:80px}.garment-input-sm{width:70px;min-width:70px;text-align:right}.garment-select{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;min-width:120px}.garment-textarea{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:12px;width:180px;min-height:40px;resize:vertical}.job-info-section .work-order-garment-receiving-list{display:flex;flex-direction:column;gap:24px}.job-info-section .work-order-garment-card{border:1px solid var(--border);border-radius:12px;background:var(--content-bg);overflow:hidden}.job-info-section .work-order-garment-card-header{padding:12px 16px;background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.job-info-section .work-order-garment-card-header strong{font-size:15px;color:var(--text-primary)}.job-info-section .work-order-garment-color{font-size:13px;color:var(--text-secondary)}.job-info-section .work-order-garment-size-grid-wrap{overflow-x:auto;padding:0 16px}.job-info-section .work-order-garment-size-table{width:100%;min-width:200px;border-collapse:collapse;font-size:13px}.job-info-section .work-order-garment-size-table thead tr{background:#0000000a;border-bottom:1px solid var(--border)}.job-info-section .work-order-garment-size-table th{padding:8px 10px;text-align:left;font-weight:600;color:var(--text-primary)}.job-info-section .work-order-garment-size-table th:nth-child(2),.job-info-section .work-order-garment-size-table th:nth-child(3){text-align:right}.job-info-section .work-order-garment-size-table td{padding:6px 10px;border-bottom:1px solid rgba(0,0,0,.06)}.job-info-section .work-order-garment-size-table td:nth-child(2),.job-info-section .work-order-garment-size-table td:nth-child(3){text-align:right}.job-info-section .work-order-garment-size-input{width:64px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;text-align:right;background:var(--card-bg);color:var(--text-primary)}.job-info-section .work-order-garment-totals-row{font-weight:600;background:#00000008;border-top:2px solid var(--border)}.job-info-section .work-order-garment-totals-row td{padding:10px;border-bottom:none}.job-info-section .work-order-garment-received-total{margin-right:6px}.job-info-section .work-order-garment-all-here{color:var(--success, #059669);font-weight:700}.job-info-section .work-order-garment-meta{display:flex;flex-wrap:wrap;gap:12px 20px;padding:12px 16px;border-top:1px solid var(--border);background:var(--card-bg)}.job-info-section .work-order-garment-meta label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:500;color:var(--text-secondary)}.job-info-section .work-order-garment-notes-label{min-width:200px;flex:1}.job-info-section .work-order-garment-input{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--card-bg);color:var(--text-primary)}.job-info-section .work-order-garment-notes-input{min-width:0;min-height:56px;font-size:12px;resize:vertical}.btn-action{padding:6px 14px;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-action{background:var(--content-bg);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary-action:hover:not(:disabled){background:var(--border)}.btn-primary-action{background:var(--accent);color:#fff}.btn-primary-action:hover:not(:disabled){background:var(--accent-hover)}@media(max-width:768px){.job-view-container{padding:var(--space-4)}.job-view-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.job-view-header h1{font-size:24px}.info-grid{grid-template-columns:1fr}.status-grid{flex-direction:column}}.image-annotation-container{position:relative;width:100%}.image-annotation-wrapper{position:relative;width:100%;background:var(--content-bg, var(--color-border-default));border-radius:var(--radius-md, 8px);overflow:hidden;border:1px solid var(--border, var(--color-border-default))}.annotation-image{width:100%;height:auto;display:block;max-height:600px;-o-object-fit:contain;object-fit:contain}.annotation-pin{position:absolute;cursor:pointer;z-index:10;transition:all .2s}.annotation-pin:hover{transform:translate(-50%,-50%) scale(1.1);z-index:11}.pin-number{width:28px;height:28px;border-radius:50%;background:var(--accent, #0078d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0000004d;border:2px solid white;position:relative}.annotation-pin.selected .pin-number{background:var(--warning, #f59e0b);box-shadow:0 0 0 3px #f59e0b4d}.pin-delete{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--danger, var(--danger));color:#fff;border:2px solid white;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;box-shadow:0 2px 4px #0003;opacity:0;transition:opacity .2s}.annotation-pin:hover .pin-delete{opacity:1}.pin-delete:hover{background:#b91c1c;transform:scale(1.1)}.pin-has-comment-indicator{position:absolute;bottom:-6px;right:-6px;background:var(--success, #107c10);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid white;box-shadow:0 1px 3px #0003}.annotation-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:var(--space-4, 16px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.annotation-modal{background:var(--card-bg);border-radius:var(--radius-lg, 12px);width:100%;max-width:500px;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.annotation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6, 24px);border-bottom:1px solid var(--border, var(--color-border-default))}.annotation-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.annotation-modal .modal-close{background:transparent;border:none;font-size:24px;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 4px);transition:all .2s}.annotation-modal .modal-close:hover{background:var(--content-bg, var(--color-border-default));color:var(--color-text-primary)}.annotation-modal-body{padding:var(--space-6, 24px);overflow-y:auto;flex:1}.annotation-modal-body .form-group{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.annotation-modal-body .form-group label{font-weight:600;font-size:14px;color:var(--color-text-primary)}.annotation-modal-body .form-group textarea{padding:var(--space-3, 12px);border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s}.annotation-modal-body .form-group textarea:focus{outline:none;border-color:var(--accent, #0078d4);box-shadow:0 0 0 3px #0078d41a}.annotation-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3, 12px);padding:var(--space-4, 16px) var(--space-6, 24px);border-top:1px solid var(--border, var(--color-border-default));background:var(--content-bg, var(--color-border-default))}.annotation-modal-footer .btn{padding:var(--space-2, 8px) var(--space-4, 16px);border:none;border-radius:var(--radius-md, 8px);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.annotation-modal-footer .btn-secondary{background:var(--content-bg, var(--color-border-default));color:var(--color-text-primary);border:1px solid var(--border, var(--color-border-default))}.annotation-modal-footer .btn-secondary:hover{background:var(--card-bg)}.annotation-modal-footer .btn-primary{background:var(--accent, #0078d4);color:#fff}.annotation-modal-footer .btn-primary:hover{background:var(--accent-hover, #106ebe)}.annotations-list{margin-top:var(--space-4, 16px);padding:var(--space-4, 16px);background:var(--content-bg, var(--color-border-default));border-radius:var(--radius-md, 8px);border:1px solid var(--border, var(--color-border-default))}.annotations-list h4{margin:0 0 var(--space-4, 16px) 0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.annotation-list-item{display:flex;gap:var(--space-3, 12px);padding:var(--space-3, 12px);background:#000;border-radius:var(--radius-sm, 4px);margin-bottom:var(--space-2, 8px);border:1px solid var(--border, var(--color-border-default))}.annotation-list-item:last-child{margin-bottom:0}.annotation-list-number{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--accent, #0078d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.annotation-list-comment{flex:1;font-size:14px;color:var(--color-text-primary);line-height:1.5}.annotation-list-comment em{color:var(--text-tertiary, var(--color-text-muted));font-style:italic}@media(max-width:768px){.annotation-modal{max-width:100%;margin:var(--space-4, 16px)}.annotation-image{max-height:400px}}.quote-approval-page{min-height:100vh;background:var(--content-bg, var(--color-bg-surface));padding:var(--space-5, 20px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.quote-approval-loading,.quote-approval-container{max-width:900px;margin:0 auto;background:var(--card-bg);border-radius:var(--radius-lg, 12px);padding:var(--space-10, 40px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1))}.quote-approval-loading{text-align:center;padding:60px 40px}.quote-approval-loading .loading-spinner{width:48px;height:48px;border:4px solid var(--border, var(--color-border-default));border-top-color:var(--accent, #0078d4);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.quote-approval-wrapper{max-width:900px;margin:0 auto;background:var(--card-bg);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));overflow:hidden}.quote-approval-header{background:linear-gradient(135deg,var(--accent, #0078d4) 0%,var(--accent-hover, #106ebe) 100%);color:#fff;padding:var(--space-8, 32px) var(--space-10, 40px);text-align:center}.quote-approval-header h1{margin:0 0 var(--space-2, 8px) 0;font-size:32px;font-weight:700}.quote-approval-subtitle{margin:0;opacity:.9;font-size:16px}.quote-approval-content{padding:var(--space-10, 40px)}.quote-summary-card{background:var(--content-bg, var(--color-bg-surface));border-radius:var(--radius-md, 8px);padding:var(--space-6, 24px);margin-bottom:var(--space-8, 32px)}.quote-summary-card h2{margin:0 0 var(--space-6, 24px) 0;color:var(--text-primary, #1a1a1a);font-size:24px;font-weight:600}.quote-info{display:flex;flex-direction:column;gap:var(--space-3, 12px);margin-bottom:var(--space-6, 24px)}.quote-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2, 8px) 0}.quote-info-row .label{color:var(--text-secondary, var(--color-text-muted));font-weight:500}.quote-info-row .value{color:var(--text-primary, #1a1a1a);font-weight:600}.quote-info-row .value.total-amount{font-size:20px;color:var(--accent, #0078d4)}.line-items-section{margin-top:var(--space-6, 24px);padding-top:var(--space-6, 24px);border-top:1px solid var(--border, var(--color-border-default))}.line-items-section h3{margin:0 0 var(--space-4, 16px) 0;color:var(--text-primary, #1a1a1a);font-size:18px;font-weight:600}.line-items-list{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.line-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4, 16px);background:#000;border-radius:var(--radius-md, 8px);border:1px solid var(--border, var(--color-border-default))}.line-item-info{display:flex;flex-direction:column;gap:var(--space-1, 4px);flex:1}.line-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2, 8px)}.line-item-name{font-weight:600;color:var(--text-primary, #1a1a1a);font-size:16px}.line-item-detail{font-size:14px;color:var(--text-secondary, var(--color-text-muted))}.line-item-details{display:flex;flex-direction:column;gap:var(--space-2, 8px);margin-top:var(--space-2, 8px);padding-top:var(--space-2, 8px);border-top:1px solid var(--border, var(--color-border-default))}.line-item-detail-row{display:flex;gap:var(--space-2, 8px);font-size:14px}.line-item-label{font-weight:600;color:var(--text-secondary, var(--color-text-muted));min-width:100px}.line-item-value{color:var(--text-primary, #1a1a1a);flex:1}.line-item-qty{font-size:14px;color:var(--text-secondary, var(--color-text-muted));margin-top:var(--space-1, 4px)}.line-item-price{font-weight:600;color:var(--text-primary, #1a1a1a);font-size:16px}.quote-notes{margin-top:var(--space-6, 24px);padding-top:var(--space-6, 24px);border-top:1px solid var(--border, var(--color-border-default))}.quote-notes h3{margin:0 0 var(--space-3, 12px) 0;color:var(--text-primary, #1a1a1a);font-size:18px;font-weight:600}.quote-notes p{margin:0;color:var(--text-secondary, var(--color-text-muted));line-height:1.6}.proofs-section{margin-bottom:var(--space-8, 32px)}.proofs-section h2{margin:0 0 var(--space-6, 24px) 0;color:var(--text-primary, #1a1a1a);font-size:24px;font-weight:600}.proofs-hint{color:var(--text-secondary, var(--color-text-muted));font-size:14px;margin:0 0 var(--space-6, 24px) 0;padding:var(--space-3, 12px);background:var(--accent-light, #e3f2fd);border-left:3px solid var(--accent, #0078d4);border-radius:var(--radius-sm, 4px)}.proofs-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4, 16px)}.proofs-gallery-annotated{display:flex;flex-direction:column;gap:var(--space-8, 32px)}.proof-item{border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);overflow:hidden;background:#000}.proof-item-annotated{background:#000;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);padding:var(--space-6, 24px)}.proof-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4, 16px);padding-bottom:var(--space-3, 12px);border-bottom:1px solid var(--border, var(--color-border-default))}.proof-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a)}.proof-version-badge{font-size:12px;padding:var(--space-1, 4px) var(--space-3, 12px);background:var(--content-bg, var(--color-bg-surface));color:var(--text-secondary, var(--color-text-muted));border-radius:var(--radius-sm, 4px);font-weight:600}.proof-image{width:100%;height:200px;-o-object-fit:contain;object-fit:contain;background:var(--content-bg, var(--color-bg-surface));display:block}.proof-info{padding:var(--space-3, 12px);display:flex;flex-direction:column;gap:var(--space-1, 4px)}.proof-name{font-weight:500;color:var(--text-primary, #1a1a1a);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proof-version{font-size:12px;color:var(--text-secondary, var(--color-text-muted))}.response-section{background:var(--content-bg, var(--color-bg-surface));border-radius:var(--radius-md, 8px);padding:var(--space-6, 24px)}.response-section h2{margin:0 0 var(--space-6, 24px) 0;color:var(--text-primary, #1a1a1a);font-size:24px;font-weight:600}.action-buttons{display:flex;gap:var(--space-4, 16px);margin-bottom:var(--space-6, 24px);flex-wrap:wrap}.action-btn{flex:1;min-width:150px;padding:var(--space-4, 16px) var(--space-6, 24px);border:2px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);background:#000;color:var(--text-primary, #1a1a1a);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.action-btn.selected{border-width:3px}.action-approve.selected{background:var(--success, #107c10);border-color:var(--success, #107c10);color:#fff}.action-changes.selected{background:var(--warning, #f59e0b);border-color:var(--warning, #f59e0b);color:#fff}.action-reject.selected{background:var(--danger, var(--danger));border-color:var(--danger, var(--danger));color:#fff}.form-group{display:flex;flex-direction:column;gap:var(--space-2, 8px);margin-bottom:var(--space-6, 24px)}.form-group label{color:var(--text-primary, #1a1a1a);font-size:14px;font-weight:600}.form-group textarea,.form-group input{padding:var(--space-3, 12px) var(--space-4, 16px);background:#000;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);color:var(--text-primary, #1a1a1a);font-size:14px;font-family:inherit;transition:all .2s}.form-group textarea:focus,.form-group input:focus{outline:none;border-color:var(--accent, #0078d4);box-shadow:0 0 0 3px #0078d41a}.form-group textarea{resize:vertical;min-height:120px}.error-message{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--danger-bg, #fef2f2);border:1px solid var(--danger, var(--danger));color:var(--danger, var(--danger));border-radius:var(--radius-md, 8px);margin-bottom:var(--space-4, 16px);font-size:14px}.submit-btn{width:100%;padding:var(--space-4, 16px) var(--space-6, 24px);background:var(--accent, #0078d4);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.submit-btn:hover:not(:disabled){background:var(--accent-hover, #106ebe);transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.quote-approval-footer{padding:var(--space-4, 16px) var(--space-10, 40px);background:var(--content-bg, var(--color-bg-surface));border-top:1px solid var(--border, var(--color-border-default));text-align:center}.quote-approval-footer p{margin:0;color:var(--text-secondary, var(--color-text-muted));font-size:14px}.quote-approval-success,.quote-approval-error{text-align:center;padding:60px 40px}.success-icon,.error-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto var(--space-6, 24px)}.success-icon{background:var(--success-bg, #f0f9ff);color:var(--success, #107c10)}.error-icon{background:var(--danger-bg, #fef2f2);color:var(--danger, var(--danger))}.quote-approval-success h1,.quote-approval-error h1{margin:0 0 var(--space-4, 16px) 0;color:var(--text-primary, #1a1a1a);font-size:28px}.success-message{margin:0 0 var(--space-6, 24px) 0;color:var(--text-secondary, var(--color-text-muted));font-size:16px;line-height:1.6}.success-details{margin-top:var(--space-6, 24px);padding:var(--space-4, 16px);background:var(--content-bg, var(--color-bg-surface));border-radius:var(--radius-md, 8px);text-align:left;display:inline-block}.success-details p{margin:var(--space-2, 8px) 0;color:var(--text-primary, #1a1a1a)}.contact-merchant{margin-top:var(--space-4, 16px);color:var(--text-secondary, var(--color-text-muted));font-size:14px}@media(max-width:768px){.quote-approval-page{padding:var(--space-3, 12px)}.quote-approval-content{padding:var(--space-4, 16px)}.quote-approval-header{padding:var(--space-6, 24px) var(--space-4, 16px)}.quote-approval-header h1{font-size:24px}.action-buttons{flex-direction:column}.action-btn{width:100%}.proofs-gallery{grid-template-columns:1fr}.proof-item-annotated{padding:var(--space-4, 16px)}}.artwork-approval-page{--proof-accent: var(--color-accent);--proof-bg: #f8f7f4;--proof-border: #e7e2db;--proof-muted: #7a746b;--proof-text: #1f1d1a;min-height:100vh;background:var(--proof-bg);color:var(--proof-text)}.artwork-approval-loading,.artwork-approval-error,.artwork-approval-done{max-width:32rem;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.artwork-approval-loading p,.artwork-approval-done p{color:var(--proof-muted)}.artwork-approval-page .spin{animation:artwork-approval-spin .8s linear infinite}@keyframes artwork-approval-spin{to{transform:rotate(360deg)}}.artwork-approval-error p{color:#b91c1c}.artwork-approval-error-hint{margin-top:.5rem;color:var(--proof-muted)}.artwork-approval-done-icon{margin-bottom:1rem;color:#16a34a}.artwork-approval-done h1{margin:0 0 .5rem;font-size:1.75rem}.artwork-approval-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--proof-border)}.artwork-approval-topbar-left,.artwork-approval-topbar-right{display:flex;align-items:center;gap:.875rem}.artwork-approval-topbar-left{min-width:0;flex:1}.artwork-approval-logo{width:2.25rem;height:2.25rem;border-radius:.75rem;background:var(--proof-accent);color:var(--color-accent-text);display:inline-flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;flex-shrink:0}.artwork-approval-heading{min-width:0}.artwork-approval-reference-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.125rem}.artwork-approval-reference-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--proof-accent)}.artwork-approval-reference-value{font-size:1rem;font-weight:700}.artwork-approval-heading-sub{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;color:var(--proof-muted);font-size:.9rem}.artwork-approval-heading-sub strong{color:var(--proof-text);font-weight:600}.artwork-approval-version-label{font-size:.875rem;font-weight:600;color:var(--proof-muted)}.artwork-approval-deadline{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700}.artwork-approval-deadline-ok{background:#e8f7ee;color:#166534}.artwork-approval-deadline-soon{background:#fef3c7;color:#a16207}.artwork-approval-deadline-overdue{background:#fee2e2;color:#b91c1c}.artwork-approval-status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:700}.artwork-approval-status-badge.status-draft,.artwork-approval-status-badge.status-sent{background:#e0e7ff;color:#4338ca}.artwork-approval-status-badge.status-viewed{background:#ede9fe;color:#6d28d9}.artwork-approval-status-badge.status-changes_requested{background:#fef3c7;color:#a16207}.artwork-approval-status-badge.status-approved{background:#dcfce7;color:#15803d}.artwork-approval-status-badge.status-declined{background:#fee2e2;color:#b91c1c}.artwork-approval-error-banner{max-width:1360px;margin:1rem auto 0;padding:.875rem 1rem;border:1px solid #fecaca;border-radius:.875rem;background:#fff1f2;color:#b91c1c;display:flex;align-items:center;gap:.625rem}.artwork-approval-layout{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:calc(100vh - 73px)}.artwork-approval-viewer{padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.artwork-approval-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.artwork-approval-version-nav,.artwork-approval-viewer-tools{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.artwork-approval-version-meta{display:inline-flex;align-items:center;gap:.5rem;padding:0 .25rem;font-size:.875rem;font-weight:600}.artwork-approval-version-dot,.artwork-approval-timeline-dot{border-radius:999px}.artwork-approval-version-dot{width:.5rem;height:.5rem}.artwork-approval-version-timeline{display:flex;align-items:center;gap:.375rem;margin-left:.25rem}.artwork-approval-timeline-dot{width:.625rem;height:.625rem;border:2px solid transparent;padding:0;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.artwork-approval-timeline-dot.is-active{transform:scale(1.3);border-color:var(--proof-accent)}.artwork-approval-version-dot.pending,.artwork-approval-timeline-dot.pending{background:var(--color-border-default)}.artwork-approval-version-dot.approved,.artwork-approval-timeline-dot.approved{background:#22c55e}.artwork-approval-version-dot.changes,.artwork-approval-timeline-dot.changes{background:#f59e0b}.artwork-approval-version-dot.declined,.artwork-approval-timeline-dot.declined{background:#ef4444}.artwork-approval-tool-btn{width:2.125rem;height:2.125rem;border:1px solid var(--proof-border);border-radius:.625rem;background:var(--color-bg-card);color:var(--proof-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.artwork-approval-tool-btn:hover:not(:disabled),.artwork-approval-tool-btn.is-active{border-color:var(--proof-accent);background:#f5f3ff;color:var(--proof-accent)}.artwork-approval-tool-btn:disabled{cursor:not-allowed;opacity:.35}.artwork-approval-zoom-label{min-width:2.75rem;text-align:center;font-size:.875rem;font-weight:600;color:var(--proof-muted)}.artwork-approval-stage{position:relative;flex:1;min-height:520px;border:1px solid var(--proof-border);border-radius:1rem;background:var(--color-bg-card);overflow:auto;display:flex;align-items:center;justify-content:center;padding:2rem}.artwork-approval-stage.is-annotating{cursor:crosshair}.artwork-approval-stage-image-wrap{position:relative;transform-origin:center center}.artwork-approval-image{display:block;max-width:min(100%,900px);max-height:72vh;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.artwork-approval-pin{position:absolute;width:1.75rem;height:1.75rem;margin-left:-.875rem;margin-top:-.875rem;border-radius:999px;background:var(--proof-accent);color:var(--color-accent-text);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 10px 25px #534ab747}.artwork-approval-pin.is-pending{background:#f59e0b;box-shadow:0 10px 25px #f59e0b47}.artwork-approval-pin-tooltip{position:absolute;left:50%;top:calc(100% + .375rem);transform:translate(-50%);min-width:11rem;max-width:16rem;padding:.5rem .625rem;border-radius:.625rem;background:var(--color-text-primary);color:var(--color-accent-text);font-size:.75rem;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .15s ease}.artwork-approval-pin:hover .artwork-approval-pin-tooltip{opacity:1}.artwork-approval-approved-overlay{position:absolute;inset:0;z-index:2;background:#ffffffed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.artwork-approval-approved-icon{width:4.25rem;height:4.25rem;border-radius:999px;background:#dcfce7;color:#15803d;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.artwork-approval-approved-title{font-size:1.25rem;font-weight:700}.artwork-approval-approved-subtitle{margin-top:.25rem;color:var(--proof-muted)}.artwork-approval-viewer-note{text-align:center;font-size:.8125rem;color:var(--proof-muted)}.artwork-approval-panel{border-left:1px solid var(--proof-border);background:var(--color-bg-card)}.artwork-approval-panel-section{padding:1.5rem;border-bottom:1px solid var(--proof-border)}.artwork-approval-panel-title{margin-bottom:.875rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9a9489}.artwork-approval-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.artwork-approval-detail-card{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem;border-radius:.875rem;background:#faf8f4;color:var(--proof-muted)}.artwork-approval-detail-card svg{margin-top:.125rem;color:var(--proof-accent);flex-shrink:0}.artwork-approval-detail-card label{display:block;margin-bottom:.2rem;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.artwork-approval-detail-card span{display:block;color:var(--proof-text);font-size:.875rem;font-weight:600;line-height:1.4}.artwork-approval-color-row{margin-top:1rem}.artwork-approval-color-label{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--proof-muted);font-size:.875rem;font-weight:600}.artwork-approval-color-swatches{display:flex;flex-wrap:wrap;gap:.5rem}.artwork-approval-swatch{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .625rem .375rem .375rem;border-radius:999px;border:1px solid var(--proof-border);background:var(--color-bg-card);font-size:.8125rem;font-weight:600;color:var(--proof-text)}.artwork-approval-swatch-chip{width:1rem;height:1rem;border-radius:999px;border:1px solid rgba(15,23,42,.12)}.artwork-approval-empty-text{font-size:.875rem;color:var(--proof-muted)}.artwork-approval-checklist{display:flex;flex-direction:column;gap:.625rem}.artwork-approval-check-row{width:100%;padding:.75rem .875rem;border:0;border-radius:.875rem;background:#faf8f4;display:flex;align-items:flex-start;gap:.75rem;text-align:left;color:var(--proof-text);cursor:pointer}.artwork-approval-check-row:disabled{cursor:not-allowed;opacity:.7}.artwork-approval-check-box{width:1.25rem;height:1.25rem;border-radius:.4rem;border:2px solid #d5cdc1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.artwork-approval-check-box.is-checked{background:var(--proof-accent);border-color:var(--proof-accent);color:var(--color-accent-text)}.artwork-approval-check-row.is-checked{background:#f3f0ff}.artwork-approval-buttons{display:flex;flex-direction:column;gap:.625rem}.artwork-approval-btn{min-height:2.875rem;padding:.75rem 1rem;border-radius:.875rem;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9375rem;font-weight:700;cursor:pointer;transition:opacity .15s ease,transform .15s ease,border-color .15s ease,background .15s ease}.artwork-approval-btn:hover:not(:disabled){transform:translateY(-1px)}.artwork-approval-btn:disabled{opacity:.45;cursor:not-allowed}.artwork-approval-btn-approve{background:#166534;color:var(--color-accent-text)}.artwork-approval-btn-changes{background:#fff7ed;color:#b45309;border-color:#fdba74}.artwork-approval-btn-decline{background:var(--color-bg-card);color:#9f1239;border-color:#fecdd3}.artwork-approval-already,.artwork-approval-feedback-note p{margin:0;color:var(--proof-muted);line-height:1.55}.artwork-approval-modal-backdrop{position:fixed;inset:0;z-index:30;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1.25rem}.artwork-approval-modal{width:min(100%,36rem);border-radius:1rem;background:var(--color-bg-card);box-shadow:0 24px 60px #0f172a40}.artwork-approval-modal-head,.artwork-approval-modal-foot{padding:1.25rem 1.5rem}.artwork-approval-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--proof-border)}.artwork-approval-modal-head h2{margin:0 0 .25rem;font-size:1.125rem}.artwork-approval-modal-head p{margin:0;color:var(--proof-muted);line-height:1.5}.artwork-approval-modal-close{width:2rem;height:2rem;border:1px solid var(--proof-border);border-radius:.625rem;background:var(--color-bg-card);color:var(--proof-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.artwork-approval-modal-body{padding:1.25rem 1.5rem}.artwork-approval-input-label,.artwork-approval-modal-subhead{display:block;margin-bottom:.625rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9a9489}.artwork-approval-modal-subhead{margin-top:1.25rem}.artwork-approval-textarea,.artwork-approval-pin-textarea{width:100%;border:1px solid var(--proof-border);border-radius:.875rem;padding:.875rem 1rem;font:inherit;color:var(--proof-text);resize:vertical;background:var(--color-bg-card)}.artwork-approval-textarea:focus,.artwork-approval-pin-textarea:focus{outline:2px solid rgba(83,74,183,.12);border-color:var(--proof-accent)}.artwork-approval-pending-pins{display:flex;flex-direction:column;gap:.75rem}.artwork-approval-pending-pin-card{padding:.875rem;border-radius:.875rem;background:#faf8f4;border:1px solid var(--proof-border)}.artwork-approval-pending-pin-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.625rem;font-size:.875rem;font-weight:700}.artwork-approval-pending-pin-header button{border:0;background:transparent;color:#b91c1c;font:inherit;cursor:pointer}.artwork-approval-modal-foot{border-top:1px solid var(--proof-border);display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:960px){.artwork-approval-topbar,.artwork-approval-topbar-left,.artwork-approval-topbar-right{flex-direction:column;align-items:flex-start}.artwork-approval-layout{grid-template-columns:1fr}.artwork-approval-panel{border-left:0;border-top:1px solid var(--proof-border)}.artwork-approval-viewer{padding:1rem}.artwork-approval-stage{min-height:380px;padding:1rem}}@media(max-width:640px){.artwork-approval-topbar,.artwork-approval-error-banner{padding-left:1rem;padding-right:1rem}.artwork-approval-details-grid{grid-template-columns:1fr}.artwork-approval-modal-head,.artwork-approval-modal-body,.artwork-approval-modal-foot{padding-left:1rem;padding-right:1rem}.artwork-approval-modal-foot{flex-direction:column-reverse}.artwork-approval-modal-foot .artwork-approval-btn{width:100%}}.wrap-approval-page{min-height:100vh;background:var(--page-bg, #f8fafc);padding:16px}.wrap-approval-loading,.wrap-approval-error,.wrap-approval-done{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:24px}.wrap-approval-loading p,.wrap-approval-error p,.wrap-approval-done p{margin:12px 0 0;color:var(--text-secondary, #64748b)}.wrap-approval-spin{animation:wrap-approval-spin .8s linear infinite}@keyframes wrap-approval-spin{to{transform:rotate(360deg)}}.wrap-approval-error .wrap-approval-error-hint{font-size:13px;margin-top:8px}.wrap-approval-done-icon{color:var(--accent, #4f46e5)}.wrap-approval-done h1{margin:16px 0 0;font-size:22px}.wrap-approval-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media(max-width:900px){.wrap-approval-layout{grid-template-columns:1fr}}.wrap-approval-viewer{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.wrap-approval-viewer-header{margin-bottom:16px}.wrap-approval-title{margin:0;font-size:18px;font-weight:700}.wrap-approval-meta{margin:6px 0 0;font-size:13px;color:var(--text-secondary)}.wrap-approval-version-pill{display:inline-flex;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;border-radius:9999px;background:var(--accent, #4f46e5);color:var(--text-on-accent, #fff)}.wrap-approval-side-tabs{display:inline-flex;gap:0;margin-bottom:16px;padding:3px;background:var(--muted, var(--color-bg-surface));border-radius:10px;border:1px solid var(--border, var(--color-border-default))}.wrap-approval-side-tab{padding:8px 16px;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:transparent;color:var(--text-secondary, #64748b);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.wrap-approval-side-tab:hover:not(.active){background:#fff9;color:var(--text-primary, var(--color-text-primary))}.wrap-approval-side-tab.active{background:var(--accent, #4f46e5);color:var(--text-on-accent, #fff);box-shadow:0 1px 2px #0000000f}.wrap-approval-image-area{display:flex;align-items:center;gap:12px;margin-bottom:12px}.wrap-approval-nav{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text-primary, var(--color-text-primary));cursor:pointer}.wrap-approval-nav:hover{background:var(--muted, var(--color-bg-surface));color:var(--text-primary, var(--color-text-primary))}.wrap-approval-nav svg{flex-shrink:0}.wrap-approval-image-wrap{flex:1;min-height:280px;display:flex;align-items:center;justify-content:center;overflow:auto;transform-origin:center center}.wrap-approval-image-container{position:relative;display:inline-block;max-width:100%}.wrap-approval-image-container.pin-mode{cursor:crosshair}.wrap-approval-image-container img{max-width:100%;max-height:400px;display:block;border-radius:8px}.wrap-approval-pdf-link{display:inline-block;padding:24px 32px;background:var(--muted);border-radius:8px;color:var(--accent);font-weight:600}.wrap-approval-no-image{padding:48px;color:var(--text-secondary)}.wrap-approval-pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-accent-text)}.wrap-approval-pin.existing{background:var(--accent)}.wrap-approval-pin.pending{background:#ea580c}.wrap-approval-zoom{display:flex;align-items:center;gap:10px;margin-bottom:12px}.wrap-approval-zoom button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:var(--card-bg);color:var(--text-primary, var(--color-text-primary));cursor:pointer}.wrap-approval-zoom button:hover{color:var(--text-primary, var(--color-text-primary))}.wrap-approval-zoom button svg{flex-shrink:0}.wrap-approval-zoom span{font-size:13px;min-width:40px;text-align:center}.wrap-approval-pin-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);cursor:pointer}.wrap-approval-pin-btn:hover,.wrap-approval-pin-btn.active{border-color:var(--accent);color:var(--accent)}.wrap-approval-panel{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:20px}.wrap-approval-details p{margin:0 0 8px;font-size:13px}.wrap-approval-staff-notes{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.wrap-approval-staff-notes p{margin:6px 0 0}.wrap-approval-annotations{font-size:13px}.wrap-approval-annotations strong{display:block;margin-bottom:8px}.wrap-approval-ann-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.wrap-approval-ann-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--color-accent-text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.wrap-approval-ann-item input{flex:1;padding:6px 8px;font-size:12px;border:1px solid var(--border);border-radius:6px}.wrap-approval-ann-remove{font-size:11px;color:var(--text-secondary);background:none;border:none;cursor:pointer}.wrap-approval-checklist strong{display:block;margin-bottom:10px;font-size:13px}.wrap-approval-check{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;cursor:pointer}.wrap-approval-disclaimer{padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary)}.wrap-approval-actions{display:flex;flex-direction:column;gap:10px}.wrap-approval-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer}.wrap-approval-btn:disabled{opacity:.6;cursor:not-allowed}button.wrap-approval-btn.approve{background:#16a34a!important;background-color:#16a34a!important;color:#fff!important;border-color:#15803d}button.wrap-approval-btn.approve:hover:not(:disabled){background:#15803d!important;background-color:#15803d!important;color:#fff!important}button.wrap-approval-btn.changes{background:#ea580c!important;background-color:#ea580c!important;color:#fff!important;border-color:#c2410c}button.wrap-approval-btn.changes:hover:not(:disabled){background:#c2410c!important;background-color:#c2410c!important;color:#fff!important}button.wrap-approval-btn.decline{background:var(--danger)!important;background-color:var(--danger)!important;color:#fff!important;border-color:#b91c1c}button.wrap-approval-btn.decline:hover:not(:disabled){background:#b91c1c!important;background-color:#b91c1c!important;color:#fff!important}.wrap-approval-btn.secondary{background:var(--muted);color:var(--text-primary)}.wrap-approval-btn.full{width:100%}.wrap-approval-modal-overlay{position:fixed;inset:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px}.wrap-approval-modal{background:var(--card-bg);border-radius:12px;padding:24px;max-width:440px;width:100%}.wrap-approval-modal h3{margin:0 0 16px;font-size:16px}.wrap-approval-modal textarea{width:100%;padding:10px;font-size:13px;border:1px solid var(--border);border-radius:8px;resize:vertical;margin-bottom:12px}.wrap-approval-modal-pins{font-size:12px;color:var(--text-secondary);margin-bottom:16px}.wrap-approval-modal-actions{display:flex;gap:10px;justify-content:flex-end}.wrap-approval-mobile-sheet{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--card-bg);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;max-height:50vh;overflow:auto;transition:transform .2s ease;transform:translateY(100%)}.wrap-approval-mobile-sheet.open{transform:translateY(0)}@media(max-width:900px){.wrap-approval-mobile-sheet{display:block}}.wrap-approval-mobile-sheet-handle{height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.wrap-approval-mobile-sheet-handle:before{content:"";width:40px;height:4px;background:var(--border);border-radius:2px}.wrap-approval-mobile-sheet-content{padding:16px 20px 24px}.lead-form{max-width:480px}.lead-form h2{margin:0 0 20px;font-size:20px;font-weight:600}.lead-form-step{display:flex;flex-direction:column;gap:16px}.lead-form-step label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}.lead-form-required{color:var(--danger, #b91c1c)}.lead-form-hint{font-size:12px;color:var(--text-secondary, var(--color-text-muted));font-weight:400;margin-top:4px}.lead-form-field-error{font-size:13px;color:var(--danger, #b91c1c);margin-top:4px}.lead-form-step input[type=text],.lead-form-step input[type=date],.lead-form-step select,.lead-form-step textarea{padding:10px;font-size:14px;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px)}.lead-form-step textarea{resize:vertical}.lead-form-scope{min-height:240px}.lead-form-quantities{min-height:120px;resize:vertical}.lead-form-file-label{display:flex;flex-direction:column;gap:6px}.lead-form-file-label-text{font-size:14px;font-weight:500}.lead-form-file-wrap{position:relative;display:block}.lead-form-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.lead-form-file-trigger{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:500;color:var(--accent, #0078d4);background:#0078d414;border:1px dashed var(--accent, #0078d4);border-radius:var(--radius-md, 8px);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.lead-form-file-trigger:hover{background:#0078d424;border-color:var(--accent-hover, #106ebe);color:var(--accent-hover, #106ebe)}.lead-form-file-input:focus-visible+.lead-form-file-trigger{outline:2px solid var(--accent, #0078d4);outline-offset:2px}.lead-form-file-icon{font-size:18px;line-height:1;opacity:.9}.lead-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.lead-form-actions button{padding:10px 18px;font-size:14px;font-weight:500;border-radius:var(--radius-md, 8px);cursor:pointer}.lead-form-actions button:first-of-type{background:var(--accent, #0078d4);color:#fff;border:none}.lead-form-actions button:first-of-type:hover:not(:disabled){background:var(--accent-hover, #106ebe)}.lead-form-actions button:nth-of-type(2){background:var(--card-bg);border:1px solid var(--border, var(--color-border-default))}.lead-form-actions button:disabled{opacity:.6;cursor:not-allowed}.lead-form-step-review .lead-form-summary{margin-bottom:4px}.lead-form-actions-review{margin-top:16px;gap:12px}.lead-form-btn-primary{background:linear-gradient(135deg,var(--accent, #0078d4) 0%,var(--accent-hover, #106ebe) 100%)!important;color:#fff!important;border:none!important;padding:12px 24px!important;font-weight:600!important;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease,transform .05s ease}.lead-form-btn-primary:hover:not(:disabled){box-shadow:0 2px 6px #0078d459!important}.lead-form-btn-primary:active:not(:disabled){transform:translateY(1px)}.lead-form-btn-secondary{background:var(--card-bg)!important;border:1px solid var(--border, var(--color-border-default))!important;color:var(--color-text-primary)!important;padding:12px 24px!important}.lead-form-btn-secondary:hover:not(:disabled){background:var(--content-bg, var(--color-border-default))!important}.lead-form-btn-tertiary{background:transparent!important;border:1px solid var(--border, var(--color-border-default))!important;color:var(--text-secondary, #555)!important;padding:12px 24px!important}.lead-form-btn-tertiary:hover:not(:disabled){color:var(--color-text-primary)!important;background:var(--content-bg, var(--color-border-default))!important}.lead-form-file-list{list-style:none;margin:0;padding:0;font-size:13px}.lead-form-file-list li{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.lead-form-file-list button{padding:4px 10px;font-size:12px;background:transparent;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);cursor:pointer}.lead-form-summary{background:var(--content-bg, var(--color-border-default));border-radius:var(--radius-md, 8px);padding:16px}.lead-form-summary p{margin:0 0 8px;font-size:14px}.lead-form-summary p:last-child{margin-bottom:0}.lead-form-error{color:var(--danger, #b91c1c);font-size:14px}.customer-portal-page{min-height:100vh;background:var(--content-bg, var(--color-bg-surface));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.customer-portal-loading,.customer-portal-error{max-width:560px;margin:0 auto;padding:48px 24px;text-align:center;background:var(--card-bg);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1))}.customer-portal-loading{margin-top:48px}.customer-portal-spinner{width:48px;height:48px;border:4px solid var(--border, var(--color-border-default));border-top-color:var(--accent, #0078d4);border-radius:50%;animation:customer-portal-spin 1s linear infinite;margin:0 auto 16px}@keyframes customer-portal-spin{to{transform:rotate(360deg)}}.customer-portal-error h1{margin:0 0 12px;font-size:22px;color:var(--text-primary, #1a1a1a)}.customer-portal-error p{margin:0 0 8px;color:var(--text-secondary, #555)}.customer-portal-contact{margin-top:16px!important;font-size:14px;opacity:.9}.customer-portal-header{background:var(--card-bg);color:var(--text-primary, #1a1a1a);padding:0;box-shadow:0 1px 3px #0000000f;border-bottom:1px solid var(--border, var(--color-border-default))}.customer-portal-header-inner{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.customer-portal-brand{display:flex;align-items:center;gap:16px}.customer-portal-logo-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:10px;background:var(--content-bg, #f5f5f5);border:1px solid var(--border, var(--color-border-default));overflow:hidden}.customer-portal-logo{max-width:44px;max-height:44px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.customer-portal-brand-text{display:flex;flex-direction:column;gap:2px}.customer-portal-title{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary, #1a1a1a);line-height:1.2}.customer-portal-subtitle{font-size:13px;color:var(--text-secondary, var(--color-text-muted));font-weight:500}.customer-portal-you{margin:0;font-size:14px;color:var(--text-secondary, var(--color-text-muted));flex-shrink:0}.customer-portal-you strong{color:var(--text-primary, #1a1a1a);font-weight:600}.customer-portal-tabs{display:flex;gap:0;max-width:1100px;margin:0 auto;padding:0 24px;background:var(--card-bg);border-bottom:1px solid var(--border, var(--color-border-default));overflow-x:auto;scrollbar-width:thin}.customer-portal-tab{padding:14px 18px;border:none;background:none;font-size:14px;font-weight:500;color:var(--text-secondary, var(--color-text-muted));cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.customer-portal-tab:hover{color:var(--portal-accent, var(--accent, #4f46e5))}.customer-portal-tab.active{color:var(--portal-accent, var(--accent, #4f46e5));border-bottom-color:var(--portal-accent, var(--accent, #4f46e5))}.customer-portal-content{max-width:1100px;margin:0 auto;padding:28px 24px;background:var(--content-bg, #f8fafc);min-height:360px;border-radius:0 0 12px 12px}.customer-portal-section h2{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--text-primary, #1a1a1a)}.customer-portal-empty{color:var(--text-secondary, #555);margin:0}.customer-portal-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.customer-portal-card{background:var(--content-bg, var(--color-bg-surface));border-radius:var(--radius-md, 8px);padding:16px;border:1px solid var(--border, var(--color-border-default))}.customer-portal-card-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.customer-portal-card-label{color:var(--text-secondary, #555)}.customer-portal-card-value{font-weight:500;color:var(--text-primary, #1a1a1a)}.customer-portal-proofs{display:flex;flex-direction:column;gap:32px}.customer-portal-proof-block{border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);padding:20px;background:var(--content-bg, var(--color-bg-surface))}.customer-portal-proof-block h3{margin:0 0 16px;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.customer-portal-response-badge{font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;background:var(--accent, #0078d4);color:#fff}.customer-portal-proof-gallery{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.customer-portal-proof-item{flex:0 1 280px}.customer-portal-respond-btn{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:var(--portal-accent, var(--accent, #4f46e5));border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.customer-portal-respond-btn:hover{filter:brightness(1.08)}.customer-portal-response-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--border, var(--color-border-default))}.customer-portal-submit-error{color:var(--danger, #b91c1c);font-size:14px;margin-bottom:12px}.customer-portal-action-buttons{display:flex;gap:10px;margin-bottom:12px}.customer-portal-action-buttons button{padding:8px 16px;font-size:14px;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);background:var(--card-bg);cursor:pointer}.customer-portal-action-buttons button.selected{background:var(--accent, #0078d4);color:#fff;border-color:var(--accent, #0078d4)}.customer-portal-response-form textarea{width:100%;max-width:480px;padding:10px;font-size:14px;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);margin-bottom:12px;resize:vertical}.customer-portal-response-actions{display:flex;gap:10px}.customer-portal-response-actions button:first-child{padding:8px 20px;font-size:14px;background:var(--accent, #0078d4);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.customer-portal-response-actions button:first-child:disabled{opacity:.6;cursor:not-allowed}.customer-portal-response-actions button:last-child{padding:8px 16px;font-size:14px;background:transparent;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);cursor:pointer}.customer-portal-success-msg{margin:12px 0 0;color:var(--success, #15803d);font-size:14px}.customer-portal-proof-note{font-size:13px;color:var(--text-secondary, #555);margin:8px 0 0}.customer-portal-proof-title{font-size:13px;margin-bottom:8px;color:var(--text-secondary, #555);display:flex;align-items:center;flex-wrap:wrap;gap:8px}.customer-portal-proof-status-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--success, #15803d);color:#fff}.approval-countdown{font-size:12px;color:var(--text-secondary, #555)}.approval-countdown.overdue{color:var(--danger, #b91c1c);font-weight:500}.customer-portal-view-fullscreen-btn{margin-top:8px;padding:6px 12px;font-size:13px;background:transparent;border:1px solid var(--portal-accent, var(--accent, #4f46e5));color:var(--portal-accent, var(--accent, #4f46e5));border-radius:var(--radius-md, 8px);cursor:pointer}.customer-portal-view-fullscreen-btn:hover{background:var(--content-bg, var(--color-bg-surface))}.customer-portal-fullscreen-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;padding:16px}.customer-portal-fullscreen-modal{background:var(--card-bg);border-radius:var(--radius-lg, 12px);max-width:95vw;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}.customer-portal-fullscreen-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border, var(--color-border-default))}.customer-portal-fullscreen-header-left{display:flex;align-items:center;gap:12px}.customer-portal-fullscreen-title{font-weight:600;font-size:16px}.customer-portal-fullscreen-versions{display:flex;gap:4px}.customer-portal-version-tab{padding:4px 10px;font-size:13px;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);background:var(--card-bg);cursor:pointer}.customer-portal-version-tab.active{background:var(--accent, #0078d4);color:#fff;border-color:var(--accent, #0078d4)}.customer-portal-fullscreen-close{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:var(--text-secondary, #555)}.customer-portal-fullscreen-body{padding:16px;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:16px}.customer-portal-fullscreen-zoom-controls{display:flex;align-items:center;gap:8px}.customer-portal-fullscreen-zoom-controls button{width:32px;height:32px;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);background:var(--card-bg);cursor:pointer;font-size:18px}.customer-portal-fullscreen-image-wrap{max-width:100%;max-height:60vh;min-height:200px}.customer-portal-fullscreen-image{display:block;max-width:none}.customer-portal-fullscreen-actions{width:100%;max-width:400px}.customer-portal-fullscreen-action-btns{display:flex;gap:10px;margin-bottom:10px}.customer-portal-fullscreen-action-btns button{padding:8px 16px;font-size:14px;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);background:var(--card-bg);cursor:pointer}.customer-portal-fullscreen-action-btns button.selected{background:var(--portal-accent, var(--accent, #4f46e5));color:#fff;border-color:var(--portal-accent, var(--accent, #4f46e5))}.customer-portal-fullscreen-comment{width:100%;padding:8px;font-size:14px;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);margin-bottom:10px;resize:vertical}.customer-portal-fullscreen-submit{display:flex;gap:10px}.customer-portal-fullscreen-submit button:first-child{padding:8px 20px;background:var(--accent, #0078d4);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.customer-portal-fullscreen-submit button:first-child:disabled{opacity:.6;cursor:not-allowed}.customer-portal-proof-status-msg{font-size:14px;color:var(--text-secondary, #555);margin:0}.customer-portal-success-banner{padding:12px 16px;margin-bottom:16px;background:var(--success-bg, #dcfce7);color:var(--success, #15803d);font-size:14px;border-radius:var(--radius-md, 8px)}.customer-portal-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.customer-portal-view-details-btn{padding:8px 16px;font-size:14px;background:var(--portal-accent, var(--accent, #4f46e5));color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.customer-portal-view-details-btn:hover{filter:brightness(1.08)}.customer-portal-accept-pay-btn{padding:8px 16px;font-size:14px;font-weight:500;background:var(--portal-accent, var(--accent, #4f46e5));color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.customer-portal-accept-pay-btn:hover:not(:disabled){filter:brightness(1.08)}.customer-portal-accept-pay-btn:disabled{opacity:.7;cursor:not-allowed}.customer-portal-accept-pay-btn.secondary{background:var(--card-bg);color:var(--portal-accent, var(--accent, #4f46e5));border:1px solid var(--portal-accent, var(--accent, #4f46e5))}.customer-portal-accept-pay-btn.secondary:hover:not(:disabled){background:var(--content-bg, var(--color-bg-surface))}.customer-portal-quote-detail-accept-pay{margin-top:20px;padding-top:16px;border-top:1px solid var(--border, var(--color-border-default))}.customer-portal-quote-detail-accept-pay h4{margin:0 0 12px;font-size:15px;font-weight:600}.customer-portal-quote-detail-accept-pay-buttons{display:flex;flex-wrap:wrap;gap:10px}.customer-portal-quote-detail-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.customer-portal-quote-detail-modal{background:var(--card-bg);border-radius:var(--radius-lg, 12px);box-shadow:0 20px 25px -5px #00000026;max-width:560px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.customer-portal-quote-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, var(--color-border-default))}.customer-portal-quote-detail-header h3{margin:0;font-size:18px;font-weight:600}.customer-portal-quote-detail-close{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;padding:0 4px;color:var(--text-secondary, #555)}.customer-portal-quote-detail-close:hover{color:var(--text-primary, #1a1a1a)}.customer-portal-quote-detail-loading,.customer-portal-quote-detail-error{padding:40px 20px;text-align:center}.customer-portal-quote-detail-error p{margin:0 0 16px;color:var(--text-secondary, #555)}.customer-portal-quote-detail-body{padding:20px;overflow-y:auto}.customer-portal-quote-detail-meta{margin-bottom:20px}.customer-portal-quote-detail-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.customer-portal-quote-detail-row .label{color:var(--text-secondary, #555)}.customer-portal-quote-detail-row .value{font-weight:500}.customer-portal-quote-detail-row.total-row{font-weight:600;font-size:16px;padding-top:12px;margin-top:8px;border-top:1px solid var(--border, var(--color-border-default))}.customer-portal-quote-detail-items{margin-bottom:20px}.customer-portal-quote-detail-items h4,.customer-portal-quote-detail-totals h4,.customer-portal-quote-detail-notes h4{margin:0 0 12px;font-size:15px;font-weight:600}.customer-portal-quote-line-items{list-style:none;margin:0;padding:0}.customer-portal-quote-line-item{padding:12px 0;border-bottom:1px solid var(--border, var(--color-border-default))}.customer-portal-quote-line-item:last-child{border-bottom:none}.customer-portal-quote-line-item-header{display:flex;justify-content:space-between;margin-bottom:6px}.customer-portal-quote-line-item-header .item-name{font-weight:500}.customer-portal-quote-line-item-header .item-price{font-weight:600}.customer-portal-quote-line-item-details{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--text-secondary, #555)}.customer-portal-quote-detail-totals{margin-bottom:20px}.customer-portal-quote-detail-notes p{margin:0;font-size:14px;color:var(--text-secondary, #555)}.customer-portal-dashboard h2{margin-bottom:20px}.customer-portal-kpi-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}.customer-portal-kpi-card{background:var(--content-bg, var(--color-bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);padding:16px;text-align:center;cursor:pointer}.customer-portal-kpi-card:hover{background:var(--border, var(--color-border-default))}.customer-portal-kpi-value{display:block;font-size:22px;font-weight:700;color:var(--text-primary, #1a1a1a)}.customer-portal-kpi-label{display:block;font-size:12px;color:var(--text-secondary, #555);margin-top:4px}.customer-portal-quick-actions,.customer-portal-recent-activity{margin-bottom:24px}.customer-portal-quick-actions h3,.customer-portal-recent-activity h3{margin:0 0 12px;font-size:16px;font-weight:600}.customer-portal-quick-actions-btns{display:flex;flex-wrap:wrap;gap:10px}.customer-portal-quick-btn{padding:10px 18px;font-size:14px;font-weight:500;background:var(--portal-accent, var(--accent, #4f46e5));color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.customer-portal-quick-btn:hover{filter:brightness(1.08)}.customer-portal-activity-list{list-style:none;margin:0;padding:0}.customer-portal-activity-item{padding:10px 0;border-bottom:1px solid var(--border, var(--color-border-default));display:flex;flex-direction:column;gap:2px}.customer-portal-activity-item:last-child{border-bottom:none}.customer-portal-activity-date{font-size:12px;color:var(--text-secondary, #555)}.customer-portal-activity-label{font-size:14px;color:var(--text-primary, #1a1a1a)}.customer-portal-loading-inline{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}.customer-portal-loading-inline .customer-portal-spinner{margin:0}.customer-portal-brand-vault-upload{margin-bottom:24px;padding:16px;background:var(--content-bg, var(--color-bg-surface));border-radius:var(--radius-md, 8px);border:1px solid var(--border, var(--color-border-default))}.customer-portal-brand-vault-upload h3{margin:0 0 12px;font-size:15px;font-weight:600}.customer-portal-brand-upload-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.customer-portal-brand-upload-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500}.customer-portal-brand-upload-form select,.customer-portal-brand-upload-form input[type=text]{padding:8px 10px;font-size:14px;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px)}.customer-portal-file-label{width:100%;max-width:280px}.customer-portal-file-label-text{display:block;margin-bottom:6px}.customer-portal-file-input-wrap{position:relative;display:block}.customer-portal-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.customer-portal-file-trigger{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:500;color:var(--accent, #0078d4);background:#0078d414;border:1px dashed var(--accent, #0078d4);border-radius:var(--radius-md, 8px);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.customer-portal-file-trigger:hover{background:#0078d424;border-color:var(--accent-hover, #106ebe);color:var(--accent-hover, #106ebe)}.customer-portal-file-input:focus-visible+.customer-portal-file-trigger{outline:2px solid var(--accent, #0078d4);outline-offset:2px}.customer-portal-file-icon{font-size:18px;line-height:1;opacity:.9}.customer-portal-brand-upload-form button[type=submit]{padding:10px 20px;font-size:14px;font-weight:500;background:linear-gradient(135deg,var(--accent, #0078d4) 0%,var(--accent-hover, #106ebe) 100%);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease,transform .05s ease}.customer-portal-brand-upload-form button[type=submit]:hover:not(:disabled){box-shadow:0 2px 6px #0078d459}.customer-portal-brand-upload-form button[type=submit]:active:not(:disabled){transform:translateY(1px)}.customer-portal-brand-upload-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.customer-portal-brand-upload-error{color:var(--danger, #b91c1c);font-size:13px;margin:0;width:100%}.customer-portal-brand-vault{display:flex;flex-direction:column;gap:24px}.customer-portal-brand-asset-source{font-size:11px;color:var(--text-secondary, #555);font-style:italic}.customer-portal-brand-vault-group h3{margin:0 0 12px;font-size:16px;font-weight:600}.customer-portal-brand-vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.customer-portal-brand-asset-card{background:var(--content-bg, var(--color-bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.customer-portal-swatch-preview{width:48px;height:48px;border-radius:8px;border:1px solid var(--border, var(--color-border-default))}.customer-portal-asset-placeholder{width:48px;height:48px;background:var(--border, var(--color-border-default));border-radius:8px}.customer-portal-brand-asset-name{font-size:13px;font-weight:500;text-align:center;word-break:break-word}.customer-portal-brand-asset-download{font-size:12px;color:var(--accent, #0078d4);text-decoration:none}.customer-portal-brand-asset-download:hover{text-decoration:underline}.customer-portal-footer{text-align:center;padding:20px;font-size:13px;color:var(--text-secondary, #555)}.customer-portal-my-account .customer-portal-section-desc{margin:0 0 20px;font-size:14px;color:var(--text-secondary, #555)}.customer-portal-profile-form{max-width:560px;display:flex;flex-direction:column;gap:24px}.customer-portal-profile-block{padding:16px 0;border-bottom:1px solid var(--border, var(--color-border-default))}.customer-portal-profile-block:last-of-type{border-bottom:none}.customer-portal-profile-block h3{margin:0 0 12px;font-size:15px;font-weight:600}.customer-portal-profile-form label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:500;margin-bottom:12px}.customer-portal-profile-form label:last-child{margin-bottom:0}.customer-portal-profile-form input[type=text],.customer-portal-profile-form input[type=email],.customer-portal-profile-form input[type=tel]{padding:10px 12px;font-size:14px;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px)}.customer-portal-profile-row{display:flex;gap:12px;flex-wrap:wrap}.customer-portal-profile-row label{flex:1;min-width:100px}.customer-portal-shipping-card{background:var(--content-bg, var(--color-bg-surface));border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);padding:12px;margin-bottom:12px}.customer-portal-inline-fields{display:flex;gap:8px;margin-top:4px}.customer-portal-inline-fields input{flex:1;min-width:0}.customer-portal-remove-addr{margin-top:8px;padding:6px 12px;font-size:13px;background:transparent;border:1px solid var(--border, var(--color-border-default));border-radius:var(--radius-md, 8px);cursor:pointer;color:var(--text-secondary, #555)}.customer-portal-remove-addr:hover{background:var(--border, var(--color-border-default))}.customer-portal-add-addr{padding:10px 16px;font-size:14px;background:transparent;border:1px dashed var(--accent, #0078d4);color:var(--accent, #0078d4);border-radius:var(--radius-md, 8px);cursor:pointer;font-weight:500}.customer-portal-add-addr:hover{background:#0078d414}.customer-portal-check-label{flex-direction:row!important;align-items:center;cursor:pointer}.customer-portal-check-label input[type=checkbox]{width:auto;margin-right:8px}.customer-portal-tax-upload{margin-top:12px}.customer-portal-tax-upload p{margin:0 0 8px;font-size:13px;color:var(--text-secondary, #555)}.customer-portal-tax-uploaded{margin:8px 0 0;font-size:13px;color:var(--success, #15803d)}.job-status-tracker{margin:12px 0 0}.job-status-tracker__steps{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 0}.job-status-tracker__step{display:flex;align-items:center;flex:0 0 auto;position:relative}.job-status-tracker__marker{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--border, var(--color-border-default));display:flex;align-items:center;justify-content:center;margin-right:6px}.job-status-tracker__dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary, var(--color-text-muted))}.job-status-tracker__step.complete .job-status-tracker__marker{background:var(--success, #15803d)}.job-status-tracker__step.complete .job-status-tracker__dot{display:none}.job-status-tracker__check{color:#fff;font-size:12px;font-weight:700;line-height:1}.job-status-tracker__step.current .job-status-tracker__marker{background:var(--accent, #0078d4);box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px var(--accent, #0078d4)}.job-status-tracker__step.current .job-status-tracker__dot{background:var(--color-bg-card)}.job-status-tracker__label{font-size:12px;color:var(--text-secondary, var(--color-text-muted));margin-right:8px;white-space:nowrap}.job-status-tracker__step.current .job-status-tracker__label{color:var(--color-text-primary);font-weight:500}.job-status-tracker__step.complete .job-status-tracker__label{color:var(--color-text-primary)}.job-status-tracker__connector{width:12px;height:2px;background:var(--border, var(--color-border-default));margin-right:4px;align-self:center}.job-status-tracker__step.complete+.job-status-tracker__step .job-status-tracker__connector,.job-status-tracker__step.complete .job-status-tracker__connector{background:var(--success, #15803d)}@media(max-width:480px){.job-status-tracker__steps{flex-direction:column;gap:4px}.job-status-tracker__connector{width:2px;height:10px;margin:0 0 0 10px;align-self:flex-start}}.designer-canvas-wrapper{display:flex;align-items:center;justify-content:center;position:relative}.pd-root{height:100vh;display:flex;flex-direction:column;background:var(--color-bg-surface);font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text-primary);overflow:hidden}.pd-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.pd-header-top{display:flex;align-items:center;gap:10px;padding:8px 20px;background:var(--brand, var(--color-accent));color:var(--color-accent-text)}.pd-logo{max-height:26px}.pd-tenant-name{font-size:14px;font-weight:700;letter-spacing:.2px}.pd-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:8px 20px;background:var(--color-bg-card)}.pd-step{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;color:var(--color-text-muted);transition:color .2s}.pd-step.active{color:var(--color-accent)}.pd-step.done{color:#10b981}.pd-step-num{width:22px;height:22px;border-radius:50%;background:var(--color-border-default);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;transition:all .2s}.pd-step.active .pd-step-num{background:var(--color-accent);color:var(--color-accent-text)}.pd-step.done .pd-step-num{background:#10b981;color:var(--color-accent-text)}.pd-step-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.pd-step-arrow{color:var(--color-border-default);margin:0 4px}.pd-main{display:flex;flex:1;overflow:hidden;min-height:0}.pd-icon-rail{width:64px;background:var(--color-bg-dark);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.pd-rail-btn{width:56px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.2px;transition:all .2s;border-radius:8px;border-left:3px solid transparent}.pd-rail-btn svg{width:20px!important;height:20px!important;stroke:var(--color-text-muted)!important;fill:none!important;transition:stroke .2s}.pd-rail-btn:hover{color:var(--color-accent-text);background:#ffffff14}.pd-rail-btn:hover svg{stroke:#fff!important}.pd-rail-btn.active{color:var(--color-accent-text);background:#3b82f633;border-left-color:var(--brand, var(--color-accent))}.pd-rail-btn.active svg{stroke:var(--brand, var(--color-accent))!important}.pd-panel-left{width:260px;background:var(--color-bg-card);border-right:1px solid var(--color-border-default);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.pd-panel-content{flex:1;overflow-y:auto;padding:14px}.pd-section{margin-top:12px}.pd-section:first-child{margin-top:0}.pd-section-title{margin:0 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;display:flex;align-items:center;gap:5px}.pd-label{display:block;margin:10px 0 4px;font-size:11px;font-weight:600;color:var(--color-bg-dark-hover)}.pd-editing-label{font-size:11px;font-weight:600;color:var(--color-accent);background:var(--color-bg-surface);padding:6px 10px;border-radius:6px;margin-bottom:10px}.pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.pd-btn:disabled{opacity:.5;cursor:not-allowed}.pd-btn-primary{background:var(--color-accent);color:var(--color-accent-text);box-shadow:0 1px 3px #3b82f64d}.pd-btn-primary:hover:not(:disabled){background:var(--color-accent);box-shadow:0 4px 8px #3b82f659;transform:translateY(-1px)}.pd-btn-outline{background:var(--color-bg-card);color:var(--color-bg-dark-hover);border:1px solid var(--color-border-default)}.pd-buy-more-section .pd-btn-outline{background:#054bd6;border-color:#0056d6;color:var(--color-accent-text)}.pd-buy-more-section .pd-btn-outline:hover:not(:disabled){background:#0441b9;border-color:#0046af;color:var(--color-accent-text)}.pd-btn-outline:hover:not(:disabled){background:var(--color-bg-surface);border-color:var(--color-text-muted)}.pd-btn-full{width:100%}.pd-selected-product{margin-top:12px;padding:12px;background:var(--color-bg-surface);border:1px solid #bfdbfe;border-radius:8px}.pd-sp-label{font-size:10px;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.pd-sp-name{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.pd-sp-meta{font-size:12px;color:var(--color-text-muted)}.pd-color-list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}.pd-color-option{display:flex;align-items:center;gap:10px;padding:6px 8px;border:2px solid transparent;border-radius:8px;cursor:pointer;background:var(--color-bg-card);transition:all .15s}.pd-color-option:hover{background:var(--color-border-default)}.pd-color-option.active{border-color:var(--color-accent);background:var(--color-bg-surface)}.pd-color-option-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid var(--color-border-default);position:relative}.pd-color-option-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pd-color-option-name{font-size:13px;font-weight:500;color:var(--color-bg-dark-hover);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.pd-textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border-default);border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;color:var(--color-text-primary);background:var(--color-bg-card)}.pd-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.pd-select{width:100%;padding:8px 10px;border:1px solid var(--color-border-default);border-radius:6px;font-size:13px;color:var(--color-text-primary);background:var(--color-bg-card);cursor:pointer}.pd-select:focus{outline:none;border-color:var(--color-accent)}.pd-font-select{font-size:14px}.pd-slider{width:100%;accent-color:var(--color-accent)}.pd-color-input{width:48px;height:32px;border:1px solid var(--color-border-default);border-radius:6px;padding:2px;cursor:pointer;background:var(--color-bg-card)}.pd-format-row{display:flex;gap:4px;margin-top:10px;flex-wrap:wrap}.pd-fmt-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-bg-card);color:#000!important;cursor:pointer;transition:all .15s}.pd-fmt-btn:not(.active) svg,.pd-fmt-btn:not(.active) svg path{color:#000!important;stroke:#000!important;stroke-width:2.5;fill:none}.pd-fmt-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.pd-fmt-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#000000cf!important}.pd-fmt-btn.active svg,.pd-fmt-btn.active svg path{color:#000!important;stroke:#000!important;fill:none}.pd-fmt-btn.active .pd-icon-align-center{border-width:1px;border-color:#000}.pd-fmt-btn.active .pd-icon-align-center path:first-of-type{color:var(--bg-active)!important}.pd-fmt-sep{width:1px;background:var(--color-border-default);margin:0 4px}.pd-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;border:2px dashed var(--color-border-default);border-radius:10px;cursor:pointer;transition:all .2s;color:var(--color-text-muted);background:var(--color-bg-page)}.pd-dropzone:hover,.pd-dropzone.dragging{border-color:var(--color-accent);background:var(--color-bg-surface);color:var(--color-accent)}.pd-dropzone-text{margin:0;font-size:13px;font-weight:600}.pd-dropzone-hint{font-size:11px;opacity:.7}.pd-panel-overlay{display:none}.pd-file-input-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pd-dropzone-wrap{position:relative;display:block;cursor:pointer}.pd-upload-gallery{margin-top:16px}.pd-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pd-upload-thumb{position:relative;aspect-ratio:1;border:1px solid var(--color-border-default);border-radius:8px;overflow:hidden;background:var(--color-bg-surface)}.pd-upload-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:4px}.pd-upload-re-add,.pd-upload-remove{position:absolute;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;border-radius:50%;border:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:transform .15s;background-color:var(--color-bg-card)!important;color:var(--color-text-primary)!important;box-shadow:0 1px 2px #0000001a}.pd-upload-re-add{bottom:4px;right:4px}.pd-upload-remove{top:4px;right:4px}.pd-upload-re-add svg,.pd-upload-remove svg{color:var(--color-text-primary)!important;stroke:var(--color-text-primary)!important;width:10px;height:10px}.pd-upload-re-add:hover,.pd-upload-remove:hover{transform:scale(1.15)}.pd-art-search{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-bg-card);color:var(--color-text-muted)}.pd-art-search input{flex:1;border:none;outline:none;font-size:13px;color:var(--color-text-primary);background:transparent}.pd-art-categories{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.pd-art-pill{padding:4px 10px;border:1px solid var(--color-border-default);border-radius:999px;background:var(--color-bg-card);color:var(--color-text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.pd-art-pill:hover{border-color:var(--color-accent);color:var(--color-accent)}.pd-art-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.pd-art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.pd-art-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:1px solid var(--color-border-default);border-radius:8px;background:var(--color-bg-card);cursor:pointer;transition:all .15s}.pd-art-item:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #3b82f61a;transform:translateY(-2px)}.pd-art-item img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.pd-art-item-name{font-size:9px;color:var(--color-text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pd-art-empty{color:var(--color-text-muted);font-size:12px;text-align:center;padding:20px 0;grid-column:1 / -1}.pd-canvas-area{flex:1;display:flex;flex-direction:column;background:var(--color-border-default);position:relative;min-height:0;overflow:hidden}.pd-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.pd-canvas-toolbar-left{display:flex;align-items:center;gap:8px}.pd-canvas-product-name{font-size:12px;font-weight:600;color:var(--color-bg-dark-hover)}.pd-canvas-toolbar-right{display:flex;gap:4px}.pd-toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-bg-card);color:#000!important;cursor:pointer;transition:all .15s}.pd-toolbar-btn svg,.pd-toolbar-btn svg path{color:#000!important;stroke:#000!important;stroke-width:2.5;fill:none}.pd-toolbar-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-bg-surface)}.pd-toolbar-btn-danger,.pd-toolbar-btn-danger svg,.pd-toolbar-btn-danger svg path{color:#000!important;stroke:#000!important;fill:none}.pd-toolbar-btn-danger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.pd-canvas-body{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.pd-canvas-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-muted);text-align:center;padding:40px}.pd-canvas-empty h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-muted)}.pd-canvas-empty p{margin:0;font-size:14px}.pd-canvas-loading-overlay{position:absolute;inset:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10}.pd-whats-next{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 24px;text-align:center;flex:1}.pd-whats-next-overlay{position:absolute;inset:0;z-index:5;background:#ffffffe0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px}.pd-whats-next-title{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary)}.pd-action-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:320px;width:100%}.pd-action-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border:1.5px solid var(--color-border-default);border-radius:12px;background:var(--color-bg-card);color:var(--color-bg-dark-hover);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.pd-action-tile:hover{border-color:var(--brand, var(--color-accent));color:var(--brand, var(--color-accent));box-shadow:0 4px 12px #3b82f61f;transform:translateY(-2px)}.pd-action-tile-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--color-border-default);color:var(--color-text-muted);transition:all .2s}.pd-action-tile:hover .pd-action-tile-icon{background:var(--color-bg-surface);color:var(--brand, var(--color-accent))}.pd-action-tile-icon svg{stroke:currentColor!important}.pd-upload-tips{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-muted)}.pd-upload-tips h4{margin:0;font-size:14px;font-weight:700;color:var(--color-bg-dark-hover)}.pd-tip-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-muted)}.pd-tip-row svg{width:14px;height:14px;stroke:var(--color-text-muted);flex-shrink:0}.pd-panel-right{width:90px;background:var(--color-bg-card);border-left:1px solid var(--color-border-default);overflow-y:auto;flex-shrink:0;padding:10px 8px;display:flex;flex-direction:column;gap:6px}.pd-panel-right-empty{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-muted);font-size:11px;padding:8px}.pd-views-row{display:flex;flex-direction:column;gap:6px}.pd-view-option-h{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:8px;cursor:pointer;transition:all .15s;border:2px solid transparent}.pd-view-option-h:hover{background:#f0f7ff}.pd-view-option-h.active{border-color:var(--brand, var(--color-accent))}.pd-view-thumb-sm{width:56px;height:56px;border:1px solid var(--color-border-default);border-radius:6px;overflow:hidden;background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center}.pd-view-option-h.active .pd-view-thumb-sm{border-color:var(--brand, var(--color-accent))}.pd-view-thumb-sm img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pd-view-label-sm{font-size:10px;font-weight:600;color:var(--color-bg-dark-hover);text-align:center}.pd-view-option-h.active .pd-view-label-sm{color:var(--brand, var(--color-accent))}.pd-size-list{display:flex;flex-direction:column;gap:4px}.pd-size-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.pd-size-row label{font-size:13px;font-weight:500;color:var(--color-bg-dark-hover);min-width:36px}.pd-qty-input{width:60px;padding:6px 8px;border:1px solid var(--color-border-default);border-radius:6px;text-align:center;font-size:13px;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-card)}.pd-qty-input:focus{outline:none;border-color:var(--color-accent)}.pd-qty-input:disabled{background:var(--color-border-default);cursor:not-allowed;opacity:.5}.pd-total-qty{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border-default);font-size:13px;color:var(--color-text-primary)}.pd-object-props{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-default)}.pd-resize-section{margin-bottom:12px}.pd-btn-sm{padding:6px 10px;font-size:12px;margin-top:6px}.pd-clipart-colors{margin-top:10px}.pd-clipart-color-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.pd-clipart-color-current{width:20px;height:20px;border-radius:4px;border:2px solid var(--color-border-default);flex-shrink:0;margin-top:1px}.pd-preset-swatches{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.pd-swatch-btn{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s,box-shadow .15s}.pd-swatch-btn:hover{transform:scale(1.2);box-shadow:0 0 0 2px #3b82f666}.pd-swatch-btn.active{box-shadow:0 0 0 2px var(--color-accent);transform:scale(1.15)}.pd-color-input-sm{width:24px;height:22px;padding:0;border:2px solid var(--color-border-default);border-radius:4px;cursor:pointer}.pd-clipart-color-hex{font-size:11px;color:var(--color-text-muted);font-family:monospace}.pd-color-estimate{margin-top:12px;padding:10px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:8px}.pd-color-estimate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pd-color-estimate-name{font-size:11px;font-weight:600;color:var(--color-bg-dark-hover);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.pd-color-estimate-count{font-size:11px;font-weight:700;color:var(--color-accent);background:var(--color-bg-surface);padding:2px 8px;border-radius:999px}.pd-detected-colors{display:flex;gap:4px;margin-bottom:6px;flex-wrap:wrap}.pd-detected-swatch{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.1)}.pd-color-override-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pd-color-override-row label{font-size:11px;font-weight:500;color:var(--color-text-muted)}.pd-color-override-row select{flex:1;padding:4px 6px;border:1px solid var(--color-border-default);border-radius:4px;font-size:12px;background:var(--color-bg-card)}.pd-color-disclaimer{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--color-text-muted);font-style:italic}.pd-ink-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pd-ink-cell{display:flex;flex-direction:column;align-items:center;gap:3px}.pd-ink-label{font-size:11px;font-weight:500;color:var(--color-bg-dark-hover)}.pd-ink-select{width:100%;padding:4px;border:1px solid var(--color-border-default);border-radius:4px;font-size:12px;background:var(--color-bg-card);text-align:center}.pd-brand-bar{padding:8px 20px;border-bottom:1px solid var(--color-border-default);background:var(--color-bg-page)}.pd-brand-select{width:100%;padding:6px 10px;border:1px solid var(--color-border-default);border-radius:6px;font-size:13px;color:var(--color-bg-dark-hover);background:var(--color-bg-card)}.pd-cat-heading-brands{margin-top:16px}.pd-cat-more{display:block;padding:4px 10px;font-size:11px;color:var(--color-text-muted);font-style:italic}.pd-checkout-pricing{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-default)}.pd-checkout-price-row{display:flex;justify-content:space-between;font-size:13px;color:var(--color-bg-dark-hover);margin-bottom:4px}.pd-checkout-price-total{font-weight:700;font-size:15px;color:var(--color-text-primary);padding-top:6px;margin-top:6px;border-top:1px solid var(--color-border-default)}.pd-checkout-price-unit{font-size:12px;color:var(--color-text-muted);text-align:right;margin-top:2px}.pd-footer{background:var(--color-bg-card);border-top:1px solid var(--color-border-default);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:56px}.pd-footer-product{display:flex;align-items:center;gap:10px;flex-shrink:0}.pd-footer-thumb{width:40px;height:40px;border-radius:6px;border:1px solid var(--color-border-default);overflow:hidden;background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pd-footer-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pd-footer-product-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pd-footer-product-name{font-size:13px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.pd-footer-product-links{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted);flex-wrap:wrap}.pd-link-btn{background:none;border:none;padding:0;color:var(--brand, var(--color-accent));font-size:12px;font-weight:600;cursor:pointer;text-decoration:none}.pd-link-btn:hover{text-decoration:underline}.pd-footer-color-swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.pd-footer-color-name{font-size:12px;color:var(--color-bg-dark-hover);font-weight:500}.pd-footer-center{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;justify-content:center}.pd-footer-right{display:flex;gap:8px;flex-shrink:0}.pd-cart-badge{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-accent);background:var(--color-bg-surface);padding:6px 12px;border-radius:999px}.pd-price-badge{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#059669;background:#ecfdf5;padding:6px 12px;border-radius:999px}.pd-price-break-helper{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pd-price-break-chip{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:#0d9488;background:linear-gradient(135deg,#ccfbf1,#99f6e4);border:1px solid rgba(13,148,136,.2);padding:4px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 1px 2px #0000000a}.pd-loading,.pd-error-full{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:40px;background:var(--color-bg-card)}.pd-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:var(--color-accent);border-radius:50%;animation:pd-spin .8s linear infinite;margin-bottom:12px}@keyframes pd-spin{to{transform:rotate(360deg)}}.pd-error-full{color:#ef4444}.pd-error-full h1{margin:0 0 8px;font-size:24px}.pd-toast-error{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:10px;padding:10px 16px;font-size:13px;box-shadow:0 4px 12px #0000001a;z-index:2000;max-width:500px}.pd-toast-error button{border:none;background:transparent;color:#991b1b;cursor:pointer;flex-shrink:0}.pd-error-banner{padding:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;font-size:13px;margin-top:10px}.pd-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pd-modal-overlay-success{z-index:10001}.pd-modal{background:var(--color-bg-card);border-radius:16px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;overflow:hidden;max-height:90vh}.pd-modal-large{width:min(1100px,94vw);height:min(680px,88vh)}.pd-modal-checkout{width:min(680px,94vw);max-height:min(90vh,700px)}.pd-modal-quantity{width:min(560px,94vw);max-height:min(90vh,700px)}.pd-modal-quantity .pd-modal-header{position:relative;padding-left:56px}.pd-modal-back{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;background:var(--color-border-default);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-bg-dark-hover)}.pd-modal-back:hover{background:var(--color-border-default)}.pd-quantity-total{padding:8px 20px;background:var(--color-bg-surface);font-size:13px;font-weight:600;color:var(--color-bg-dark-hover)}.pd-quantity-body{padding:16px 20px;overflow-y:auto}.pd-line-item-card{border:1px solid var(--color-border-default);border-radius:10px;padding:14px;margin-bottom:14px}.pd-line-item-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.pd-line-item-thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pd-line-item-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pd-line-item-info{flex:1;min-width:0}.pd-line-item-name{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.pd-line-item-meta{font-size:12px;color:var(--color-text-muted)}.pd-line-item-remove{width:32px;height:32px;border:none;background:#fef2f2;color:#ef4444;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pd-line-item-remove:hover{background:#fee2e2}.pd-line-item-remove svg.lucide{overflow:visible}.pd-line-item-sizes{border-top:1px solid var(--color-border-default);padding-top:12px}.pd-size-heading{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pd-size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.pd-size-input-wrap{display:flex;flex-direction:column;gap:2px}.pd-size-input-wrap label{font-size:11px;font-weight:600;color:var(--color-bg-dark-hover)}.pd-add-color-picker{display:inline-flex;align-items:center;gap:4px;margin-left:6px;flex-wrap:wrap}.pd-color-pick-btn{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:6px;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0;overflow:hidden;position:relative;flex-shrink:0}.pd-color-pick-btn img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pd-color-pick-btn:hover{transform:scale(1.08);border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f64d}.pd-color-pick-cancel{font-size:11px;color:var(--color-text-muted);background:none;border:none;cursor:pointer;font-weight:600}.pd-color-pick-cancel:hover{color:var(--color-bg-dark-hover)}.pd-buy-more-section{margin-top:20px;padding:16px;background:unset;border:1px solid #bfdbfe;border-radius:10px}.pd-buy-more-section h4{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--color-text-primary)}.pd-buy-more-section p{margin:0 0 10px;font-size:13px;color:var(--color-text-secondary)}.pd-modal-footer{padding:12px 20px;border-top:1px solid var(--color-border-default);flex-shrink:0}.pd-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-default)}.pd-modal-header h2{margin:0;font-size:18px;font-weight:700;color:var(--color-text-primary)}.pd-modal-close{width:32px;height:32px;border-radius:999px;border:none;background:var(--color-border-default);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.pd-modal-close:hover{background:var(--color-border-default)}.pd-modal-close svg.lucide{overflow:visible}.pd-modal-body{flex:1;overflow-y:auto}.pd-modal-success{max-width:420px}.pd-success-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px}.pd-success-icon{width:56px;height:56px;border-radius:50%;background:#d1fae5;color:#059669;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.pd-success-message{font-size:17px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px;line-height:1.4}.pd-success-sub{font-size:14px;color:var(--color-text-muted);margin:0;line-height:1.5}.pd-modal-search{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--color-border-default);color:var(--color-text-muted)}.pd-modal-search input{flex:1;border:none;outline:none;font-size:15px;color:var(--color-text-primary);background:transparent}.pd-search-spinner{width:18px;height:18px;border:2px solid rgba(59,130,246,.2);border-top-color:var(--color-accent);border-radius:50%;animation:pd-spin .7s linear infinite}.pd-product-browser{display:grid;grid-template-columns:200px 1fr;min-height:0}.pd-product-categories{border-right:1px solid var(--color-border-default);padding:14px;overflow-y:auto}.pd-cat-heading{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:8px}.pd-cat-link{display:block;width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:13px;color:var(--color-bg-dark-hover);margin-bottom:2px;transition:all .15s}.pd-cat-link:hover,.pd-cat-link.active{background:var(--color-bg-surface);color:var(--color-accent);font-weight:600}.pd-product-results{padding:14px;overflow-y:auto}.pd-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.pd-product-card{border:1px solid var(--color-border-default);border-radius:10px;overflow:hidden;background:var(--color-bg-card);cursor:pointer;transition:transform .2s,box-shadow .2s}.pd-product-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.pd-product-card img{width:100%;height:130px;-o-object-fit:contain;object-fit:contain;background:var(--color-bg-surface)}.pd-product-card-info{padding:8px 10px 12px}.pd-product-card-title{font-size:12px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.pd-product-card-brand{font-size:11px;color:var(--color-text-muted)}.pd-quick-styles-section{margin-bottom:20px}.pd-quick-styles-section .pd-section-title{margin-bottom:12px;font-size:12px;color:var(--color-bg-dark-hover)}.pd-quick-styles-grid{margin-bottom:4px}.pd-quick-style-card{border-color:var(--brand, var(--color-accent));box-shadow:0 0 0 1px #3b82f633}.pd-quick-style-card:hover{border-color:var(--brand, var(--color-accent));box-shadow:0 2px 8px #3b82f640}.pd-category-tiles .pd-cat-heading{grid-column:1 / -1;margin-bottom:4px;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.pd-category-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pd-cat-tile{border:1px solid var(--color-border-default);background:var(--color-bg-card);border-radius:12px;padding:18px 12px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.pd-cat-tile:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.pd-cat-tile-active{border-color:var(--pd-primary, var(--color-accent));background:#3b82f614}.pd-cat-tile-icon{width:48px;height:48px;border-radius:12px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;color:var(--color-accent-text);font-size:20px;font-weight:700}.pd-cat-tile-label{font-size:12px;font-weight:600;color:var(--color-text-primary)}.pd-no-results{color:var(--color-text-muted);font-size:14px;text-align:center;padding:40px 20px}.pd-checkout-body{padding:20px;display:flex;flex-direction:column;gap:20px}.pd-checkout-body h4{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--color-text-primary)}.pd-checkout-preview{text-align:center}.pd-checkout-preview-img{max-width:200px;max-height:240px;border-radius:8px;border:1px solid var(--color-border-default);-o-object-fit:contain;object-fit:contain;background:var(--color-bg-surface)}.pd-checkout-preview-empty{padding:24px;background:var(--color-bg-surface);border-radius:8px;color:var(--color-text-muted);font-size:13px}.pd-checkout-product-name{font-size:15px;font-weight:600;margin:0 0 4px}.pd-checkout-product-meta{font-size:13px;color:var(--color-text-muted);margin:0 0 8px}.pd-checkout-sizes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.pd-checkout-size-pill{padding:3px 10px;background:var(--color-bg-surface);color:var(--color-accent);border-radius:999px;font-size:12px;font-weight:600}.pd-checkout-total{font-size:14px;margin:0}.pd-checkout-customer{display:flex;flex-direction:column;gap:8px}.pd-input{width:100%;padding:10px 12px;border:1px solid var(--color-border-default);border-radius:8px;font-size:14px;color:var(--color-text-primary);background:var(--color-bg-card);box-sizing:border-box}.pd-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.pd-checkout-actions{display:flex;gap:10px;justify-content:flex-end}.pd-canvas-container{position:relative;border-radius:8px;box-shadow:0 4px 20px #00000014;overflow:hidden;line-height:0}.pd-canvas-container .designer-canvas-wrapper{line-height:normal}.pd-canvas-container canvas{border-radius:4px}.pd-canvas-color-label{color:var(--color-text-muted);font-weight:400}@media(max-width:1100px){.pd-panel-left{width:220px}}@media(max-width:900px){.pd-main{flex-direction:column}.pd-icon-rail{flex-direction:row;width:100%;height:auto;padding:0 8px;gap:0;border-bottom:1px solid rgba(255,255,255,.1)}.pd-rail-btn{flex:1;width:auto;padding:8px 4px;border-left:none;border-bottom:3px solid transparent;border-radius:0}.pd-rail-btn.active{border-left-color:transparent;border-bottom-color:var(--brand, var(--color-accent))}.pd-panel-left{width:100%;border-right:none;border-bottom:1px solid var(--color-border-default);max-height:none;flex-shrink:0}.pd-panel-left .pd-panel-content{max-height:200px}.pd-panel-right{width:100%;border-left:none;border-top:1px solid var(--color-border-default);flex-direction:row;overflow-x:auto;padding:8px}.pd-views-row{flex-direction:row;gap:8px}.pd-canvas-area{min-height:400px}.pd-canvas-body{padding:8px}.pd-canvas-body .designer-canvas-wrapper canvas{max-width:100%;height:auto}.pd-footer{flex-direction:column;gap:8px;padding:10px 14px}.pd-footer-product{width:100%}.pd-footer-center,.pd-footer-right{width:100%;justify-content:center}.pd-btn{flex:1}.pd-steps{overflow-x:auto}.pd-product-browser{grid-template-columns:1fr}.pd-product-categories{border-right:none;border-bottom:1px solid var(--color-border-default);display:flex;flex-wrap:wrap;gap:4px;padding:10px}.pd-cat-link{width:auto;padding:6px 10px}.pd-action-tiles{max-width:280px}.pd-action-tile{padding:14px 10px;min-height:44px;min-width:44px}}@media(max-width:600px){.pd-icon-rail{padding:0 4px}.pd-rail-btn{font-size:8px;padding:6px 2px;min-height:44px;min-width:44px}.pd-rail-btn svg{width:18px!important;height:18px!important}.pd-panel-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}.pd-mobile-panel-open .pd-panel-overlay{display:block;opacity:1;pointer-events:auto}.pd-panel-left{display:block;position:fixed;left:0;right:0;bottom:0;max-height:70vh;z-index:1000;transform:translateY(100%);transition:transform .2s ease-out;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #0003;overflow:hidden;background:var(--content-bg);border:1px solid var(--color-border-default);border-bottom:none}.pd-mobile-panel-open .pd-panel-left{transform:translateY(0)}.pd-panel-left-close{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;border:none;border-bottom:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-bg-dark-hover);cursor:pointer;font-size:14px;min-height:44px}.pd-panel-left .pd-panel-content{max-height:calc(70vh - 52px);overflow-y:auto;-webkit-overflow-scrolling:touch}.pd-panel-right{display:flex;flex-direction:row;width:100%;border-left:none;border-top:1px solid var(--color-border-default);padding:8px;justify-content:center;gap:8px}.pd-views-row{flex-direction:row;gap:8px}.pd-canvas-area{flex:1}.pd-header-top{padding:6px 12px}.pd-steps{padding:6px 10px}.pd-step-label{display:none}.pd-modal-large{width:100vw;height:100vh;border-radius:0}.pd-footer-product-name{max-width:140px;font-size:12px}.pd-footer-product-links{font-size:11px}}@media(min-width:601px){.pd-panel-overlay,.pd-panel-left-close{display:none!important}}@media(max-width:900px){.pd-swatch-btn{min-width:44px;min-height:44px;width:44px;height:44px}.pd-color-input-sm,.pd-clipart-colors .pd-color-input.pd-color-input-sm{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}.pd-clipart-color-current{width:28px;height:28px}.pd-preset-swatches{gap:8px}.pd-clipart-color-row{gap:10px}}label.pd-action-tile{margin:0;min-height:44px;min-width:44px;box-sizing:border-box}.public-intake{isolation:isolate;background:var(--intake-page-bg)!important;--intake-accent: #4f46e5;--intake-accent-rgb: 79, 70, 229;--intake-accent-light: rgba(79, 70, 229, .08);--intake-accent-lighter: rgba(79, 70, 229, .04);--intake-card-bg: #ffffff;--intake-page-bg: #f1f5f9;--intake-text: #1e293b;--intake-muted: #64748b;--intake-border: #e2e8f0;--intake-input-bg: #ffffff;--intake-file-row-bg: #f8fafc;--intake-on-accent: #ffffff;--intake-danger: #dc2626;color-scheme:light}.public-intake{min-height:100vh;width:100%;color:var(--intake-text);background:var(--intake-page-bg);position:relative;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.public-intake-backdrop{position:fixed;inset:0;background:var(--intake-page-bg);z-index:0}.public-intake-backdrop:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(var(--intake-accent-rgb, 79, 70, 229),.06) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(var(--intake-accent-rgb, 79, 70, 229),.04) 0%,transparent 50%);pointer-events:none}.public-intake-scroll{position:relative;z-index:1;padding:1rem .75rem 2rem;min-height:100vh}@media(min-width:480px){.public-intake-scroll{padding:2rem 1rem 3rem}}.public-intake-container{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}@media(min-width:480px){.public-intake-container{gap:1.25rem}}@media(min-width:768px){.public-intake-container:not(.public-intake-container--single){max-width:960px}}.public-intake-form-split{display:flex;flex-direction:column;gap:1.25rem}@media(min-width:768px){.public-intake-form-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem;align-items:start}}.public-intake-container--single{max-width:420px}.public-intake-card{background:var(--intake-card-bg);border-radius:16px;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;border:1px solid rgba(0,0,0,.06);overflow:hidden}.public-intake-card-brand{padding:1.25rem 1rem;text-align:center;background:linear-gradient(135deg,var(--intake-card-bg) 0%,var(--intake-card-bg) 50%,rgba(var(--intake-accent-rgb),.02) 100%);position:relative;overflow:hidden}.public-intake-card-brand:before{content:"";position:absolute;top:-40%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(var(--intake-accent-rgb),.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}@media(min-width:480px){.public-intake-card-brand{padding:2rem 1.75rem}}.public-intake-logo-wrap{margin-bottom:1rem}.public-intake-logo{max-height:56px;max-width:200px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:inline-block}.public-intake-title{margin:0 0 .25rem;font-size:1.375rem;font-weight:700;color:var(--intake-text);letter-spacing:-.02em;line-height:1.3}@media(min-width:480px){.public-intake-title{font-size:1.5rem}}.public-intake-tagline{margin:0;font-size:.9375rem;font-weight:500;color:var(--intake-accent)}.public-intake-card-section{padding:1rem 1rem 1.25rem;transition:box-shadow .3s ease,border-color .3s ease}@media(min-width:480px){.public-intake-card-section{padding:1.5rem 1.75rem}}.public-intake-card-section:hover{box-shadow:0 8px 16px -2px #00000014,0 4px 8px -2px #0000000a;border-color:rgba(var(--intake-accent-rgb),.15)}.public-intake-card-title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--intake-text);letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.public-intake-card-title:before{content:"";display:inline-block;width:3px;height:20px;background:var(--intake-accent);border-radius:2px}.public-intake-card-desc{margin:-.25rem 0 .75rem;font-size:.8125rem;color:#64748b}@media(min-width:480px){.public-intake-card-desc{margin:-.5rem 0 1rem}}.public-intake-fields{display:flex;flex-direction:column;gap:1.125rem}.public-intake-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.public-intake-field-row{grid-template-columns:1fr}}.public-intake-field{display:flex;flex-direction:column;gap:.4rem}.public-intake-field-label{font-size:.9375rem;font-weight:500;color:#475569}@media(min-width:480px){.public-intake-field-label{font-size:.875rem}}.public-intake-required{color:var(--intake-danger)}.public-intake-field input[type=text],.public-intake-field input[type=email],.public-intake-field input[type=tel],.public-intake-field input[type=date],.public-intake-field select,.public-intake-field textarea{padding:.75rem .875rem;min-height:44px;font-size:1rem;border:1.5px solid var(--intake-border);border-radius:10px;background:var(--intake-input-bg);color:var(--intake-text);transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media(min-width:480px){.public-intake-field input[type=text],.public-intake-field input[type=email],.public-intake-field input[type=tel],.public-intake-field input[type=date],.public-intake-field select{padding:.65rem .875rem;min-height:0;font-size:.9375rem}}.public-intake-field textarea{resize:vertical;min-height:80px}@media(min-width:768px){.public-intake-form-split .public-intake-field textarea{min-height:72px}}.public-intake-field input::-moz-placeholder,.public-intake-field textarea::-moz-placeholder{color:#94a3b8}.public-intake-field input::placeholder,.public-intake-field textarea::placeholder{color:#94a3b8}.public-intake-field input:focus,.public-intake-field select:focus,.public-intake-field textarea:focus{outline:none;border-color:var(--intake-accent);box-shadow:0 0 0 3px rgba(var(--intake-accent-rgb, 79, 70, 229),.12)}.public-intake-field select{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='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.public-intake-upload-wrapper{width:100%}.public-intake-file-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.public-intake-file-list li{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--intake-file-row-bg);border-radius:8px;font-size:.8125rem;color:#475569}.public-intake-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-intake-file-remove{flex-shrink:0;padding:.5rem .75rem;min-height:44px;min-width:44px;font-size:.8125rem;font-weight:500;background:var(--intake-input-bg);border:1px solid var(--intake-border);border-radius:6px;cursor:pointer;color:#64748b;transition:color .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:center}@media(min-width:480px){.public-intake-file-remove{padding:.35rem .65rem;min-height:0;min-width:0;font-size:.75rem}}.public-intake-file-remove:hover{color:var(--intake-danger);border-color:#fecaca}.public-intake-field-error,.public-intake-submit-error{font-size:.875rem;color:var(--intake-danger);margin-top:.5rem}.public-intake-submit-error{padding:.75rem 1rem;background:#fef2f2;border-radius:10px;border:1px solid #fecaca}.public-intake-form{display:flex;flex-direction:column;gap:1.25rem}.public-intake-actions{margin-top:.25rem}.public-intake-submit{width:100%;padding:1rem 1.5rem;min-height:48px;font-size:1rem;font-weight:600;color:var(--intake-on-accent);background:linear-gradient(135deg,var(--intake-accent) 0%,rgba(var(--intake-accent-rgb),.85) 100%);border:none;border-radius:12px;cursor:pointer;box-shadow:0 8px 16px rgba(var(--intake-accent-rgb, 79, 70, 229),.4),0 2px 4px #00000014;transition:filter .2s ease,transform .1s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.public-intake-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.public-intake-submit:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 12px 24px rgba(var(--intake-accent-rgb, 79, 70, 229),.5),0 4px 8px #0000001f;transform:translateY(-2px)}.public-intake-submit:hover:not(:disabled):before{left:100%}.public-intake-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 8px rgba(var(--intake-accent-rgb, 79, 70, 229),.3),0 1px 2px #0000000f}.public-intake-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:0 2px 4px #0000000a}.public-intake-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.public-intake-loading-card,.public-intake-error-card,.public-intake-success-card{padding:1.5rem 1rem;text-align:center}@media(min-width:480px){.public-intake-loading-card,.public-intake-error-card,.public-intake-success-card{padding:2.5rem 2rem}}.public-intake-loading-spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid var(--intake-border);border-top-color:var(--intake-accent);border-radius:50%;animation:public-intake-spin .7s linear infinite}@keyframes public-intake-spin{to{transform:rotate(360deg)}}.public-intake-loading-text{margin:0;font-size:.9375rem;color:#64748b}.public-intake-error-card h1,.public-intake-success-card h1{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1e293b;line-height:1.3}@media(max-width:479px){.public-intake-error-card h1,.public-intake-success-card h1{font-size:1.125rem}}.public-intake-error-card p,.public-intake-success-card p{margin:0;font-size:1rem;color:#64748b;line-height:1.5}@media(min-width:480px){.public-intake-error-card p,.public-intake-success-card p{font-size:.9375rem}}.public-intake-success-icon{width:64px;height:64px;border-radius:50%;background:var(--intake-accent);color:var(--intake-on-accent);font-size:1.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 4px 14px rgba(var(--intake-accent-rgb, 79, 70, 229),.35)}.subscription-plans-container{max-width:1200px;margin:0 auto;padding:3rem 2rem;min-height:100vh;background:var(--color-bg-page)}.subscription-header{text-align:center;margin-bottom:3rem}.subscription-header h1{font-size:3rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text-primary);letter-spacing:-.02em}.header-subtitle{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:2rem;font-weight:400}.billing-toggle-wrapper{display:flex;justify-content:center;margin-top:2rem}.billing-toggle{display:inline-flex;background:#000000fff;border:2px solid var(--color-border-default);border-radius:12px;padding:6px;gap:4px;box-shadow:0 2px 4px #0000000d}.billing-toggle button{padding:.875rem 2rem;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:8px;font-weight:600;font-size:1rem;transition:all .2s;position:relative;white-space:nowrap}.billing-toggle button:hover{color:var(--color-text-primary)}.billing-toggle button.active{background:var(--color-accent);color:#fff;box-shadow:0 2px 4px #4f46e54d}.billing-toggle .save-badge{position:absolute;top:-10px;right:8px;background:#10b981;color:#fff;font-size:.7rem;padding:3px 8px;border-radius:6px;font-weight:700;white-space:nowrap;box-shadow:0 2px 4px #10b9814d}.current-subscription-banner{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid var(--color-accent);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:3rem;box-shadow:0 4px 6px #3b82f61a}.banner-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.banner-icon{font-size:1.5rem;color:var(--color-accent)}.banner-text{color:#1e40af;font-size:1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.banner-text strong{font-weight:600}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#10b981;color:#fff}.status-badge.trialing{background:var(--color-accent);color:#fff}.status-badge.past-due{background:#ef4444;color:#fff}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-top:2rem}.plan-card{background:#000000fff;border:2px solid var(--color-border-default);border-radius:16px;padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.plan-card:hover{border-color:var(--color-accent);box-shadow:0 10px 25px #4f46e526;transform:translateY(-4px)}.subscription-plans-container .plan-button,.subscription-plans-container .billing-toggle button{transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),background-color .14s ease}.subscription-plans-container .plan-button:hover:not(:disabled){transform:translateY(-2px)}.plan-card.current-plan{border-color:#10b981;background:var(--color-bg-card);box-shadow:0 10px 25px #10b98126}.current-badge{position:absolute;top:1.5rem;right:1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px #10b9814d}.badge-icon{font-size:1rem}.plan-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-border-default)}.plan-header h3{font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;color:var(--color-text-primary);letter-spacing:-.01em}.plan-price{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.price-amount{font-size:3.5rem;font-weight:800;color:var(--color-accent);line-height:1;letter-spacing:-.03em}.price-period{font-size:1.125rem;color:var(--color-text-muted);font-weight:500}.yearly-savings{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;color:#10b981;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;background:#000;border-radius:8px}.savings-icon{font-size:1.25rem}.plan-description{color:var(--color-text-muted);margin-bottom:2rem;line-height:1.6;font-size:1rem}.plan-features-section{flex:1;margin-bottom:2rem}.features-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.plan-features li{display:flex;align-items:flex-start;gap:.75rem;color:var(--color-text-primary)}.check-icon{color:#10b981;font-weight:700;font-size:1.25rem;flex-shrink:0;margin-top:2px}.feature-text{line-height:1.5}.plan-limits{margin-bottom:2rem;padding-top:1.5rem;border-top:2px solid var(--color-border-default);display:flex;flex-direction:column;gap:.75rem}.limit-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.limit-label{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.limit-value{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.plan-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent) 100%);color:#fff;border:none;border-radius:10px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px #4f46e54d;margin-top:auto}.plan-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent) 0%,#3730a3 100%);transform:translateY(-2px);box-shadow:0 6px 12px #4f46e566}.plan-button:active:not(:disabled){transform:translateY(0)}.plan-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.plan-button.current{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px #10b9814d}.plan-button.current:hover{background:linear-gradient(135deg,#059669,#047857)}.button-icon{font-size:1.25rem}.button-arrow{font-size:1.25rem;transition:transform .2s}.plan-button:hover:not(:disabled) .button-arrow{transform:translate(4px)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.loading,.error{text-align:center;padding:4rem 2rem;font-size:1.125rem}.loading{color:var(--color-text-muted)}.error{color:#ef4444;background:#000;border-radius:12px;border:2px solid #fecaca}@media(max-width:768px){.subscription-plans-container{padding:2rem 1rem}.subscription-header h1{font-size:2.25rem}.header-subtitle{font-size:1.125rem}.plans-grid{grid-template-columns:1fr;gap:1.5rem}.plan-card{padding:2rem 1.5rem}.price-amount{font-size:2.75rem}.billing-toggle button{padding:.75rem 1.5rem;font-size:.95rem}}.subscription-success-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:var(--content-bg)}.success-card{background:#000;border-radius:12px;padding:3rem;text-align:center;max-width:500px;box-shadow:0 4px 12px #0000001a}.success-icon{width:80px;height:80px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem;font-weight:700}.success-card h1{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.success-card>p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.subscription-details{background:var(--content-bg);border-radius:8px;padding:1.5rem;margin:2rem 0;text-align:left}.subscription-details p{margin:.75rem 0;color:var(--text-primary)}.continue-button{width:100%;padding:1rem;background:var(--brand-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.continue-button:hover{background:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.loading{font-size:1.2rem;color:var(--text-secondary)}.quickbooks-callback-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-main, var(--color-bg-surface));padding:var(--space-4, 20px)}.callback-container{background:var(--content-bg);border-radius:var(--radius-md, 8px);padding:var(--space-8, 48px);max-width:500px;width:100%;text-align:center;box-shadow:0 4px 12px #0000001a}.spinner{width:48px;height:48px;border:4px solid var(--border, var(--color-border-default));border-top-color:var(--primary, var(--color-accent));border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4, 20px)}@keyframes spin{to{transform:rotate(360deg)}}.success-icon{width:64px;height:64px;border-radius:50%;background:#10b981;color:#fff;font-size:36px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4, 20px)}.error-icon{width:64px;height:64px;border-radius:50%;background:#ef4444;color:#fff;font-size:36px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4, 20px)}.callback-container h2{margin:0 0 var(--space-2, 8px) 0;font-size:24px;font-weight:600;color:var(--color-text-primary)}.callback-container p{margin:0;font-size:14px;color:var(--text-secondary, var(--color-text-muted))}.callback-container .error-message{color:#ef4444;font-weight:500;margin-bottom:var(--space-2, 8px)}.callback-container .redirect-message{color:var(--text-secondary, var(--color-text-muted));font-size:13px}.staff-invite-accept-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-page, var(--color-bg-surface))}.staff-invite-accept-card{width:100%;max-width:400px;background:var(--card-bg);border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.staff-invite-accept-card h1{margin:0 0 8px;font-size:22px;font-weight:600;color:var(--text-primary, var(--color-text-primary))}.staff-invite-accept-card p{margin:0 0 24px;font-size:14px;color:var(--text-secondary, var(--color-text-muted))}.staff-invite-accept-form label{display:block;margin-bottom:16px}.staff-invite-accept-form label span{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary, var(--color-bg-dark-hover))}.staff-invite-accept-form input{width:100%;padding:10px 12px;border:1px solid var(--border, var(--color-border-default));border-radius:8px;font-size:14px;box-sizing:border-box}.staff-invite-accept-form input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.staff-invite-accept-error{padding:10px 12px;margin-bottom:16px;background:#ef44441a;color:var(--danger);border-radius:8px;font-size:14px}.staff-invite-accept-btn{display:inline-block;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;margin-right:12px;margin-top:8px}.staff-invite-accept-btn.primary{background:#4f46e5;color:var(--color-accent-text)}.staff-invite-accept-btn.primary:hover:not(:disabled){background:#4338ca}.staff-invite-accept-btn.primary:disabled{opacity:.7;cursor:not-allowed}.staff-invite-accept-link{display:inline-block;margin-top:20px;font-size:14px;color:#4f46e5;text-decoration:none}.staff-invite-accept-link:hover{text-decoration:underline}.staff-invite-accept-card.success .staff-invite-accept-btn{margin-right:0}.email-mfa-challenge-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--content-bg);padding:var(--space-5)}.email-mfa-challenge-container{width:100%;max-width:400px}.email-mfa-challenge-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-xl)}.email-mfa-challenge-content h1{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:24px;font-weight:700;text-align:center}.email-mfa-challenge-description{margin:0 0 var(--space-8) 0;color:var(--text-secondary);font-size:14px;text-align:center;line-height:1.6}.email-mfa-challenge-info{margin-bottom:var(--space-6);padding:var(--space-3);background:var(--success-bg, #d4edda);border:1px solid var(--success-border, #c3e6cb);border-radius:var(--radius-md);text-align:center}.email-mfa-challenge-info p{margin:0;color:var(--success-text, #155724);font-size:14px}.email-mfa-challenge-form{display:flex;flex-direction:column;gap:var(--space-4)}.email-mfa-challenge-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.email-mfa-challenge-form label{color:var(--text-primary);font-size:14px;font-weight:500}.email-mfa-code-input{width:100%;padding:var(--space-4);font-size:24px;font-weight:600;text-align:center;letter-spacing:.5em;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);transition:all var(--transition-base)}.email-mfa-code-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.email-mfa-code-input:disabled{opacity:.6;cursor:not-allowed}.email-mfa-challenge-error{padding:var(--space-3);background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);font-size:14px;text-align:center}.email-mfa-challenge-button{width:100%;padding:var(--space-4);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2)}.email-mfa-challenge-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.email-mfa-challenge-button:disabled{opacity:.6;cursor:not-allowed}.email-mfa-challenge-resend{margin-top:var(--space-6);text-align:center}.email-mfa-challenge-resend p{margin:0 0 var(--space-2) 0;color:var(--text-secondary);font-size:13px}.email-mfa-challenge-resend-link{background:none;border:none;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:13px;padding:0;margin:0}.email-mfa-challenge-resend-link:hover:not(:disabled){color:var(--accent-hover)}.email-mfa-challenge-resend-link:disabled{opacity:.6;cursor:not-allowed}.email-mfa-challenge-resend-error{color:var(--danger)!important;font-size:12px!important}.mfa-challenge-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--content-bg);padding:var(--space-5)}.mfa-challenge-container{width:100%;max-width:400px}.mfa-challenge-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-xl)}.mfa-challenge-content h1{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:24px;font-weight:700;text-align:center}.mfa-challenge-description{margin:0 0 var(--space-8) 0;color:var(--text-secondary);font-size:14px;text-align:center;line-height:1.6}.mfa-challenge-form{display:flex;flex-direction:column;gap:var(--space-4)}.mfa-challenge-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.mfa-challenge-form label{color:var(--text-primary);font-size:14px;font-weight:500}.mfa-code-input{width:100%;padding:var(--space-4);font-size:24px;font-weight:600;text-align:center;letter-spacing:.5em;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);transition:all var(--transition-base)}.mfa-code-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.mfa-code-input:disabled{opacity:.6;cursor:not-allowed}.mfa-challenge-error{padding:var(--space-3);background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);font-size:14px;text-align:center}.mfa-challenge-button{width:100%;padding:var(--space-4);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2)}.mfa-challenge-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.mfa-challenge-button:disabled{opacity:.6;cursor:not-allowed}.mfa-challenge-help{margin-top:var(--space-6);text-align:center}.mfa-challenge-help p{margin:0;color:var(--text-secondary);font-size:13px}.mfa-challenge-link{color:var(--accent);text-decoration:none}.mfa-challenge-link:hover{text-decoration:underline}.mfa-challenge-switch{margin-bottom:var(--space-4);text-align:center}.mfa-challenge-switch-link{background:none;border:none;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:14px;padding:0;margin:0}.mfa-challenge-switch-link:hover{color:var(--accent-hover)}#root{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden}input:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),input[type=text]:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),input[type=email]:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),input[type=number]:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),input[type=date]:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),input[type=time]:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),input[type=tel]:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),input[type=url]:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),input[type=password]:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),input[type=search]:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),textarea:not(.payment-page textarea):not(.payment-wrapper textarea):not(.payment-section textarea),select:not(.payment-page select):not(.payment-wrapper select):not(.payment-section select):not(.quote-status-select){background:var(--card-bg)!important;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important}input:focus,input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-light)!important}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover))!important;color:var(--text-on-accent)!important;border-radius:6px}.btn-danger{background:var(--accent-red)!important;color:var(--text-on-accent)!important;border-radius:6px}button:not(.sidebar-nav-item):not(.sidebar-collapse-toggle):not(.hover-nav-item):not(.hover-collapse-toggle):not(.hover-nav-section-header--collapsible):not(.btn-primary):not(.btn-danger):not(.lic-action):not(.nq-header-action):not(.action-button):not([class*=nav-color]):not([class*=action-]):not(.btn-task):not(.btn-ai-generate):not(.btn-ai-generate-purple):not(.btn-work-order):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.card-expand-toggle):not(.btn-export):not(.tab.active):not(.settings-tab.active):not(.header-button):not(.header-hamburger):not(.notification-bell-button):not(.changelog-button):not(.user-avatar-button):not(.theme-toggle-btn):not(.leads-start-quote-btn):not(.leads-send-email-btn):not(.leads-add-lead-btn):not(.leads-quote-btn):not(.leads-status-card):not(.quote-actions-menu-item-accept):not(.quote-actions-menu-item-decline):not(.shade-swatch-button):not([class*=merch-storefront-]):not(.pm-icon-btn):not(.pm-lightbox-close):not(.pm-file-name--btn):not(.pst-cbp-trigger):not(.pst-cbp-option):not(.pst-delete-btn):not(.pst-add-btn):not(.wom-link-btn):not(.mobile-list-fab):not(.mobile-list-action-item):not(.mobile-list-action-trigger):not(.wrap-approval-btn.approve):not(.wrap-approval-btn.changes):not(.wrap-approval-btn.decline):not(.wrap-approval-side-tab),.btn:not(.btn-primary):not(.btn-danger):not(.action-button):not(.btn-task):not(.btn-ai-generate):not(.btn-ai-generate-purple):not(.btn-work-order):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.btn-export):not(.tab.active):not(.settings-tab.active):not(.shade-swatch-button):not([class*=merch-storefront-]),.btn-secondary:not(.btn-task):not(.btn-ai-generate):not(.btn-ai-generate-purple):not(.btn-work-order):not(.active):not(.shade-swatch-button):not([class*=merch-storefront-]),[class*=btn-]:not(.btn-primary):not(.btn-danger):not(.action-button):not(.btn-task):not(.btn-complete):not(.btn-block):not(.btn-undo):not(.btn-unblock):not(.btn-cancel):not(.btn-ai-generate):not(.btn-ai-generate-purple):not(.btn-work-order):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.btn-export):not(.settings-tab):not(.header-button):not(.header-hamburger):not(.notification-bell-button):not(.changelog-button):not(.user-avatar-button):not(.leads-quote-btn):not(.leads-quote-btn-number):not(.leads-quote-btn-meta):not(.quote-actions-menu-item-accept):not(.quote-actions-menu-item-decline):not(.shade-swatch-button):not([class*=merch-storefront-]):not(.pm-icon-btn):not(.pm-lightbox-close):not(.pm-file-name--btn):not(.pst-cbp-trigger):not(.pst-cbp-option):not(.pst-delete-btn):not(.pst-add-btn):not(.mobile-list-fab):not(.mobile-list-action-item):not(.wrap-approval-btn):not(.wrap-approval-btn.approve):not(.wrap-approval-btn.changes):not(.wrap-approval-btn.decline){background:var(--bg-elevated)!important;background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;border-radius:6px;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow .2s ease,background .2s ease,border-color .2s ease}button:not(.sidebar-nav-item):not(.sidebar-collapse-toggle):not(.hover-nav-item):not(.hover-collapse-toggle):not(.hover-nav-section-header--collapsible):not(.btn-primary):not(.btn-danger):not(.lic-action):not(.nq-header-action):not(.btn-work-order):not(.btn-export):not(.tab.active):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.card-expand-toggle):not(.settings-tab.active):not(.header-button):not(.notification-bell-button):not(.changelog-button):not(.user-avatar-button):not(.theme-toggle-btn):not(.quick-action-btn):not(.leads-start-quote-btn):not(.leads-send-email-btn):not(.leads-add-lead-btn):not(.leads-quote-btn):not(.shade-swatch-button):not([class*=merch-storefront-]):not(.pm-icon-btn):not(.pm-lightbox-close):not(.pm-file-name--btn):not(.pst-cbp-trigger):not(.pst-cbp-option):not(.pst-delete-btn):not(.pst-add-btn):not(.wom-link-btn):not(.mobile-list-fab):not(.mobile-list-action-item):not(.mobile-list-action-trigger):not(.wrap-approval-btn.approve):not(.wrap-approval-btn.changes):not(.wrap-approval-btn.decline):not(.wrap-approval-side-tab):hover,.btn:hover:not(.btn-primary):not(.btn-danger):not(.btn-work-order):not(.btn-export):not(.tab.active):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.settings-tab.active):not(.shade-swatch-button):not([class*=merch-storefront-]),.btn-secondary:hover:not(.active):not([class*=merch-storefront-]),.btn-ghost:hover{color:var(--text-primary)!important;box-shadow:inset 2px 0 0 0 var(--accent)}.view-toggle-btn.active,.filter-btn.active,.btn-secondary.active,.report-tabs .tab.active,.settings-tab.active{background:var(--accent)!important;background-color:var(--accent)!important;color:var(--text-on-accent)!important;border-color:var(--accent)!important}.view-toggle-btn.active svg,.filter-btn.active svg,.btn-secondary.active svg,.report-tabs .tab.active svg,.settings-tab.active svg{color:var(--text-on-accent)!important;stroke:var(--text-on-accent)!important}.settings-tab.active svg path,.settings-tab.active svg rect,.settings-tab.active svg line,.settings-tab.active svg circle,.settings-tab.active svg polyline,.settings-tab.active svg polygon{stroke:var(--text-on-accent)!important}.btn-export{background:var(--accent)!important;background-color:var(--accent)!important;color:var(--text-on-accent)!important}.btn-export svg{color:var(--text-on-accent)!important;stroke:var(--text-on-accent)!important}.dashboard-home .quick-actions-modern .quick-action-btn:hover,.dashboard-home .quick-actions-modern .quick-action-btn:hover *{color:var(--text-on-accent)!important}.dashboard-home .quick-actions-modern .quick-action-btn:hover svg,.dashboard-home .quick-actions-modern .quick-action-btn:hover svg *{stroke:var(--text-on-accent)!important;color:var(--text-on-accent)!important}table thead tr,table th,.table-header,.apparel-group-table th{background:var(--bg-elevated)!important;color:var(--text-primary)!important}.customers-table thead tr,.customers-table thead th,.customers-table th,.quotes-table thead tr,.quotes-table thead th,.quotes-table th,.sales-orders-table thead tr,.sales-orders-table thead th,.sales-orders-table th,.invoices-table thead tr,.invoices-table thead th,.invoices-table th,.payments-table thead tr,.payments-table thead th,.payments-table th,.report-table thead tr,.report-table thead th,.report-table th,.queue-table thead tr,.queue-table thead th,.queue-table th,.package-presets-table thead tr,.package-presets-table thead th,.package-presets-table th{background:var(--accent)!important;background-color:var(--accent)!important;color:var(--text-on-accent)!important}.customers-table .icon-button-modern,.customers-table .icon-button-modern svg,.customers-table .icon-button-modern svg path,.customers-table .icon-button-modern svg circle{color:var(--text-primary)!important;stroke:var(--text-primary)!important}.sales-orders-table .icon-button-modern,.sales-orders-table .icon-button-modern svg,.sales-orders-table .icon-button-modern svg path,.sales-orders-table .icon-button-modern svg circle{color:var(--text-primary)!important;stroke:var(--text-primary)!important}input:not(.payment-page input):not(.payment-wrapper input):not(.payment-section input),textarea:not(.payment-page textarea):not(.payment-page *),select:not(.payment-page select):not(.payment-page *):not(.quote-status-select),.input:not(.payment-page .input):not(.payment-page *),.form-group:not(.payment-page .form-group):not(.payment-page *),.form-row:not(.payment-page .form-row):not(.payment-page *),.card:not(.payment-page .card):not(.payment-page *),.card-body:not(.payment-page .card-body):not(.payment-page *),.modal-content:not(.payment-page .modal-content):not(.payment-page *),.drawer-content:not(.payment-page .drawer-content):not(.payment-page *),.panel:not(.payment-page .panel):not(.payment-page *),.summary-card:not(.payment-page .summary-card):not(.payment-page *),.apparel-line-item-card,.apparel-group-table-container,.line-item-card,.apparel-group-table,.apparel-group-table th,.apparel-group-table td,.apparel-group-table .style-row,.apparel-group-table .margin-row,.apparel-group-table .stock-row,.apparel-group-table .group-header-row,.apparel-group-table .total-column,.empty-state:not(.payment-page .empty-state):not(.payment-page *),.no-items:not(.payment-page .no-items):not(.payment-page *),.form-content:not(.payment-page .form-content):not(.payment-page *),.dropdown:not(.payment-page .dropdown):not(.payment-page *),.popover:not(.payment-page .popover):not(.payment-page *),.designer-modal-content,.group-selector-dropdown,.custom-pantone-form,.ink-color-picker-panel,.addons-list,.addon-select-dropdown,.quote-summary-compact:not(.payment-page .quote-summary-compact):not(.payment-page *),.totals-section:not(.payment-page .totals-section):not(.payment-page *),.financial-summary:not(.payment-page .financial-summary):not(.payment-page *),.signs-modal-content,.signs-modal-body,.signs-modal-summary,.wraps-modal-content,.wraps-modal-summary,.misc-item-modal-content,.modal:not(.payment-page .modal):not(.payment-page *),.modal-body:not(.payment-page .modal-body):not(.payment-page *),.modal-header:not(.payment-page .modal-header):not(.payment-page *),.modal-footer:not(.payment-page .modal-footer):not(.payment-page *),[class*=modal]:not(.payment-page [class*=modal]):not(.payment-page *),[class*=form]:not(.payment-page [class*=form]):not(.payment-page *),[class*=panel]:not(.payment-page [class*=panel]):not(.payment-page *),[class*=card]:not([class*=lucide]):not(.payment-page [class*=card]):not(.payment-page *),[class*=container]:not(.payment-page [class*=container]):not(.payment-wrapper):not(.payment-wrapper *),[class*=wrapper]:not(.payment-page [class*=wrapper]):not(.payment-wrapper):not(.payment-wrapper *),[class*=section]:not(.payment-page [class*=section]):not(.payment-section):not(.payment-section *),[class*=summary]:not(.payment-page [class*=summary]):not(.order-summary):not(.order-summary *),[class*=pricing]:not(.payment-page [class*=pricing]):not(.payment-page *),[class*=price]:not(.payment-page [class*=price]):not(.payment-page *),[class*=table]:not(.payment-page [class*=table]):not(.payment-page *):not(.customers-table):not(.customers-table *):not(.sales-orders-table):not(.sales-orders-table *):not(.invoices-table):not(.invoices-table *):not(.payments-table):not(.payments-table *):not(.report-table):not(.report-table *):not(.queue-table):not(.queue-table *):not(.package-presets-table):not(.package-presets-table *),table:not(.payment-page table):not(.payment-page *):not(.customers-table):not(.sales-orders-table):not(.invoices-table):not(.payments-table):not(.report-table):not(.queue-table):not(.package-presets-table),thead:not(.payment-page thead):not(.payment-page *):not(.customers-table thead):not(.quotes-table thead):not(.sales-orders-table thead):not(.invoices-table thead):not(.payments-table thead):not(.report-table thead):not(.queue-table thead):not(.package-presets-table thead),tbody:not(.payment-page tbody):not(.payment-page *),tr:not(.payment-page tr):not(.payment-page *):not(.customers-table thead tr):not(.quotes-table thead tr):not(.sales-orders-table thead tr):not(.invoices-table thead tr):not(.payments-table thead tr):not(.report-table thead tr):not(.queue-table thead tr):not(.package-presets-table thead tr),th:not(.payment-page th):not(.payment-page *):not(.customers-table th):not(.quotes-table th):not(.sales-orders-table th):not(.invoices-table th):not(.payments-table th):not(.report-table th):not(.queue-table th):not(.package-presets-table th),td:not(.payment-page td):not(.payment-page *),div[class*=form]:not(.payment-page div[class*=form]):not(.payment-page *),div[class*=input]:not(.payment-page div[class*=input]):not(.payment-page *),div[class*=select]:not(.payment-page div[class*=select]):not(.payment-page *),fieldset:not(.payment-page fieldset):not(.payment-page *),label:not(.payment-page label):not(.payment-page *),.label:not(.payment-page .label):not(.payment-page *),.form-label:not(.payment-page .form-label):not(.payment-page *),.form-control:not(.payment-page .form-control):not(.payment-page *),.select:not(.payment-page .select):not(.payment-page *),.textarea:not(.payment-page .textarea):not(.payment-page *),.checkbox:not(.payment-page .checkbox):not(.payment-page *),.radio:not(.payment-page .radio):not(.payment-page *),.switch:not(.payment-page .switch):not(.payment-page *),.summary-row:not(.payment-page .summary-row):not(.payment-page *),.price-override-section:not(.payment-page .price-override-section):not(.payment-page *),.pricing-summary:not(.payment-page .pricing-summary):not(.payment-page *){background:var(--card-bg)!important;background-color:var(--card-bg)!important}body:not(:has(.payment-page)) div[class*=input],body:not(:has(.payment-page)) div[class*=select],body:not(:has(.payment-page)) div[class*=textarea],body:not(:has(.payment-page)) div[class*=field],body:not(:has(.payment-page)) div[class*=control],body:not(:has(.payment-page)) div[class*=group]{background:var(--card-bg)!important;background-color:var(--card-bg)!important}[class*=card],[class*=panel],[class*=modal],[class*=drawer],[class*=dropdown],[class*=menu],[class*=popover]{color:var(--text-primary)}.form-group label,.form-label{color:var(--text-primary)!important}.form-group input,.form-group select,.form-group textarea{border-color:var(--border-strong)!important}.summary-label,.summary-value,.summary-cell,.summary-grid,.sub-info-item,.cost-breakdown-row,.total-label,.total-value,.summary-total-section,.summary-total-row,.line-total-large,.price-per-piece,.apparel-card-header,.size-label,.size-value,.quantity-input-inline,.margin-input-inline,.price-breakdown-cell,.price-row-total,.addon-total,.garment-name,.style-number,.color-name,h1,h2,h3,h4,h5,h6,p,span,label,div{color:inherit}.quote-summary-compact *,.summary-card *,.summary-grid *,.summary-header *,.summary-total-section *,.summary-footer *,.cost-breakdown-content *{color:var(--text-primary)!important}.total-value{color:var(--accent)!important}.price-row-total,.line-total-large{color:var(--text-primary)!important}[class*=text-secondary],[class*=text-muted],[class*=text-gray],[class*=muted],small,.description,.subtitle,.meta{color:var(--text-tertiary)!important}button:not(.btn-primary):not(.btn-danger):not(.lic-action):not(.nq-header-action):not(.btn-work-order):not(.btn-export):not(.tab.active):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.card-expand-toggle):not(.settings-tab.active):not(.header-button):not(.notification-bell-button):not(.changelog-button):not(.user-avatar-button):not(.theme-toggle-btn):not(.leads-start-quote-btn):not(.leads-send-email-btn):not(.leads-add-lead-btn):not(.leads-quote-btn):not(.leads-status-card):not(.shade-swatch-button):not([class*=merch-storefront-]):not(.sidebar-nav-item):not(.sidebar-collapse-toggle):not(.hover-nav-item):not(.hover-collapse-toggle):not(.hover-nav-section-header--collapsible),.btn:not(.btn-primary):not(.btn-danger):not(.btn-work-order):not(.btn-export):not(.tab.active):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.settings-tab.active):not(.shade-swatch-button):not([class*=merch-storefront-]),.btn-secondary:not(.active):not([class*=merch-storefront-]),.btn-ghost,.btn-small:not(.btn-primary),[class*=btn-]:not(.btn-primary):not(.btn-danger):not(.btn-work-order):not(.btn-export):not(.view-toggle-btn.active):not(.filter-btn.active):not(.btn-secondary.active):not(.header-button):not(.notification-bell-button):not(.changelog-button):not(.user-avatar-button):not(.leads-quote-btn):not(.leads-quote-btn-number):not(.leads-quote-btn-meta):not([class*=merch-storefront-]),input[type=button],input[type=submit]{color:var(--text-primary)!important}.hover-sidebar,.hover-sidebar *,.hover-sidebar-brand,.hover-sidebar-nav,.hover-sidebar-footer,.hover-nav-section,.hover-nav-item,.hover-collapse-toggle{background:unset!important;background-color:unset!important}.payment-page{color-scheme:light;--color-bg-page: #ffffff;--color-bg-card: #ffffff;--color-bg-input: var(--color-bg-surface);--color-bg-surface: var(--color-bg-surface);--color-text-primary: var(--color-text-primary);--color-text-secondary: rgba(17, 24, 39, .85);--color-text-muted: rgba(17, 24, 39, .45);--color-border-default: rgba(0, 0, 0, .1);--color-border-strong: rgba(0, 0, 0, .15);--card-bg: #ffffff;--background: #ffffff;--foreground: var(--color-text-primary);--card: #ffffff;--card-foreground: var(--color-text-primary);--text-primary: var(--color-text-primary);--text-secondary: rgba(17, 24, 39, .85);--text-muted: rgba(17, 24, 39, .45);--bg-base: #ffffff;--bg-surface: var(--color-bg-surface);--bg-elevated: var(--color-bg-surface);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .15);--content-bg: #ffffff;--primary: #4f46e5;--primary-foreground: #ffffff;--muted: var(--color-bg-surface);--muted-foreground: rgba(17, 24, 39, .45);--border: rgba(0, 0, 0, .1);--input: var(--color-border-default);--ring: #4f46e5;--accent: #4f46e5;--accent-foreground: #ffffff;--sidebar: #ffffff;--sidebar-foreground: var(--color-text-primary)}.payment-page:not(.checkout-layout) .payment-wrapper,.payment-page:not(.checkout-layout) .payment-wrapper *:not(.btn-pay):not(.btn-receipt),.payment-page:not(.checkout-layout) .payment-section,.payment-page:not(.checkout-layout) .order-summary,.payment-page:not(.checkout-layout) .payment-content,.payment-page:not(.checkout-layout) .line-items-list,.payment-page:not(.checkout-layout) .payment-totals,.payment-page:not(.checkout-layout) .size-pricing-card,.payment-page:not(.checkout-layout) .square-card-container,.payment-page:not(.checkout-layout) #card-container,.payment-page:not(.checkout-layout) .payment-footer,.payment-page:not(.checkout-layout) .payment-container,.payment-page:not(.checkout-layout) .payment-success-container,.payment-page:not(.checkout-layout) .payment-error-container{background:var(--card-bg)!important;background-color:var(--card-bg)!important}.payment-page:not(.checkout-layout) .order-summary,.payment-page:not(.checkout-layout) .payment-section,.payment-page:not(.checkout-layout) .payment-wrapper{color:var(--text-primary)!important}.payment-page:not(.checkout-layout) .order-summary *,.payment-page:not(.checkout-layout) .payment-section *,.payment-page:not(.checkout-layout) .payment-wrapper *{color:inherit!important}body:has(.payment-page),body:has(.payment-page) #root{background-color:#fff!important;color:var(--color-text-primary)!important}body:not(:has(.payment-page)) #root,body:not(:has(.payment-page)){background-color:var(--color-bg-page)!important}body:not(:has(.payment-page)) .dashboard,body:not(:has(.payment-page)) .dashboard-main,body:not(:has(.payment-page)) .dashboard-content-wrapper,body:not(:has(.payment-page)) main{background-color:var(--color-bg-page)!important}body:not(:has(.payment-page)) .inbox-page,body:not(:has(.payment-page)) .customers-page,body:not(:has(.payment-page)) .settings-page,body:not(:has(.payment-page)) .quotes-page-modern,body:not(:has(.payment-page)) .sales-orders-page-modern,body:not(:has(.payment-page)) .invoices-page-modern,body:not(:has(.payment-page)) .leads-page,body:not(:has(.payment-page)) .production-page,body:not(:has(.payment-page)) .reports-page,body:not(:has(.payment-page)) .financial-page,body:not(:has(.payment-page)) .payments-page,body:not(:has(.payment-page)) .ph-root{background-color:var(--color-bg-page)!important}body:not(:has(.payment-page)) .kanban-board,body:not(:has(.payment-page)) .board-container,body:not(:has(.payment-page)) .stages-container{background-color:var(--color-bg-page)!important}body:not(:has(.payment-page)) .kanban-column,body:not(:has(.payment-page)) .kanban-column--empty{background-color:var(--color-bg-card)!important;border-color:var(--color-border-default)!important}body:not(:has(.payment-page)) .inbox-list-panel,body:not(:has(.payment-page)) .inbox-body-panel,body:not(:has(.payment-page)) .inbox-thread-list{background-color:var(--color-bg-card)!important}.hover-sidebar,.hover-sidebar *,.hover-nav-item,.hover-collapse-toggle,.hover-nav-section-header--collapsible{background:unset!important;background-color:unset!important}