@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-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-border-style:solid;--tw-leading:initial;--tw-font-weight: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-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-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-orange-50:oklch(98% .016 73.684);--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-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-blue-50:oklch(97% .014 254.604);--color-blue-300:oklch(80.9% .105 251.813);--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-purple-600:oklch(55.8% .288 302.321);--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-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-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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;--shadow-2xl:0 25px 50px -12px #00000040;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-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}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.z-10{z-index:10}.z-50{z-index:50}.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-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-4{margin-top: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)}.ml-1{margin-left:calc(var(--spacing)*1)}.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}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing)*64)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[400px\]{min-height:400px}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-64{width:calc(var(--spacing)*64)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-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-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.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))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}: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)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-900{border-color:var(--color-gray-900)}.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)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-white{background-color:var(--color-white)}.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)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.pr-3{padding-right:calc(var(--spacing)*3)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.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-orange-700{color:var(--color-orange-700)}.text-purple-600{color:var(--color-purple-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.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-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)}.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,)}.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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.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)}}.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-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}}:root{--app-bg:#0f172a;--content-bg:#f8fafc;--card-bg:#fff;--card-hover:#f1f5f9;--accent:#3b82f6;--accent-hover:#2563eb;--accent-light:#eff6ff;--primary:var(--accent);--primary-hover:var(--accent-hover);--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--border:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--divider:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--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;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;color-scheme:light;color:var(--text-primary);background-color:var(--content-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}*{box-sizing:border-box}body{min-width:320px;max-width:100vw;min-height:100vh;margin:0;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-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-ease{syntax:"*";inherits:false}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--content-bg);padding:var(--space-5)}.auth-box{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-10);width:100%;max-width:400px;box-shadow:var(--shadow-xl);border:1px solid var(--border)}.auth-box h1{color:var(--accent);margin:0 0 var(--space-2) 0;font-size:28px;text-align:center;font-weight:700}.auth-subtitle{color:var(--text-secondary);text-align:center;margin:0 0 var(--space-8) 0;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group input{padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all var(--transition-base)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.error-message{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);padding:var(--space-3);border-radius:var(--radius-md);font-size:14px}.success-message{background:var(--success-bg);border:1px solid var(--success);color:var(--success);padding:var(--space-3);border-radius:var(--radius-md);font-size:14px}.auth-button{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);box-shadow:var(--shadow-sm)}.auth-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.forgot-password{margin-top:var(--space-2);text-align:center}.forgot-password .link-button{font-size:13px;color:var(--text-secondary)}.forgot-password .link-button:hover{color:var(--accent)}.auth-switch{margin-top:var(--space-6);text-align:center;color:var(--text-secondary);font-size:14px}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;padding:0;font-size:14px}.link-button:hover{color:var(--accent-hover)}.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:#fff;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(--text-primary, #1a1a1a);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, #4f46e5);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, #4338ca)}.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, #4f46e5)}.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:#fff;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:#666;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:#f0f0f0}.subscription-modal-icon{font-size:64px;text-align:center;margin-bottom:16px}.subscription-modal-content h2{font-size:24px;font-weight:600;color:var(--text-primary, #1a1a1a);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-actions{display:flex;flex-direction:column;gap:12px}.subscription-modal-button-primary{background:var(--primary-color, #4f46e5);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, #4338ca)}.subscription-modal-button-secondary{background:transparent;color:var(--text-secondary, #666);border:1px solid #ddd;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:#f5f5f5;border-color:#ccc}.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}.import-modal-content{background:#fff;border-radius:12px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.import-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.import-modal-header h2{margin:0;color:#333;font-size:24px;font-weight:600}.import-modal-body{padding:24px}.import-step{display:flex;flex-direction:column;gap:16px}.import-step h3{margin:0;color:#333;font-size:20px;font-weight:600}.import-description{color:#666;font-size:14px;margin:0}.file-upload-area{margin:16px 0}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;border:2px dashed #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#f9fafb}.file-upload-label:hover{border-color:#4caf50;background:#f0fdf4}.file-upload-icon{font-size:48px;margin-bottom:12px}.file-upload-text{text-align:center}.file-upload-text strong{display:block;color:#333;font-size:16px;margin-bottom:4px}.file-upload-text span{display:block;color:#666;font-size:13px}.mapping-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin:16px 0}.mapping-header{display:grid;grid-template-columns:1fr 1fr;background:#f9fafb;padding:12px 16px;font-weight:600;color:#333;border-bottom:1px solid #e5e7eb}.mapping-row{display:grid;grid-template-columns:1fr 1fr;padding:12px 16px;border-bottom:1px solid #e5e7eb;align-items:center}.mapping-row:last-child{border-bottom:none}.mapping-row:hover{background:#f9fafb}.mapping-field-col label{font-weight:500;color:#333;font-size:14px}.mapping-field-col .required{color:#dc2626}.mapping-csv-col{display:flex;align-items:center}.mapping-select{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#333;font-size:14px;cursor:pointer}.mapping-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.preview-table-wrapper{margin:16px 0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.preview-table{width:100%;border-collapse:collapse;font-size:13px}.preview-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.preview-table th{padding:12px 16px;text-align:left;font-weight:600;color:#333;font-size:12px;text-transform:uppercase}.preview-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#333}.preview-table tbody tr:last-child td{border-bottom:none}.preview-row-error{background:#dc26261a}.error-text{color:#dc2626;font-weight:600}.preview-note{padding:8px 16px;background:#f9fafb;color:#666;font-size:12px;margin:0;text-align:center}.import-warning{padding:12px 16px;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:14px;margin-bottom:16px}.import-options{margin:16px 0}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.radio-label:hover{background:#f9fafb}.radio-label input[type=radio]{cursor:pointer}.checkbox-group{margin-top:16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.checkbox-label:hover{background:#f9fafb}.checkbox-label input[type=checkbox]{cursor:pointer}.import-results-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0}.result-card{padding:16px;border-radius:8px;text-align:center;border:1px solid #e5e7eb}.result-card.success{background:#10b9811a;border-color:#10b981}.result-card.info{background:#3b82f61a;border-color:#3b82f6}.result-card.warning{background:#f59e0b1a;border-color:#f59e0b}.result-card.error{background:#dc26261a;border-color:#dc2626}.result-label{font-size:13px;color:#666;margin-bottom:8px;font-weight:500}.result-value{font-size:32px;font-weight:700;color:#333}.import-errors{margin-top:24px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.import-errors h4{margin:0 0 12px;color:#333;font-size:16px}.errors-list{max-height:200px;overflow-y:auto;margin-bottom:12px}.error-item{padding:8px;font-size:13px;color:#333;border-bottom:1px solid #e5e7eb}.error-item:last-child{border-bottom:none}.error-note{font-size:12px;color:#666;font-style:italic;margin:8px 0 0}.import-step-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#45a049}.btn-secondary{padding:10px 20px;background:#f3f4f6;color:#333;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.modal-close{background:transparent;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#333}@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, #fff);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(--text-primary, #1a1a1a)}.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(--text-primary, #1a1a1a)}.address-form .form-group label .required{color:var(--error, #dc2626)}.address-form .form-group input,.address-form .form-group select{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, #e5e7eb);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, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.address-form .form-group input.error,.address-form .form-group select.error{border-color:var(--error, #dc2626)}.address-form .form-group .field-error{font-size:12px;color:var(--error, #dc2626);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, #f9fafb);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:#fee2e2;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:#fee2e2;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, #e5e7eb)}.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, #3b82f6);color:#fff}.address-form .btn-primary:hover:not(:disabled){background:var(--primary-dark, #2563eb)}.address-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.address-form .btn-secondary{background:var(--content-bg, #fff);color:var(--text-primary, #1a1a1a);border:1px solid var(--border, #e5e7eb)}.address-form .btn-secondary:hover:not(:disabled){background:var(--bg-main, #f9fafb)}.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, #1a1a1a)}.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(--bg-main, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--border, #e5e7eb)}.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(--bg-main, #f9fafb);border-radius:var(--radius-md, 8px);border:2px dashed var(--border, #e5e7eb)}.shipping-addresses-manager .empty-addresses p{margin:0 0 var(--space-3, 16px) 0;color:var(--text-secondary, #6b7280);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(--content-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 8px);transition:all .2s}.shipping-addresses-manager .address-card:hover{box-shadow:0 2px 8px #0000001a}.shipping-addresses-manager .address-card.default{border-color:var(--primary, #3b82f6);border-width:2px;background:#3b82f605}.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, #e5e7eb)}.shipping-addresses-manager .address-card-title{font-size:16px;font-weight:600;color:var(--text-primary, #1a1a1a);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, #3b82f6);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, #f9fafb)}.shipping-addresses-manager .btn-icon.btn-danger:hover{background:#fee2e2}.shipping-addresses-manager .address-card-body{display:flex;flex-direction:column;gap:var(--space-2, 8px);font-size:14px;color:var(--text-primary, #1a1a1a);line-height:1.5}.shipping-addresses-manager .address-company{font-weight:600;color:var(--text-primary, #1a1a1a)}.shipping-addresses-manager .address-text{color:var(--text-secondary, #6b7280)}.shipping-addresses-manager .address-phone{color:var(--text-secondary, #6b7280);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, #e5e7eb)}.shipping-addresses-manager .btn-link{background:none;border:none;color:var(--primary, #3b82f6);font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.shipping-addresses-manager .btn-link:hover{color:var(--primary-dark, #2563eb)}@media(max-width:768px){.shipping-addresses-manager .addresses-grid{grid-template-columns:1fr}}.customers-page{padding:var(--space-10);max-width:1400px;margin:0 auto}.customers-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8)}.customers-header h1{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:28px;font-weight:700}.customers-header p{margin:0;color:var(--text-secondary);font-size:14px}.btn-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);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{padding:var(--space-3) var(--space-6);background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--card-hover);border-color:var(--border-medium)}.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-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-4)}.search-input{flex:1;max-width:400px;padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.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)}.customers-table-container{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.customers-table{width:100%;border-collapse:collapse}.customers-table thead{background:var(--content-bg);border-bottom:2px solid var(--border)}.customers-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}.customers-table th.actions-column{width:100px;text-align:right}.customer-row{cursor:pointer;transition:background-color var(--transition-base);border-bottom:1px solid var(--border)}.customer-row:hover{background:var(--card-hover)}.customer-row:last-child{border-bottom:none}.customer-row td{padding:var(--space-4) var(--space-5);font-size:14px;color:var(--text-primary)}.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-secondary);cursor:pointer;font-size:16px;padding:var(--space-1) 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(--content-bg);color:var(--text-primary)}.btn-icon.btn-danger:hover{background:var(--danger-bg);color:var(--danger)}.tax-exempt-badge{display:inline-block;padding:2px 8px;background:#10b98115;color:#10b981;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.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:#10b98115;color:#10b981;border-radius:var(--radius-sm);font-size:11px;font-weight:600}.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(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.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)}.form-group input,.form-group textarea{padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all var(--transition-base)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.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}.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);margin-top:var(--space-2);padding-top:var(--space-6);border-top:1px solid var(--border)}@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}}@media(min-width:769px){.desktop-only{display:block!important}.mobile-only{display:none!important}}.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:#10b98115;color:#10b981;border-radius:var(--radius-md);font-size:13px;font-weight:600;margin-left:var(--space-3)}.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-error-text{font-size:14px;color:#dc2626;margin-top:var(--space-2)}.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}.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:#6b7280}.status-badge.status-sent,.status-badge.status-pending{background:#f59e0b15;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-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-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:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px #0000001a}.preferred-styles-table thead{background:#f5f5f5}.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:#f9f9f9}.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:#f0f0f0}.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:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px #0000001a}.order-history-table thead{background:#f5f5f5}.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:#f9f9f9}.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:#fff3e0;color:#f57c00}.order-type-badge.type-invoice{background:#f3e5f5;color:#7b1fa2}.tshirt-designer-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000}.tshirt-designer-modal-content{background:#fff;border-radius:12px;max-width:900px;width:90%;height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tshirt-designer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.tshirt-designer-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.tshirt-designer-close{background:transparent;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.tshirt-designer-close:hover{background:#f3f4f6;color:#333}.tshirt-designer-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:16px}.tshirt-designer-controls{display:flex;gap:16px;margin-bottom:16px;flex-shrink:0;flex-wrap:wrap}.tshirt-designer-control-group{display:flex;flex-direction:column;gap:4px;min-width:140px}.tshirt-designer-control-group label{font-weight:600;font-size:13px;color:#333}.tshirt-designer-control-group select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;color:#333;cursor:pointer}.tshirt-designer-control-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.tshirt-designer-upload-group{display:flex;gap:8px}.tshirt-designer-size-control{display:flex;align-items:center;gap:8px}.tshirt-designer-size-control input[type=range]{width:120px}.tshirt-designer-size-control span{font-size:12px;color:#666;min-width:40px}.tshirt-designer-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;position:relative;overflow:hidden;min-height:400px}.tshirt-designer-mockup-wrapper{position:relative;display:inline-block}.tshirt-designer-mockup-img{max-height:450px;max-width:100%;display:block}.tshirt-designer-placeholder-mockup{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#9ca3af;text-align:center}.tshirt-designer-design-container{position:absolute;cursor:move;border:2px dashed #3b82f6;background:#ffffff1a;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none}.tshirt-designer-design-img{max-width:100%;max-height:100%;pointer-events:none;display:block}.tshirt-designer-resize-handle{position:absolute;bottom:-5px;right:-5px;width:12px;height:12px;background:#3b82f6;border-radius:50%;cursor:se-resize;border:2px solid white;box-shadow:0 2px 4px #0003;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto;z-index:10}.tshirt-designer-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666;pointer-events:none}.tshirt-designer-info{margin-top:16px;padding:12px;background:#f9fafb;border-radius:6px;font-size:12px;color:#666;flex-shrink:0}.tshirt-designer-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;flex-shrink:0}.btn-primary,.btn-secondary,.btn-danger{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#4caf50;color:#fff}.btn-secondary{background:#f3f4f6;color:#333;border:1px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#dc2626;color:#fff;margin-left:auto}.btn-danger:hover{background:#b91c1c}@media(max-width:768px){.tshirt-designer-modal-content{width:95%;height:95vh}.tshirt-designer-controls{flex-direction:column}.tshirt-designer-control-group{width:100%}}.drawer{display:none;position:fixed;inset:0;z-index:2000;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);box-shadow:0 20px 60px #0000004d;border-radius:var(--radius-lg);display:flex;flex-direction:column;animation:modalFadeIn .3s ease;overflow:hidden;z-index:2001}@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)}.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}.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}.step-number{width:40px;height:40px;border-radius:50%;background:var(--content-bg);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}.step.active .step-label{color:var(--accent);font-weight:600}.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:#fff9e6;border-left:3px solid #f59e0b}.style-result-item.quick-pick-item:hover{background:#fff3cd}.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-type-tab{padding:var(--space-4) var(--space-6);border:2px solid var(--border);background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:var(--radius-lg);cursor:pointer;font-size:15px;font-weight:600;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:var(--space-3);flex:1;justify-content:center;box-shadow:0 2px 4px #00000014,0 1px 2px #0000000f;position:relative;overflow:hidden}.decoration-type-tab:hover{color:var(--accent);background:linear-gradient(135deg,#fff,#f0f7ff);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #007bff26,0 2px 4px #0000001a}.decoration-type-tab.active{color:#fff;border-color:var(--accent);background:linear-gradient(135deg,var(--accent) 0%,#0056b3 100%);font-weight:700;box-shadow:0 4px 16px #007bff59,0 2px 8px #007bff33}.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}.quote-summary-compact{max-width:700px;margin:0 auto}.summary-card{background:#fafbfc;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #00000014;overflow:hidden}.summary-header{padding:10px 16px;background:#f3f4f6;border-bottom:1px solid #d1d5db}.summary-header h4{margin:0;font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px}.summary-grid{padding:12px 16px}.summary-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:6px}.summary-cell{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.summary-label{color:#6b7280;font-weight:500}.summary-value{font-weight:600;color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.summary-total-section{padding:12px 16px;background:#fff;border-top:2px solid #d1d5db}.summary-total-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.total-label{font-size:14px;font-weight:800;color:#111827;letter-spacing:.5px}.total-value{font-size:24px;font-weight:800;color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1}.summary-sub-info{display:flex;flex-direction:column;gap:3px;margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.sub-info-item{display:flex;justify-content:space-between;font-size:11px;color:#6b7280}.sub-info-item span:last-child{font-weight:600;color:#374151;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.summary-footer{padding:8px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.cost-breakdown-toggle-compact{background:#fff;border:1px solid #d1d5db;padding:4px 10px;border-radius:4px;font-size:10px;font-weight:600;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.cost-breakdown-toggle-compact:hover{background:#f3f4f6;color:#374151;border-color:#9ca3af}.cost-breakdown-panel{margin-top:8px;padding:12px;border-radius:6px;border:1px solid #e5e7eb}.cost-breakdown-toggle{width:100%;background:#fff;border:1px solid #e5e7eb;padding:6px;border-radius:4px;font-size:10px;font-weight:500;color:#4b5563;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s;margin-top:8px}.cost-breakdown-toggle:hover{background:#f9fafb;color:#111827;border-color:#d1d5db}.cost-breakdown-content{margin-top:6px;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:10px}.cost-breakdown-row{display:flex;justify-content:space-between;padding:3px 0;color:#4b5563}.cost-breakdown-row span:last-child{font-weight:600;color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.quote-action-buttons{margin-top:12px;display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;max-width:700px;margin-left:auto;margin-right:auto}.quote-action-buttons .btn{flex:1;min-width:140px;justify-content:center;padding:10px 16px;font-size:13px;font-weight:600;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.quote-action-buttons .btn-primary{background:#2563eb;color:#fff;border:1px solid #1d4ed8;box-shadow:0 1px 2px #0000000d}.quote-action-buttons .btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.quote-action-buttons .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.quote-action-buttons .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#111827}.quote-action-buttons .btn-success{background:#059669;color:#fff;border:1px solid #047857}.quote-action-buttons .btn-success:hover:not(:disabled){background:#047857}.quote-action-buttons .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(max-width:768px){.quote-summary-compact{max-width:100%}.summary-grid-row{grid-template-columns:1fr;gap:4px}.summary-cell{padding:6px 0}.total-value{font-size:20px}.quote-action-buttons{flex-direction:column}.quote-action-buttons .btn{width:100%;min-width:unset}}.product-type-chooser-overlay{position:fixed!important;inset:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;animation:fadeIn .2s ease-out;visibility:visible!important;opacity:1!important}.product-type-chooser-modal{background:var(--card-bg, #fff);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, #e5e7eb)}.product-type-chooser-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827)}.product-type-chooser-content{padding:24px}.product-type-chooser-description{margin:0 0 24px;color:var(--text-secondary, #6b7280);font-size:.95rem}.product-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.product-type-option{background:var(--bg-secondary, #f9fafb);border:2px solid var(--border, #e5e7eb);border-radius:8px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.product-type-option:hover{border-color:var(--primary, #3b82f6);background:var(--bg, #fff);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.product-type-icon{font-size:3rem;line-height:1}.product-type-label{font-size:1.1rem;font-weight:600;color:var(--text-primary, #111827)}.product-type-description{font-size:.85rem;color:var(--text-secondary, #6b7280);margin-top:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.inline-wraps-builder{background:var(--card-bg, #fff);border:2px solid var(--primary, #3b82f6);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, #e5e7eb)}.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, #111827);text-transform:uppercase;letter-spacing:.05em}.inline-signs-builder{background:var(--card-bg, #fff);border:2px solid var(--primary, #3b82f6);border-radius:var(--radius-md, 8px);padding:var(--space-4, 16px);margin-bottom:var(--space-3, 12px)}.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, #e5e7eb)}.inline-builder-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #111827)}.inline-builder-actions{display:flex;gap:var(--space-2, 8px)}.btn-icon{background:transparent;border:1px solid var(--border, #e5e7eb);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, #dc2626);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}.form-group-inline{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.form-group-inline label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280)}.form-group-inline input,.form-group-inline select{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-sm, 4px);font-size:.875rem;background:var(--bg, #fff);color:var(--text-primary, #111827)}.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}.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-builder-summary{display:flex;gap:var(--space-4, 16px);padding:var(--space-3, 12px);background:var(--bg-secondary, #f9fafb);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, #3b82f6)}.inline-builder-loading{padding:var(--space-4, 16px);text-align:center;color:var(--text-secondary, #6b7280)}@media(max-width:768px){.form-row-inline{grid-template-columns:1fr}.inline-builder-summary{flex-direction:column;gap:var(--space-2, 8px)}}.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:#fff;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 #e5e7eb}.misc-item-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.misc-item-modal-header .btn-icon{background:none;border:none;font-size:24px;color:#6b7280;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:#f3f4f6;color:#1f2937}.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:#fef2f2;border:1px solid #fecaca;color:#dc2626;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:#374151}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.misc-item-total-preview{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:8px;margin-top:8px;font-size:16px;font-weight:600;color:#1f2937}.misc-item-total-preview .total-amount{font-size:20px;color:#4f46e5}.misc-item-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.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:#fff;color:#374151;border:1px solid #d1d5db}.misc-item-modal-footer .btn-secondary:hover{background:#f9fafb}.misc-item-modal-footer .btn-primary{background:#4f46e5;color:#fff}.misc-item-modal-footer .btn-primary:hover{background:#4338ca}@media(max-width:640px){.misc-item-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.form-row{grid-template-columns:1fr}}.apparel-line-item-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 4px #0000000d}.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 #f0f0f0}.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:#1d4ed8;display:flex;flex-direction:column;gap:4px}.garment-name-button:hover{text-decoration:underline}.garment-name{font-size:16px;font-weight:600;color:#1d4ed8}.style-number{font-size:12px;color:#6b7280;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 #d1d5db;flex-shrink:0}.color-name{font-size:13px;color:#6b7280}.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:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;font-size:11px;font-weight:500;color:#374151}.department-pill{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.department-select{background:#dbeafe;border:1px solid #93c5fd;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500;color:#1e40af;cursor:pointer}.department-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.placements-editor{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.placement-pill{cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:4px}.placement-pill.active{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.placement-pill:hover{background:#e5e7eb}.placement-pill.active:hover{background:#bfdbfe}.color-count-input{width:32px;padding:2px 4px;border:1px solid #93c5fd;border-radius:4px;font-size:10px;text-align:center;background:#fff}.color-count-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.stitch-count-input{width:50px;padding:2px 4px;border:1px solid #93c5fd;border-radius:4px;font-size:10px;text-align:center;background:#fff}.stitch-count-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.placement-edit-toggle{padding:4px 8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;font-size:11px;cursor:pointer;color:#6b7280}.placement-edit-toggle:hover{background:#e5e7eb;color:#374151}.apparel-card-header-right{text-align:right;flex-shrink:0}.line-total-large{font-size:20px;font-weight:700;color:#111827;line-height:1.2}.price-per-piece{font-size:12px;color:#6b7280;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 #f5f5f5}.size-quantity-cell{display:flex;flex-direction:column;gap:4px;justify-self:center}.size-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase}.quantity-input-inline{width:60px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;text-align:center;font-weight:500}.quantity-input-inline:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.total-qty-display{padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:13px;font-weight:600;color:#374151;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 #f5f5f5;position:relative}.apparel-margin-row:before{content:"Margin:";position:absolute;left:-60px;font-size:11px;font-weight:600;color:#6b7280;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 #d1d5db;border-radius:4px;font-size:13px;text-align:center}.margin-input-inline:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.margin-percent{font-size:12px;color:#6b7280}.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 #f5f5f5;font-size:13px;color:#6b7280}.price-breakdown-cell{font-family:Courier New,monospace;text-align:center;justify-self:center}.price-empty{color:#d1d5db}.price-row-total{font-size:15px;font-weight:600;color:#111827;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:#6b7280}.stock-cell{padding:4px 8px;background:#f9fafb;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 #f5f5f5}.btn-delete-inline{padding:6px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;color:#dc2626;cursor:pointer;transition:all .2s}.btn-delete-inline:hover{background:#fee2e2;border-color:#fca5a5}.apparel-addons-section{margin-top:12px;padding-top:12px;border-top:1px solid #f5f5f5}.addons-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.addons-toggle-btn{background:none;border:none;padding:4px 8px;font-size:12px;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:4px}.addons-toggle-btn:hover{color:#374151}.addon-select-dropdown{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff;cursor:pointer}.addon-select-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.addons-list{display:flex;flex-direction:column;gap:6px}.addon-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f9fafb;border-radius:4px;font-size:12px}.addon-item label{flex:1;display:flex;flex-direction:column;cursor:pointer;margin:0}.addon-item label span{font-weight:500;color:#111827}.addon-item label small{font-size:10px;color:#6b7280}.addon-amount-input{width:80px;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;text-align:center}.addon-amount-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.addon-amount-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.addon-multiplier-input{width:50px;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;text-align:center}.addon-multiplier-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.addon-multiplier-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.addon-total{font-weight:600;color:#1e40af;min-width:60px;text-align:right}.addon-remove-btn{background:none;border:none;color:#dc2626;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.addon-remove-btn:hover{color:#991b1b}.design-button{padding:2px 6px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-size:10px;cursor:pointer;margin-left:4px}.design-button:hover{background:#e5e7eb}.design-preview-thumb{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;margin-left:4px;border:1px solid #d1d5db;border-radius:4px}.ink-color-selector-btn{padding:4px 8px;background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;font-size:11px;cursor:pointer;margin:4px 0}.ink-color-selector-btn:hover{background:#f3f4f6}.ink-color-picker-panel{width:100%;margin-top:8px;padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.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:#6b7280;padding:0 4px}.close-color-picker:hover{color:#111827}.color-book-selector{margin-bottom:12px}.color-book-selector label{display:block;font-size:11px;font-weight:600;margin-bottom:4px;color:#6b7280}.color-book-selector select{width:100%;padding:6px 8px;border:1px solid #d1d5db;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:#6b7280}.color-slot select{flex:1;min-width:150px;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:12px}.swatch-preview{width:24px;height:24px;border-radius:4px;border:2px solid #d1d5db;flex-shrink:0}.custom-pantone-label{font-size:11px;color:#6b7280}.custom-pantone-form{width:100%;margin-top:8px;padding:8px;background:#fff;border-radius:4px;border:1px solid #d1d5db;display:flex;flex-direction:column;gap:4px}.custom-pantone-form input{padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:12px}.apparel-group-section{margin-top:12px;padding-top:12px;border-top:1px solid #f5f5f5;position:relative}.group-button{padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:12px;cursor:pointer;color:#374151}.group-button:hover{background:#e5e7eb}.group-selector-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #d1d5db;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 #f5f5f5}.group-selector-dropdown button:hover{background:#f9fafb}.group-selector-dropdown button.selected{background:#eff6ff;color:#1e40af;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:#fff;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 #e5e7eb}.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:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-designer-btn:hover{background:#f3f4f6;color:#111827}.apparel-group-table-container{width:100%;max-width:100%;overflow-x:auto;margin-bottom:20px;background:#fff;border:1px solid #e0e0e0;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 #f0f0f0;padding:8px;text-align:center}.apparel-group-table th{background:#f8fafc;font-weight:700;color:#475569;text-transform:uppercase;font-size:10px;letter-spacing:.025em;border:1px solid #e2e8f0}.apparel-group-table td{border:1px solid #e2e8f0;padding:6px 8px;text-align:center;color:#1e293b}.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:#f1f5f9}.apparel-group-table .item-number{font-weight:700;color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.apparel-group-table .total-column{font-weight:700;background:#f8fafc;color:#0f172a}.apparel-group-table .price-column{font-weight:600;color:#059669;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:#f3f4f6;color:#9ca3af;cursor:not-allowed}.apparel-group-table .stock-issue-indicator{color:#ef4444;font-size:10px;font-weight:700}.apparel-group-table .margin-row{background:#f9fafb}.apparel-group-table .stock-row{background:#fafafa;font-size:10px;color:#6b7280;border-top:1px solid #e5e7eb}.apparel-group-table .style-row+.margin-row+.stock-row{border-bottom:2px solid #e2e8f0}.apparel-line-item-card.provided-apparel{border-left:4px solid #8b5cf6}.apparel-line-item-card.provided-apparel .apparel-card-header{background:#faf5ff}@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%}}.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:#fff;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 #e5e7eb}.send-email-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.send-email-modal-close{background:transparent;border:none;font-size:28px;color:#6b7280;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:#f3f4f6;color:#111827}.send-email-modal-body{padding:24px;overflow-y:auto;flex:1}.send-email-error{background:#fee2e2;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:#374151;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 #d1d5db;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:#4f46e5;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:#6b7280}.send-email-email-input{border:1px solid #d1d5db;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:#e5e7eb;padding:4px 10px;border-radius:16px;font-size:13px;color:#374151}.send-email-chip-remove{background:transparent;border:none;color:#6b7280;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:#d1d5db;color:#111827}.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 #e5e7eb}.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:#fff;border:1px solid #d1d5db;color:#374151}.send-email-modal-footer .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.send-email-modal-footer .btn-primary{background:#4f46e5;border:1px solid #4f46e5;color:#fff}.send-email-modal-footer .btn-primary:hover:not(:disabled){background:#4338ca;border-color:#4338ca}.send-email-modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}.shipping-estimate{background:var(--content-bg, #fff);border:1px solid var(--border, #e5e7eb);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(--text-primary, #1a1a1a)}.shipping-estimate-subtitle{margin:0 0 var(--space-4, 20px) 0;font-size:13px;color:var(--text-secondary, #6b7280)}.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(--text-primary, #1a1a1a)}.shipping-estimate-form .form-group label .required{color:var(--error, #dc2626)}.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, #e5e7eb);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, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.shipping-estimate-form .form-group input.error{border-color:var(--error, #dc2626)}.shipping-estimate-form .form-hint{font-size:12px;color:var(--text-secondary, #6b7280);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, #f9fafb);border-radius:var(--radius-sm, 4px);font-size:12px;color:var(--text-secondary, #6b7280)}.shipping-estimate-form .form-error{padding:var(--space-2, 8px) var(--space-3, 12px);background:#fee2e2;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:#fef3c7;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, #3b82f6);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, #2563eb)}.shipping-estimate-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.shipping-estimate-form .form-row{grid-template-columns:1fr}}.proof-manager{background:var(--card-bg, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 8px);padding:var(--space-4, 16px);margin-top:var(--space-4, 16px)}.proof-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2, 8px);flex-wrap:wrap;gap:var(--space-2, 8px)}.proof-manager-actions{display:flex;gap:var(--space-2, 8px);align-items:center;flex-wrap:wrap}.proof-manager-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #1a1a1a)}.btn-upload-proof{display:inline-block;padding:4px 10px;background:var(--accent, #0078d4);color:#fff;border:none;border-radius:var(--radius-sm, 4px);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-upload-proof:hover:not(:disabled){background:var(--accent-hover, #106ebe);transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.btn-upload-proof:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-add-mockups{display:inline-block;padding:4px 10px;background:var(--success, #10b981);color:#fff;border:none;border-radius:var(--radius-sm, 4px);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add-mockups:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.btn-add-mockups:disabled{opacity:.6;cursor:not-allowed;transform:none}.proof-conversion-progress{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--accent-light, #e3f2fd);border-left:3px solid var(--accent, #0078d4);border-radius:var(--radius-sm, 4px);margin-bottom:var(--space-4, 16px);font-size:14px;color:var(--text-primary, #1a1a1a)}.proof-conversion-progress .progress-file-name{color:var(--text-secondary, #6b7280);font-size:12px;font-style:italic}.proof-manager-error{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--danger-bg, #fef2f2);border:1px solid var(--danger, #dc2626);color:var(--danger, #dc2626);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-4, 16px);font-size:14px}.proof-manager-loading,.proof-manager-empty{text-align:center;padding:var(--space-8, 32px);color:var(--text-secondary, #6b7280)}.proof-manager-empty p{margin:var(--space-2, 8px) 0}.proof-manager-hint{font-size:13px;color:var(--text-tertiary, #9ca3af)}.proofs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3, 12px)}.proof-card{border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 8px);overflow:hidden;background:#fff;transition:all .2s}.proof-card:hover{box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));border-color:var(--accent, #0078d4)}.proof-image-wrapper{position:relative;width:100%;height:130px;background:var(--content-bg, #f3f4f6);display:flex;align-items:center;justify-content:center;overflow:hidden}.proof-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.proof-pdf-icon{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px);color:var(--text-secondary, #6b7280)}.proof-pdf-icon .pdf-icon{font-size:48px}.proof-pdf-icon span{font-size:14px;font-weight:600}.proof-badge-current,.proof-badge-version{position:absolute;top:var(--space-2, 8px);padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-sm, 4px);font-size:11px;font-weight:600;color:#fff;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.proof-badge-current{left:var(--space-2, 8px);background:var(--success, #107c10)}.proof-badge-version{right:var(--space-2, 8px)}.proof-info{padding:var(--space-2, 8px)}.proof-name{font-weight:600;color:var(--text-primary, #1a1a1a);font-size:12px;margin-bottom:var(--space-1, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proof-size,.proof-date{font-size:11px;color:var(--text-secondary, #6b7280);margin-top:var(--space-1, 4px);display:none}.proof-actions{display:flex;gap:var(--space-1, 4px);padding:var(--space-1, 4px) var(--space-2, 8px);border-top:1px solid var(--border, #e5e7eb);background:var(--content-bg, #f3f4f6)}.btn-proof-view,.btn-proof-delete{flex:1;padding:var(--space-1, 4px);border:none;border-radius:var(--radius-sm, 4px);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none;display:inline-block}.btn-proof-view{background:var(--accent, #0078d4);color:#fff}.btn-proof-view:hover{background:var(--accent-hover, #106ebe)}.btn-proof-delete{background:var(--danger, #dc2626);color:#fff}.btn-proof-delete:hover:not(:disabled){background:#b91c1c}.btn-proof-delete:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.proof-manager{padding:var(--space-4, 16px)}.proofs-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2, 8px)}.proof-image-wrapper{height:120px}.proof-manager-header{flex-direction:column;align-items:flex-start;gap:var(--space-2, 8px)}.proof-manager-actions{width:100%;gap:var(--space-2, 8px)}.btn-upload-proof,.btn-add-mockups{flex:1;width:100%;text-align:center}.proof-size,.proof-date{display:block}}.quote-response-display{margin-top:24px;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;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:#1a1a1a}.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:#6b7280}.quote-response-date,.quote-response-email{display:inline-block}.quote-response-comments{padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.quote-response-comments strong{display:block;margin-bottom:8px;color:#1a1a1a;font-size:14px}.quote-response-comments p{margin:0;color:#374151;line-height:1.6;white-space:pre-wrap}.quote-response-annotations{padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.quote-response-annotations strong{display:block;margin-bottom:12px;color:#1a1a1a;font-size:14px}.quote-response-annotation-item{padding:10px;background:#f9fafb;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:#1a1a1a;font-size:13px}.quote-response-annotation-comment{color:#374151;line-height:1.5;font-size:13px;white-space:pre-wrap}.quote-response-empty{padding:12px;text-align:center;color:#6b7280;font-style:italic;font-size:13px}.quote-response-display-error{margin-top:24px;padding:12px;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;font-size:13px}.new-quote-page{padding:var(--space-10);max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.new-quote-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8)}.new-quote-header h1{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:28px;font-weight:700}.new-quote-header p{margin:0;color:var(--text-secondary);font-size:14px}.header-actions{display:flex;gap:var(--space-3)}.new-quote-content{display:flex;flex-direction:column;gap:var(--space-6);max-width:1200px;margin:0 auto}.quote-main{display:flex;flex-direction:column;gap:var(--space-6)}@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}}.customer-search-container{position:relative;width:100%}.customer-search-container input{width:100%;padding:var(--space-3) var(--space-4);background:var(--card-bg, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 8px);color:var(--text-primary, #1a1a1a);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, #6b7280)}.customer-search-container input::placeholder{color:var(--text-secondary, #6b7280)}.customer-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--card-bg, #ffffff);border:1px solid var(--border, #e5e7eb);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, #f3f4f6)}.customer-dropdown-item:last-child{border-bottom:none}.customer-dropdown-item:hover{background:var(--card-hover, #f9fafb)}.customer-dropdown-name{font-weight:600;color:var(--text-primary, #1a1a1a);font-size:14px;margin-bottom:2px}.customer-dropdown-email{color:var(--text-secondary, #6b7280);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, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 8px)}.selected-customer span{font-weight:600;color:var(--text-primary, #1a1a1a);font-size:14px}.selected-customer .btn-link{background:none;border:none;color:var(--accent, #667eea);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-hover, #5568d3)}@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}.line-item-card{padding:var(--space-3)}.line-item-header{flex-direction:column;gap:var(--space-2)}.line-item-pricing{text-align:left;margin-left:0;margin-top:var(--space-2)}.line-item-actions{flex-direction:column;width:100%}.line-item-actions button{width:100%}.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)}.line-item-card{padding:var(--space-2)}.line-item-title{font-size:13px}.line-item-meta,.line-item-details{font-size:11px}}.additional-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-2)}.additional-details-grid .form-group{display:flex;flex-direction:column}.additional-details-grid label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.additional-details-grid input,.additional-details-grid select{padding:var(--space-2);border:1px solid var(--border);border-radius:4px;font-size:14px;background:var(--background);color:var(--text-primary);transition:border-color .2s}.additional-details-grid input:focus,.additional-details-grid select:focus{outline:none;border-color:var(--accent)}.additional-details-grid input:disabled{background:var(--background-secondary);color:var(--text-secondary);cursor:not-allowed}.additional-details-grid input[readonly]{background:var(--background-secondary);color:var(--text-secondary);cursor:default}.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:#fff;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:#1f2937;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:#dc2626}.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}.work-order-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.work-order-modal{background:#fff;border-radius:8px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.work-order-modal-header{padding:20px;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:1}.work-order-modal-header h2{margin:0;color:#1f2937;font-size:20px}.work-order-actions{display:flex;gap:10px}.work-order-content{padding:30px}.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:#1f2937;margin-bottom:10px}.work-order-title{font-size:18px;font-weight:600;color:#374151}.work-order-qr-code{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px}.qr-code-label{font-size:10px;font-weight:600;color:#6b7280;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:#6b7280;margin-bottom:5px}.work-order-info-grid .info-value{color:#1f2937}.work-order-item{margin-bottom:40px;page-break-inside:avoid}.work-order-item-header{background:#f3f4f6;padding:15px;border-radius:6px;margin-bottom:15px;display:flex;gap:20px;align-items:flex-start}.item-info{flex:1}.item-title{font-size:18px;font-weight:700;color:#1f2937;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:#6b7280}.meta-value{color:#1f2937;margin-left:8px}.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 #e5e7eb;border-radius:8px;background:#fff;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:0 10px 40px #0000004d;position:relative}.work-order-design-img{width:80px;height:80px}.mockup-label{font-size:11px;color:#6b7280;margin-top:4px}.work-order-table-container{overflow-x:auto}.work-order-table{width:100%;border-collapse:collapse;border:2px solid #e5e7eb;margin-bottom:15px}.work-order-table thead{background:#f9fafb}.work-order-table th{padding:12px;text-align:center;border:1px solid #e5e7eb;font-weight:600;color:#374151;font-size:13px}.work-order-table .total-header{background:#dbeafe;color:#1f2937;font-weight:700}.work-order-table td{padding:12px;text-align:center;border:1px solid #e5e7eb;font-size:14px;color:#9ca3af}.work-order-table td.has-qty{font-weight:600;color:#1f2937}.work-order-table .total-cell{font-weight:700;color:#1f2937;background:#dbeafe}.item-placements{margin-top:15px;font-size:13px;color:#6b7280}.size-totals-section{margin-top:40px;padding-top:20px;border-top:3px solid #1f2937}.size-totals-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:15px}.size-totals-table{border:2px solid #1f2937}.size-totals-table thead{background:#1f2937;color:#fff}.size-totals-table th{border:1px solid #374151;font-size:14px}.size-totals-table .grand-total-header{background:#0ea5e9;color:#fff;font-weight:700}.size-totals-table td{border:1px solid #1f2937;font-size:16px;font-weight:700;color:#1f2937}.size-totals-table .size-total-cell{background:#fff}.size-totals-table .grand-total-cell{font-size:18px;font-weight:700;color:#0ea5e9;background:#dbeafe}.work-order-notes{margin-top:30px;padding:15px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px}.notes-title{font-weight:600;color:#92400e;margin-bottom:8px}.notes-content{color:#78350f;font-size:14px;white-space:pre-wrap}.no-items{text-align:center;padding:40px;color:#6b7280}@media print{.work-order-modal-overlay{position:static;background:#fff;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:#fff;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 #e5e7eb}.send-approval-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.send-approval-modal .modal-close{background:transparent;border:none;font-size:28px;color:#6b7280;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:#f3f4f6;color:#111827}.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 #e5e7eb}.send-approval-modal .form-group{margin-bottom:20px}.send-approval-modal .form-group label{display:block;font-weight:600;font-size:14px;color:#374151;margin-bottom:8px}.send-approval-modal .form-group input,.send-approval-modal .form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;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:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.send-approval-modal .form-group small{display:block;margin-top:6px;font-size:12px;color:#6b7280}.send-approval-modal .required{color:#dc2626}.send-approval-modal .error-message{background:#fee2e2;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:#4f46e5;color:#fff}.send-approval-modal .btn-primary:hover:not(:disabled){background:#4338ca}.send-approval-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.send-approval-modal .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.send-approval-modal .btn-secondary:hover{background:#f9fafb}.quote-info-box{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--content-bg, #f3f4f6);border-radius:var(--radius-md, 8px);border:1px solid var(--border, #e5e7eb);color:var(--text-primary, #1a1a1a)}.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(--text-primary, #1a1a1a);font-size:16px}.success-subtitle{color:var(--text-secondary, #6b7280)!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)}.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 #e5e7eb;border-radius:6px;background:#fff;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:#fff;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:#333;margin-top:4px;padding-top:4px;border-top:1px solid #e5e7eb}.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:#fff;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 #e5e7eb}.mockup-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.mockup-modal-close{background:transparent;border:none;font-size:24px;color:#666;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:#f3f4f6;color:#333}.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}.quote-chooser-modal{max-width:600px}.chooser-description{margin-bottom:var(--space-6);color:var(--text-secondary);text-align:center}.department-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.department-option{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);cursor:pointer;transition:all .2s;text-align:center}.department-option:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.department-icon{font-size:3rem;margin-bottom:var(--space-3)}.department-info h3{margin:0 0 var(--space-1) 0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.department-info p{margin:0;font-size:.9rem;color:var(--text-secondary)}.quote-response-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.quote-response-modal{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column}.quote-response-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.quote-response-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.quote-response-modal-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.quote-response-modal-close:hover{background:#f3f4f6;color:#1a1a1a}.quote-response-modal-content{padding:20px;overflow-y:auto;flex:1}.quote-response-loading,.quote-response-error,.quote-response-empty{text-align:center;padding:40px 20px;color:#6b7280}.quote-response-error{color:#ef4444}.quote-response-info{margin-bottom:24px}.quote-response-action{display:flex;align-items:center;gap:12px;margin-bottom:8px}.quote-response-badge{display:inline-block;padding:4px 12px;border-radius:12px;color:#fff;font-size:14px;font-weight:600}.quote-response-date,.quote-response-email{color:#6b7280;font-size:14px}.quote-response-comments{margin-bottom:24px}.quote-response-comments h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.quote-response-comments p{color:#374151;line-height:1.6;background:#f9fafb;padding:12px;border-radius:6px;border:1px solid #e5e7eb;white-space:pre-wrap}.quote-response-annotations{margin-bottom:24px}.quote-response-annotations h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.quote-response-annotations-list{display:flex;flex-direction:column;gap:12px}.quote-response-annotation-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.quote-response-annotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quote-response-annotation-header strong{color:#1a1a1a;font-size:14px}.quote-response-annotation-number{color:#6b7280;font-size:12px}.quote-response-annotation-comment{color:#374151;line-height:1.6;margin-bottom:4px;white-space:pre-wrap}.quote-response-annotation-position{color:#6b7280;font-size:12px}.quote-response-empty-details{text-align:center;padding:20px;color:#6b7280;font-style:italic}.quote-response-modal-footer{padding:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.column-manager-button{padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;color:#374151;transition:all .2s;display:flex;align-items:center;gap:4px}.column-manager-button:hover{background:#e5e7eb;border-color:#9ca3af}.column-manager-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.column-manager-modal{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.column-manager-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.column-manager-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.close-button{background:transparent;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:color .2s}.close-button:hover{color:#111827}.column-manager-content{padding:20px;overflow-y:auto;flex:1}.column-section{margin-bottom:24px}.column-section:last-child{margin-bottom:0}.column-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.column-list{display:flex;flex-direction:column;gap:8px}.column-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:move;transition:all .2s}.column-item:hover{background:#f3f4f6;border-color:#d1d5db}.column-item.dragging{opacity:.5;background:#e5e7eb}.column-item:not(.dragging){cursor:grab}.column-item:not(.dragging):active{cursor:grabbing}.grip-icon{width:16px;height:16px;color:#9ca3af;flex-shrink:0}.column-label{flex:1;font-size:14px;color:#111827}.toggle-visibility{background:transparent;border:none;cursor:pointer;padding:4px;color:#6b7280;transition:color .2s;display:flex;align-items:center}.toggle-visibility:hover{color:#111827}.fixed-badge{font-size:11px;padding:2px 6px;background:#dbeafe;color:#1e40af;border-radius:4px;font-weight:500}.column-manager-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e5e7eb}.btn-primary{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-secondary{padding:8px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.quotes-page{padding:var(--space-10);max-width:1400px;margin:0 auto}.quotes-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8)}.quotes-header h1{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:28px;font-weight:700}.quotes-header p{margin:0;color:var(--text-secondary);font-size:14px}.quotes-toolbar{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.quotes-toolbar .search-input{flex:1;max-width:400px}.status-filter{padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;min-width:150px}.status-filter:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.quotes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.quotes-table-container{overflow-x:auto;background:#fff;border-radius:var(--radius-md);border:1px solid var(--border)}.quotes-table{width:100%;border-collapse:collapse;font-size:14px}.quotes-table thead{background:#f9fafb;border-bottom:2px solid var(--border)}.quotes-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.quotes-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:var(--text-primary)}.quotes-table tbody tr:hover{background:#f9fafb}.quote-actions-cell{display:flex;gap:4px;align-items:center}.btn-icon-small{padding:4px 8px;border:none;background:transparent;cursor:pointer;font-size:14px;border-radius:4px;transition:background .2s}.btn-icon-small:hover{background:#e5e7eb}.btn-icon-small.btn-danger:hover{background:#fee2e2}.actions-dropdown{position:relative}.actions-menu{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;z-index:100;min-width:200px;padding:8px}.actions-menu-portal{pointer-events:auto}.actions-menu-portal .actions-menu{position:static;margin:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:200px;padding:8px;max-height:400px;overflow-y:auto}.quote-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)}.quote-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);background:var(--card-hover)}.quote-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)}.quote-card-header h3{margin:0 0 var(--space-1) 0;color:var(--text-primary);font-size:18px;font-weight:600}.quote-customer{margin:0;color:var(--text-secondary);font-size:14px}.quote-actions{display:flex;gap:var(--space-2);align-items:center}.status-select{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;color:#fff;min-width:120px}.status-select:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.quote-card-body{display:flex;flex-direction:column;gap:var(--space-3)}.quote-info{display:flex;flex-direction:column;gap:var(--space-2)}.quote-info-item{display:flex;justify-content:space-between;font-size:14px}.quote-info-item .info-label{color:var(--text-secondary);font-weight:600}.quote-info-item span:not(.info-label){color:var(--text-primary);font-weight:500}.quote-card-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.status-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:12px;font-weight:600;text-transform:capitalize;min-width:80px;text-align:center;display:inline-block}.loading-state,.empty-state{text-align:center;padding:80px var(--space-5);color:var(--text-secondary)}.empty-state p{margin-bottom:var(--space-6);font-size:16px}@media(max-width:1200px){.quotes-table-container{border:none;box-shadow:none;background:transparent}.quotes-table{display:block}.quotes-table thead{display:none}.quotes-table tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.quotes-table tr.quote-row{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border);box-shadow:var(--shadow-md);position:relative}.quotes-table td{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border:none;width:100%}.quotes-table td:before{content:attr(data-label);font-weight:700;font-size:11px;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em}.quotes-table td.actions-cell{position:absolute;top:12px;right:12px;width:auto;padding:0;border:none}.quotes-table td.actions-cell:before{display:none}}@media(max-width:768px){.quotes-page{padding:var(--space-4)}.quotes-header{flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.quotes-header h1{font-size:24px}.quotes-toolbar{flex-direction:column}.quotes-toolbar .search-input{max-width:100%}.status-filter{width:100%}.quotes-list{grid-template-columns:1fr;gap:var(--space-4)}.quote-card{padding:var(--space-4)}.quote-card-header{flex-direction:column;gap:var(--space-2);align-items:flex-start}.quote-card-header h3{font-size:16px}.quote-actions{width:100%;justify-content:space-between;margin-top:var(--space-2)}.status-select{min-width:auto;flex:1;min-height:44px}.quote-actions button{min-height:44px}.quotes-table tbody{grid-template-columns:1fr}}.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:#fff;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:#f7fafc}.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:#f5f5f5;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:#333}.payment-method-tabs{display:flex;gap:10px;margin-top:8px}.method-tab{flex:1;padding:12px 20px;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s}.method-tab:hover{border-color:#4caf50;background:#f9f9f9}.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 #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;white-space:nowrap}.preset-btn:hover{border-color:#2196f3;background:#f0f8ff}.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 #ddd;border-radius:6px;overflow:hidden;background:#fff;transition:border-color .2s}.amount-input-group:focus-within{border-color:#4caf50}.amount-prefix{display:flex;align-items:center;justify-content:center;padding:0 14px;background:#f5f5f5;border-right:1px solid #ddd;font-size:18px;font-weight:600;color:#555;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:#333;border:none;outline:none;background:transparent;box-sizing:border-box}.amount-field::-moz-placeholder{color:#aaa;font-weight:400}.amount-field::placeholder{color:#aaa;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:#f9f9f9;border-radius:8px;border:1px solid #ddd}#card-container{min-height:120px}.square-error{padding:20px;background:#ffebee;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:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.square-error button:hover{background:#c62828}.loading-spinner{text-align:center;padding:30px;color:#666;font-style:italic}.error-message{padding:12px 15px;background:#ffebee;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 #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-secondary:hover{background:#f5f5f5}.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:#333;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;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:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0;max-height:300px;overflow-y:auto}.payment-history h3{margin:0 0 15px;font-size:16px;color:#333;font-weight:600;position:sticky;top:0;background:#f9f9f9;padding-bottom:10px;z-index:1}.payments-list{display:flex;flex-direction:column;gap:10px}.payment-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s}.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:#333;font-size:14px}.method-name{text-transform:capitalize}.payment-amount{font-size:18px;font-weight:700;color:#4caf50}.payment-date{font-size:12px;color:#666}.payment-notes{font-size:12px;color:#666;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:#ffebee;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:#f44336;color:#fff}.btn-delete-payment:disabled{opacity:.5;cursor:not-allowed}.cannot-delete{color:#999;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%}}.create-shipment-modal{background:var(--content-bg, #fff);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, #e5e7eb)}.create-shipment-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #1a1a1a)}.create-shipment-modal .modal-close{background:none;border:none;font-size:28px;color:var(--text-secondary, #6b7280);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, #f9fafb)}.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(--text-primary, #1a1a1a)}.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(--text-primary, #1a1a1a)}.create-shipment-modal .form-group label .required{color:var(--error, #dc2626)}.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, #e5e7eb);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, #3b82f6);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, #f9fafb);border-radius:var(--radius-sm, 4px);border:1px solid var(--border, #e5e7eb)}.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(--text-primary, #1a1a1a)}.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, #e5e7eb);border-radius:var(--radius-sm, 4px);background:var(--content-bg, #fff);color:var(--text-primary, #1a1a1a);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.create-shipment-modal .carrier-filter-btn:hover{border-color:var(--primary, #3b82f6);background:#3b82f60d}.create-shipment-modal .carrier-filter-btn.active{border-color:var(--primary, #3b82f6);background:#3b82f61a;color:var(--primary, #3b82f6);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, #e5e7eb);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, #3b82f6);background:#3b82f60d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.create-shipment-modal .rate-card.selected{border-color:var(--primary, #3b82f6);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(--text-primary, #1a1a1a);text-transform:uppercase;letter-spacing:.5px}.create-shipment-modal .rate-service{font-size:16px;font-weight:700;color:var(--text-primary, #1a1a1a);margin-top:2px}.create-shipment-modal .rate-delivery{font-size:12px;color:var(--text-secondary, #6b7280);margin-top:4px}.create-shipment-modal .rate-price{font-size:24px;font-weight:700;color:var(--primary, #3b82f6);white-space:nowrap;flex-shrink:0}.create-shipment-modal .no-rates{padding:var(--space-4, 20px);text-align:center;color:var(--text-secondary, #6b7280)}.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, #e5e7eb)}.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, #3b82f6);color:#fff}.create-shipment-modal .btn-primary:hover:not(:disabled){background:var(--primary-dark, #2563eb)}.create-shipment-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.create-shipment-modal .btn-secondary{background:var(--content-bg, #fff);color:var(--text-primary, #1a1a1a);border:1px solid var(--border, #e5e7eb)}.create-shipment-modal .btn-secondary:hover:not(:disabled){background:var(--bg-main, #f9fafb)}.create-shipment-modal .form-error{padding:var(--space-2, 8px) var(--space-3, 12px);background:#fee2e2;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, #6b7280)}.sales-order-detail-page{padding:var(--space-10, 40px);max-width:1400px;margin:0 auto}.sales-order-detail-content{background:var(--card-bg, white);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:#fef3c7;color:#92400e}.qbo-status-badge.qbo-status-processing{background:#dbeafe;color:#1e40af}.qbo-status-badge.qbo-status-error{background:#fee2e2;color:#991b1b}.qbo-status-badge.qbo-status-not-synced{background:#f3f4f6;color:#4b5563}.btn-small{padding:6px 12px;font-size:13px;min-height:auto;white-space:nowrap}.qbo-error-text{font-size:14px;color:#dc2626;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, #e5e7eb);background:var(--card-bg, white);border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0}.header-left h2{margin:0;font-size:1.5rem;color:#1f2937}.header-left .customer-name{margin:4px 0 0;color:#6b7280;font-size:.9rem}.header-actions{display:flex;gap:8px;align-items:center}.btn-work-order{background:#4f46e5;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:#4338ca}.btn-close{background:none;border:1px solid #d1d5db;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.2rem;color:#6b7280;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#f3f4f6;color:#1f2937}.order-info-section{padding:20px 24px;background:#fefce8;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:#6b7280;font-weight:600}.info-item span{font-size:.95rem;color:#1f2937;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:#dbeafe;color:#1e40af}.status-badge.sent_to_production{background:#ede9fe;color:#5b21b6}.tax-exempt-badge{background:#fecaca;color:#991b1b;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.mockups-section{padding:20px 24px;border-bottom:1px solid #e5e7eb}.mockups-section h3{margin:0 0 12px;font-size:1rem;color:#374151}.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:#374151}.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:#6b7280;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.no-items button{margin-top:12px;background:#4f46e5;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.line-items-list{display:flex;flex-direction:column;gap:12px}.line-item-card{background:#f9fafb;border:1px solid #e5e7eb;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:#1f2937}.item-meta{margin:4px 0 0;font-size:.85rem;color:#6b7280}.item-price{font-size:1.1rem;font-weight:700;color:#059669}.size-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.size-tag{background:#fff;border:1px solid #d1d5db;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500;color:#374151}.item-mockups{margin-bottom:12px;padding-top:8px;border-top:1px solid #e5e7eb}.item-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid #e5e7eb}.item-actions button{background:#fff;border:1px solid #d1d5db;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.item-actions button:hover{background:#f3f4f6}.item-actions .btn-delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.notes-section{padding:20px 24px;border-top:1px solid #e5e7eb}.notes-section h3{margin:0 0 12px;font-size:1rem;color:#374151}.notes-section textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;resize:vertical;font-family:inherit}.notes-section textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.totals-section{padding:0 24px 20px}.payment-summary{padding:16px 24px;background:#f0fdf4;border-top:1px solid #bbf7d0}.payment-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.9rem}.payment-row .amount{font-weight:600;color:#1f2937}.payment-row .amount.paid{color:#059669}.payment-row.balance{padding-top:8px;margin-top:8px;border-top:1px solid #bbf7d0;font-weight:600}.payment-row.balance .amount{font-size:1.1rem;color:#dc2626}.detail-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px;position:sticky;bottom:0}.btn-cancel{background:#fff;border:1px solid #d1d5db;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;color:#374151}.btn-cancel:hover{background:#f3f4f6}.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:#9ca3af;cursor:not-allowed}.error-banner{background:#fef2f2;color:#dc2626;padding:12px 24px;border-bottom:1px solid #fecaca}.shipment-section{padding:20px 24px;background:#eff6ff;border-top:1px solid #bfdbfe;border-bottom:1px solid #bfdbfe}.shipment-section h3{margin:0 0 16px;font-size:1rem;color:#374151}.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:#1f2937;display:flex;align-items:center;gap:8px}.tracking-link{color:#3b82f6;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:#fff;border:1px solid #3b82f6;color:#3b82f6;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:#3b82f6;color:#fff}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s}.qr-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:var(--space-4)}.qr-modal-content{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border)}.qr-modal-header h2{margin:0;color:var(--text-primary);font-size:20px;font-weight:700}.qr-modal-close{background:transparent;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;line-height:1;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.qr-modal-close:hover{background:var(--content-bg);color:var(--text-primary)}.qr-modal-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.qr-description{color:var(--text-secondary);font-size:14px;margin:0;text-align:center}.qr-code-container{display:flex;justify-content:center;align-items:center;padding:var(--space-4);background:#fff;border-radius:var(--radius-md);border:1px solid var(--border)}.qr-url-display{display:flex;flex-direction:column;gap:var(--space-2)}.qr-url-display label{font-size:13px;font-weight:600;color:var(--text-primary)}.qr-url-display input{padding:var(--space-3);background:var(--content-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;font-family:monospace;width:100%;box-sizing:border-box}.qr-url-display input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.qr-url-display .btn-copy{padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all var(--transition-base)}.qr-url-display .btn-copy:hover{background:var(--accent-hover)}.qr-download-options{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.qr-download-options label{font-size:13px;font-weight:600;color:var(--text-primary)}.qr-download-options select{padding:var(--space-3);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;cursor:pointer}.qr-download-options select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.btn-download{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-download:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:768px){.qr-modal-overlay{padding:var(--space-2)}.qr-modal-content{max-width:100%}.qr-modal-header,.qr-modal-body{padding:var(--space-4)}.qr-code-container{padding:var(--space-3)}}.sales-orders-page{padding:20px;max-width:1400px;margin:0 auto}.sales-orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.sales-orders-header h1{margin:0 0 5px;font-size:28px;color:#333}.sales-orders-header p{margin:0;color:#666;font-size:14px}.sales-orders-toolbar{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.search-input:focus{outline:none;border-color:#4caf50}.status-filter{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.sales-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px}.sales-orders-table-container{overflow-x:auto;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border);margin-top:var(--space-6)}.sales-orders-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.sales-orders-table th{padding:var(--space-4) var(--space-6);text-align:left;font-weight:700;color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.1em;background:var(--content-bg);border-bottom:1px solid var(--border)}.sales-orders-table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--divider);color:var(--text-primary);vertical-align:middle}.sales-orders-table tbody tr.sales-order-row{transition:all var(--transition-fast);cursor:pointer}.sales-orders-table tbody tr.sales-order-row:hover{background:var(--accent-light)}.sales-orders-table tbody tr:last-child td{border-bottom:none}.status-badge-modern,.dept-badge-modern{display:inline-flex;align-items:center;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid;white-space:nowrap;letter-spacing:.02em;box-shadow:var(--shadow-sm)}.dept-badge-modern{text-transform:uppercase;font-size:11px}.order-number-cell{font-weight:800;color:var(--primary);font-family:JetBrains Mono,monospace}.customer-cell{display:flex;flex-direction:column}.customer-name{font-weight:700;color:var(--text-primary)}.customer-email{font-size:12px;color:var(--text-tertiary)}.amount-cell{font-weight:700;font-family:Inter,sans-serif}.amount-cell.has-balance{color:var(--danger)}.date-cell{color:var(--text-secondary);font-weight:500}.payment-progress-mini{display:flex;align-items:center;gap:var(--space-3);min-width:120px}.progress-track{flex:1;height:6px;background:var(--divider);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#60a5fa 100%);border-radius:3px;transition:width .4s ease}.progress-label{font-size:11px;font-weight:800;color:var(--text-secondary);width:35px}.icon-button-modern{background:transparent;border:1px solid var(--border);color:var(--text-tertiary);padding:6px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.icon-button-modern:hover{background:#fff;color:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-sm)}.actions-menu-modern{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border);min-width:220px;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)}}.menu-section{padding:4px 0;border-bottom:1px solid var(--divider)}.menu-section:last-child{border-bottom:none}.menu-section button{width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;text-align:left;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .1s}.menu-section button:hover:not(:disabled){background:var(--accent-light);color:var(--primary)}.menu-section button:disabled{opacity:.4;cursor:not-allowed}.menu-section.danger button:hover{background:var(--danger-bg);color:var(--danger)}.stage-tag{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.status-text-muted{color:var(--text-tertiary);font-size:12px;font-style:italic}.loading-spinner{width:20px;height:20px;border:2px solid var(--divider);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.tax-exempt-badge{display:inline-block;padding:6px 12px;background:#fef3c7;color:#92400e;border:1px solid #fbbf24;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:15px}.order-actions{display:flex;gap:8px;flex-wrap:wrap}.order-actions button{flex:1;min-width:100px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.btn-details{background:#6b7280;color:#fff}.btn-details:hover{background:#4b5563}.btn-add-payment{background:#4caf50;color:#fff}.btn-add-payment:hover{background:#45a049}.btn-qr-code{background:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-qr-code:hover{background:#1976d2}.btn-send-production{background:#8b5cf6;color:#fff}.btn-send-production:hover:not(:disabled){background:#7c3aed}.btn-send-production:disabled{background:#10b981;color:#fff;cursor:not-allowed;opacity:.8}.btn-delete{flex:0 0 auto;min-width:40px;background:#ef4444!important;color:#fff!important}.btn-delete:hover{background:#dc2626!important}.btn-convert-invoice{background:#059669;color:#fff}.btn-convert-invoice:hover{background:#047857}.no-orders{text-align:center;padding:60px 20px;color:#666}.no-orders p{font-size:16px;margin-bottom:15px}.no-orders button{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.no-orders button:hover{background:#45a049}@media(max-width:1400px){.sales-orders-table th,.sales-orders-table td{padding:var(--space-3) var(--space-4);font-size:13px}.payment-progress-mini{min-width:100px}}@media(max-width:1200px){.sales-orders-table-container{border:none;box-shadow:none;background:transparent}.sales-orders-table{display:block}.sales-orders-table thead{display:none}.sales-orders-table tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.sales-orders-table tr.sales-order-row{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border);box-shadow:var(--shadow-md);position:relative}.sales-orders-table td{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border:none;width:100%}.sales-orders-table td:before{content:attr(data-label);font-weight:700;font-size:11px;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em}.sales-orders-table td.actions-cell{position:absolute;top:12px;right:12px;width:auto;padding:0;border:none}.sales-orders-table td.actions-cell:before{display:none}.order-number-cell{font-size:16px}.customer-cell{align-items:flex-end;text-align:right}.payment-progress-mini{justify-content:flex-end}}@media(max-width:480px){.sales-orders-table tbody{grid-template-columns:1fr}.sales-orders-header h1{font-size:22px}}.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:#dbeafe;color:#2563eb}.status-overdue{background:#fee2e2;color:#dc2626}.status-draft{background:#f3f4f6;color:#6b7280}.detail-content{display:flex;flex-direction:column;gap:var(--space-6)}.info-section{background:#fff;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:#fff;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:#fff;border:1px solid var(--border);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:#fff;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}.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:#fff;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{padding:20px;max-width:1400px;margin:0 auto}.invoices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.invoices-header h1{margin:0 0 5px;font-size:28px;color:#333}.invoices-header p{margin:0;color:#666;font-size:14px}.invoices-toolbar{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.invoices-table-container{overflow-x:auto;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border);margin-top:var(--space-6)}.invoices-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.invoices-table th{padding:var(--space-4) var(--space-6);text-align:left;font-weight:700;color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.1em;background:var(--content-bg);border-bottom:1px solid var(--border)}.invoices-table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--divider);color:var(--text-primary);vertical-align:middle}.invoices-table tbody tr.invoice-row{transition:all var(--transition-fast);cursor:pointer}.invoices-table tbody tr.invoice-row:hover{background:var(--accent-light)}.invoices-table tbody tr:last-child td{border-bottom:none}.invoice-number-cell{font-weight:800;color:var(--primary);font-family:JetBrains Mono,monospace}@media(max-width:1200px){.invoices-table-container{border:none;box-shadow:none;background:transparent}.invoices-table{display:block}.invoices-table thead{display:none}.invoices-table tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.invoices-table tr.invoice-row{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border);box-shadow:var(--shadow-md);position:relative}.invoices-table td{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border:none;width:100%}.invoices-table td:before{content:attr(data-label);font-weight:700;font-size:11px;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em}.invoices-table td.actions-cell{position:absolute;top:12px;right:12px;width:auto;padding:0;border:none}.invoices-table td.actions-cell:before{display:none}.customer-cell{align-items:flex-end;text-align:right}}@media(max-width:480px){.invoices-table tbody{grid-template-columns:1fr}}.payments-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{margin:0;font-size:28px;color:#333}.header-actions{display:flex;gap:8px}.btn-refresh{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background .2s}.btn-refresh:hover{background:var(--primary-dark)}.error-banner{background:#fee;color:#c33;padding:12px 16px;border-radius:6px;margin-bottom:20px;border-left:4px solid #c33}.payments-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px;background:#f9f9f9;border-radius:8px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:150px}.filter-group label{font-size:12px;font-weight:500;color:#666}.search-input,.filter-select,.filter-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.search-input{min-width:250px}.btn-clear-filters{padding:8px 16px;background:#f0f0f0;color:#666;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;height:-moz-fit-content;height:fit-content;transition:background .2s}.btn-clear-filters:hover{background:#e0e0e0}.payments-summary{display:flex;gap:24px;margin-bottom:20px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:#666;font-weight:500}.summary-value{font-size:20px;font-weight:600;color:#333}.payments-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.payments-table{width:100%;border-collapse:collapse}.payments-table thead{background:#f5f5f5}.payments-table th{padding:12px;text-align:left;font-weight:600;font-size:13px;color:#666;border-bottom:2px solid #e0e0e0;white-space:nowrap}.payments-table td{padding:12px;border-bottom:1px solid #f0f0f0;font-size:14px}.payments-table tbody tr:hover{background:#f9f9f9}.payments-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;padding:40px;color:#999}.document-info{display:flex;align-items:center;gap:8px}.document-type-badge{display:inline-block;padding:2px 6px;background:#e3f2fd;color:#1976d2;border-radius:4px;font-size:11px;font-weight:600}.document-number{font-weight:500;color:#333}.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(--primary);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:#fee}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.cannot-delete{color:#999;font-size:18px;cursor:not-allowed}.status-badge{display:inline-block}.loading{text-align:center;padding:40px;color:#999}@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}}.production-calendar{background:#fff;border-radius:12px;padding:24px;width:100%;box-shadow:var(--shadow-xl)}.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);background:#fff;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-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);background:#fff;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(--divider);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:#fff;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(--divider);border:1px solid var(--divider);border-radius:12px;overflow:visible}.calendar-cell{min-height:140px;background:#fff;padding:12px 0;position:relative;display:flex;flex-direction:column;border-right:1px solid var(--divider);border-bottom:1px solid var(--divider)}.calendar-cell-date{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;padding:0 12px}.calendar-cell-jobs{flex:1;display:flex;flex-direction:column;gap:4px;position:relative}.job-bar{height:22px;border-radius:4px;font-size:11px;font-weight:700;padding:0 8px;display:flex;align-items:center;position:relative;z-index:10;width:calc(100% + 1px);margin-left:0;margin-right:0;border:none;box-shadow:0 1px 3px #0000001a;white-space:nowrap}.job-bar-start{border-top-right-radius:0;border-bottom-right-radius:0;width:calc(100% + 1px);margin-left:4px}.job-bar-middle{border-radius:0;width:calc(100% + 2px);margin-left:-1px}.job-bar-end{border-top-left-radius:0;border-bottom-left-radius:0;width:calc(100% - 3px);margin-left:-1px}.job-bar:hover{z-index:50;transform:scaleY(1.1);box-shadow:0 4px 12px #00000026}.job-bar-content{display:flex;align-items:center;width:100%;height:100%}.job-bar-label{display:flex;align-items:center;gap:6px;width:100%}.job-bar-id{opacity:.9}.job-bar-name{font-weight:600}.job-bar-badge{background:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.05);font-size:9px;padding:1px 6px;border-radius:4px;margin-left:auto;color:inherit}.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:#111827;flex:1;min-width:0}.job-bar-id{font-weight:600}.job-bar-separator{color:#6b7280}.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:#dbeafe;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 #E5E7EB;margin-bottom:0}.agenda-header h3{font-size:20px;font-weight:600;color:#111827;margin:0}.agenda-stats{font-size:14px;color:#6b7280;font-weight:500}.agenda-list{display:flex;flex-direction:column}.agenda-empty{padding:60px 24px;text-align:center;color:#6b7280}.agenda-empty p{font-size:16px;margin:0}.agenda-item{display:flex;gap:16px;padding:16px 24px;border-bottom:1px solid #E5E7EB;cursor:pointer;transition:background .15s ease;position:relative}.agenda-item:hover{background:#f9fafb}.agenda-item:last-child{border-bottom:none}.agenda-item-color{width:4px;border-radius:2px;flex-shrink:0;background:#dbeafe}.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:#3b82f6}.agenda-item-name{font-size:16px;font-weight:600;color:#111827}.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:#dbeafe;color:#1e40af}.agenda-item-badge-red{background:#fee2e2;color:#991b1b}.agenda-item-details{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280;flex-wrap:wrap}.agenda-item-customer{font-weight:500;color:#374151}.agenda-item-sep{color:#d1d5db}.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-tooltip{position:fixed;z-index:10000;background:#fff;border-radius:12px;box-shadow:var(--shadow-2xl);width:320px;border:1px solid var(--border);overflow:hidden;animation:tooltipAppear .2s cubic-bezier(.16,1,.3,1);pointer-events:none}@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:var(--accent-light);border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;align-items:flex-start}.job-detail-icon{font-size:18px;color:var(--primary);margin-right:12px}.job-detail-title{font-size:16px;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2}.job-detail-so{font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase}.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(--text-tertiary)}.job-detail-customer-name{font-size:14px;font-weight:700;color:var(--text-primary)}.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:800;text-transform:uppercase}.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(--divider)}.job-detail-section-title{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-3);letter-spacing:.05em}.job-detail-mockups-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.job-detail-mockup{aspect-ratio:1;background:var(--accent-light);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.job-detail-mockup img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.press-view-container{padding:24px;background:#f9fafb;min-height:100vh}.press-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.press-view-header h2{margin:0;font-size:24px;font-weight:700;color:#111827}.btn-refresh{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#f3f4f6;border-color:#9ca3af}.press-view-loading,.press-view-error{text-align:center;padding:48px;font-size:16px;color:#6b7280}.press-view-error{color:#ef4444}.press-view-empty{text-align:center;padding:64px 24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.press-view-empty p{margin:0;font-size:16px;color:#374151}.press-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.press-column{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;min-height:600px}.press-column-header{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center}.btn-add-task-header{padding:6px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-task-header:hover{background:#ffffff4d;border-color:#ffffff80}.press-name{margin:0;font-size:20px;font-weight:700}.press-type-badge{padding:4px 12px;background:#fff3;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.press-column-body{padding:20px;flex:1;display:flex;flex-direction:column;gap:16px}.press-idle-card{padding:32px;text-align:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px}.press-idle-label{font-size:18px;font-weight:600;color:#6b7280;margin-bottom:8px}.press-idle-hint{font-size:14px;color:#9ca3af}.on-press-card{background:#f0f9ff;border:2px solid #3b82f6;border-radius:12px;padding:20px;box-shadow:0 4px 12px #3b82f626}.on-press-card.overtime{background:#fef2f2;border-color:#ef4444;box-shadow:0 4px 12px #ef444426}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.task-label{font-size:18px;font-weight:700;color:#111827}.task-side-badge{padding:4px 10px;background:#3b82f6;color:#fff;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.on-press-card.overtime .task-side-badge{background:#ef4444}.task-job-info{margin-bottom:16px;padding:8px;background:#fff;border-radius:6px}.task-job-number{font-size:14px;font-weight:600;color:#374151}.task-order-number{font-size:13px;font-weight:600;color:#3b82f6;margin-top:4px}.task-customer-name{font-size:12px;color:#374151;font-weight:500;margin-top:2px}.task-piece-count{font-size:12px;color:#6b7280;margin-top:4px}.btn-work-order{width:100%;padding:10px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-work-order:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.timer-container{position:relative;width:200px;height:200px;margin:0 auto 16px}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-background{opacity:.2}.timer-progress{transition:stroke-dashoffset .5s ease}.timer-progress-overtime{stroke:#ef4444!important}.timer-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.timer-time{font-size:32px;font-weight:700;color:#111827;line-height:1;margin-bottom:4px}.timer-time-overtime{color:#ef4444}.timer-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.task-timing{display:flex;justify-content:space-around;padding:12px;background:#fff;border-radius:6px;margin-bottom:16px}.timing-item{display:flex;flex-direction:column;align-items:center;gap:4px}.timing-label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.timing-value{font-size:16px;font-weight:600;color:#374151}.btn-complete-task{width:100%;padding:12px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #10b98133}.btn-complete-task:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-complete-task:active{transform:translateY(0)}.task-actions{display:flex;gap:8px;flex-direction:column}.task-actions>button{flex:1}.btn-start-task-full{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #3b82f633}.btn-start-task-full:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.btn-pause-task{flex:1;padding:12px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #f59e0b33}.btn-pause-task:hover{background:#d97706;box-shadow:0 4px 8px #f59e0b4d;transform:translateY(-1px)}.btn-resume-task{flex:1;padding:12px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #10b98133}.btn-resume-task:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.task-status-badge{padding:4px 10px;background:#fef3c7;color:#92400e;border-radius:6px;font-size:12px;font-weight:600}.task-status-badge.paused{background:#fef3c7;color:#92400e}.timer-paused{opacity:.6}.timer-time-paused{color:#f59e0b}.up-next-section{margin-top:auto}.up-next-header{font-size:14px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.up-next-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:all .2s}.up-next-content{flex:1;cursor:pointer}.up-next-card:hover{background:#f3f4f6;border-color:#3b82f6}.up-next-actions{flex-shrink:0}.up-next-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.up-next-job{font-size:12px;color:#6b7280;margin-bottom:4px}.up-next-side{display:inline-block;padding:2px 8px;background:#e5e7eb;border-radius:4px;font-size:11px;color:#6b7280;margin-bottom:8px;text-transform:capitalize}.up-next-target{font-size:11px;color:#9ca3af;margin-bottom:8px}.btn-start-task{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-start-task:hover{background:#2563eb}.btn-start-task:active{transform:scale(.98)}.btn-complete-task-small{padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-complete-task-small:hover{background:#059669}.btn-complete-task-small:active{transform:scale(.98)}.modal-content{background:#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-y:auto}.modal-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:#111827}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-content form{padding:20px}.modal-content .form-group{margin-bottom:20px}.modal-content .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.modal-content .form-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s}.modal-content .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media(max-width:768px){.press-view-grid{grid-template-columns:1fr}.timer-container{width:160px;height:160px}.timer-time{font-size:24px}}.production-page{padding:var(--space-10);max-width:1600px;margin:0 auto}.production-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8)}.production-header h1{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:28px;font-weight:700}.production-header p{margin:0;color:var(--text-secondary);font-size:14px}.header-actions{display:flex;gap:var(--space-4);align-items:center}.view-toggle{display:flex;gap:var(--space-1);background:var(--content-bg);padding:var(--space-1);border-radius:var(--radius-md)}.view-toggle-btn{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:all var(--transition-base)}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:var(--accent);color:#fff}.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(--content-bg);border-radius:4px}.kanban-board::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.kanban-board::-webkit-scrollbar-thumb:hover{background:var(--accent)}.kanban-column{min-width:300px;max-width:300px;width:300px;background:var(--content-bg);border-radius:var(--radius-lg);display:flex;flex-direction:column;border:1px solid var(--border);transition:all var(--transition-base);box-sizing:border-box}.kanban-column.drag-over{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px var(--accent-light)}.kanban-column-header{padding:var(--space-4);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.kanban-column-header h3{margin:0;color:var(--text-primary);font-size:16px;font-weight:600;text-transform:capitalize}.kanban-count{background:var(--accent);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:12px;font-weight:600;min-width:24px;text-align:center}.kanban-column-body{flex:1;padding:var(--space-3);overflow-y:auto;min-height:500px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;display:flex;flex-direction:column;gap:0}.kanban-column-body::-webkit-scrollbar{width:6px}.kanban-column-body::-webkit-scrollbar-track{background:transparent}.kanban-column-body::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.kanban-column-body::-webkit-scrollbar-thumb:hover{background:var(--accent)}.kanban-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);cursor:grab;transition:all var(--transition-base);box-shadow:var(--shadow-sm);-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}.kanban-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.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-2);border-bottom:1px solid var(--border)}.job-number{font-weight:600;color:var(--text-primary);font-size:14px;word-break:break-word;overflow-wrap:break-word}.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:14px;word-break:break-word;overflow-wrap:break-word;line-height:1.4}.job-quote,.job-due-date{color:var(--text-secondary);font-size:12px;word-break:break-word;overflow-wrap:break-word;line-height:1.4}.due-date-red{color:#dc2626!important;font-weight:600;background:#dc26261a;padding:2px 6px;border-radius:4px;display:inline-block}.due-date-yellow{color:#d97706!important;font-weight:600;background:#d977061a;padding:2px 6px;border-radius:4px;display:inline-block}.job-notes{color:var(--text-secondary);font-size:12px;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.btn-work-order{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-base);width:100%}.btn-work-order:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.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-6)}.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)}.production-table th{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:var(--content-bg)}.production-table tr{cursor:grab;transition:all var(--transition-base)}.production-table tr:hover{background:var(--content-bg)}.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);border-radius:var(--radius-md);background:var(--card-bg);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 #dc2626;color:#dc2626;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}.btn-icon:hover{background:var(--content-bg);transform:scale(1.1)}.btn-icon.btn-danger:hover{background:#dc26261a}.btn-primary{background:var(--accent);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-secondary{background:var(--content-bg);color:var(--text-primary);border:1px solid var(--border);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--card-bg);border-color:var(--border-medium)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border)}.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-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--border)}.form-group label{font-weight:500;color:var(--text-primary);font-size:14px}.form-group label .required{color:#dc2626}.form-group input,.form-group select,.form-group textarea{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);font-size:14px;transition:all var(--transition-base)}.card{background:var(--card-bg);border:1px solid var(--border);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-color)!important}.stage-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--content-bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base)}.stage-item:hover{border-color:var(--border-medium);background:var(--card-bg)}.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);border-radius:var(--radius-md);background:var(--card-bg);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);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)}.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(--accent);color:#fff}.production-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--content-bg);border-radius:var(--radius-md);border:1px solid var(--border)}.filter-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border);background:#fff;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:all var(--transition-base);white-space:nowrap}.filter-btn:hover{border-color:var(--accent);background:var(--accent-light)}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-btn.clear-filters{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.filter-btn.clear-filters:hover{background:#e5e7eb;color:#374151}.job-header-left{display:flex;align-items:center;gap:var(--space-2);flex:1}.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:#111827;color:#fff;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);border-radius:var(--radius-md);background:var(--content-bg)}.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}.decoration-section-title{font-weight:700;margin-bottom:var(--space-2)}.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);border-radius:var(--radius-sm);background:#fff}.decoration-row.disabled{opacity:.55}.decoration-placement{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600}.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}.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:#e0e7ff;color:#4338ca;border-radius:var(--radius-sm);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.decoration-badge-screenprint{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f640}.decoration-badge-embroidery{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 4px #8b5cf640}.decoration-badge-dtf{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 4px #f59e0b40}.decoration-badge-wrap,.decoration-badge-sign{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 4px #8b5cf640}.decoration-badge-misc{background:linear-gradient(135deg,#10b981,#059669);color:#fff;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:#f3f4f6;color:#6b7280}.status-chip.blanks-ordered{background:#dbeafe;color:#2563eb}.status-chip.blanks-partial{background:#fef3c7;color:#d97706}.status-chip.blanks-in_house{background:#d1fae5;color:#059669}.status-chip.blanks-problem{background:#fee2e2;color:#dc2626}.job-assigned{margin-top:var(--space-2);font-size:12px}.assigned-user{color:var(--accent);font-weight:500}.unassigned{color:var(--text-secondary);font-style:italic}.due-date-red{color:#dc2626;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:600;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(--content-bg)}.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-tv-page{width:100%;height:100vh;padding:8px;background:#0a0a0a;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.tv-header{display:flex;align-items:center;margin-bottom:8px;padding:4px 0;flex-shrink:0;justify-content:space-between}.tv-datetime{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:#fff;line-height:1.1}.tv-date{font-size:1rem;font-weight:700;color:#f5f5f5}.tv-time{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:.3px}.tv-back-button{padding:.5rem .75rem;background:#1a1a1a;color:#fff;border:2px solid #444;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.tv-back-button:hover{background:#2a2a2a;border-color:#666}.tv-loading,.tv-error{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.5rem;color:#f5f5f5}.tv-error{color:#f44}.tv-kanban-board{flex:1;display:flex;gap:8px;overflow:hidden;padding:0;align-items:stretch;justify-content:center;width:100%;max-width:100%}.tv-kanban-column{flex:1;min-width:0;background:#1a1a1a;border:2px solid #333;border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.tv-column-header{padding:8px 10px;background:#0f0f0f;border-bottom:2px solid #333;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.tv-column-header h2{margin:0;font-size:1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.tv-column-count{background:#2a2a2a;color:#fff;padding:3px 8px;border-radius:12px;font-size:.85rem;font-weight:700;border:1px solid #444;min-width:28px;text-align:center}.tv-column-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px;display:flex;flex-direction:column;gap:6px;background:#0a0a0a}.tv-column-body::-webkit-scrollbar{width:6px}.tv-column-body::-webkit-scrollbar-track{background:#0f0f0f}.tv-column-body::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.tv-column-body::-webkit-scrollbar-thumb:hover{background:#666}.tv-kanban-card{background:#1a1a1a;border:2px solid #333;border-radius:4px;padding:8px;cursor:default;transition:all .2s;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.tv-kanban-card:hover{border-color:#555;background:#222}.tv-tile-piece-count{font-weight:700;color:#fff;font-size:1.4rem;text-align:center;margin-bottom:4px;line-height:1.2}.tv-tile-decoration{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-bottom:4px}.tv-decoration-pill-group{display:inline-flex;align-items:center;gap:6px}.tv-decoration-type-pill{padding:2px 6px;font-size:.7rem;font-weight:800;border-radius:3px;white-space:nowrap}.tv-decoration-detail-pill{padding:2px 6px;font-size:.7rem;font-weight:900;border-radius:3px;background:#111827;color:#fff;white-space:nowrap;border:1px solid #333}.decoration-badge-screenprint{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.decoration-badge-embroidery{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.decoration-badge-dtf{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.decoration-badge-wrap,.decoration-badge-sign{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.decoration-badge-misc{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tv-tile-due{color:#f5f5f5;font-size:.9rem;font-weight:600;text-align:center;margin-bottom:4px;padding:3px 6px;border-radius:3px}.tv-due-red{color:#f44!important;font-weight:700;background:#ff444426;border:2px solid #ff4444}.tv-due-yellow{color:#fa0!important;font-weight:700;background:#ffaa0026;border:2px solid #ffaa00}.tv-tile-client{font-weight:600;color:#fff;font-size:.9rem;text-align:center;margin-bottom:4px;word-break:break-word;line-height:1.2;min-height:1.1em}.tv-tile-sales-order{font-size:.95rem;color:#fff;font-weight:700;text-align:center;margin-bottom:4px;margin-top:auto;padding-top:4px;border-top:1px solid #333}.tv-tile-status-row{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-top:4px}.tv-tile-badge{padding:2px 5px;border-radius:3px;font-size:.7rem;font-weight:600;border:1px solid transparent;white-space:nowrap}.tv-badge-artwork-approved{background:#10b98126;color:#10b981;border-color:#10b981}.tv-badge-artwork-needs_changes{background:#fbbf2426;color:#fbbf24;border-color:#fbbf24}.tv-badge-artwork-pending{background:#9ca3af26;color:#9ca3af;border-color:#9ca3af}.tv-badge-supplies-ready{background:#10b98126;color:#10b981;border-color:#10b981}.tv-badge-supplies-pending{background:#9ca3af26;color:#9ca3af;border-color:#9ca3af}.tv-badge-decoration{background:#3b82f626;color:#3b82f6;border-color:#3b82f6}.tv-empty{text-align:center;padding:30px 15px;color:#f5f5f580;font-size:.9rem;font-weight:500}.reports-page{padding:20px;max-width:1600px;margin:0 auto}.reports-header{margin-bottom:30px}.reports-header h1{margin:0 0 5px;font-size:28px;color:#333}.reports-header p{margin:0;color:#666;font-size:14px}.date-filter{background:#fff;padding:20px;border-radius:8px;border:1px solid #ddd;margin-bottom:20px}.preset-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.preset-btn{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap}.preset-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.preset-btn:active{transform:translateY(0)}.date-inputs{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;font-weight:600;color:#333}.input-group input[type=date]{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.input-group input[type=date]:focus{outline:none;border-color:#4caf50}.btn-clear{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-clear:hover{background:#dc2626}.report-tabs{display:flex;gap:10px;margin-bottom:20px}.report-tabs .tab{flex:1;padding:15px 25px;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s}.report-tabs .tab:hover{border-color:#4caf50;background:#f9f9f9}.report-tabs .tab.active{border-color:#4caf50;background:#4caf50;color:#fff}.report-content{background:#fff;border-radius:8px;border:1px solid #ddd;padding:20px}.report-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:var(--space-3)}.group-by-selector{display:flex;align-items:center;gap:var(--space-2)}.group-by-selector label{font-size:14px;font-weight:500;color:var(--text-secondary)}.group-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:#fff}.grouped-reports{display:flex;flex-direction:column;gap:var(--space-6)}.group-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.group-title{margin:0 0 var(--space-4) 0;font-size:18px;font-weight:600;color:var(--text-primary);padding-bottom:var(--space-2);border-bottom:2px solid var(--border)}.group-total{background:var(--content-bg);font-weight:600}.group-total td{padding:var(--space-3)}.btn-export{padding:10px 20px;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-export:hover{background:#1976d2}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}@media(max-width:1200px){.report-summary{grid-template-columns:repeat(2,1fr)}}.summary-card{background:#f9f9f9;padding:20px;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.summary-card.highlight{background:#ecfdf5;border-color:#10b981}.summary-label{font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.summary-value{font-size:28px;font-weight:700;color:#333}.summary-note{font-size:12px;color:#888;margin-top:5px}.report-table-wrapper{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;font-size:14px}.report-table thead{background:#f3f4f6;border-bottom:2px solid #ddd}.report-table th{padding:12px 15px;text-align:left;font-weight:600;color:#333;white-space:nowrap}.report-table tbody tr{border-bottom:1px solid #e5e7eb}.report-table tbody tr:hover{background:#f9fafb}.report-table tbody tr.tax-exempt-row{background:#fef3c7}.report-table tbody tr.tax-exempt-row:hover{background:#fde68a}.report-table td{padding:12px 15px}.report-table .order-number{font-weight:600;color:#2563eb}.report-table .amount{font-weight:600;text-align:right;color:#333}.report-table .amount.paid{color:#10b981}.report-table .text-center{text-align:center}.report-table .no-data{text-align:center;padding:40px;color:#666;font-style:italic}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.status-partial_paid{background:#dbeafe;color:#1e40af}.status-badge.status-paid{background:#d1fae5;color:#065f46}.status-badge.status-sent_to_production{background:#e9d5ff;color:#6b21a8}.status-badge.status-completed{background:#d1fae5;color:#047857}.status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.tax-badge{display:inline-block;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600}.tax-badge.taxable{background:#d1fae5;color:#065f46;border:1px solid #10b981}.tax-badge.exempt{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.loading{text-align:center;padding:40px;font-size:16px;color:#666}.error-banner{padding:15px 20px;background:#ffebee;border-left:4px solid #f44336;border-radius:4px;margin-bottom:20px;color:#c62828}@media(max-width:768px){.reports-page{padding:15px}.preset-filters{flex-direction:column}.preset-btn{width:100%;text-align:center}.date-inputs{flex-direction:column;align-items:stretch}.input-group,.btn-clear{width:100%}.report-tabs{flex-direction:column}.report-summary{grid-template-columns:1fr}.report-table-wrapper{overflow-x:scroll}.report-table{min-width:800px}}.cost-helper-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:var(--space-5)}.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)}.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:#fff;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:#fff;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-secondary{background:#fff;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:#fff;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)}}.material-manager{padding:0}.material-manager-header{margin-bottom:24px}.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:#f0f9ff;border-color:#3b82f6}.billing-status.no-subscription{background:#fef3c7;border-color:#f59e0b;text-align:center}.billing-status.trial{background:#d1fae5;border-color:#10b981}.billing-status.active{background:#dbeafe;border-color:#3b82f6}.billing-status.canceling{background:#fef3c7;border-color:#f59e0b}.billing-status.reports-only{background:#fee2e2;border-color:#ef4444}.billing-status h3{margin:0 0 12px;font-size:1.25rem}.billing-status p{margin:8px 0;color:var(--text-secondary, #666)}.trial-days{font-size:1.1rem;font-weight:600;color:#059669}.trial-end-date{font-size:.9rem;color:#666}.trial-note{font-size:.9rem;color:#666;margin-top:12px}.btn-large{padding:12px 24px;font-size:1rem;margin-top:16px}.billing-details{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);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, #e5e7eb)}.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:#fee2e2;color:#dc2626}.status-badge.status-incomplete,.status-badge.status-paused{background:#fef3c7;color:#d97706}.billing-access-info{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);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:#fef3c7;color:#d97706}.access-mode-badge.access-blocked{background:#fee2e2;color:#dc2626}.access-description{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.billing-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:6px;margin-bottom:16px}.billing-success{background:#d1fae5;color:#059669;padding:12px 16px;border-radius:6px;margin-bottom:16px}.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, #e5e7eb);border-radius:8px;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 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(--primary, #4f46e5);background-color:#4f46e50d}.logo-preview.drag-active{border-color:var(--primary, #4f46e5);background-color:#4f46e51a;transform:scale(1.02)}.logo-preview-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.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(--medium, #6b7280)}.logo-placeholder-icon{font-size:48px;margin-bottom:10px}.logo-placeholder-hint{font-size:12px;color:var(--light, #9ca3af);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(--primary, #4f46e5);color:#fff}.logo-controls .btn-primary:hover:not(:disabled){background-color:var(--primary-dark, #4338ca)}.logo-controls .btn-danger{background-color:var(--danger, #ef4444);color:#fff}.logo-controls .btn-danger:hover:not(:disabled){background-color:var(--danger-dark, #dc2626)}.logo-controls .btn:disabled{opacity:.6;cursor:not-allowed}.logo-info{background-color:var(--background, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:6px;padding:15px;font-size:13px;color:var(--medium, #6b7280)}.logo-info p{margin:5px 0}.logo-info strong{color:var(--dark, #1f2937)}.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}}.package-presets-manager{padding:var(--space-4)}.package-presets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.package-presets-empty{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.package-presets-table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.package-presets-table{width:100%;border-collapse:collapse}.package-presets-table thead{background:var(--bg-secondary)}.package-presets-table th{padding:var(--space-3);text-align:left;font-weight:600;font-size:14px;color:var(--text-primary);border-bottom:2px solid var(--border)}.package-presets-table td{padding:var(--space-3);border-bottom:1px solid var(--border);color:var(--text-primary)}.package-presets-table tbody tr:hover{background:var(--bg-secondary)}.table-actions{display:flex;gap:var(--space-2)}.btn-small{padding:var(--space-1) var(--space-2);font-size:13px}.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-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:var(--space-8);text-align:center;color:var(--text-secondary)}.quickbooks-settings-panel{padding:var(--space-6, 24px);max-width:800px}.panel-header{margin-bottom:var(--space-6, 24px)}.panel-header h2{margin:0 0 var(--space-2, 8px) 0;font-size:24px;font-weight:600;color:var(--text-primary, #1a1a1a)}.panel-header p{margin:0;font-size:14px;color:var(--text-secondary, #6b7280)}.connection-status{background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--space-6, 24px);margin-bottom:var(--space-6, 24px)}.status-header{display:flex;align-items:flex-start;gap:var(--space-4, 16px);margin-bottom:var(--space-6, 24px)}.status-indicator{width:16px;height:16px;border-radius:50%;margin-top:var(--space-1, 4px);flex-shrink:0}.status-indicator.connected{background:#10b981;box-shadow:0 0 0 4px #10b9811a}.status-indicator.disconnected{background:#6b7280;box-shadow:0 0 0 4px #6b72801a}.status-header h3{margin:0 0 var(--space-2, 8px) 0;font-size:20px;font-weight:600;color:var(--text-primary, #1a1a1a)}.status-header p{margin:0;font-size:14px;color:var(--text-secondary, #6b7280)}.status-header .company-name{font-weight:500;color:var(--text-primary, #1a1a1a);margin-bottom:var(--space-1, 4px)}.connection-actions{margin-bottom:var(--space-6, 24px);display:flex;gap:var(--space-3, 12px)}.btn-primary,.btn-secondary,.btn-danger{padding:var(--space-3, 12px) var(--space-5, 20px);border-radius:var(--radius-md, 8px);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s);border:none}.btn-danger{background:#ef4444;color:#fff}.connection-info{padding-top:var(--space-6, 24px);border-top:1px solid var(--border, #e5e7eb)}.connection-info h4{margin:0 0 var(--space-3, 12px) 0;font-size:16px;font-weight:600;color:var(--text-primary, #1a1a1a)}.connection-info ul{margin:0 0 var(--space-4, 16px) 0;padding-left:var(--space-6, 24px);list-style-type:none}.connection-info li{margin-bottom:var(--space-2, 8px);font-size:14px;color:var(--text-secondary, #6b7280)}.connection-info .note{margin:0;padding:var(--space-3, 12px);background:var(--card-hover, #f9fafb);border-radius:var(--radius-md, 8px);font-size:13px;color:var(--text-secondary, #6b7280);font-style:italic}.mappings-section{background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--space-6, 24px);margin-top:var(--space-6, 24px)}.section-header{margin-bottom:var(--space-6, 24px);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4, 16px);flex-wrap:wrap}.section-header h3{margin:0 0 var(--space-2, 8px) 0;font-size:20px;font-weight:600;color:var(--text-primary, #1a1a1a);flex:1}.section-header-actions{display:flex;gap:var(--space-2, 8px);align-items:center}.section-note{margin:0;font-size:14px;color:var(--text-secondary, #6b7280);display:flex;flex-direction:column;gap:var(--space-1, 4px)}.last-refreshed{font-size:12px;color:var(--text-secondary, #9ca3af);font-style:italic}.empty-state{padding:var(--space-6, 24px);background:var(--card-hover, #f9fafb);border-radius:var(--radius-md, 8px);text-align:center}.empty-state p{margin:0;font-size:14px;color:var(--text-secondary, #6b7280)}.mappings-form{display:flex;flex-direction:column;gap:var(--space-5, 20px)}.mapping-row{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.mapping-label{font-size:14px;font-weight:500;color:var(--text-primary, #1a1a1a)}.mapping-inputs{display:flex;gap:var(--space-3, 12px)}.mapping-select{flex:1;padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:14px;background:var(--content-bg, #fff);color:var(--text-primary, #1a1a1a);cursor:pointer}.mapping-select:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.mapping-help-text{margin-top:var(--space-2, 8px);padding:var(--space-3, 12px);background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-md, 8px);font-size:13px;color:#0c4a6e}.mapping-help-text p{margin:0;line-height:1.5}.mapping-help-text strong{font-weight:600}.mapping-actions{margin-top:var(--space-4, 16px);padding-top:var(--space-4, 16px);border-top:1px solid var(--border, #e5e7eb)}.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:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px #0000001a}.quick-picks-table thead{background:#f5f5f5}.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:#f9f9f9}.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:#f0f0f0}.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}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.quick-pick-modal{background:#fff;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:#f0f0f0}.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:#fff}.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}.press-management-panel{display:flex;flex-direction:column;gap:24px}.panel-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#111827}.panel-description{margin:0;color:#6b7280;font-size:14px}.press-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e7eb;margin-bottom:24px}.press-tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.press-tab:hover{color:#111827;background:#f9fafb}.press-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.setup-targets-section{margin-top:0}.press-management-loading{text-align:center;padding:48px;color:#6b7280}.error-banner{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.empty-state{text-align:center;padding:48px 24px;background:#f9fafb;border-radius:8px;color:#6b7280}.presses-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.presses-table thead{background:#f3f4f6}.presses-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:#374151;border-bottom:2px solid #e5e7eb}.presses-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb}.presses-table tr:last-child td{border-bottom:none}.press-type-badge{display:inline-block;padding:4px 12px;background:#e0e7ff;color:#4338ca;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:#f3f4f6;color:#6b7280}.press-actions{display:flex;gap:8px}.btn-icon{padding:6px 10px;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-icon:hover{background:#f3f4f6;border-color:#9ca3af}.panel-footer{padding-top:16px;border-top:1px solid #e5e7eb}.btn-primary{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#2563eb}.btn-secondary{padding:10px 20px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-small{padding:6px 12px;font-size:12px}.press-form{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f9fafb;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:#374151}.form-group input,.form-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;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}.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-8)}.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{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.settings-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);background:var(--content-bg);overflow-x:auto}.settings-tab{padding:var(--space-4) var(--space-5);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.settings-tab:hover:not(.active){background:var(--card-hover);color:var(--text-primary)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--card-bg);font-weight:600}.settings-content{padding:var(--space-8);min-height:500px;max-height:calc(100vh - 400px);overflow-y:auto}.settings-panel-content{display:flex;flex-direction:column;gap:var(--space-8)}.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(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;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)}.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)}.settings-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:2px solid var(--border);text-align:center}.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)}.quickbooks-sync-dashboard{padding:var(--space-6, 24px);max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:var(--space-6, 24px)}.dashboard-header h1{margin:0 0 var(--space-2, 8px) 0;font-size:28px;font-weight:700;color:var(--text-primary, #1a1a1a)}.dashboard-header p{margin:0;font-size:14px;color:var(--text-secondary, #6b7280)}.loading-state{text-align:center;padding:var(--space-8, 48px);color:var(--text-secondary, #6b7280)}.alert{padding:var(--space-4, 16px);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-6, 24px)}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert strong{display:block;margin-bottom:var(--space-1, 4px);font-weight:600}.stats-section{margin-bottom:var(--space-6, 24px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4, 16px)}.stat-card{background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 16px);text-align:center}.stat-label{font-size:12px;font-weight:500;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2, 8px)}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary, #1a1a1a)}.stat-value.status-pending{color:#f59e0b}.stat-value.status-processing{color:#3b82f6}.stat-value.status-synced{color:#10b981}.stat-value.status-error{color:#ef4444}.filters-section{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4, 16px);margin-bottom:var(--space-6, 24px);padding:var(--space-4, 16px);background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-lg, 12px);flex-wrap:wrap}.filters-left{display:flex;gap:var(--space-3, 12px);flex:1;min-width:300px}.filters-right{display:flex;gap:var(--space-3, 12px);flex-wrap:wrap}.search-input{flex:1;padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:14px;min-width:200px}.search-input:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.filter-select{padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:14px;background:var(--content-bg, #fff);color:var(--text-primary, #1a1a1a);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.btn-primary,.btn-secondary,.btn-danger{padding:var(--space-2, 8px) var(--space-4, 16px);border-radius:var(--radius-md, 8px);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s);border:none;white-space:nowrap}.btn-primary{background:var(--primary, #3b82f6);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #2563eb)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--text-secondary, #6b7280);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--text-primary, #4b5563)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#ef4444;color:#fff;font-size:12px;padding:var(--space-1, 4px) var(--space-3, 12px)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-small{padding:var(--space-1, 4px) var(--space-2, 8px);font-size:12px}.queue-table-section{background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-lg, 12px);overflow:hidden}.empty-state{padding:var(--space-8, 48px);text-align:center;color:var(--text-secondary, #6b7280)}.queue-table{width:100%;border-collapse:collapse}.queue-table thead{background:var(--card-hover, #f9fafb);border-bottom:2px solid var(--border, #e5e7eb)}.queue-table th{padding:var(--space-3, 12px);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.queue-table td{padding:var(--space-3, 12px);border-bottom:1px solid var(--border, #e5e7eb);font-size:14px;color:var(--text-primary, #1a1a1a)}.queue-table tbody tr:hover{background:var(--card-hover, #f9fafb)}.queue-table tbody tr.row-error{background:#fef2f2}.queue-table tbody tr.row-error:hover{background:#fee2e2}.col-checkbox{width:40px;text-align:center}.col-type{width:100px}.col-reference{width:150px}.col-customer{width:200px}.col-amount{width:100px;text-align:right}.col-status{width:120px}.col-created,.col-last-attempt{width:150px}.col-actions{width:200px}.entity-type-badge{display:inline-block;padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-sm, 4px);font-size:11px;font-weight:600;text-transform:uppercase;background:var(--card-hover, #f9fafb);color:var(--text-secondary, #6b7280)}.status-badge{display:inline-block;padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-sm, 4px);font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-processing{background:#dbeafe;color:#1e40af}.status-badge.status-synced{background:#d1fae5;color:#065f46}.status-badge.status-error{background:#fee2e2;color:#991b1b}.status-badge.status-skipped{background:#f3f4f6;color:#4b5563}.action-buttons{display:flex;gap:var(--space-2, 8px);flex-wrap:wrap}.error-details{margin-top:var(--space-2, 8px);padding:var(--space-2, 8px);background:#fee2e2;border-radius:var(--radius-sm, 4px);font-size:12px;color:#991b1b;line-height:1.5}.error-details strong{display:inline-block;margin-right:var(--space-1, 4px)}@media(max-width:768px){.filters-section{flex-direction:column;align-items:stretch}.filters-left,.filters-right{width:100%;flex-direction:column}.queue-table{font-size:12px}.queue-table th,.queue-table td{padding:var(--space-2, 8px)}.col-created,.col-last-attempt{display:none}}.notification-bell-container{position:relative}.notification-bell-button{position:relative;background:var(--card-bg, #ffffff);border:1px solid var(--border, #e5e7eb);color:var(--text-primary, #1a1a1a);font-size:18px;cursor:pointer;padding:var(--space-2, 8px);border-radius:var(--radius-md, 8px);transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:40px;height:36px;box-shadow:0 1px 2px #0000000d}.notification-bell-button:hover{background:var(--content-bg, #f3f4f6);border-color:var(--accent, #0078d4);box-shadow:0 2px 4px #0000001a}.notification-bell-button.has-unread{border-color:#dc2626;background:#fee2e2;animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 1px 2px #dc262633}50%{box-shadow:0 0 0 4px #dc26261a}}.notification-bell-button:active{transform:translateY(1px);box-shadow:0 1px 2px #0000000d}.bell-icon{display:block}.notification-badge{position:absolute;top:4px;right:4px;background:var(--danger, #dc2626);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.4;box-shadow:0 2px 4px #0003}.notification-dropdown{position:fixed;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 100px);background:var(--card-bg, #ffffff);border:1px solid var(--border, #e5e7eb);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, #e5e7eb);background:var(--content-bg, #f3f4f6)}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1a1a1a)}.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-list{overflow-y:auto;max-height:400px}.notification-empty{padding:var(--space-8, 32px);text-align:center;color:var(--text-secondary, #6b7280);font-size:14px}.notification-item{display:flex;gap:var(--space-3, 12px);padding:var(--space-4, 16px);border-bottom:1px solid var(--border, #e5e7eb);cursor:pointer;transition:all .2s;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--content-bg, #f3f4f6)}.notification-item.unread{background:var(--accent-light, #e3f2fd)}.notification-item.unread:hover{background:#cfe2f3}.notification-icon{font-size:24px;flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:var(--text-primary, #1a1a1a);margin-bottom:var(--space-1, 4px)}.notification-message{font-size:13px;color:var(--text-secondary, #6b7280);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, #9ca3af)}.notification-unread-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent, #0078d4);flex-shrink:0;margin-top:6px}@media(max-width:768px){.notification-dropdown{width:320px;right:-10px}}.dashboard{min-height:100vh;background:var(--content-bg);color:var(--text-primary);display:flex;flex-direction:row}.dashboard-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--content-bg);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:#fff;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:#fef3c7;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.mobile-menu-button{display:none;position:fixed;top:var(--space-4);right:var(--space-4);z-index:1001;background:var(--app-bg);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;color:var(--text-inverse);box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.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,#fff,#cbd5e1);-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-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.dashboard-main{flex:1;overflow-y:auto;background:var(--content-bg);padding:var(--space-8)}@media(max-width:768px){.mobile-menu-button{display:block}.dashboard-sidebar{position:fixed;height:100vh;width:280px!important;transform:translate(-100%)}.dashboard-sidebar.sidebar-open{transform:translate(0)}.dashboard-main{padding:var(--space-4);padding-top:80px}.sidebar-header{padding:0 var(--space-6);height:80px}.sidebar-company-logo{max-height:40px}.sidebar-collapse-btn{display:none}.dashboard-sidebar.sidebar-collapsed .sidebar-logo-container,.dashboard-sidebar.sidebar-collapsed .sidebar-copyright,.dashboard-sidebar.sidebar-collapsed .nav-item span:last-child{opacity:1;width:auto;display:block}.dashboard-sidebar.sidebar-collapsed .sidebar-logo-container{display:block}.dashboard-sidebar.sidebar-collapsed .nav-item{justify-content:flex-start;padding:var(--space-3) var(--space-5)}.dashboard-sidebar.sidebar-collapsed .sign-out-button{padding:var(--space-3);text-align:center;font-size:14px}.dashboard-sidebar.sidebar-collapsed .sign-out-button:before{content:none}}.payment-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.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:#6b7280}.square-loading p{margin:0;font-size:14px}.payment-wrapper{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:900px;width:100%;overflow:hidden}.payment-header{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:30px 40px;text-align:center}.shop-name{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-.5px}.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(max-width:768px){.payment-content{grid-template-columns:1fr}}.order-summary{background:#f9fafb;padding:30px;border-right:1px solid #e5e7eb}@media(max-width:768px){.order-summary{border-right:none;border-bottom:1px solid #e5e7eb}}.order-summary h2{margin:0 0 20px;font-size:18px;color:#1f2937;font-weight:600}.order-info{margin-bottom:25px}.order-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb;font-size:14px}.order-info-row:last-child{border-bottom:none}.order-info-row .label{color:#6b7280}.order-info-row .value{color:#1f2937;font-weight:500}.order-info-row .due-date{color:#dc2626;font-weight:600}.line-items{margin-bottom:25px}.line-items h3{font-size:14px;color:#6b7280;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.line-items-list{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.line-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #f3f4f6;font-size:14px}.line-item:last-child{border-bottom:none}.line-item-info{display:flex;flex-direction:column;gap:2px}.line-item-name{color:#1f2937;font-weight:500;margin-bottom:6px}.line-item-detail{color:#6b7280;font-size:12px;margin-top:2px}.line-item-detail-label{color:#6b7280;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:#9ca3af;font-size:11px;font-style:italic;font-weight:400}.line-item-size-pricing{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.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:#fafafa;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;transition:all .2s ease;cursor:default}.size-pricing-card:hover{background:#f5f5f5;border-color:#14b8a6;box-shadow:0 2px 8px #14b8a626;transform:translateY(-1px)}.size-pricing-size{color:#1f2937;font-weight:700;font-size:14px;min-width:32px;letter-spacing:.3px}.size-pricing-separator{color:#d1d5db;font-weight:300;font-size:11px}.size-pricing-qty{color:#1f2937;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:#6b7280;font-size:13px;margin-top:6px;margin-bottom:4px;font-weight:600}.line-item-price{color:#1f2937;font-weight:600;align-self:flex-start;padding-top:4px;font-size:16px}.line-item.more-items{color:#6b7280;font-style:italic;font-size:13px}.payment-totals{background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:15px}.totals-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#6b7280}.totals-row.paid{color:#10b981}.totals-row.balance-due{border-top:2px solid #e5e7eb;padding-top:15px;margin-top:8px;font-size:18px;font-weight:700;color:#1f2937}.balance-amount{color:#4f46e5;font-size:24px}.payment-section{padding:30px}.payment-section h2{margin:0 0 20px;font-size:18px;color:#1f2937;font-weight:600}.payment-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.payment-options{margin-bottom:25px}.payment-options h3{font-size:14px;color:#6b7280;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.payment-option{display:flex;align-items:center;padding:15px;border:2px solid #e5e7eb;border-radius:10px;margin-bottom:10px;cursor:pointer;transition:all .2s}.payment-option:hover{border-color:#c7d2fe;background:#f5f3ff}.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:#1f2937}.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:#6b7280}.custom-amount-input input{width:100px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;font-weight:600;color:#1f2937}.custom-amount-input input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.selected-amount{display:flex;justify-content:space-between;align-items:center;background:#1f2937;color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:25px}.selected-amount span:first-child{font-size:14px;opacity:.8}.selected-amount .amount{font-size:24px;font-weight:700}.card-input-section h3{font-size:14px;color:#6b7280;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.square-card-container,#card-container{margin-bottom:20px;min-height:180px;border:1px solid #d1d5db;border-radius:10px;padding:15px;background:#fff}.btn-pay{width:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;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}.btn-pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #4f46e566}.btn-pay:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.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:#6b7280;background:#f9fafb;border-radius:10px}.payment-unavailable p{margin:8px 0}.contact-info{color:#4f46e5;font-weight:500}.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}.lock-icon{font-size:16px}.payment-footer{background:#f9fafb;padding:20px 40px;text-align:center;border-top:1px solid #e5e7eb}.footer-contact p{margin:4px 0;color:#6b7280;font-size:13px}.footer-contact p:first-child{font-weight:600;color:#374151}.payment-success-container,.payment-error-container{max-width:500px;text-align:center;padding:60px 40px}.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:#1f2937;margin:0 0 20px}.success-message{color:#6b7280;line-height:1.6}.success-details{margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb}.success-details p{margin:8px 0;color:#374151;font-size:14px}.contact-merchant{color:#6b7280;margin-top:20px;font-size:14px}@media(max-width:768px){.payment-header{padding:25px 20px}.shop-name{font-size:22px}.order-summary,.payment-section{padding:20px}.balance-amount,.selected-amount .amount{font-size:20px}.payment-success-container,.payment-error-container{padding:40px 20px}}.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}.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:#dbeafe;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-quantities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-2);margin-top:var(--space-2)}.size-qty-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.size-label{font-weight:600;color:var(--text-secondary);font-size:12px}.qty-value{font-weight:700;color:var(--text-primary);font-size:14px}.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:#fff;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)}@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, #f3f4f6);border-radius:var(--radius-md, 8px);overflow:hidden;border:1px solid var(--border, #e5e7eb)}.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, #dc2626);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, #ffffff);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, #e5e7eb)}.annotation-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a)}.annotation-modal .modal-close{background:transparent;border:none;font-size:24px;color:var(--text-secondary, #6b7280);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, #f3f4f6);color:var(--text-primary, #1a1a1a)}.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(--text-primary, #1a1a1a)}.annotation-modal-body .form-group textarea{padding:var(--space-3, 12px);border:1px solid var(--border, #e5e7eb);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, #e5e7eb);background:var(--content-bg, #f3f4f6)}.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, #f3f4f6);color:var(--text-primary, #1a1a1a);border:1px solid var(--border, #e5e7eb)}.annotation-modal-footer .btn-secondary:hover{background:var(--card-bg, #ffffff)}.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, #f3f4f6);border-radius:var(--radius-md, 8px);border:1px solid var(--border, #e5e7eb)}.annotations-list h4{margin:0 0 var(--space-4, 16px) 0;font-size:16px;font-weight:600;color:var(--text-primary, #1a1a1a)}.annotation-list-item{display:flex;gap:var(--space-3, 12px);padding:var(--space-3, 12px);background:#fff;border-radius:var(--radius-sm, 4px);margin-bottom:var(--space-2, 8px);border:1px solid var(--border, #e5e7eb)}.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(--text-primary, #1a1a1a);line-height:1.5}.annotation-list-comment em{color:var(--text-tertiary, #9ca3af);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, #f3f4f6);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, #ffffff);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, #e5e7eb);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, #ffffff);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, #f3f4f6);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, #6b7280);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, #e5e7eb)}.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:#fff;border-radius:var(--radius-md, 8px);border:1px solid var(--border, #e5e7eb)}.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, #6b7280)}.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, #e5e7eb)}.line-item-detail-row{display:flex;gap:var(--space-2, 8px);font-size:14px}.line-item-label{font-weight:600;color:var(--text-secondary, #6b7280);min-width:100px}.line-item-value{color:var(--text-primary, #1a1a1a);flex:1}.line-item-qty{font-size:14px;color:var(--text-secondary, #6b7280);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, #e5e7eb)}.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, #6b7280);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, #6b7280);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, #e5e7eb);border-radius:var(--radius-md, 8px);overflow:hidden;background:#fff}.proof-item-annotated{background:#fff;border:1px solid var(--border, #e5e7eb);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, #e5e7eb)}.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, #f3f4f6);color:var(--text-secondary, #6b7280);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, #f3f4f6);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, #6b7280)}.response-section{background:var(--content-bg, #f3f4f6);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, #e5e7eb);border-radius:var(--radius-md, 8px);background:#fff;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, #dc2626);border-color:var(--danger, #dc2626);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:#fff;border:1px solid var(--border, #e5e7eb);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, #dc2626);color:var(--danger, #dc2626);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, #f3f4f6);border-top:1px solid var(--border, #e5e7eb);text-align:center}.quote-approval-footer p{margin:0;color:var(--text-secondary, #6b7280);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, #dc2626)}.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, #6b7280);font-size:16px;line-height:1.6}.success-details{margin-top:var(--space-6, 24px);padding:var(--space-4, 16px);background:var(--content-bg, #f3f4f6);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, #6b7280);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)}}.public-designer{height:100vh;display:flex;flex-direction:column;background:#f5f5f5;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.designer-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:0}.designer-header-top{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:linear-gradient(135deg,var(--primary-color, #4f46e5) 0%,#6366f1 100%);color:#fff}.tenant-logo{max-height:24px}.tenant-name{margin:0;font-size:14px;font-weight:700}.designer-steps{display:flex;justify-content:center;background:#fff;padding:0;margin:0;border-bottom:2px solid #e0e0e0}.step{flex:1;max-width:200px;display:flex;align-items:center;gap:6px;padding:6px 10px;position:relative;cursor:pointer;transition:background .2s;border-bottom:2px solid transparent}.step:hover{background:#f9fafb}.step.active{border-bottom-color:#2196f3;background:#f0f7ff}.step-number{width:20px;height:20px;border-radius:50%;background:#e0e0e0;color:#757575;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;flex-shrink:0}.step.active .step-number{background:#2196f3;color:#fff}.step-label{font-size:10px;color:#757575;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.step.active .step-label{color:#2196f3}.designer-main{display:flex;flex:1;overflow:hidden;min-height:0}.designer-sidebar-left{width:200px;background:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;flex-shrink:0;height:100%}.sidebar-section{padding:10px 12px;border-bottom:1px solid #e0e0e0}.sidebar-section h3{margin:0 0 10px;font-size:11px;font-weight:700;text-transform:uppercase;color:#424242;letter-spacing:.3px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .2s;font-size:11px;font-weight:500;color:#424242}.sidebar-nav-item:hover{background:#f5f5f5;border-color:#2196f3}.sidebar-nav-item.active{background:#e3f2fd;border-color:#2196f3;color:#2196f3}.sidebar-nav-item svg{width:20px;height:20px}.search-section{padding:12px 16px}.search-bar{display:flex;gap:8px}.search-input{flex:1;padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:14px}.search-input:focus{outline:none;border-color:#2196f3}.search-loading{font-size:12px;color:#757575;padding:8px 0}.category-filters{padding:0 16px 12px}.category-filters label{display:block;margin-bottom:12px;font-size:13px;font-weight:600;color:#424242}.category-buttons{display:flex;flex-wrap:wrap;gap:8px}.category-button{padding:8px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;color:#424242}.category-button:hover{border-color:#2196f3;color:#2196f3}.category-button.active{background:#2196f3;border-color:#2196f3;color:#fff}.search-results{max-height:400px;overflow-y:auto}.product-card{display:flex;gap:12px;padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.product-card:hover{background:#f9fafb}.product-image{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #e0e0e0;flex-shrink:0}.product-info h3{margin:0 0 4px;font-size:13px;font-weight:600;color:#212121}.product-brand{margin:0 0 2px;font-size:11px;color:#757575}.product-style{margin:0;font-size:11px;color:#9e9e9e}.designer-canvas{flex:1;display:flex;flex-direction:column;background:#fafafa;position:relative;overflow:hidden;min-height:0}.canvas-toolbar{background:#fff;padding:4px 10px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.canvas-toolbar h2{margin:0;font-size:11px;font-weight:600;color:#424242}.canvas-toolbar-actions{display:flex;align-items:center;gap:12px}.selected-color-label{font-size:12px;font-weight:600;color:#6b7280;background:#f3f4f6;padding:6px 10px;border-radius:999px}.icon-button{border:none;background:#eaf2ff;color:#1d4ed8;border-radius:10px;padding:6px 10px;cursor:pointer;font-size:14px}.canvas-content{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;position:relative;overflow:hidden}.mockup-container{position:relative;max-width:320px;width:100%}.mockup-display{position:relative;width:100%;aspect-ratio:4 / 5;background:#f0f0f0;border-radius:12px;box-shadow:0 12px 30px #00000014;overflow:hidden;display:flex;align-items:center;justify-content:center}.mockup-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mockup-image{width:100%;height:auto;display:block}.canvas-overlay-buttons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:8px;z-index:10}.canvas-text-overlay{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:pre-wrap;text-shadow:0 2px 8px rgba(0,0,0,.2);cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-resize-handle{position:absolute;right:-10px;bottom:-10px;width:18px;height:18px;border-radius:50%;background:#1d4ed8;border:2px solid white;cursor:nwse-resize}.overlay-button{padding:10px 18px;background:#fffffff2;border:2px solid #2196F3;border-radius:6px;font-size:12px;font-weight:600;color:#2196f3;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;gap:8px}.overlay-button:hover{background:#2196f3;color:#fff;transform:scale(1.05)}.designer-sidebar-right{width:140px;background:#fff;border-left:1px solid #e0e0e0;overflow-y:auto;flex-shrink:0;height:100%}.view-selector{padding:10px}.view-selector h3{margin:0 0 10px;font-size:11px;font-weight:700;text-transform:uppercase;color:#424242;letter-spacing:.3px}.view-option{margin-bottom:10px;text-align:center;cursor:pointer;transition:all .2s;padding:6px;border-radius:4px}.view-option:hover{background:#f5f5f5}.view-option.active{background:#e3f2fd}.view-thumbnail{width:100%;height:70px;border:2px solid #e0e0e0;border-radius:4px;margin-bottom:6px;overflow:hidden;transition:border-color .2s;background:#fafafa;display:flex;align-items:center;justify-content:center}.view-option.active .view-thumbnail{border-color:#2196f3}.view-thumbnail img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.view-label{font-size:10px;font-weight:600;color:#424242}.view-option.active .view-label{color:#2196f3}.color-selection-panel{padding:10px 12px}.color-selection-panel h3{margin:0 0 10px;font-size:11px;font-weight:700;color:#424242}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:6px}.color-button{width:28px;height:28px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s;position:relative}.color-button:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.color-button.selected{border-color:#2196f3;box-shadow:0 0 0 2px #fff,0 0 0 4px #2196f3}.size-quantity-section{padding:24px}.size-quantity-section h3{margin:0 0 16px;font-size:14px;font-weight:700;color:#424242}.size-quantity-table{overflow-x:auto}.size-quantity-table table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.size-quantity-table th,.size-quantity-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #f0f0f0}.size-quantity-table th{font-weight:600;color:#616161;background:#fafafa;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.size-quantity-table td{color:#424242;font-size:13px}.size-quantity-table tbody tr:hover{background:#f9fafb}.quantity-input{width:70px;padding:8px 10px;border:1px solid #ccc;border-radius:4px;text-align:center;font-size:13px;font-weight:500}.quantity-input:focus{outline:none;border-color:#2196f3}.quantity-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.stock-in-stock{color:#4caf50;font-weight:600;font-size:12px}.stock-out{color:#f44336;font-weight:600;font-size:12px}.stock-unknown{color:#9e9e9e;font-size:12px}.designer-footer{background:#fff;border-top:1px solid #e0e0e0;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.footer-left,.footer-right{display:flex;gap:8px}.action-button{padding:6px 12px;border:none;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.action-button.secondary{background:#fff;border:1px solid #e0e0e0;color:#424242}.action-button.secondary:hover{background:#f5f5f5;border-color:#bdbdbd}.action-button.primary{background:#2196f3;color:#fff;box-shadow:0 2px 4px #2196f34d}.action-button.primary:hover{background:#1976d2;box-shadow:0 4px 8px #2196f366;transform:translateY(-1px)}.action-button:disabled{opacity:.5;cursor:not-allowed}.full-width{width:100%;justify-content:center}.selected-product-card{margin:10px 12px 0;padding:10px;background:#f7faff;border:1px solid #dbe9ff;border-radius:6px}.selected-product-title{font-size:10px;font-weight:700;color:#1976d2;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.selected-product-name{font-size:14px;font-weight:600;color:#212121;margin-bottom:4px}.selected-product-meta{font-size:12px;color:#616161}.product-browser-overlay{position:fixed;inset:0;background:#0a0c108c;display:flex;align-items:center;justify-content:center;z-index:1000}.product-browser-modal{width:min(1200px,92vw);height:min(720px,90vh);background:#fff;border-radius:16px;box-shadow:0 24px 60px #00000040;display:flex;flex-direction:column;overflow:hidden}.product-browser-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e0e0e0;background:#f9fbff}.product-browser-header h2{margin:0;font-size:18px;font-weight:700;color:#1f2937}.modal-close{border:none;background:#e5e7eb;border-radius:999px;width:32px;height:32px;font-size:20px;cursor:pointer}.product-browser-search{padding:16px 24px;border-bottom:1px solid #f0f0f0;background:#fff}.product-browser-body{flex:1;display:grid;grid-template-columns:220px 1fr;min-height:0}.product-browser-categories{border-right:1px solid #f0f0f0;padding:16px;overflow-y:auto}.category-title{font-size:12px;font-weight:700;text-transform:uppercase;color:#6b7280;margin-bottom:10px}.category-link{display:block;width:100%;text-align:left;padding:10px 12px;border:none;background:transparent;border-radius:8px;margin-bottom:6px;cursor:pointer;font-size:14px;color:#374151}.category-link.active,.category-link:hover{background:#eaf2ff;color:#1d4ed8;font-weight:600}.product-browser-results{padding:16px;overflow-y:auto}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.product-grid-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}.product-grid-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px #0000001f}.product-grid-card img{width:100%;height:140px;-o-object-fit:contain;object-fit:contain;background:#f9fafb}.product-grid-info{padding:10px 12px 14px}.product-grid-title{font-size:13px;font-weight:600;color:#111827;margin-bottom:4px}.product-grid-subtitle{font-size:12px;color:#6b7280}.product-grid-empty{color:#6b7280;font-size:14px;padding:24px;text-align:center}.category-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.category-tile{border:1px solid #e5e7eb;background:#f9fafb;border-radius:14px;padding:18px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.category-tile:hover{transform:translateY(-4px);box-shadow:0 12px 20px #0000001f}.category-tile-icon{font-size:32px;margin-bottom:10px}.category-tile-label{font-size:13px;font-weight:600;color:#111827}.text-editor-modal{width:min(720px,92vw);height:auto}.text-editor-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:12px}.text-editor-body textarea,.text-editor-body select,.text-editor-body input[type=number]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.text-editor-row{display:grid;grid-template-columns:1fr 120px 120px;gap:12px}.text-preview{padding:16px;border:1px dashed #cbd5e1;border-radius:8px;text-align:center;background:#f8fafc}.text-editor-actions{display:flex;justify-content:flex-end;gap:12px}.designer-loading,.designer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:40px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(33,150,243,.2);border-top-color:#2196f3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.designer-error{color:#f44336}.error-message{padding:16px;background:#ffebee;color:#c62828;border-radius:6px;margin:20px 0;border:1px solid #ef9a9a}@media(max-width:1200px){.designer-sidebar-left{width:240px}.designer-sidebar-right{width:180px}}@media(max-width:968px){.designer-main{flex-direction:column}.designer-sidebar-left,.designer-sidebar-right{width:100%;border:none;border-bottom:1px solid #e0e0e0;height:auto;max-height:220px}.designer-footer{flex-direction:column;align-items:stretch}.footer-left,.footer-right{width:100%}.action-button{width:100%;justify-content:center}.product-browser-modal{width:96vw;height:92vh}.product-browser-body{grid-template-columns:1fr}.product-browser-categories{border-right:none;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;flex-wrap:wrap}.category-link{width:auto}.text-editor-row{grid-template-columns:1fr}}.subscription-plans-container{max-width:1200px;margin:0 auto;padding:3rem 2rem;min-height:100vh;background:linear-gradient(to bottom,#f8f9fa,#fff)}.subscription-header{text-align:center;margin-bottom:3rem}.subscription-header h1{font-size:3rem;font-weight:700;margin-bottom:.75rem;color:#1a1a1a;letter-spacing:-.02em}.header-subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:2rem;font-weight:400}.billing-toggle-wrapper{display:flex;justify-content:center;margin-top:2rem}.billing-toggle{display:inline-flex;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:6px;gap:4px;box-shadow:0 2px 4px #0000000d}.billing-toggle button{padding:.875rem 2rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:8px;font-weight:600;font-size:1rem;transition:all .2s;position:relative;white-space:nowrap}.billing-toggle button:hover{color:#1a1a1a}.billing-toggle button.active{background:#4f46e5;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 #3b82f6;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:#3b82f6}.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:#3b82f6;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:#fff;border:2px solid #e5e7eb;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:#4f46e5;box-shadow:0 10px 25px #4f46e526;transform:translateY(-4px)}.plan-card.current-plan{border-color:#10b981;background:linear-gradient(to bottom,#fff,#f0fdf4);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 #f3f4f6}.plan-header h3{font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;color:#1a1a1a;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:#4f46e5;line-height:1;letter-spacing:-.03em}.price-period{font-size:1.125rem;color:#6b7280;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:#f0fdf4;border-radius:8px}.savings-icon{font-size:1.25rem}.plan-description{color:#6b7280;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:#1a1a1a;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:#1a1a1a}.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 #f3f4f6;display:flex;flex-direction:column;gap:.75rem}.limit-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.limit-label{color:#6b7280;font-size:.9rem;font-weight:500}.limit-value{color:#1a1a1a;font-size:.9rem;font-weight:600}.plan-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#4338ca);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,#4338ca,#3730a3);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:#6b7280}.error{color:#ef4444;background:#fef2f2;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:#fff;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, #f9fafb);padding:var(--space-4, 20px)}.callback-container{background:var(--content-bg, #fff);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, #e5e7eb);border-top-color:var(--primary, #3b82f6);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(--text-primary, #1a1a1a)}.callback-container p{margin:0;font-size:14px;color:var(--text-secondary, #6b7280)}.callback-container .error-message{color:#ef4444;font-weight:500;margin-bottom:var(--space-2, 8px)}.callback-container .redirect-message{color:var(--text-secondary, #6b7280);font-size:13px}#root{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden}