:root{--brand-primary:#d4af37;--brand-primary-600:#b8860b;--brand-primary-100:#f7eecf;--brand-secondary:#e67e22;--color-primary:#c19720;--color-primary-light:#d4af37;--color-primary-dark:#b8860b;--color-text:#1a1f36;--color-text-muted:#7b8794;--color-text-secondary:#6b7280;--color-border:#e4e7eb;--color-bg:#fff;--color-bg-secondary:#f8f9fa;--color-error:#dc2626;--color-success:#10b981;--color-warning:#f59e0b;--color-info:#3b82f6;--color-white:#fff;--color-black:#111827;--color-surface:#fff;--color-surface-variant:#f4f4f5;--color-step-yellow:#e67e22;--color-step-red:#e74c3c;--color-step-blue:#3498db;--color-step-green:#27ae60;--color-step-purple:#8e44ad;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-card:0 1px 2px 0 #1018280d;--shadow-card-lg:0 8px 18px #10182814;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-poppins:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;--fs-xs:11px;--fs-sm:12px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:20px;--fs-3xl:24px;--fs-4xl:32px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--lh-tight:1.2;--lh-normal:1.4;--lh-relaxed:1.6;--transition-fast:150ms cubic-bezier(0.2,0,0,1);--transition-normal:300ms cubic-bezier(0.2,0,0.2,1);--transition-slow:500ms cubic-bezier(0.2,0,0.2,1);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-top:var(--safe-area-inset-top);--safe-area-bottom:var(--safe-area-inset-bottom);--safe-area-left:var(--safe-area-inset-left);--safe-area-right:var(--safe-area-inset-right);--touch-target-min:48px;--toolbar-height:56px;--toolbar-height-tablet:64px;--toolbar-padding-h:16px;--selections-header-height:52px;--header-height:var(--toolbar-height);--header-height-with-safe-area:calc(var(--toolbar-height) + var(--safe-area-inset-top, 0px));--footer-height:60px;--footer-height-with-safe-area:calc(var(--footer-height) + var(--safe-area-inset-bottom, 0px))}.dark{--brand-primary-100:#262215;--color-primary:#d4af37;--color-primary-light:#e8c56b;--color-primary-dark:#b8860b;--color-text:#e5e7eb;--color-text-muted:#9ca3af;--color-text-secondary:#a3a3a3;--color-border:#1a1a1a;--color-bg:#000;--color-bg-secondary:#0a0a0a;--color-error:#f87171;--color-success:#34d399;--color-warning:#fbbf24;--color-info:#60a5fa;--color-white:#f9fafb;--color-black:#000;--color-surface:#18181b;--color-surface-variant:#09090b;--gray-50:#000;--gray-100:#0a0a0a;--gray-200:#141414;--gray-300:#1a1a1a;--gray-400:#262626;--gray-500:#525252;--gray-600:#737373;--gray-700:#a3a3a3;--gray-800:#c4c4c4;--gray-900:#e5e7eb}*,:after,:before{margin:0;padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}ol,ul{list-style:none;padding:0}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}button{-webkit-appearance:none;-moz-appearance:none;background:none;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}:focus:not(:focus-visible){outline:none}a,button,input,textarea{-webkit-tap-highlight-color:transparent}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--container-width:100%;--gutter:16px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-top:env(safe-area-inset-top,0px)}.container{box-sizing:border-box;padding:0 16px;padding:0 var(--gutter);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-3{padding-left:12px;padding-right:12px}.py-3{padding-bottom:12px;padding-top:12px}.text-center{text-align:center}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:640px){:root{--gutter:20px}.container{padding:0 16px;padding:0 var(--gutter)}}@media (min-width:1024px){:root{--gutter:24px}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-inset-top)}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body,html{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}.touch-target{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}.mobile-only{display:block}.desktop-only{display:none}html{font-size:14px}@media (min-width:640px){html{font-size:15px}.mobile-only{display:none}.desktop-only{display:block}}@media (min-width:1024px){html{font-size:16px}}img{display:block;height:auto;max-width:100%}.touch-feedback{overflow:hidden;position:relative;transition:background-color .2s}.touch-feedback:active{background-color:#0000000d}.prevent-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button,input,select,textarea{-webkit-appearance:none;appearance:none;border-radius:var(--border-radius-md);font-size:1rem;line-height:1.5}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.table-responsive{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;width:100%}.table-responsive::-webkit-scrollbar{display:none}.modal-container{align-items:center;background-color:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:var(--gutter);position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#fff;border-radius:var(--border-radius-lg);max-height:90vh;max-width:500px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;width:100%}.modal-content::-webkit-scrollbar{display:none}body.modal-open{height:100%;overflow:hidden;position:fixed;width:100%}:root{--btn-border-radius:8px;--btn-padding-y:0.75rem;--btn-padding-x:1.25rem;--btn-font-size:1rem;--btn-line-height:1.5;--btn-transition:all 0.2s ease-in-out}.btn{-webkit-tap-highlight-color:transparent;border-radius:8px;border-radius:var(--btn-border-radius);font-size:1rem;font-size:var(--btn-font-size);font-weight:500;gap:.5rem;line-height:1.5;line-height:var(--btn-line-height);min-height:44px;min-width:44px;overflow:hidden;padding:.75rem 1.25rem;padding:var(--btn-padding-y) var(--btn-padding-x);position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .2s ease-in-out;transition:var(--btn-transition);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn.disabled,.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none!important}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.btn-primary:not(:disabled):hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:not(:disabled):hover{background-color:var(--color-border);transform:translateY(-1px)}.btn-danger{background-color:var(--color-error);border-color:var(--color-error);color:var(--color-white)}.btn-danger:not(:disabled):hover{background-color:#b91c1c;border-color:#b91c1c;transform:translateY(-1px)}.btn-sm{--btn-padding-y:0.5rem;--btn-padding-x:1rem;--btn-font-size:0.875rem;min-height:36px;min-width:36px}.btn-md{--btn-padding-y:0.75rem;--btn-padding-x:1.25rem;--btn-font-size:1rem;min-height:44px}.btn-lg{--btn-padding-y:1rem;--btn-padding-x:1.5rem;--btn-font-size:1.125rem;min-height:52px}.btn-block{display:flex;width:100%}.btn-icon{border-radius:50%;justify-content:center;min-height:44px;min-width:44px;padding:.5rem}.btn-ripple{overflow:hidden;position:relative}.btn-ripple:after{background-image:radial-gradient(circle,#fff 10%,#0000 10.01%);background-position:50%;background-repeat:no-repeat;content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(10);transition:transform .5s,opacity 1s;width:100%}.btn-ripple:active:after{opacity:.2;transform:scale(0);transition:0s}@media (hover:hover){.btn:not(:disabled):hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}}.btn:active{box-shadow:0 1px 2px 0 #0000000d}.btn:focus-visible{box-shadow:0 0 0 3px #c197204d;outline:2px solid var(--color-primary);outline-offset:2px}@media (hover:none){.btn:hover{transform:none!important}}.dark .btn-secondary{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.dark .btn-secondary:not(:disabled):hover{background-color:var(--color-border)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group>label{color:var(--color-text);font-weight:600}.required-asterisk{color:var(--color-error);margin-left:2px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;padding:10px 12px;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #c1972026}.error-message{font-size:.875rem}.helper-text{font-size:.8125rem}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:640px){.form-row{grid-template-columns:1fr}}*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden;text-rendering:optimizeLegibility}#root{width:100%}img,video{height:auto;max-width:100%}:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}@media print{body{background:none;color:#000}.no-print{display:none!important}}.h1{font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:1.2}.h2{font-size:var(--fs-2xl);line-height:1.25}.h2,.h3{font-weight:var(--fw-semibold)}.h3{font-size:var(--fs-xl)}.h3,.h4{line-height:1.3}.h4{font-size:var(--fs-lg);font-weight:var(--fw-medium)}.text-md{font-size:var(--fs-md)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.mono{font-family:var(--font-mono)}.muted{color:var(--gray-500)}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-4)}.card{border:1px solid var(--gray-200);border-radius:var(--radius-md)}.card.padded{padding:var(--space-4)}.row{align-items:center;gap:var(--space-3)}.col,.row{display:flex}.col{flex-direction:column;gap:var(--space-2)}.btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:var(--fs-md);font-weight:var(--fw-semibold);gap:8px;justify-content:center;padding:10px 14px;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:var(--brand-primary-600)}.btn-secondary{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.btn-secondary:hover{box-shadow:var(--shadow-card-lg)}.btn-ghost{background:#0000}.badge,.btn-ghost{color:var(--gray-700)}.badge{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:999px;display:inline-flex;font-size:var(--fs-xs);gap:6px;padding:2px 8px}.badge.success{background:#10b9810f;border-color:#10b98140;color:var(--success-600)}.badge.danger{background:#ef44440f;border-color:#ef444440;color:var(--danger-600)}.badge.warning{background:#f59e0b0f;border-color:#f59e0b40;color:var(--warning-600)}.badge.info{background:#3b82f60f;border-color:#3b82f640;color:var(--info-600)}.input{background:#fff;border:1px solid var(--gray-300);border-radius:10px;color:var(--gray-800);font-size:var(--fs-md);padding:10px 12px;width:100%}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #d4af3726;outline:none}.select{background:#fff;border:1px solid var(--gray-300);border-radius:10px;color:var(--gray-800);font-size:var(--fs-md);padding:10px 12px;width:100%}.select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #d4af3726;outline:none}.form-input{background:#fff;border:1px solid var(--gray-300);border-radius:10px;color:var(--gray-800);font-size:var(--fs-md);padding:10px 12px}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #d4af3726}.form-select{background:#fff;border:1px solid var(--gray-300);border-radius:10px;color:var(--gray-800);font-size:var(--fs-md);padding:10px 12px}.form-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #d4af3726}.select-icon{color:var(--gray-500);right:10px}.radio-group{gap:var(--space-3)}.radio-group-horizontal{align-items:center;display:flex;gap:var(--space-4)}.radio-option{align-items:center;border:1px solid var(--gray-300);border-radius:12px;display:inline-flex;gap:8px;padding:6px 10px}.radio-option input{accent-color:var(--brand-primary)}.radio-option.active{border-color:var(--brand-primary);box-shadow:0 0 0 4px #d4af371f}.alert-message{position:-webkit-sticky;position:sticky;top:12px;z-index:20}.alert-content{background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-card);gap:8px;justify-content:space-between;padding:10px 12px}.alert-text{color:var(--gray-700);font-size:var(--fs-sm)}.alert-close{background:#0000;color:var(--gray-500);font-size:var(--fs-lg)}.alert-close:hover{color:var(--gray-700)}.upload-button{align-items:center;background:#fff;border:1px solid var(--gray-300);border-radius:10px;color:var(--gray-800);display:inline-flex;font-size:var(--fs-md);font-weight:var(--fw-semibold);gap:8px;justify-content:center;padding:10px 14px;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.upload-button:hover{box-shadow:var(--shadow-card-lg);transform:translateY(-1px)}.upload-button.loading{pointer-events:none}.multi-select-dropdown{position:relative}.multi-select-dropdown .select-wrapper{background:#fff;border:1px solid var(--gray-300);border-radius:10px;padding:8px 10px}.size-note{color:var(--gray-500);font-size:var(--fs-sm)}.dashboard-card{background:#fff;border:1px solid var(--gray-200);border-radius:14px;box-shadow:var(--shadow-card)}.dashboard-card .header{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--space-3)}.rate-container{display:flex;flex-direction:column;gap:10px}.rate-item{align-items:center;justify-content:space-between;padding:6px 4px}.rate-left{align-items:center;display:inline-flex;gap:10px}.rate-dot{background:var(--gray-300);border-radius:50%;height:10px;width:10px}.rate-dot.gold{background:var(--brand-primary)}.rate-dot.silver{background:var(--gray-400)}.gold-dot{background:var(--brand-primary)}.gold-dot,.silver-dot{border-radius:50%;height:12px;width:12px}.silver-dot{background:var(--gray-400)}.rate-label{color:var(--gray-800);font-size:var(--fs-md);font-weight:var(--fw-medium)}.rate-right{align-items:center;display:inline-flex;gap:8px}.rate-value{color:var(--gray-900);font-weight:var(--fw-semibold)}.trend-up{color:var(--success-600)}.trend-down,.trend-up{font-size:var(--fs-sm)}.trend-down{color:var(--danger-600)}.view-details{color:var(--gray-500);font-size:var(--fs-sm)}.view-details:hover{color:var(--gray-700)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.card-interactive{cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.card-interactive:hover{box-shadow:var(--shadow-card-lg);transform:translateY(-2px)}@media (max-width:480px){.h1{font-size:var(--fs-2xl)}.h2{font-size:var(--fs-xl)}.h3{font-size:var(--fs-lg)}.rate-label{font-size:var(--fs-sm)}.rate-value{font-size:var(--fs-md)}}#root,body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}#root{display:flex;flex-direction:column;min-height:100vh}@supports (-webkit-touch-callout:none){#root{height:-webkit-fill-available}}.workflow-steps{gap:var(--spacing-sm);padding:5px}.step-card{align-items:center;background-color:#fff;border:1px solid #e4e7eb;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.step-card:before{border-radius:var(--radius-md) 0 0 var(--radius-md);bottom:0;content:"";left:0;position:absolute;top:0;width:16px}.step-card.orange:before,.step-card.yellow:before{background-color:var(--color-step-yellow)}.step-card.red:before{background-color:var(--color-step-red)}.step-card.blue:before,.step-card.light-blue:before{background-color:var(--color-step-blue)}.step-card.green:before{background-color:var(--color-step-green)}.step-card.purple:before{background-color:var(--color-step-purple)}.step-line{height:calc(100% - .1rem);left:0;position:absolute;top:50%;transform:translateY(-50%);width:10px;z-index:1}.step-line.yellow{background-color:var(--brand-primary)}.step-line.orange{background-color:var(--color-warning)}.step-line.red{background-color:var(--color-step-red)}.step-line.blue,.step-line.light-blue{background-color:var(--color-step-blue)}.step-line.green{background-color:var(--color-step-green)}.step-line.purple{background-color:var(--color-step-purple)}.readystep-content{flex:1 1;justify-content:space-between;position:relative;z-index:2}.step-number{background-color:initial;border:2px solid;border-radius:var(--radius-full);display:inline-flex;font-size:14px;height:32px;margin-right:10px;transition:transform var(--transition-fast);width:32px}.step-number:hover{transform:scale(1.05)}.step-number.yellow{border-color:var(--brand-primary);color:var(--brand-primary)}.step-number.orange{border-color:var(--color-warning);color:var(--color-warning)}.step-number.red{border-color:var(--color-step-red);color:var(--color-step-red)}.step-number.blue,.step-number.light-blue{border-color:var(--color-step-blue);color:var(--color-step-blue)}.step-number.green{border-color:var(--color-step-green);color:var(--color-step-green)}.step-number.purple{border-color:var(--color-step-purple);color:var(--color-step-purple)}.workstep-title{color:#1a1f36;font-size:1rem;margin-bottom:var(--spacing-xs)}.step-subtitle{color:#7b8794;font-size:.875rem}.step-count{color:#1a1f36;font-size:1.25rem;font-weight:700;gap:var(--spacing-sm)}.arrow{color:#7b8794;font-size:1rem;transition:transform var(--transition-fast)}.step-card:hover .arrow{transform:translateX(4px)}@media (min-width:768px){.header{padding:var(--spacing-md) var(--spacing-xl)}.overview-container,.workflow-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.overview-stats{gap:var(--spacing-xl)}.step-content{padding-left:20px}.step-card{padding:var(--spacing-lg)}.step-number{font-size:16px;height:36px;width:36px}}.horizontal-scroll-container{-ms-overflow-style:none;display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.horizontal-scroll-container::-webkit-scrollbar{display:none}.category-button{align-items:center;background-color:#fff;border:1px solid #e4e7eb;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.category-button:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.category-button.active,.category-button.selected{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff}.alert-modal-overlay{align-items:center;animation:alert-overlay-in .15s ease-out;background-color:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}@keyframes alert-overlay-in{0%{opacity:0}to{opacity:1}}.alert-modal{align-items:center;animation:alert-modal-in .2s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--color-bg,#fff);border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-width:320px;padding:28px 24px 20px;text-align:center;width:100%}@keyframes alert-modal-in{0%{opacity:0;transform:scale(.85) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.alert-modal-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;margin-bottom:16px;width:56px}.alert-modal-icon svg{height:28px;width:28px}.alert-modal-icon--success{background-color:#dcfce7;color:#16a34a}.alert-modal-icon--error{background-color:#fee2e2;color:#dc2626}.alert-modal-icon--warning{background-color:#fef9c3;color:#ca8a04}.alert-modal-icon--info{background-color:#f7eecf;background-color:var(--brand-primary-100,#f7eecf);color:#d4af37;color:var(--brand-primary,#d4af37)}.alert-modal-title{color:#1a1f36;color:var(--color-text,#1a1f36);font-size:1.0625rem;font-weight:700;line-height:1.3;margin:0 0 8px}.alert-modal-message{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:.9375rem;line-height:1.55;margin:0 0 24px;white-space:pre-line}.alert-modal-btn{-webkit-tap-highlight-color:transparent;background-color:#d4af37;background-color:var(--brand-primary,#d4af37);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:12px 0;transition:background-color .2s ease,transform .1s ease;width:100%}.alert-modal-btn:hover{background-color:#b8860b;background-color:var(--brand-primary-600,#b8860b)}.alert-modal-btn:active{transform:scale(.97)}.alert-modal-btn:focus-visible{outline:2px solid #d4af37;outline:2px solid var(--brand-primary,#d4af37);outline-offset:3px}.dark .alert-modal{background:#1e1e2e;background:var(--color-bg,#1e1e2e);box-shadow:0 20px 60px #00000080}.dark .alert-modal-title{color:#f1f5f9;color:var(--color-text,#f1f5f9)}.dark .alert-modal-message{color:#94a3b8;color:var(--color-text-muted,#94a3b8)}.dark .alert-modal-icon--success{background-color:#14532d;color:#4ade80}.dark .alert-modal-icon--error{background-color:#7f1d1d;color:#f87171}.dark .alert-modal-icon--warning{background-color:#713f12;color:#facc15}.dark .alert-modal-icon--info{background-color:#3d2e00;color:#d4af37;color:var(--brand-primary,#d4af37)}.app-layout{flex-direction:column;margin:0;max-width:100vw;overflow-x:hidden;padding:0 0 0 env(safe-area-inset-left,0);padding-left:var(--safe-area-left,env(safe-area-inset-left,0));padding-right:env(safe-area-inset-right,0);padding-right:var(--safe-area-right,env(safe-area-inset-right,0))}.app-content,.app-layout{box-sizing:border-box;display:flex;position:relative;width:100%}.app-content{flex:1 1;flex-direction:column;margin:0 auto;max-width:100%}@media (min-width:1024px){.app-content{box-sizing:border-box;margin-left:52px;margin-left:var(--sidebar-current-width,52px);transition:margin-left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);width:calc(100% - 52px);width:calc(100% - var(--sidebar-current-width, 52px))}}.nav-bar-spacer,.status-bar-spacer{display:none!important}.page-content-with-header{padding-top:56px;padding-top:var(--header-height-with-safe-area,calc(var(--toolbar-height, 56px) + var(--safe-area-top, 0px)))}.page-content-full,.page-content-with-footer{padding-bottom:60px;padding-bottom:var(--footer-height-with-safe-area,calc(var(--footer-height, 60px) + var(--safe-area-bottom, 0px)))}.page-content-full{padding-top:56px;padding-top:var(--header-height-with-safe-area,calc(var(--toolbar-height, 56px) + var(--safe-area-top, 0px)))}@supports (padding:max(0px)){.app-layout{padding-left:max(0px,0px);padding-left:max(var(--safe-area-left,0px),0px);padding-right:max(0px,0px);padding-right:max(var(--safe-area-right,0px),0px)}}@media screen and (-webkit-min-device-pixel-ratio:0){input,select,textarea{font-size:16px!important}}@media (min-width:600px){.page-content-full,.page-content-with-header{padding-top:64px;padding-top:var(--header-height-with-safe-area,calc(var(--toolbar-height, 64px) + var(--safe-area-top, 0px)))}}.login-wrapper{color:var(--color-text);margin:0 auto;max-width:400px;padding:40px 20px;text-align:center}.logo{height:50px;margin-bottom:16px}.title{color:var(--color-text);display:flex;font-size:32px;font-weight:700;justify-content:center;margin:0}.subtitle{color:var(--brand-primary);font-weight:600;margin-bottom:40px}.login-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-card);margin:10px;padding:30px;text-align:left}.login-box h2{color:var(--color-text);font-size:20px;font-weight:700;margin-bottom:20px}.login-box label{display:block;font-weight:600;margin:10px 0 5px}.login-box input,.login-box label{color:var(--color-text);font-size:14px}.login-box input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;margin-bottom:10px;outline:none;padding:12px 15px;width:100%}.login-box input::placeholder{color:var(--color-text-muted)}.login-btn{background:var(--brand-primary);border:none;border-radius:10px;color:var(--color-white);cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;text-align:center;width:100%}.login-btn:hover:not(:disabled){background:var(--brand-primary-600)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.forgot{color:var(--brand-primary);cursor:pointer;font-size:14px;margin-top:10px;text-align:center}.register-link{color:var(--color-text);font-size:14px;margin-top:20px}.register-link span,.support span{color:var(--brand-primary);cursor:pointer;font-weight:600;margin-right:5px}.support{align-items:center;color:var(--color-text);display:flex;font-size:14px;justify-content:center;margin-top:5px}.whatsapp-icon{height:18px;margin-right:8px;width:18px}.dark .login-box{box-shadow:var(--shadow-sm)}@media (max-width:480px){.login-wrapper{padding:20px 12px}.login-box{border-radius:12px;margin:10px;padding:20px}.login-box h2{font-size:18px}.login-box input{font-size:14px;padding:10px 12px}.login-btn{font-size:14px;padding:12px}.title{font-size:24px}.forgot,.register-link{font-size:14px}.support{gap:8px;text-align:center}.whatsapp-icon{height:20px;width:20px}.login-wrapper{padding:20px 12px}.login-box{border-radius:12px;margin:10px;padding:20px}.login-box h2{font-size:18px}.login-box input{font-size:14px;padding:10px 12px}.login-btn{font-size:14px;padding:12px}.title{font-size:24px}.login-wrapper{padding:50px 12px}.login-box{border-radius:12px;margin:10px;padding:20px}.login-box h2{font-size:18px}.login-box input{font-size:14px;padding:10px 12px}.login-btn{font-size:14px;padding:12px}.title{font-size:24px}}:root{--buyer-bg:var(--color-bg-secondary);--buyer-card-bg:var(--color-bg);--buyer-text-primary:var(--color-text);--buyer-text-secondary:var(--color-text-muted);--buyer-accent:var(--brand-primary);--buyer-accent-dark:var(--brand-primary-600);--buyer-success:var(--color-success);--buyer-error:var(--color-error);--buyer-info:var(--color-info);--buyer-gradient-gold:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-600));--buyer-gradient-hero:linear-gradient(135deg,#000000b3,#0006)}.dashboard{-webkit-overflow-scrolling:touch;background-color:var(--color-bg-secondary);background-color:var(--buyer-bg);box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1280px;overflow-x:hidden;padding-bottom:max(24px,0px);padding-bottom:max(24px,var(--safe-area-bottom,0px));width:100%}.dashboard::-webkit-scrollbar{display:none}.dashboard-greeting{color:var(--color-text);padding:16px 20px 8px}.dashboard-greeting h1{color:var(--color-text-secondary);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0}.dashboard-greeting .greeting-name{color:var(--brand-primary);font-weight:800}.dashboard-greeting p{color:var(--color-text-muted);font-size:.875rem;margin:4px 0 0}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:var(--space-3);overflow:hidden;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-card-lg);transform:translateY(-2px)}.dashboard .profile-card{align-items:center;border:1px solid #ffffff14;box-shadow:0 4px 16px #0f172a40;cursor:pointer;display:flex;justify-content:space-between;padding:16px 18px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.dashboard .profile-card:hover{box-shadow:0 8px 24px #0f172a59;transform:translateY(-2px)}.dashboard .profile-card-left{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.dashboard .profile-icon{align-items:center;background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:50%;box-shadow:0 4px 12px #d4af3759;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.dashboard .profile-info{display:flex;flex-direction:column;gap:3px;min-width:0}.dashboard .profile-title{color:var(--color-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard .profile-subtitle{color:#94a3b8;font-size:.8rem;font-weight:500;margin:0}.dashboard .profile-arrow{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:8px}.live-rateheader{align-items:center;display:flex;justify-content:space-between;padding:8px 10px}.live-rateheader-left{display:flex;flex-direction:column;gap:2px}.live-rate-title{color:var(--color-text);font-size:15px;font-weight:700;letter-spacing:.01em}.live-rate-error{color:#dc2626;font-size:.7rem}.status{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.live-badge{animation:pulse 2s infinite;color:#059669;font-size:.75rem;font-weight:700;letter-spacing:.03em}.last-updated{color:var(--color-text-muted);color:var(--buyer-text-secondary);font-size:.7rem}.rate-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.rate-item{border:1px solid #d4af3740;border-radius:12px;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.rate-item:before{background:#d4af37;background:var(--item-accent,#d4af37);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.rate-item:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px)}.rate-item-inner{display:flex;flex-direction:column;gap:2px;padding:10px 12px 10px 15px}.rate-item .label{color:var(--color-text-muted);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.rate-item .value{align-items:baseline;color:var(--color-text);display:flex;font-size:1.05rem;font-weight:700;gap:2px;line-height:1.3}.rate-item .value small{font-size:.7rem;font-weight:500}.rate-item .value.skeleton{color:#d1d5db}.view-details{border-top:1px solid var(--color-border);padding:8px 14px 12px;text-align:right}.link{color:var(--brand-primary);cursor:pointer;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s}.link:hover{color:var(--brand-primary-600);text-decoration:underline}.hero-section{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:224px;justify-content:center;overflow:hidden;position:relative}.hero-section:before{background:linear-gradient(90deg,#000000b3,#0006);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-section .hero-content{max-width:500px;position:relative;text-align:left;width:90%;z-index:2}.hero-section h2{color:#fff;font-size:24px;margin-bottom:.5rem;text-shadow:1px 1px 3px #000c}.hero-section p{font-size:14px;margin-bottom:1.5rem;text-shadow:1px 1px 2px #000c}.btn-explore{background-color:var(--brand-primary);border:none;border-radius:30px;color:var(--color-white);cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 2rem;transition:background .3s,transform .2s}.btn-explore:hover{background-color:var(--brand-primary-600);transform:translateY(-2px)}.festival-offer{align-items:center;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-600));background:var(--buyer-gradient-gold);color:var(--color-white);display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative}.festival-offer:before{background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:100%}.offer-content h3{font-size:1.5rem;margin-bottom:.5rem;position:relative}.offer-content p{font-size:1rem;margin-bottom:1rem;position:relative}.btn-shop-now{background-color:var(--color-white);border:none;border-radius:30px;color:var(--brand-primary);cursor:pointer;font-weight:500;padding:.6rem 1.5rem;position:relative;transition:background .3s}.btn-shop-now:hover{background-color:var(--color-bg-secondary)}.offer-badge{align-items:center;background-color:var(--color-black);border-radius:50%;box-shadow:0 4px 10px #0000004d;color:var(--brand-primary);display:flex;font-size:20px;font-weight:700;height:80px;position:relative;text-align:center;width:80px;z-index:2}.thumbnail-grid{gap:.8rem;justify-content:center;margin:1.5rem 0}.goldthumbnail{font-size:16px;font-weight:500;text-align:center;transition:transform .3s,border-color .3s}.goldthumbnail:hover{border-color:#d4af37;transform:scale(1.1)}.goldthumbnail img{cursor:pointer;height:70px;object-fit:contain;transition:transform .3s ease;width:100%}.goldthumbnail:hover img{transform:scale(1.05)}.title-wrapper{align-items:center;display:flex;font-weight:800;justify-content:space-between;padding:5px}.view-all{color:var(--brand-primary);cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:none}.view-all:hover{text-decoration:underline}.items-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:5px}.item-card{background-color:var(--color-bg-secondary);border-radius:12px;box-shadow:0 2px 8px #00000014;flex-basis:calc(33.333% - 1rem);flex-grow:0;flex-shrink:0;overflow:hidden;transition:transform .3s,box-shadow .3s}.item-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.item-card img{background-color:var(--color-border);height:100px;object-fit:cover;width:100%}.item-name{font-size:14px}.silverItemprice{color:var(--brand-primary);font-size:12px;font-weight:600}.hero-section.gold{background-image:url(/static/media/gold.7b5a57ab1358b673d590.png)}.hero-section.silver{background-image:url(/static/media/silver.9f7d6dfb20fc447d5e47.png)}.hero-section.diamond{background-image:url(/static/media/diamond.9c87d26405a7332a5ec7.png)}.hero-section.platinum{background-image:url(/static/media/platinum.0da20de2c537eef3e867.jpeg)}.hero-section.gemstone{background-image:url(/static/media/gemstone.2e62c11bcbf1561d66c7.png)}.hero-section.pearls{background-image:url(/static/media/pearls.648af3c9aab39f8d4bc8.png)}.hero-section.gold-plated{background-image:url(/static/media/goldplated.a7f2a0e344df68f3397a.png)}.hero-section.daily-wear{background-image:url(/static/media/onegram.c0aa4bdd201d0466c70e.png)}.hero-section.decorative{background-image:url(/static/media/temple.e15ba2135f207c7f2e31.png)}.hero-section.tools{background-image:url(/static/media/tools.ebcb0b98754b13b20417.png)}.hero-section.machinery{background-image:url(/static/media/machine.cbd36115292265466301.jpg)}.hero-section.packaging{background-image:url(/static/media/packaging.ab7f7cf7987b4565443e.jpg)}.hero-section.services{background-image:url(/static/media/professional.91d855da4750655bfac9.jpg)}.category-showcase-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}@media (min-width:600px) and (max-width:1023px){.category-showcase-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.category-showcase-grid .card{height:200px}}@media (max-width:480px){.rate-grid{gap:8px;grid-template-columns:1fr 1fr}.hero-section{height:180px}.hero-section h2{font-size:18px}.thumbnail-grid{gap:.5rem}.goldthumbnail img{height:56px}.goldthumbnail{font-size:13px}}@media (max-width:768px){.rate-grid{grid-template-columns:1fr 1fr}.hero-section{height:200px}.hero-section h2{font-size:20px}.offer-badge{margin:0 auto;position:relative;right:0;top:0}.item-card{flex-basis:calc(33.333% - 1rem);flex-grow:0;flex-shrink:0}}@media (min-width:768px) and (max-width:1023px){.item-card{flex-basis:calc(33.333% - 1rem);flex-grow:0;flex-shrink:0}.rate-grid{grid-template-columns:repeat(4,1fr)}.hero-section{height:240px}.hero-section h2{font-size:24px}.thumbnail-grid{gap:1.2rem}.goldthumbnail img{height:80px}}@media (min-width:1024px){.dashboard{padding-bottom:32px;padding-top:10px}.card{margin:10px 12px}.rate-grid{gap:14px;grid-template-columns:repeat(4,1fr);padding:0 12px 12px}.rate-item-inner{padding:12px 16px 12px 18px}.rate-item .label{font-size:.72rem}.rate-item .value{font-size:1.15rem}.category-showcase-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin:12px}.category-showcase-grid .card{height:220px;margin:0}.category-showcase-grid .hero-section h2{font-size:20px}.category-showcase-grid .hero-section p{font-size:13.5px;margin-bottom:1rem}.category-showcase-grid .btn-explore{font-size:.85rem;padding:.5rem 1.2rem}.hero-section{height:280px}.hero-section h2{font-size:28px}.hero-section p{font-size:16px;margin-bottom:1.8rem}.btn-explore{font-size:.95rem;padding:.7rem 1.8rem}.thumbnail-grid{gap:1.5rem;justify-content:flex-start;margin:1.2rem 1rem;padding:0 12px}.goldthumbnail{flex:1 1;font-size:15px}.goldthumbnail img{height:90px}.items-grid{gap:14px;justify-content:flex-start;padding:8px 12px}.item-card{flex-basis:calc(25% - 1rem);flex-grow:0;flex-shrink:0}.item-card img{height:120px}.item-info{padding:8px 10px}.item-name{font-size:14px}.silverItemprice{font-size:13px}.title-wrapper{font-size:1.05rem;padding:8px 12px}.live-rateheader{padding:10px 14px}.live-badge{font-size:.82rem}.last-updated{font-size:.78rem}}@media (min-width:1280px){.hero-section{height:320px}.hero-section h2{font-size:32px}.goldthumbnail img{height:100px}.item-card{flex-basis:calc(20% - 1rem);flex-grow:0;flex-shrink:0}}:root{--sidebar-current-width:0px}@media (min-width:1024px){:root{--sidebar-current-width:52px}}.dashboard-header{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000a;box-sizing:border-box;height:56px;height:calc(var(--toolbar-height, 56px) + var(--safe-area-top, 0px));left:0;max-width:100%;padding-top:0;padding-top:var(--safe-area-top,0);position:-webkit-sticky;position:sticky;right:0;top:0;transition:background-color .2s ease;width:100%;z-index:1000}@media (min-width:1024px){.dashboard-header{height:64px;height:calc(var(--toolbar-height, 64px) + var(--safe-area-top, 0px));left:0;max-width:100%;width:100%}}.header-content{align-items:center;box-sizing:border-box;display:flex;height:56px;height:var(--toolbar-height,56px);justify-content:space-between;margin:0 auto;padding:0 16px;width:100%}@media (min-width:1024px){.header-content{height:64px;height:var(--toolbar-height,64px);padding:0 24px}}@media (max-width:359px){.header-content{padding:0 10px}.header-left{gap:8px}.header-title{font-size:.95rem}.menu-btn{height:36px;min-height:36px;min-width:36px;width:36px}}.header-left{gap:12px;min-width:0}.header-left,.menu-btn{align-items:center;display:flex}.menu-btn{background:none;border:none;border-radius:8px;color:#1f2937;color:var(--color-text,#1f2937);cursor:pointer;height:40px;justify-content:center;min-height:40px;min-width:40px;padding:0;transition:background-color .15s ease,color .15s ease;width:40px}.menu-btn:hover{background-color:#f3f4f6;background-color:var(--color-bg-secondary,#f3f4f6);color:#d4af37;color:var(--brand-primary,#d4af37)}.header-title{color:#111827;color:var(--color-text,#111827);font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}@media (min-width:1024px){.header-title{font-size:1.2rem}}.header-right{align-items:center;display:flex;gap:12px}.header-dropdown-container{position:relative}.user-profile-trigger{align-items:center;background:none;border:1px solid #0000;border-radius:24px;cursor:pointer;display:flex;gap:8px;padding:4px 8px;transition:all .15s ease}.user-profile-trigger:hover{background-color:#f8fafc;border-color:#e2e8f0}.user-avatar-pill{align-items:center;display:flex;gap:8px}.user-avatar-initial{align-items:center;background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:50%;box-shadow:0 2px 6px #d4af3759;color:#fff;display:flex;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.user-name-label{color:#1f2937;display:none;font-size:13.5px;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.user-name-label{display:inline-block}}.more-icon{color:#64748b}.header-dropdown-menu{animation:dropdownFadeIn .15s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;min-width:190px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1200}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{align-items:center;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:10px 14px;transition:all .12s ease}.dropdown-item:hover{background-color:#f8fafc;color:#d4af37;color:var(--brand-primary,#d4af37)}.dropdown-divider{background-color:#f1f5f9;height:1px;margin:4px 6px}.dropdown-item.logout-item{color:#ef4444}.dropdown-item.logout-item:hover{background-color:#fef2f2;color:#dc2626}.sidebar-backdrop{animation:backdropFade .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0f172a73;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1400}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.mobile-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;bottom:0;box-shadow:4px 0 24px #0000002e;box-sizing:border-box;display:flex;flex-direction:column;height:100%;height:100dvh;left:0;max-width:82vw;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);width:260px;z-index:1500}.mobile-sidebar.open{transform:translateX(0)}.mobile-sidebar-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:center;padding-top:40px;padding-top:calc(16px + var(--safe-area-top, 24px))}.mobile-sidebar-logo{height:50px;object-fit:contain}.close-drawer-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px}.close-drawer-btn:hover{background-color:#f1f5f9;color:#0f172a}.desktop-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;height:100%;height:100dvh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;scrollbar-width:none;top:0;transition:width .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;z-index:1200}.desktop-sidebar::-webkit-scrollbar{display:none}.desktop-sidebar.collapsed{width:52px}.desktop-sidebar.expanded{box-shadow:2px 0 12px #0000000d;width:220px}.desktop-sidebar-header{align-items:center;align-self:center;border-bottom:1px solid #f1f5f9;box-sizing:border-box;display:flex;height:64px;height:calc(var(--toolbar-height, 64px))}.desktop-sidebar.collapsed .desktop-sidebar-header{justify-content:center;padding:0}.desktop-sidebar.expanded .desktop-sidebar-header{justify-content:space-between;padding:0 12px 0 16px}.desktop-sidebar-logo{height:30px;max-width:130px;object-fit:contain}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:3px;padding:8px 0}.sidebar-item{-webkit-tap-highlight-color:transparent;align-items:center;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none}.desktop-sidebar.expanded .sidebar-item,.mobile-sidebar .sidebar-item{gap:12px;padding:10px 16px}.desktop-sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 0;width:100%}.sidebar-item:hover{background-color:#f8fafc;color:#d4af37;color:var(--brand-primary,#d4af37)}.sidebar-item.active{background-color:#d4af371a;color:#b8860b;color:var(--brand-primary-600,#b8860b);font-weight:600}.desktop-sidebar.expanded .sidebar-item.active,.mobile-sidebar .sidebar-item.active{border-left:3px solid #d4af37;border-left:3px solid var(--brand-primary,#d4af37)}.desktop-sidebar.collapsed .sidebar-item.active{border-left:none}.active-rail-bar{background-color:#d4af37;background-color:var(--brand-primary,#d4af37);border-radius:2px;height:18px;position:absolute;right:2px;top:50%;transform:translateY(-50%);width:3px}.sidebar-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;transition:transform .15s ease,color .15s ease}.sidebar-item:hover .sidebar-icon{transform:scale(1.08)}.sidebar-label{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-count-badge{border-radius:10px;color:#fff;font-size:11px;font-weight:700;line-height:1.4;margin-left:auto;min-width:18px;padding:1px 7px;text-align:center}.sidebar-count-badge,.sidebar-icon-dot{background-color:#d4af37;background-color:var(--brand-primary,#d4af37)}.sidebar-icon-dot{border:1px solid #fff;border-radius:50%;height:7px;position:absolute;right:-2px;top:-2px;width:7px}@media (hover:hover) and (pointer:fine){.desktop-sidebar.collapsed .sidebar-item:after{background-color:#1e293b;border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:500;left:calc(100% + 8px);opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(.92);transition:opacity .14s ease,transform .14s ease;white-space:nowrap;z-index:1500}.desktop-sidebar.collapsed .sidebar-item:hover:after{opacity:1;transform:translateY(-50%) scale(1)}}.dark .dashboard-header{background-color:#121212;border-bottom-color:#1f2937}.dark .menu-btn{color:#e5e7eb}.dark .menu-btn:hover{background-color:#1f2937}.dark .header-title{color:#f9fafb}.dark .user-name-label{color:#e5e7eb}.dark .header-dropdown-menu,.dark .user-profile-trigger:hover{background-color:#1e293b;border-color:#334155}.dark .dropdown-item{color:#cbd5e1}.dark .dropdown-item:hover{background-color:#334155;color:#fbbf24}.dark .dropdown-divider{background-color:#334155}.dark .desktop-sidebar,.dark .mobile-sidebar{background-color:#121212;border-right-color:#1f2937}.dark .desktop-sidebar-header,.dark .mobile-sidebar-header{border-bottom-color:#1f2937}.dark .sidebar-item{color:#94a3b8}.dark .sidebar-item:hover{background-color:#1e293b;color:#fff}.dark .sidebar-item.active{background-color:#d4af3726;color:#fbbf24}:root{--primary-color:var(--brand-primary,#b8860b);--primary-hover:var(--brand-primary-600,#9a7209);--secondary-color:var(--color-bg-secondary,#f5f5f5);--text-primary:var(--color-text,#333);--text-secondary:var(--color-text-muted,#666);--border-color:var(--color-border,#ddd);--success-color:var(--color-success,#4caf50);--error-color:var(--color-error,#f44336);--white:var(--color-white,#fff);--gray-light:var(--color-bg-secondary,#f9f9f9);--gray-medium:var(--color-border,#e0e0e0);--shadow:var(--shadow-card,0 2px 10px #0000001a)}*{box-sizing:border-box;margin:0;padding:0}.seller-registration{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);margin:20px auto;margin-top:calc(var(--safe-area-top, 0px) + 20px);max-width:600px;overflow:hidden}.registration-header{background:#fff;background:var(--white);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);padding:20px}.registration-header h1{color:#333;color:var(--text-primary);font-size:24px}.step-content h2{color:#333;color:var(--text-primary);font-size:22px;font-weight:600}.Registration-radio-group{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:0;overflow:hidden}.radio-option{background:#fff;background:var(--white);border:none;color:#666;color:var(--text-secondary);cursor:pointer;font-weight:500;justify-content:center;padding:12px 16px;text-align:center;transition:all .3s ease}.radio-option input{display:none}.radio-option:first-child{border-right:1px solid #ddd;border-right:1px solid var(--border-color)}.radio-option.active{background:#b8860b;background:var(--primary-color);color:#fff;color:var(--white)}.radio-option:hover{background:#f9f9f9;background:var(--gray-light)}.radio-option.active:hover{background:#9a7209;background:var(--primary-hover)}.upload-area{background:#f9f9f9;background:var(--gray-light);border:2px dashed #ddd;border:2px dashed var(--border-color);border-radius:8px;padding:30px 20px;transition:all .3s ease}.upload-area:hover{background:#b8860b0d;border-color:#b8860b;border-color:var(--primary-color)}.upload-icon{font-size:32px}.upload-area p{color:#666;color:var(--text-secondary);font-size:14px}.uploaded-files{margin-top:12px}.file-item{align-items:center;background:#f9f9f9;background:var(--gray-light);border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.file-item span{color:#333;color:var(--text-primary);font-size:14px}.remove-file{align-items:center;background:#f44336;background:var(--error-color);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.photo-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:12px}.photo-item{border-radius:8px;overflow:hidden;position:relative}.photo-item img{display:block;height:100px;object-fit:cover;width:100%}.remove-photo{align-items:center;background:#f44336;background:var(--error-color);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.business-types{display:flex;flex-wrap:wrap;gap:8px}.business-tag{align-items:center;background:#b8860b;background:var(--primary-color);border-radius:20px;color:#fff;color:var(--white);display:flex;font-size:12px;gap:6px;padding:6px 12px}.business-tag .remove{cursor:pointer;font-weight:700}.person-card{background:#fff;background:var(--white);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;padding:20px}.person-header{align-items:center;display:flex;justify-content:space-between}.person-header h3{color:#333;color:var(--text-primary);font-size:16px;font-weight:600}.person-actions{display:flex;gap:8px}.remove-person{background:#f44336;background:var(--error-color);border:none;border-radius:4px;font-size:12px;padding:6px 8px}.add-person-btn,.remove-person{color:#fff;color:var(--white);cursor:pointer}.add-person-btn{align-items:center;background:#b8860b;background:var(--primary-color);border:none;border-radius:8px;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;width:100%}.add-person-btn:hover{background:#9a7209;background:var(--primary-hover)}.step-navigation{align-items:center;border-top:1px solid #ddd;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:40px;padding-top:20px}.upload-progress{background:#f9f9f9;background:var(--gray-light);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;margin-top:20px;padding:20px}.upload-progress h3{color:#333;color:var(--text-primary);font-size:16px;text-align:center}.progress-item{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;padding:8px 0}.progress-icon{animation:spin 1s linear infinite;font-size:16px}.logo-preview,.photo-preview{align-items:center;display:flex;gap:12px;margin-top:12px}.logo-preview img,.photo-preview img{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px}.photo-preview button,.remove-logo{background:#f44336;background:var(--error-color);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;font-size:12px;padding:6px 12px}.security-section h3{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#333;color:var(--text-primary);font-size:18px;font-weight:600;padding-bottom:8px}.otp-section{background:#f9f9f9;background:var(--gray-light);border-radius:8px;padding:20px}.send-otp-btn{color:var(--color-info);cursor:pointer;font-size:14px;font-weight:600}@media (max-width:768px){.seller-registration{border-radius:8px;margin:10px}.radio-option:first-child{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);border-right:none}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.photo-item img{height:80px}}@media (max-width:480px){.registration-content,.registration-header{padding:15px}.registration-header h1{font-size:20px}.step-content h2{font-size:18px}.upload-area{padding:20px 15px}.upload-icon{font-size:24px}}.loading{opacity:.7;pointer-events:none}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#f44336;border-color:var(--error-color);box-shadow:0 0 0 3px #f443361a}.success-message{background:#4caf501a;border:1px solid #4caf50;border:1px solid var(--success-color);border-radius:8px;color:#4caf50;color:var(--success-color);font-size:14px;padding:12px 16px}.seller-registration::-webkit-scrollbar{width:6px}.seller-registration::-webkit-scrollbar-track{background:#f9f9f9;background:var(--gray-light)}.seller-registration::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--gray-medium);border-radius:3px}.seller-registration::-webkit-scrollbar-thumb:hover{background:#666;background:var(--text-secondary)}.dark .seller-registration{box-shadow:var(--shadow-sm)}.dark .registration-header{background:#fff;background:var(--white);border-bottom-color:var(--color-border)}.dark .file-item span,.dark .person-header h3,.dark .registration-header h1,.dark .security-section h3,.dark .step-content h2,.dark .upload-progress h3{color:var(--color-text)}.dark .radio-option{background:var(--color-bg-secondary);color:var(--color-text-muted)}.dark .radio-option:first-child{border-right-color:var(--color-border)}.dark .radio-option.active{background:#b8860b;background:var(--primary-color);color:var(--color-white)}.dark .radio-option:hover,.dark .upload-area{background:var(--color-bg-secondary)}.dark .upload-area{border-color:var(--color-border)}.dark .upload-area p{color:var(--color-text-muted)}.dark .file-item{background:var(--color-bg-secondary)}.dark .person-card{background:var(--color-bg);border-color:var(--color-border)}.dark .step-navigation{border-top-color:var(--color-border)}.dark .upload-progress{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark .progress-item{color:var(--color-text-muted)}.dark .logo-preview img,.dark .photo-preview img{border-color:var(--color-border)}.dark .otp-section{background:var(--color-bg-secondary)}.step-indicator{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:600px;padding:var(--jmi-space-md) 0;position:relative;width:100%}.step-connector{background:var(--jmi-gray-200);border-radius:var(--jmi-radius-full);height:3px;left:15%;overflow:hidden;position:absolute;right:15%;top:30%;transform:translateY(-50%);z-index:1}.step-progress{animation:stepPulse 2s infinite;background:var(--color-primary-dark);box-shadow:var(--jmi-shadow-md),0 0 0 4px rgba(var(--jmi-primary-rgb),.2);color:var(--jmi-white)}.step-item{flex:1 1;flex-direction:column;min-width:0;padding:0 var(--jmi-space-xs);z-index:3}.step-circle,.step-item{align-items:center;display:flex;position:relative}.step-circle{border:3px solid #0000;border-radius:50%;cursor:pointer;font-family:var(--jmi-font-family);font-size:var(--jmi-text-sm);font-weight:600;height:48px;justify-content:center;transition:all var(--jmi-transition-normal);-webkit-user-select:none;user-select:none;width:48px}.step-circle.pending{background:var(--jmi-white);border-color:var(--jmi-gray-300);box-shadow:var(--jmi-shadow-sm);color:var(--jmi-gray-500)}.step-circle.current{animation:stepPulse 2s infinite;background:linear-gradient(135deg,var(--jmi-primary) 0,var(--jmi-secondary) 100%);border-color:var(--jmi-primary);box-shadow:var(--jmi-shadow-md),0 0 0 4px rgba(var(--jmi-primary-rgb),.2);color:var(--jmi-white)}.step-circle.completed{background:var(--jmi-success);border-color:var(--jmi-success)}.step-circle.completed,.step-circle.error{box-shadow:var(--jmi-shadow-sm);color:var(--jmi-white)}.step-circle.error{background:var(--jmi-error);border-color:var(--jmi-error)}.step-circle:hover{transform:scale(1.05)}.step-circle.completed:hover{background:var(--jmi-success-600);border-color:var(--jmi-success-600)}.step-circle.pending:hover{border-color:var(--jmi-primary);color:var(--jmi-primary)}.step-icon{height:100%;width:100%}.step-title{word-wrap:break-word;align-items:center;display:flex;font-family:var(--jmi-font-family);font-size:var(--jmi-text-xs);justify-content:center;line-height:1.3;margin-top:var(--jmi-space-xs);max-width:80px;min-height:32px;text-align:center;transition:all var(--jmi-transition-fast);-webkit-user-select:none;user-select:none}.step-title.pending{color:var(--jmi-gray-500);font-weight:400}.step-title.current{color:var(--jmi-primary);font-weight:600}.step-title.completed{color:var(--jmi-success);font-weight:500}.step-title.error{color:var(--jmi-error);font-weight:500}.step-description{color:var(--jmi-gray-400);font-size:var(--jmi-text-2xs);line-height:1.2;margin-top:var(--jmi-space-2xs);max-width:80px;text-align:center}@keyframes stepPulse{0%,to{box-shadow:var(--jmi-shadow-md),0 0 0 4px rgba(var(--jmi-primary-rgb),.2)}50%{box-shadow:var(--jmi-shadow-md),0 0 0 8px rgba(var(--jmi-primary-rgb),.1)}}@keyframes stepComplete{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.step-circle.just-completed{animation:stepComplete .5s ease-out}.progress-label{background:var(--jmi-white);border-radius:var(--jmi-radius-sm);box-shadow:var(--jmi-shadow-sm);color:var(--jmi-gray-600);font-size:var(--jmi-text-xs);font-weight:500;left:50%;padding:var(--jmi-space-2xs) var(--jmi-space-xs);position:absolute;top:-30px;transform:translateX(-50%)}@media (max-width:640px){.step-indicator{padding:var(--jmi-space-sm) 0}.step-circle{font-size:var(--jmi-text-xs);height:40px;width:40px}.step-title{font-size:var(--jmi-text-2xs);max-width:60px;min-height:28px}.step-item{padding:0 var(--jmi-space-2xs)}.step-connector{height:2px;left:12%;right:12%}}@media (max-width:480px){.step-indicator{max-width:100%}.step-circle{height:36px;width:36px}.step-title{font-size:10px;max-width:50px}.progress-label,.step-description{display:none}}.step-circle:focus{outline:2px solid var(--jmi-primary);outline-offset:2px}.step-circle[aria-disabled=true]{cursor:not-allowed;opacity:.5}.step-circle[aria-disabled=true]:hover{transform:none}@media (prefers-contrast:high){.step-circle{border-width:4px}.step-connector,.step-progress{height:4px}}@media (prefers-reduced-motion:reduce){.step-circle,.step-progress,.step-title{transition:none}.step-circle:hover{transform:none}@keyframes stepPulse{0%,to{box-shadow:var(--jmi-shadow-md),0 0 0 4px rgba(var(--jmi-primary-rgb),.2)}}@keyframes stepComplete{0%,to{transform:scale(1)}}}.dark .progress-label{background:var(--color-bg);color:var(--color-text-muted)}.dark .step-circle.pending{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-muted)}.step-indicator.loading{opacity:.7;pointer-events:none}.step-indicator.loading .step-circle{cursor:wait}.step-indicator.vertical{align-items:flex-start;flex-direction:column;max-width:300px}.step-indicator.vertical .step-connector{bottom:15%;height:auto;left:24px;right:auto;top:15%;transform:none;width:3px}.step-indicator.vertical .step-progress{height:auto;transition:height var(--jmi-transition-slow);width:100%}.step-indicator.vertical .step-item{align-items:center;flex-direction:row;padding:var(--jmi-space-sm) 0;width:100%}.step-indicator.vertical .step-title{margin-left:var(--jmi-space-md);margin-top:0;max-width:none;text-align:left}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.location-picker-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000008;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.location-picker-card:hover{border-color:#cbd5e1;box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a}.location-picker-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:16px}.picker-status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:6px 14px;transition:all .2s ease}.status-idle{background:#f1f5f9;color:#475569}.status-loading{background:#eff6ff;color:#2563eb;position:relative}.status-verified{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.status-warning{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.status-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.spinner{animation:loc-spin 1s linear infinite}@keyframes loc-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.accuracy-pill{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:6px 12px}.accuracy-excellent{background:#d1fae5;color:#065f46}.accuracy-good{background:#e0f2fe;color:#075985}.accuracy-acceptable{background:#fef3c7;color:#92400e}.accuracy-poor{background:#fee2e2;color:#991b1b}.accuracy-unknown{background:#f1f5f9;color:#64748b}.location-address-display{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #3b82f6;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:18px}.location-address-display .display-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.location-address-display .address-text{color:#1e293b;font-size:.95rem;font-weight:500;line-height:1.5;margin:0}.location-address-display .captured-timestamp{color:#94a3b8;font-size:.7rem}.status-message-alert{border-radius:10px;font-size:.875rem;font-weight:500;line-height:1.4;padding:14px 16px}.alert-info{background-color:#eff6ff;color:#1e40af}.alert-warning{background-color:#fffbeb;border:1px solid #fde68a;color:#854d0e}.alert-danger{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.location-picker-actions{display:flex;flex-direction:column;gap:12px}.location-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;min-height:44px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.btn-primary,.location-picker-card .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 12px #2563eb33;color:#fff}.btn-primary:hover:not(:disabled),.location-picker-card .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #2563eb4d;transform:translateY(-1px)}.btn-secondary,.location-picker-card .btn-secondary{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.btn-secondary:hover,.location-picker-card .btn-secondary:hover{background:#e2e8f0;color:#0f172a}.btn-tertiary{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.btn-tertiary:hover{background:#f1f5f9;color:#1e293b}.btn-loading{cursor:not-allowed;opacity:.8}.error-action-row{display:flex;flex-direction:column;gap:12px}.manual-entry-helper{color:#64748b;font-size:.8rem;font-style:italic;margin:0;text-align:center}.pin-picker-wrapper{display:flex;flex-direction:column;gap:10px;margin:12px 0}.pin-picker-instructions{align-items:center;color:#475569;display:flex;font-size:.85rem;font-weight:500;gap:6px}.pin-picker-map{border:1px solid #cbd5e1;border-radius:12px;height:320px;overflow:hidden;width:100%;z-index:0}.pin-picker-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;font-size:.85rem;gap:4px;padding:12px}.pin-preview-loading{align-items:center;color:#64748b;display:flex;gap:8px}.pin-preview-address{color:#1e293b;font-weight:500}.pin-preview-coords{color:#94a3b8;font-size:.75rem}.pin-picker-actions{display:flex;flex-wrap:wrap;gap:8px}.adjust-pin-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.adjust-pin-btn:hover{background:#e2e8f0;color:#0f172a}.map-preview-wrapper{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;position:relative}.map-preview-iframe{border:none;display:block}.map-preview-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.view-maps-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #cbd5e1;border-radius:6px;bottom:12px;box-shadow:0 2px 4px #0000000d;color:#1e293b;display:inline-flex;font-size:.75rem;font-weight:700;padding:6px 12px;position:absolute;right:12px;text-decoration:none;transition:all .2s ease}.view-maps-btn:hover{background:#fff;border-color:#93c5fd;box-shadow:0 4px 8px #0000001a;color:#2563eb}.tech-details-section{border-top:1px solid #f1f5f9;padding-top:12px}.tech-details-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 8px;transition:background .2s ease,color .2s ease}.tech-details-toggle:hover{background:#f8fafc;color:#334155}.tech-details-content{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:14px}.tech-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.tech-field{display:flex;flex-direction:column;gap:4px}.tech-field label{color:#94a3b8;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tech-field span{color:#334155;font-size:.85rem;font-weight:500;word-break:break-all}.tech-field input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:.85rem;font-weight:500;outline:none;padding:6px 10px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.tech-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.edit-coords-toggle{align-self:flex-start;background:none;border:none;color:#2563eb;cursor:pointer;font-size:.75rem;font-weight:600;padding:2px 0;transition:opacity .2s ease}.edit-coords-toggle:hover{opacity:.9;text-decoration:underline}@media (max-width:480px){.location-picker-card{border-radius:12px;padding:16px}.location-picker-header{align-items:flex-start;flex-direction:column}.tech-details-grid{grid-template-columns:1fr}.pin-picker-map{height:250px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;touch-action:manipulation}.header-wrapper{background:#fff;background:var(--color-bg,#fff);left:0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1000}.maincontent{background-color:#f5f5f5;background-color:var(--color-bg-secondary,#f5f5f5);display:flex;margin-left:58px;min-height:100vh;padding:0 0 80px}.segmentbar{align-items:center;background-color:#fff;background-color:var(--color-bg,#fff);border-right:1px solid #e0e0e0;border-right:1px solid var(--color-border,#e0e0e0);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;left:0;overflow-y:auto;padding:10px 0 64px;padding-bottom:calc(56px + var(--safe-area-bottom, 8px));position:fixed;scrollbar-width:none;top:56px;top:calc(var(--toolbar-height, 56px) + var(--safe-area-top, 0px));transition:left .25s cubic-bezier(.4,0,.2,1);width:58px;z-index:990}.segmentbar::-webkit-scrollbar{display:none}.metal-type{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:16px;min-height:56px;opacity:.7;transition:opacity .2s}.metal-type.active,.metal-type:hover{opacity:1}.icon-container{align-items:center;background-color:initial;border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:4px;transition:background-color .2s;width:48px}.metal-type.active .icon-container{background-color:#daa520}.metal-type.active .icon-container svg{color:#fff!important}.metal-label{color:#666;color:var(--color-text-muted,#666);font-size:10px;line-height:1.2;margin:0 4px;max-width:40px;text-align:center}.content-wrapper{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;padding:0}.purity-wrapper{background-color:#fff;background-color:var(--color-bg,#fff);box-shadow:0 2px 4px #0000000d;left:58px;padding:0;position:fixed;right:0;top:56px;top:calc(var(--header-height, 56px) + var(--safe-area-top, 0px));z-index:999}.purity-container{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:8px;overflow-x:auto;padding:10px;scrollbar-width:none}.purity-container::-webkit-scrollbar{display:none}.purity-button{background-color:#fff;background-color:var(--color-bg,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:20px;color:#666;color:var(--color-text-muted,#666);cursor:pointer;flex-shrink:0;font-size:13px;min-width:60px;padding:6px 14px;text-align:center;transition:all .2s;white-space:nowrap}.purity-button.active{background-color:#daa520;border:1px solid #daa520;color:#fff}.scrollable-area{-webkit-overflow-scrolling:touch;background-color:#f5f5f5;background-color:var(--color-bg-secondary,#f5f5f5);overflow-y:auto;padding-bottom:72px;padding-bottom:calc(64px + var(--safe-area-bottom, 8px));padding-top:52px}.scrollable-area::-webkit-scrollbar{display:none}.categories-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:30px;padding:10px}.category-card{border-radius:12px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:flex;flex-direction:column;height:140px;overflow:hidden;position:relative;transition:transform .2s ease}.category-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.category-image{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.category-content{align-items:flex-start;display:flex;height:100%;justify-content:space-between;padding:12px;position:relative;z-index:3}.category-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080}.arrow{color:#fff;font-size:16px;opacity:.8}@media (max-width:480px){.maincontent{margin-left:58px;padding-left:0}.category-card{height:130px}.category-title{font-size:12px;max-width:90px}.metal-label{font-size:9px;max-width:36px}}@media (max-width:400px){.maincontent{margin-left:58px;padding-left:0}.segmentbar{padding:8px 0 64px;padding-bottom:calc(56px + var(--safe-area-bottom, 8px));width:58px}.purity-wrapper{left:58px}.metal-type{margin-bottom:10px;min-height:50px}.icon-container{height:36px;width:36px}.metal-label{font-size:8px;max-width:54px}.purity-button{font-size:11px;min-width:50px;padding:5px 10px}.category-card{height:118px}.category-title{font-size:11px;max-width:80px}.categories-grid{gap:6px;padding:8px}}@media (max-width:480px) and (orientation:portrait){.scrollable-area{padding-bottom:76px;padding-bottom:calc(64px + var(--safe-area-bottom, 12px))}}@media (min-width:600px){.segmentbar{padding:16px 0;width:80px}.icon-container{height:56px;width:56px}.metal-type{margin-bottom:20px;min-height:64px}.metal-label{font-size:11px;max-width:60px}.maincontent{margin-left:80px}.purity-wrapper{left:80px}.categories-grid{gap:12px;grid-template-columns:repeat(3,1fr);padding:16px}.category-card{height:160px}.category-title{font-size:14px;max-width:120px}}@media (min-width:1024px){.segmentbar{left:52px;left:var(--sidebar-current-width,52px);top:64px;top:calc(var(--toolbar-height, 64px) + var(--safe-area-top, 0px));width:80px}.maincontent{margin-left:80px;max-width:100%}.purity-wrapper{left:132px;left:calc(var(--sidebar-current-width, 52px) + 80px);right:0;top:64px;top:calc(var(--toolbar-height, 64px) + var(--safe-area-top, 0px));transition:left .25s cubic-bezier(.4,0,.2,1)}.categories-grid{gap:16px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px;padding:24px}.category-card{height:180px}}@media (min-width:1400px){.categories-grid{gap:20px;grid-template-columns:repeat(5,1fr)}.category-card{height:200px}}.dark .header-wrapper{background:#121212;background:var(--color-bg,#121212);box-shadow:0 2px 6px #0000004d}.dark .segmentbar{background-color:#121212;background-color:var(--color-bg,#121212);border-right:1px solid #1f2937;border-right:1px solid var(--color-border,#1f2937)}.dark .maincontent{background-color:#0a0a0a;background-color:var(--color-bg-secondary,#0a0a0a)}.dark .purity-wrapper{background-color:#121212;background-color:var(--color-bg,#121212);box-shadow:0 2px 4px #0000004d}.dark .purity-button{background-color:#1a1a1a;background-color:var(--color-bg-secondary,#1a1a1a);border:1px solid #374151;border:1px solid var(--color-border,#374151);color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.dark .purity-button.active{background-color:#daa520;border:1px solid #daa520;color:#fff}.dark .scrollable-area{background-color:#0a0a0a;background-color:var(--color-bg-secondary,#0a0a0a)}.dark .category-card{box-shadow:0 2px 6px #0006}.dark .category-card:hover{box-shadow:0 4px 12px #00000080}.dashboard-footer{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 12px #00000014;left:0;min-height:60px;min-height:calc(60px + var(--safe-area-bottom, 0px));padding:8px 0 max(8px,0px);padding-bottom:max(8px,var(--safe-area-bottom,0px));position:fixed;right:0;will-change:auto;z-index:1000}.footer-nav{height:52px;justify-content:space-around;margin:0 auto;max-width:1200px;width:100%}.footer-btn,.footer-nav{align-items:center;display:flex;position:relative}.footer-btn{background:none;border:none;border-radius:12px;color:#7b8794;color:var(--color-text-muted,#7b8794);cursor:pointer;flex-direction:column;gap:3px;justify-content:center;min-height:48px;min-width:48px;padding:6px 8px;transition:all .18s ease-in-out}.footer-btn:hover{background-color:#0000000a;transform:translateY(-1px)}.footer-btn:active{background-color:#00000014;transform:translateY(0)}.footer-btn-active{color:#d4af37;color:var(--brand-primary,#d4af37)}.footer-btn-inactive{color:#7b8794;color:var(--color-text-muted,#7b8794)}.footer-btn-inactive:hover{background-color:#0000000a;color:#1a1f36;color:var(--color-text,#1a1f36)}.footer-label{font-weight:400}.footer-label,.footer-label-active{font-family:system-ui,-apple-system,sans-serif;font-size:11px;line-height:1.2;margin-top:1px;white-space:nowrap}.footer-label-active{font-weight:600}.footer-icon-with-badge{position:relative}.footer-badge,.footer-icon-with-badge{align-items:center;display:flex;justify-content:center}.footer-badge{animation:jmi-badge-pulse 2s infinite;background:#dc2626;background:var(--color-error,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #00000026;color:#fff;font-size:10px;font-weight:700;height:18px;position:absolute;right:-7px;top:-6px;width:18px}@keyframes jmi-badge-pulse{0%{box-shadow:0 0 0 0 #dc2626b3;transform:scale(1)}70%{box-shadow:0 0 0 6px #dc262600;transform:scale(1.05)}to{box-shadow:0 0 0 0 #dc262600;transform:scale(1)}}.plus-button{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 14px #d4af3780;cursor:pointer;display:flex;height:52px;justify-content:center;transition:all .2s ease;width:52px}.plus-button,.plus-button:hover{background:#d4af37;background:var(--brand-primary,#d4af37)}.plus-button:hover{box-shadow:0 8px 20px #d4af3766;transform:scale(1.05) translateY(-2px)}.plus-button:active{transform:scale(.97)}.plus-button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.footer-btn,.plus-button{transition:none}.footer-badge{animation:none}}@media (prefers-contrast:high){.dashboard-footer{border-top:2px solid}.footer-btn-active{border:2px solid}}@media (min-width:600px){.dashboard-footer{padding-bottom:max(10px,0px);padding-bottom:max(10px,var(--safe-area-bottom,0px));padding-top:10px}.footer-btn{padding:8px 16px}}@media (max-width:359px){.footer-btn{min-width:44px;padding:6px 4px}.footer-label,.footer-label-active{font-size:10px}}.dark .dashboard-footer{background-color:#121212;border-top:1px solid #1f2937;box-shadow:0 -2px 12px #0006}.dark .footer-btn-inactive{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.dark .footer-btn-inactive:hover{background-color:#ffffff0f;color:#e5e7eb;color:var(--color-text,#e5e7eb)}.dark .footer-btn:hover{background-color:#ffffff0f}.dark .footer-btn:active{background-color:#ffffff1a}.dark .footer-badge{border-color:#121212}@media (min-width:1024px){.dashboard-footer{display:none!important}}.catalog-container{box-sizing:border-box;margin-bottom:120px;max-width:1200px;padding:10px;position:relative;z-index:1}@media (max-width:768px){.catalog-container{margin-bottom:100px}}.catlogwrapper{background-color:var(--color-bg);box-shadow:var(--shadow-sm);box-sizing:border-box;left:0;margin-top:0;max-width:1200px;padding:5px;right:0;width:100%;z-index:200}.service-buttons{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;box-sizing:border-box;display:flex;gap:0;margin-bottom:5px;padding:0}.service-btn{background:#0000;border:none;border-radius:10px;color:var(--color-text-muted);cursor:pointer;font-size:14px;font-weight:500;text-align:center;transition:all .3s ease;width:50%}.service-btn:hover{background:#d4af371a;color:var(--brand-primary)}.service-btn.active{background:var(--brand-primary);box-shadow:0 2px 8px #d4af374d;color:var(--color-white)}.filter-buttons{-ms-overflow-style:none;display:flex;gap:10px;overflow-x:auto;padding:0 8px;scrollbar-width:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{background:var(--color-bg);border:1px solid var(--brand-primary);border-radius:20px;box-sizing:border-box;color:var(--brand-primary);cursor:pointer;font-size:12px;padding:1px 16px;transition:all .3s ease;white-space:nowrap}.filter-btn.active,.filter-btn:hover{background:var(--brand-primary);color:var(--color-white)}.sort-buttons{background-color:var(--color-bg-secondary);border-radius:8px;flex-wrap:wrap;gap:10px;padding:8px}.sort-btn,.sort-buttons{box-sizing:border-box;display:flex}.sort-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:2px;color:var(--color-text-muted);cursor:pointer;font-size:12px;gap:5px;padding:1px 5px;transition:all .3s ease}.sort-btn.active,.sort-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}@media (max-width:768px){.sort-btn{justify-content:center}}.results-info{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.results-info p{color:var(--color-text-muted);font-size:14px;margin:0}.active-filters{color:var(--brand-primary);font-size:12px;font-weight:500}.catalog-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:5px}@media (min-width:768px){.catalog-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.catalog-grid{grid-template-columns:repeat(4,1fr)}}.product-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);contain:layout style;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card:focus-within{outline:2px solid var(--brand-primary);outline-offset:2px}.product-card.selected{border-color:var(--brand-primary);box-shadow:0 0 0 2px #d4af374d}.product-card.out-of-stock{opacity:.7}.product-card .product-name{color:var(--color-text);font-size:14px;font-weight:600;margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card{color:var(--brand-primary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.product-card .product-header{display:flex;flex-direction:column;gap:2px}.product-card .product-spec{color:var(--color-text-muted);font-size:10px;font-weight:500}.product-card .product-weight{color:var(--color-text-muted);font-size:11px;font-weight:500}.product-card .product-segment{color:#d4af37;color:var(--color-primary,#d4af37);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.product-card .product-meta{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.product-card .product-image{background:var(--color-bg-secondary);border-radius:12px 12px 0 0;height:220px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.product-card .product-image img{display:block;height:100%;object-fit:fill;transition:transform .3s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.03)}.product-card .image-placeholder{align-items:center;background:var(--color-border);border-radius:12px 12px 0 0;color:var(--color-text-muted);display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.badges-wrapper{display:flex;flex-direction:column;gap:4px;left:12px;position:absolute;top:12px;z-index:10}.lot-badge{background:#d4af37e6;color:var(--color-bg)}.lot-badge,.spec-badge{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:4px;display:inline-flex;font-weight:700;gap:3px;padding:3px 6px}.spec-badge{background:#6c75b7e6;color:var(--color-white);font-size:10px}.discount-badge{background:var(--color-error)}.discount-badge,.out-of-stock-badge{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:4px;color:var(--color-white);font-size:10px;font-weight:700;padding:3px 6px}.out-of-stock-badge{align-items:center;background:#ef4444e6;display:inline-flex;gap:3px}.like-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:var(--color-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px;z-index:10}.like-btn:hover{box-shadow:0 4px 12px #00000026}.like-btn.liked{background:var(--color-white)}.image-overlay{align-items:center;background:#0006;border-radius:12px 12px 0 0;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:5}.image-overlay.visible{opacity:1;visibility:visible}.quick-view-btn{align-items:center;background:var(--color-white);border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:var(--color-text);cursor:pointer;display:flex;height:44px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:44px}.quick-view-btn:hover{background:var(--brand-primary);color:var(--color-white);transform:translate(-50%,-50%) scale(1.1)}.quick-view-text{bottom:-30px;color:var(--color-white);font-size:11px;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;transform:translateX(-50%);white-space:nowrap}.stepper-wrapper{bottom:12px;display:flex;gap:6px;justify-content:center;left:0;position:absolute;right:0;z-index:10}.progress-dot{background:#ffffff80;border:1px solid var(--color-white);cursor:pointer;height:10px;transition:all .2s ease;width:10px}.progress-dot.active{background:var(--brand-primary)}.progress-dot:hover{background:var(--color-white)}.product-details{display:flex;flex:1 1;flex-direction:column;padding:8px}.price-section{align-items:center;display:flex;gap:8px;justify-content:space-between;margin:4px 0}.price-container{align-items:center;display:flex;flex-wrap:nowrap;gap:6px}.current-price{color:var(--color-text);font-size:16px;font-weight:700}.original-price{color:var(--color-text-muted);font-size:12px;text-decoration:line-through}.discount-tag{background:#ef44441a;border-radius:4px;color:var(--color-error);font-size:10px;font-weight:700;padding:2px 6px}.stock-status{display:flex;gap:4px;margin:2px 0}.stock-indicator{background:var(--color-success);border-radius:50%}.stock-status.out-of-stock .stock-indicator{background:var(--color-error)}.stock-status .stock-text{font-size:11px;font-weight:500}.price-section-alt{align-items:center;background:#d4af3714;border-radius:6px;display:flex;justify-content:center;margin:4px 0;padding:6px 0}.price-section-alt .price-value{color:var(--brand-primary);font-size:16px;font-weight:700}.selectbtn{align-items:center;align-self:stretch;background:var(--color-bg);border:1px solid var(--brand-primary);border-radius:8px;color:var(--brand-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;justify-content:center;letter-spacing:1px;margin:3px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.selectbtn.selected{background:var(--brand-primary);color:var(--color-white)}.select-btn:hover:not(.disabled){background:var(--brand-primary-600);color:var(--color-white);transform:translateY(-1px)}.select-btn.selected{background:var(--brand-primary);color:var(--color-white)}.select-btn.selected:hover{background:var(--brand-primary-600)}.select-btn.disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.product-card .product-image{height:130px}.product-card .product-details{padding:6px}.product-card .product-name{font-size:13px}.product-card .current-price{font-size:14px}.select-btn{font-size:12px;padding:8px}}.dark .product-card{background:var(--color-bg);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.dark .product-card:hover{box-shadow:var(--shadow-xl)}.dark .product-card .product-name{color:var(--color-text)}.dark .product-card .product-spec,.dark .product-card .product-weight{color:var(--color-text-muted)}.dark .product-card .current-price{color:var(--color-text)}.dark .product-card .like-btn{background:#ffffff1a;color:var(--color-text-muted)}.dark .product-card .like-btn.liked,.dark .product-card .like-btn:hover{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-white);color:var(--color-error)}.dark .product-card .quick-view-btn{background:var(--color-bg);color:var(--color-text)}.dark .product-card .original-price{color:var(--color-text-muted)}.dark .product-card .discount-tag{background:#ef444426;color:var(--color-error)}.swipeable-grid{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.swipeable-grid:active{cursor:grabbing}.product-badges,.service-badge,.source-badge{display:none}.bottom-drawer-overlay{align-items:flex-end;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.bottom-drawer{animation:slideUp .3s ease;background:var(--color-bg);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0000001a;max-width:480px;overflow:hidden;width:100%}.product-drawer-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:5px}.product-info{gap:12px}.product-image-container{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.product-image-container img{height:100%;object-fit:cover;width:100%}.lot-progress-indicators{bottom:5px;display:flex;gap:4px;left:50%;position:absolute;transform:translateX(-50%)}.progress-dot{background-color:#ffffff80;border-radius:50%;height:4px;transition:all .3s ease;width:4px}.progress-dot.active{background-color:var(--color-white);transform:scale(1.2)}.product-details-text{flex:1 1}.product-details-text h3{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 4px}.product-details-text p{color:var(--color-text-muted);font-size:14px;margin:2px 0}.size-info{color:var(--color-text)!important;font-weight:500}.lot-info{display:flex;flex-wrap:wrap;gap:8px}.lot-badge{background:var(--brand-primary);border-radius:12px;color:var(--color-white);font-size:10px;font-weight:600;padding:2px 8px}.existing-sizes-info,.moq-info{background:var(--color-bg-secondary);border-radius:8px;color:var(--color-text-muted);font-size:11px;padding:2px 6px}.close-btn{color:var(--color-text-muted);font-size:24px;height:30px;width:30px}.drawer-body{-ms-overflow-style:none;max-height:60vh;padding:5px;scrollbar-width:none}.drawer-body::-webkit-scrollbar{display:none}.moq-validation{border-radius:8px;font-size:14px;font-weight:500;padding:10px;text-align:center}.moq-validation.valid{background:#10b9811a;border:1px solid #10b98133;color:var(--color-success)}.moq-validation.invalid{background:#dc26261a;border:1px solid #dc262633;color:var(--color-error)}.warning{font-weight:600}.size-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:20px;position:relative}.quantity-col,.size-col{flex:1 1}.quantity-col label,.size-col label{color:var(--color-text);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.size-col select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.size-col select.existing-size{background:#10b9810d;border:2px solid var(--color-success)}.size-col select.custom-size{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.existing-option{background:#10b9810d!important;color:#065f46!important;font-weight:600}.custom-option{background:var(--color-bg-secondary)!important;color:var(--color-text-muted)!important}.size-status{margin-top:4px}.available-text{color:var(--color-success)}.available-text,.custom-text{font-size:12px;font-weight:500}.custom-text{color:var(--color-text-muted)}.custom-text.order-text{color:var(--color-success)!important}.quantity-control{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;display:flex;overflow:hidden;width:-webkit-min-content;width:min-content}.quantity-btn{align-items:center;background:var(--color-bg-secondary);border:none;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:36px;justify-content:center;width:36px}.quantity-btn:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.quantity-control input{background:var(--color-bg);border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);font-size:14px;font-weight:500;height:36px;text-align:center;width:50px}.quantity-control input.exceeds-stock{background:#dc26260d;color:var(--color-error)}.quantity-control input.order-quantity{background:#10b9811a;color:var(--color-success)}.quantity-btn.order-btn{background:#10b9811a}.quantity-btn.order-btn:disabled{background:#10b9810d}.stock-info{margin-top:4px;min-height:16px}.custom-order-text{color:var(--color-text-muted);font-size:12px}.stock-warning{color:var(--color-error);font-size:12px;font-weight:500}.stock-available{color:var(--color-success);font-size:12px;font-weight:500}.remove-size-btn{align-items:center;background:#dc26261a;border:none;border-radius:50%;color:var(--color-error);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;margin-top:28px;width:24px}.add-more-size{border:1px dashed var(--color-border);color:var(--brand-primary-600);cursor:pointer;font-size:14px;font-weight:500;padding:10px;text-align:center;width:100%}.add-more-size,.size-legend{background:var(--color-bg-secondary);border-radius:8px}.size-legend{font-size:12px}.legend-items{gap:16px;justify-content:center}.legend-item,.legend-items{align-items:center;display:flex}.legend-item{gap:6px}.legend-color{border-radius:2px;height:12px;width:12px}.existing-color{background:var(--color-success)}.custom-color{background:var(--color-bg);border:1px solid var(--color-border)}.green-color{background:var(--color-success)!important;border-color:var(--color-success)!important}.green-legend-text{color:var(--color-success)}.gray-legend,.gray-legend-text{color:var(--color-text-muted)}.drawer-footer{background:var(--color-bg);border-top:1px solid var(--color-border);gap:12px;justify-content:space-between;padding:5px}.cancel-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted)}.cancel-btn,.confirm-btn{font-size:14px;padding:12px}.confirm-btn{background:var(--brand-primary);border:none;border-radius:8px;color:var(--color-white);cursor:pointer;font-weight:600;transition:background .2s}.confirm-btn:hover:not(.disabled){background:var(--brand-primary-600)}.confirm-btn.disabled{background:var(--color-text-muted);cursor:not-allowed;opacity:.6}.dark .bottom-drawer{background:var(--color-bg);box-shadow:0 -4px 20px #0000004d}.dark .drawer-header{border-color:var(--color-border)}.dark .product-details-text h3{color:var(--color-text)}.dark .product-details-text p{color:var(--color-text-muted)}.dark .size-info{color:var(--color-text)!important}.dark .existing-sizes-info,.dark .moq-info{background:var(--color-bg-secondary);color:var(--color-text-muted)}.dark .close-btn{color:var(--color-text-muted)}.dark .quantity-col label,.dark .size-col label{color:var(--color-text)}.dark .size-col select{background:var(--color-bg);border-color:var(--color-border)}.dark .size-col select.existing-size{background:#10b9811a;border-color:var(--color-success)}.dark .size-col select.custom-size{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark .quantity-control{background:var(--color-bg);border-color:var(--color-border)}.dark .quantity-btn{background:var(--color-bg-secondary)}.dark .quantity-btn:disabled{background:var(--color-border);color:var(--color-text-muted)}.dark .quantity-control input{background:var(--color-bg);border-color:var(--color-border)}.dark .quantity-control input.order-quantity{background:#10b98126;color:var(--color-success)}.dark .quantity-btn.order-btn{background:#10b98126}.dark .quantity-btn.order-btn:disabled{background:#10b9810d}.dark .remove-size-btn{background:#dc262626;color:var(--color-error)}.dark .add-more-size{border-color:var(--color-border);color:var(--brand-primary)}.dark .add-more-size,.dark .size-legend{background:var(--color-bg-secondary)}.dark .custom-color{background:var(--color-bg);border-color:var(--color-border)}.dark .green-legend.highlight{color:var(--color-success)}.dark .drawer-footer{background:var(--color-bg);border-color:var(--color-border)}.dark .cancel-btn{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-muted)}.dark .confirm-btn.disabled{background:var(--color-text-muted)}.price-display{background:var(--color-bg-secondary);border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:6px 10px;transition:all .2s ease}.price-item{color:var(--color-text);font-size:13px;line-height:1.4;margin:0}.price-item.total-amount{border-top:1px solid var(--color-border);color:var(--brand-primary);font-size:15px;font-weight:600;padding-top:4px}@media (max-width:480px){.price-item{font-size:11px}.price-item.total-amount{font-size:13px}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{animation:skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-border) 50%,var(--color-bg-secondary) 75%);background-size:800px 100%;border-radius:6px;display:block}.catalog-skeleton{box-sizing:border-box;max-width:1200px;padding:10px}.catalog-skeleton-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:5px}@media (min-width:768px){.catalog-skeleton-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.catalog-skeleton-grid{grid-template-columns:repeat(4,1fr)}}.skeleton-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.skeleton-card-image{border-radius:0;height:220px;width:100%}@media (max-width:768px){.skeleton-card-image{height:130px}}.skeleton-card-body{display:flex;flex-direction:column;gap:8px;padding:8px}.skeleton-card-title{height:14px;width:70%}.skeleton-card-sub{height:11px;width:50%}.skeleton-card-weight{height:11px;width:60%}.skeleton-card-btn{border-radius:8px;height:32px;margin-top:4px;width:100%}.skeleton-load-more{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:4px;padding:5px}.drawer-skeleton{display:flex;flex-direction:column;gap:14px;padding:16px}.drawer-skeleton-header{align-items:flex-start;display:flex;gap:12px}.drawer-skeleton-image{border-radius:10px;flex-shrink:0;height:80px;width:80px}.drawer-skeleton-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.drawer-skeleton-title{height:16px;width:65%}.drawer-skeleton-line{height:12px;width:45%}.drawer-skeleton-moq{height:12px;width:55%}.drawer-skeleton-row{display:flex;gap:10px}.drawer-skeleton-select{border-radius:8px;flex:1 1;height:44px}.drawer-skeleton-qty{border-radius:8px;height:44px;width:110px}.drawer-skeleton-footer{border-radius:10px;height:48px;width:100%}.product-details-skeleton{display:flex;flex-direction:column;gap:20px;max-width:1200px}.skeleton-detail-image{border-radius:12px;height:500px;width:100%}@media (max-width:768px){.skeleton-detail-image{height:280px}}.skeleton-detail-body{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.skeleton-detail-title{height:20px;width:55%}.skeleton-spec-row{display:flex;gap:12px;justify-content:space-between}.skeleton-spec-label{height:14px;width:40%}.skeleton-spec-value{height:14px;width:35%}.skeleton-detail-btn{border-radius:10px;height:48px;margin-top:8px;width:100%}.splash-skeleton{align-items:center;background:var(--color-bg);display:flex;flex-direction:column;gap:20px;inset:0;justify-content:center;position:fixed;z-index:9999}.splash-skeleton-logo{border-radius:20px;height:80px;width:80px}.splash-skeleton-title{border-radius:8px;height:24px;width:160px}.splash-skeleton-sub{border-radius:6px;height:14px;width:110px}.list-skeleton{gap:16px;max-width:1200px}.list-skeleton,.order-skeleton-card{display:flex;flex-direction:column;padding:16px}.order-skeleton-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);gap:12px}.order-skeleton-header{align-items:center;display:flex;justify-content:space-between}.order-skeleton-title{height:18px;width:40%}.order-skeleton-badge{border-radius:12px;height:20px;width:70px}.order-skeleton-body{align-items:center;display:flex;gap:12px}.order-skeleton-thumb{border-radius:8px;flex-shrink:0;height:60px;width:60px}.order-skeleton-details{display:flex;flex:1 1;flex-direction:column;gap:6px}.order-skeleton-line{height:12px;width:60%}.order-skeleton-line-sm{height:10px;width:40%}.profile-skeleton{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;padding:16px}.profile-skeleton-avatar{border-radius:50%;height:90px;margin:0 auto;width:90px}.profile-skeleton-name{height:20px;margin:0 auto;width:180px}.profile-skeleton-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.profile-skeleton-field{border-radius:8px;height:40px;width:100%}.table-skeleton{display:flex;flex-direction:column;gap:10px;padding:16px}.table-skeleton-row{border-radius:8px;height:48px;width:100%}.product-details-container{margin:0;max-width:100%;min-height:100vh;padding:56px 0 80px;padding:calc(var(--header-height-with-safe-area, 56px)) 0 80px;padding-bottom:50px;width:100%}.product-main-section,.product-media-section{width:100%}.product-content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:20px;margin-bottom:20px;overflow:hidden}.main-image,.product-gallery{position:relative}.main-image{background:var(--color-bg-secondary);height:500px;overflow:hidden}.main-image img{height:100%;object-fit:fill;transition:transform .3s ease;width:100%}.main-image:hover img{transform:scale(1.02)}.image-placeholder{border:2px dashed var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-direction:column;gap:12px;position:relative}.error-detail{color:var(--color-error);font-size:var(--fs-sm);font-weight:var(--fw-medium);max-width:90%;padding:0 16px;text-align:center}.image-overlay-actions{display:flex;flex-direction:column;gap:10px;position:absolute;right:0;top:0;z-index:10}.like-btn,.share-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:0 4px 12px #0000001a;color:var(--color-text-muted);cursor:pointer;display:flex;height:25px;justify-content:center;transition:all .2s ease;width:25px}.like-btn:hover{background:var(--color-white);box-shadow:var(--shadow-md);color:var(--color-error);transform:scale(1.1)}.like-btn.liked{background:#fffffff2;border-color:var(--color-error);color:var(--color-error)}.share-btn:hover{background:var(--color-white);box-shadow:var(--shadow-md);color:var(--brand-primary);transform:scale(1.1)}.product-gallery .thumbnail-container{-ms-overflow-style:none;align-items:center;background:var(--color-bg);border:none;border-radius:0;border-top:1px solid var(--color-border);display:flex;flex-wrap:nowrap;gap:10px;height:auto;overflow-x:auto;padding:12px 16px;position:static;scrollbar-width:none;width:auto}.product-gallery .thumbnail-container::-webkit-scrollbar{display:none}.product-gallery .thumbnail{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:64px;opacity:1;overflow:hidden;position:relative;transition:all .2s ease;width:64px}.product-gallery .thumbnail:hover{opacity:1;transform:translateY(-2px)}.product-gallery .thumbnail.active{border-color:var(--brand-primary);box-shadow:0 0 0 3px #d4af3733;opacity:1}.product-gallery .thumbnail img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.additional-info{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:20px}.additional-info h3{color:var(--color-text);font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:-.01em;line-height:var(--lh-tight);margin:0 0 12px}.spec-label{font-size:10px;gap:6px}.spec-label,.variant-info{align-items:center;display:inline-flex}.variant-info{border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:4px;margin-right:8px;padding:4px 10px}.approx-weight,.set-info{color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-regular)}.lot-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:6px 14px;transition:all .2s ease}.chip-selected{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 2px 8px #d4af374d;color:var(--color-white)}.spec-lot-item,.spec-nonlot-item{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.service-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--fs-xs);font-weight:var(--fw-semibold);gap:4px;letter-spacing:.5px;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.service-badge.ready{background:#10b9811a;border:1px solid #10b98133;color:var(--color-success)}.service-badge.order{background:#3b82f61a;border:1px solid #3b82f633;color:var(--color-info)}.product-info{flex:1 1}.specifications-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:20px;padding:24px}.specifications-card h2{align-items:center;border-bottom:2px solid var(--color-border);color:var(--color-text);display:flex;font-size:var(--fs-xl);font-weight:var(--fw-semibold);gap:8px;margin:0 0 20px;padding-bottom:12px}.specifications-card h2:before{background:var(--brand-primary);border-radius:2px;content:"";display:inline-block;height:20px;width:4px}.spec-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.spec-row{display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.spec-label{color:var(--color-text-muted);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.5px;text-transform:uppercase}.spec-value{color:var(--color-text);font-size:var(--fs-md);font-weight:var(--fw-semibold)}.rtgs-section{grid-gap:16px;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg) 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:16px;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}.rtgs-section:before{background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-600));content:"";height:3px;left:0;position:absolute;right:0;top:0}.rtgs-section>div{padding:8px;text-align:center}.rtgs-section strong{color:var(--color-text-muted);display:block;font-size:var(--fs-sm);text-transform:uppercase}.price{color:var(--brand-primary);font-size:var(--fs-2xl);font-weight:var(--fw-bold);text-shadow:0 2px 4px #d4af371a}.action-buttons{gap:12px;margin:5px 0 20px}.add-to-cart-btn{align-items:center;background-color:var(--color-bg);border:2px solid var(--brand-primary);border-radius:var(--radius-md);color:var(--brand-primary);cursor:pointer;display:flex;flex:1 1;font-size:var(--fs-md);font-weight:var(--fw-semibold);gap:8px;justify-content:center;letter-spacing:1px;overflow:hidden;padding:6px;position:relative;text-transform:uppercase;transition:all .2s ease}.add-to-cart-btn:before{background:linear-gradient(90deg,#0000,#d4af371a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.add-to-cart-btn:hover:before{left:100%}.add-to-cart-btn:hover:not(.selected){background:var(--brand-primary-100);border-color:var(--brand-primary-600);box-shadow:0 4px 12px #d4af3733;transform:translateY(-2px)}.add-to-cart-btn:active:not(.selected){transform:translateY(0)}.add-to-cart-btn.selected{background:var(--color-error);border-color:var(--color-error);box-shadow:0 4px 12px #dc26264d;color:var(--color-white);gap:8px;justify-content:center}.add-to-cart-btn.selected:hover{background:#b91c1c;border-color:#b91c1c}.share-catalogue-action-btn{align-items:center;background:linear-gradient(135deg,#111827,#1f2937);border:1px solid #374151;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001f;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:var(--fs-md);font-weight:var(--fw-semibold);gap:8px;justify-content:center;letter-spacing:1px;padding:12px 16px;text-transform:uppercase;transition:all .2s ease}.share-catalogue-action-btn:hover{background:linear-gradient(135deg,#000,#111827);border-color:var(--brand-primary);box-shadow:0 6px 16px #0003;color:var(--brand-primary);transform:translateY(-2px)}.buy-now-btn{background:var(--color-text);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:1px;padding:14px 24px;text-transform:uppercase;transition:all .2s ease}.buy-now-btn:hover{background:var(--color-black);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (min-width:1024px){.product-details-container{padding:56px 0 100px;padding:calc(var(--header-height-with-safe-area, 56px)) 0 100px}.product-main-section{grid-gap:0;align-items:stretch;border-bottom:1px solid var(--color-border);display:grid;gap:0;grid-template-columns:minmax(0,1.7fr) minmax(380px,1fr)}.product-media-section{border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100%}.product-content{border:none;border-radius:0;box-shadow:none;flex-direction:column;height:auto;margin-bottom:0}.product-gallery{flex:none;max-width:100%;width:100%}.main-image{height:650px;max-height:72vh;min-height:520px}.additional-info{border:none;border-top:1px solid var(--color-border);padding:24px 48px 36px}.product-info{height:100%;margin:0;max-width:100%;padding:48px 64px}.specifications-card{border:none;box-shadow:none;height:100%;margin-bottom:0;padding:0}.suggestions-section{max-width:1800px;padding:0 80px}}@media (min-width:1440px){.product-main-section{grid-template-columns:minmax(0,2.2fr) minmax(560px,1fr)}.additional-info{padding:32px 100px 40px}.product-info{padding:100px 140px}}@media (min-width:1280px){.product-main-section{grid-template-columns:minmax(0,2fr) minmax(500px,1fr)}.additional-info{padding:28px 80px 36px}.product-info{padding:80px 120px}}@media (min-width:1024px){.product-main-section{grid-template-columns:minmax(0,1.9fr) minmax(440px,1fr)}.product-info{padding:60px 90px}.additional-info{padding:26px 60px 34px}}@media (max-width:767px){.product-details-container{padding:56px 0 60px;padding:calc(var(--header-height-with-safe-area, 56px)) 0 60px}.product-content{border-left:none;border-radius:0;border-right:none;box-shadow:none;margin-bottom:0}.main-image{height:380px}.additional-info{border-left:none;padding:16px}.product-info{padding:16px 16px 0}.specifications-card{border-radius:var(--radius-md);padding:16px}.price{font-size:var(--fs-xl)}.add-to-cart-btn,.buy-now-btn{width:100%}.suggestions-section{margin:24px 0;padding:16px}}.dark .product-content,.dark .product-details-container{background:var(--color-bg)}.dark .product-content{border-color:var(--color-border)}.dark .image-placeholder,.dark .main-image{background:var(--gray-200)}.dark .image-placeholder,.dark .like-btn{border-color:var(--color-border)}.dark .like-btn{background:#0000;color:var(--color-text-muted)}.dark .like-btn.liked,.dark .like-btn:hover{background:#0000;border-color:var(--color-error);color:var(--color-error)}.dark .thumbnail{opacity:.8}.dark .thumbnail.active,.dark .thumbnail:hover{opacity:1}.dark .additional-info{background:var(--color-bg);border-color:var(--color-border)}.dark .additional-info h3{color:var(--color-text)}.dark .chip,.dark .variant-info{background:var(--gray-200);border-color:var(--color-border);color:var(--color-text)}.dark .chip-selected{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--color-black)}.dark .specifications-card{background:var(--color-bg);border-color:var(--color-border)}.dark .specifications-card h2{border-bottom-color:var(--color-border);color:var(--color-text)}.dark .spec-row:hover{border-color:var(--brand-primary)}.dark .spec-label{color:var(--color-text-muted)}.dark .spec-value{color:var(--color-text)}.dark .rtgs-section{background:linear-gradient(135deg,var(--gray-200) 0,var(--color-bg) 100%);border-color:var(--color-border)}.dark .rtgs-section strong{color:var(--color-text-muted)}.dark .add-to-cart-btn,.dark .price{color:var(--brand-primary)}.dark .add-to-cart-btn{background:var(--color-bg);border-color:var(--brand-primary)}.dark .add-to-cart-btn.selected{background:var(--color-error);border-color:var(--color-error);color:var(--color-white)}.dark .buy-now-btn{background:var(--color-text);color:var(--color-black)}.dark .buy-now-btn:hover{background:var(--color-text-muted)}.product-details-container{animation:fadeIn .3s ease-out}.specifications-card{animation:fadeIn .4s ease-out .1s both}.rtgs-section{animation:fadeIn .4s ease-out .2s both}.action-buttons{animation:fadeIn .4s ease-out .3s both}.loading-container{justify-content:center;min-height:400px}.loading,.loading-container{align-items:center;display:flex}.loading{color:var(--color-text-muted);flex-direction:column;font-size:var(--fs-md);gap:16px}.loading:after{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--brand-primary);content:"";height:40px;width:40px}.error{align-items:center;display:flex;flex-direction:column;font-size:var(--fs-lg);font-weight:var(--fw-semibold);gap:16px;justify-content:center;min-height:400px}.back-button{background:var(--color-bg);border:1px solid var(--brand-primary);border-radius:var(--radius-sm);color:var(--brand-primary);font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:10px 20px;transition:all .2s ease}.stock-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--fs-xs);font-weight:var(--fw-semibold);gap:6px;margin-top:8px;padding:4px 10px}.stock-status.in-stock{background:#10b9811a;border:1px solid #10b98133;color:var(--color-success)}.stock-status.out-of-stock{background:#dc26261a;border:1px solid #dc262633;color:var(--color-error)}.stock-indicator{background:currentColor;border-radius:var(--radius-full);height:6px;width:6px}.share-action-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--color-text);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.share-action-btn:hover:not(:disabled){background:#d4af37;background:var(--brand-primary,#d4af37);border-color:#d4af37;border-color:var(--brand-primary,#d4af37);color:#fff;transform:translateY(-1px)}.share-action-btn:disabled{cursor:not-allowed;opacity:.5}.spinner-small{animation:spin .6s linear infinite;border-top-color:#d4af37;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--brand-primary,#d4af37);height:20px;width:20px}.suggestions-section{background:var(--color-bg);border-radius:12px;border-radius:var(--radius-lg,12px);margin:24px 0;padding:20px 16px;position:relative}.suggestions-header{justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.suggestions-header,.suggestions-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.suggestions-header h3{align-items:center;color:var(--color-text);display:flex;font-size:18px;font-size:var(--fs-lg,18px);font-weight:600;font-weight:var(--fw-semibold,600);gap:8px;margin:0}.suggestions-header h3:before{background:var(--brand-primary);border-radius:2px;content:"";display:inline-block;height:18px;width:4px}.suggestions-count-badge{background:#d4af371f;border:1px solid #d4af3740;border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--brand-primary);font-size:12px;font-size:var(--fs-xs,12px);font-weight:600;font-weight:var(--fw-semibold,600);padding:4px 10px}.suggestions-controls{align-items:center;display:flex;gap:12px}.scroll-hint-pill{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--color-text-muted);font-size:11px;font-weight:500;font-weight:var(--fw-medium,500);padding:4px 10px}.suggestions-loading-state{align-items:center;color:var(--color-text-muted);display:flex;font-size:14px;font-size:var(--fs-sm,14px);gap:12px;justify-content:center;padding:40px 20px}.suggestions-rows-container{display:flex;flex-direction:column;gap:20px;width:100%}.suggestions-row-wrapper{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}.suggestions-row-subhead{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.row-tag{color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.row-nav-arrows{gap:6px}.row-arrow-btn,.row-nav-arrows{align-items:center;display:flex}.row-arrow-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;border-radius:var(--radius-full,50%);color:var(--color-text);cursor:pointer;height:28px;justify-content:center;transition:all .2s ease;width:28px}.row-arrow-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--color-white);transform:scale(1.08)}.suggestions-single-row-track{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.suggestions-single-row-track::-webkit-scrollbar{display:none;height:0;width:0}.suggestions-single-row-track .product-card{box-sizing:border-box;display:flex;flex:0 0 190px;flex-direction:column;height:auto;margin:0;max-width:190px;min-width:190px;scroll-snap-align:start;width:190px}.suggestions-single-row-track .product-card .product-image{height:140px}.suggestions-single-row-track .product-card .product-details{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:8px}.suggestions-single-row-track .product-card .product-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestions-single-row-track .product-card .selectbtn{font-size:12px;margin:4px 0 0;padding:6px 8px}.suggestions-row-load-card{align-items:center;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg) 100%);border:2px dashed var(--brand-primary);border-radius:12px;border-radius:var(--radius-lg,12px);color:var(--brand-primary);cursor:pointer;display:flex;flex:0 0 110px;flex-direction:column;gap:8px;justify-content:center;min-width:110px;padding:16px 8px;scroll-snap-align:start;text-align:center;transition:all .25s ease;-webkit-user-select:none;user-select:none;width:110px}.suggestions-row-load-card:hover{background:#d4af371f;border-style:solid;transform:translateY(-2px)}.suggestions-row-load-card span{font-size:12px;font-weight:700;letter-spacing:.5px}.bottom-scroll-trigger{margin-bottom:20px;margin-top:24px}.scroll-down-hint-banner{animation:pulseGlow 2.5s infinite;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg) 100%);box-shadow:0 2px 8px #0000000d;color:var(--brand-primary);font-size:12px;padding:12px 20px}.navigating-next-pill,.scroll-down-hint-banner{border-radius:9999px;border-radius:var(--radius-full,9999px);display:flex}.navigating-next-pill{box-shadow:0 4px 16px #d4af3759;color:var(--color-white);font-weight:600;padding:12px 24px}.navigating-next-pill .spinner-small{border-color:#fff #fff6 #fff6;height:16px;width:16px}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #d4af3733}50%{box-shadow:0 0 0 8px #d4af370d}}@media (max-width:768px){.suggestions-section{margin:16px 0;padding:16px 10px}.suggestions-header{margin-bottom:12px;padding-bottom:10px}.suggestions-single-row-track .product-card{flex:0 0 165px;max-width:165px;min-width:165px;width:165px}.suggestions-single-row-track .product-card .product-image{height:120px}.suggestions-row-load-card{flex:0 0 100px;min-width:100px;width:100px}}@media (max-width:480px){.suggestions-header h3{font-size:15px}.suggestions-count-badge{font-size:11px;padding:2px 8px}.scroll-hint-pill{display:none}}.dark .suggestions-section{background:var(--color-bg);border-color:var(--color-border)}.dark .suggestions-header{border-bottom-color:var(--color-border)}.dark .suggestions-header h3{color:var(--color-text)}.dark .suggestions-count-badge{background:#d4af3733;border-color:#d4af3766;color:var(--brand-primary)}.dark .scroll-hint-pill{color:var(--color-text-muted)}.dark .row-arrow-btn,.dark .scroll-hint-pill{background:var(--gray-200);border-color:var(--color-border)}.dark .row-arrow-btn{color:var(--color-text)}.dark .row-arrow-btn:hover{background:var(--brand-primary);color:var(--color-black)}.dark .suggestions-row-load-card{background:linear-gradient(135deg,var(--gray-200) 0,var(--color-bg) 100%);border-color:var(--brand-primary)}.dark .suggestions-row-load-card:hover{background:#d4af372e}.bottom-scroll-trigger{align-items:center;display:flex;justify-content:center;margin-top:10px;padding:20px 16px 48px;width:100%}.scroll-down-hint-banner{align-items:center;background:var(--color-bg-secondary);border:1px dashed var(--brand-primary);border-radius:30px;border-radius:var(--radius-full,30px);box-shadow:var(--shadow-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 24px;transition:all .25s ease;-webkit-user-select:none;user-select:none}.scroll-down-hint-banner:hover{background:var(--brand-primary);border-style:solid;box-shadow:0 4px 12px #d4af374d;color:#000;transform:translateY(-2px)}.navigating-next-pill{align-items:center;background:var(--brand-primary);border-radius:30px;border-radius:var(--radius-full,30px);box-shadow:0 4px 16px #d4af3766;color:#000;display:inline-flex;font-size:13px;font-weight:700;gap:10px;padding:10px 24px}.dark .scroll-down-hint-banner{background:var(--gray-200);border-color:var(--brand-primary);color:var(--color-text-muted)}.operator-row{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #1976d2;border-radius:6px;padding:12px}.operator-value{color:#1565c0;font-size:.95em;font-weight:600}.operator-value:before{content:"🔗 ";margin-right:4px}.download-design-btn,.share-design-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;flex:1 1;font-size:var(--fs-sm);font-weight:var(--fw-semibold);gap:6px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:8px 12px;position:relative;text-transform:uppercase;transition:all .2s ease}.download-design-btn:before,.share-design-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.download-design-btn:hover:before,.share-design-btn:hover:before{left:100%}.download-design-btn{background:#d4af371a;border-color:var(--brand-primary);color:var(--brand-primary)}.download-design-btn:hover{background:var(--brand-primary);box-shadow:0 4px 12px #d4af374d;color:#000;transform:translateY(-2px)}.share-design-btn{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.share-design-btn:hover{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.download-design-btn:active,.share-design-btn:active{transform:translateY(0)}@media (max-width:640px){.action-buttons{flex-wrap:wrap}.download-design-btn,.share-design-btn{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;min-width:140px}.add-to-cart-btn{flex:1 1 100%}}.orders-flow-container{background-color:var(--color-bg-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.tabs{background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;gap:8px;left:0;padding:8px 4px;position:-webkit-sticky;position:sticky;right:0;top:56px;top:var(--header-height-with-safe-area,calc(56px + var(--safe-area-top, 0px)));width:100%;z-index:999}.tab{background:var(--color-bg-secondary);border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;flex:1 1 auto;font-size:14px;font-weight:500;min-width:0;overflow:hidden;padding:12px 16px;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.tab.active{background:var(--brand-primary);box-shadow:var(--shadow-sm);color:var(--color-white)}.tab:hover:not(.active){background:var(--color-border)}.catlouge-container{padding-bottom:16px}.workflow-steps{display:flex;flex-direction:column;gap:12px;padding:4px}.step-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.readystep-content{align-items:center;display:flex;gap:12px}.step-number{align-items:center;border-radius:50%;color:var(--color-white);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.step-details{flex:1 1;min-width:0}.workstep-title{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 4px}.step-subtitle{color:var(--color-text-muted);font-size:13px;margin:0}.step-count{align-items:center;color:var(--color-text);display:flex;font-weight:600;gap:8px}.plus-icon{align-items:center;background:var(--color-border);border-radius:50%;display:inline-flex;font-size:18px;font-weight:700;height:28px;justify-content:center;line-height:1;width:28px}.orderarrow{color:var(--color-text-muted);cursor:pointer;display:flex}@media (max-width:360px){.tabs{gap:6px;padding:6px 4px}.tab{border-radius:6px;font-size:12px;padding:10px 8px}}@media (min-width:768px){.tabs{border:1px solid var(--color-border);border-radius:12px;gap:12px;margin:12px auto;max-width:720px;padding:12px 16px}.catlouge-container{padding:0 24px 32px}.workflow-steps{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}.step-card{cursor:pointer;padding:8px 12px;transition:transform .18s ease,box-shadow .18s ease}.step-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}}@media (min-width:1280px){.workflow-steps{gap:20px;grid-template-columns:repeat(2,1fr)}}.dark .step-card{box-shadow:var(--shadow-sm)}.dark .step-line.orange,.dark .step-line.yellow{background-color:var(--color-step-yellow)}.dark .step-line.red{background-color:var(--color-step-red)}.dark .step-line.blue,.dark .step-line.light-blue{background-color:var(--color-step-blue)}.dark .step-line.green{background-color:var(--color-step-green)}.dark .step-line.purple{background-color:var(--color-step-purple)}.dark .step-number.orange,.dark .step-number.yellow{border-color:var(--color-step-yellow);color:var(--color-step-yellow)}.dark .step-number.red{border-color:var(--color-step-red);color:var(--color-step-red)}.dark .step-number.blue,.dark .step-number.light-blue{border-color:var(--color-step-blue);color:var(--color-step-blue)}.dark .step-number.green{border-color:var(--color-step-green);color:var(--color-step-green)}.dark .step-number.purple{border-color:var(--color-step-purple);color:var(--color-step-purple)}.selections-container{background-color:var(--color-bg-secondary);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh;padding:0 1% 12%}.selections-header{align-items:center;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);box-sizing:border-box;display:flex;justify-content:space-between;padding:6px;position:-webkit-sticky;position:sticky;top:56px;top:var(--header-height-with-safe-area,calc(56px + var(--safe-area-top, 0px)));width:100%;z-index:1001}.select-all-wrapper{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.select-all-wrapper input[type=checkbox]{align-items:center;appearance:none;-webkit-appearance:none;background:var(--color-bg);border:2px solid var(--color-border);border-radius:4px;cursor:pointer;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;margin-right:4px;position:relative;transition:all .2s ease;vertical-align:middle;width:18px}.select-all-wrapper input[type=checkbox]:hover:not(:disabled){border-color:var(--brand-primary)}.select-all-wrapper input[type=checkbox]:checked{background:var(--brand-primary);border-color:var(--brand-primary)}.select-all-wrapper input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.select-all-wrapper input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.count{color:var(--color-text-muted);font-size:12px}.clear-selected-btn{background-color:var(--color-bg);border:none;color:var(--color-error);cursor:pointer;font-size:14px;margin-right:16px;transition:color .3s ease}.clear-selected-btn:hover{color:#b91c1c}.product-card{position:relative}.products-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,1fr);margin:12px 0 0;margin:var(--space-3,12px) 0 0;padding:5px 5px 115px}.product-image{height:160px;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;width:100%}.selctPaymentMethod{accent-color:var(--brand-primary);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;height:14px;margin-right:4px;transition:all .2s ease;width:14px}.selctPaymentMethod:checked{background-color:var(--brand-primary);border-color:var(--brand-primary)}.selectns-btn{appearance:none;-webkit-appearance:none;background:#ffffffe6;border:2px solid var(--color-border);border-radius:6px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:block;height:24px;position:absolute;right:12px;top:12px;transition:all .3s ease;width:24px;z-index:20}.selectns-btn input::-ms-checkbox,.selectns-btn::-ms-check{display:none}.selectns-btn:checked{background:var(--color-bg);border-color:var(--brand-primary)}.selectns-btn:checked:after{border:solid var(--brand-primary);border-width:0 2px 2px 0;content:"";height:12px;left:6px;position:absolute;top:2px;transform:rotate(35deg);width:6px}.select-product-name{font-weight:500}.select-product-info{padding:5px}.select-product-specification{font-size:12px;font-weight:600}.select-product-weight,.variant-display{color:var(--color-text-muted);font-size:12px;font-weight:500}.settle-via{display:flex}.settle-via strong{color:var(--color-text-muted);display:block;font-size:12px;margin-bottom:4px}.visually-hidden-radio{height:0;opacity:0;position:absolute;width:0}.payment-option{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:12px;margin-right:12px}.custom-radio{border:2px solid var(--color-border);border-radius:50%;display:inline-block;height:14px;margin-right:6px;position:relative;transition:all .2s ease;width:14px}.payment-option input:checked+.custom-radio{background-color:var(--brand-primary);border-color:var(--brand-primary)}.payment-option input:checked+.custom-radio:after{background:var(--color-white);border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.selected-remove-btn{background-color:var(--color-bg);border:none;color:var(--color-error);cursor:pointer;font-size:12px;font-weight:600;transition:color .3s ease}.selected-remove-btn:hover{color:#b91c1c}.bottom-summary{background:var(--color-bg);border-radius:12px 12px 0 0;bottom:0;box-shadow:0 -2px 8px #0000001a;left:0;margin:0 auto;padding:16px;position:fixed;right:0;z-index:100}.summary-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:12px}.selected-count{align-items:center;color:var(--color-text);display:flex;font-size:14px;gap:4px}.selected-count strong{color:var(--brand-primary);font-weight:600}.toggle-selection-btn{background-color:var(--color-bg);border:none;cursor:pointer;font-size:12px;transition:color .3s ease}.toggle-selection-btn:hover{color:var(--color-info)}.request-huid-checkbox{display:flex;font-size:10px;margin-right:12px}.request-huid-checkbox input{cursor:pointer}.selection-summary{background:var(--color-bg-secondary);border-radius:8px;margin:16px 0;padding:12px}.selection-summary h3{color:var(--color-text);font-size:14px;font-weight:600;margin:0 0 12px}.summary-table{grid-gap:8px;border-top:1px solid var(--color-border);display:grid;gap:8px;grid-template-columns:1fr 1fr}.summary-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:8px 0}.summary-row:last-child{border-bottom:none}.summary-row span:first-child{color:var(--color-text-muted);font-size:10px}.summary-row span:last-child{color:var(--color-text);font-size:10px;font-weight:600}.request-section{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:8px}.request-huid-checkbox{align-items:center;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none;white-space:nowrap}.request-huid-checkbox input[type=checkbox]{align-items:center;appearance:none;-webkit-appearance:none;background:var(--color-bg);border:2px solid var(--color-border);border-radius:4px;cursor:pointer;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;position:relative;transition:all .2s ease;width:18px}.request-huid-checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--brand-primary)}.request-huid-checkbox input[type=checkbox]:checked{background:var(--brand-primary);border-color:var(--brand-primary)}.request-huid-checkbox input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.place-request-btn{background:var(--brand-primary);border:none;border-radius:8px;color:var(--color-white);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;max-width:200px;padding:12px 20px;transition:background .3s ease}.place-request-btn:disabled{background:var(--color-border);cursor:not-allowed}.place-request-btn:hover:not(:disabled){background:var(--brand-primary-600)}.dark .selections-container{background-color:var(--color-bg-secondary)}.dark .selections-header{background-color:var(--color-bg);border-color:var(--color-border)}.dark .select-all-wrapper{color:var(--color-text)}.dark .count{color:var(--color-text-muted)}.dark .clear-selected-btn{background-color:var(--color-bg)}.dark .selctPaymentMethod,.dark .selectns-btn{border-color:var(--color-border)}.dark .selectns-btn{background:var(--color-bg)}.dark .select-product-weight,.dark .settle-via strong,.dark .variant-display{color:var(--color-text-muted)}.dark .custom-radio{border-color:var(--color-border)}.dark .payment-option{color:var(--color-text)}.dark .selected-remove-btn{background-color:var(--color-bg)}.dark .bottom-summary{background:var(--color-bg);box-shadow:0 -2px 8px #0000004d}.dark .selected-count{color:var(--color-text)}.dark .selected-count strong{color:var(--brand-primary)}.dark .toggle-selection-btn{background-color:var(--color-bg)}.dark .request-huid-checkbox{color:var(--color-text)}.dark .selection-summary{background:var(--color-bg-secondary)}.dark .selection-summary h3{color:var(--color-text)}.dark .summary-row,.dark .summary-table{border-color:var(--color-border)}.dark .summary-row span:first-child{color:var(--color-text-muted)}.dark .summary-row span:last-child{color:var(--color-text)}.dark .place-request-btn:disabled{background:var(--color-border)}@media (max-width:360px){.products-grid{gap:4px;grid-template-columns:1fr}.product-image{height:200px}}@media (max-width:480px){.selections-container{padding:0 4% 12%}.products-grid{gap:4px;grid-template-columns:repeat(2,1fr)}.product-image{height:180px}.place-request-btn{font-size:13px;max-width:160px;padding:10px 16px}}@media (min-width:768px){.products-grid{gap:12px;grid-template-columns:repeat(3,1fr);padding:12px 12px 115px}.product-image{height:200px}.place-request-btn{max-width:200px}}@media (min-width:1024px){.selections-header{border-radius:12px;box-shadow:var(--shadow-sm);padding:12px 20px;top:64px;z-index:10}.products-grid{gap:20px;grid-template-columns:repeat(4,1fr);padding-bottom:130px}.product-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.product-card:hover{border-color:var(--brand-primary);box-shadow:0 12px 24px -6px #0000001f;transform:translateY(-4px)}.product-image{height:210px}.select-product-info{padding:12px}.bottom-summary{border:1px solid var(--color-border);border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #00000026;left:52px;left:var(--sidebar-current-width,52px);padding:16px 28px;right:0;transition:left .3s cubic-bezier(.4,0,.2,1)}.summary-table{gap:16px;grid-template-columns:repeat(5,1fr)}.summary-row{align-items:flex-start;border-bottom:none;border-right:1px solid var(--color-border);flex-direction:column;gap:2px;padding:4px 12px}.summary-row:last-child{border-right:none}}@media (min-width:1440px){.products-grid{gap:24px;grid-template-columns:repeat(5,1fr)}}.orders-container{min-height:80vh;padding:16px 12px}.orders-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:0}.ordercard{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.ordercard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.orderimage{height:160px;overflow:hidden;position:relative;width:100%}.orderimage img{height:100%;object-fit:fill;transition:transform .3s;width:100%}.ordercard:hover .orderimage img{transform:scale(1.05)}.image-placeholder{font-size:14px}.select-product-info{display:flex;flex-direction:column}.select-product-specification{color:var(--color-text-muted);font-size:9px;font-weight:500;letter-spacing:.5px;margin-bottom:1px;text-transform:uppercase}.select-product-name{color:var(--color-text);font-size:12px;font-weight:600;line-height:1.2;margin:0}.variant-display{gap:1px;margin-top:2px}.variant-info{border-radius:2px;color:var(--color-text-muted);font-size:9px;padding:1px 3px}.select-product-weight{color:var(--color-text);font-size:11px;font-weight:500;margin:1px 0}.OrderRemoveBtn{margin-top:4px}.selected-remove-btn{background:#fef2f2;border:1px solid #fecaca;box-sizing:border-box;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.selected-remove-btn:hover{background:#fee2e2;border-color:#fca5a5}.selected-remove-btn:disabled{background:#fef2f2;border-color:#fecaca;cursor:not-allowed;opacity:.6}.order-info{padding:8px}.order-info h3{color:var(--color-text);font-size:14px;font-weight:600;margin:0}.order-info p{color:var(--color-text-muted);font-size:10px;margin:0}.status-badge{border-radius:16px;display:inline-block;left:8px;padding:3px 8px;position:absolute;top:8px}.status-yellow{background-color:#f59e0b1a}.status-red{background-color:#dc26261a}.status-blue{background-color:#3b82f61a}.status-purple{background-color:#8b5cf61a}.status-orange{background-color:#ea580c1a}.status-teal{background-color:#14b8a61a}.status-green{background-color:#10b9811a}.status-gray{background-color:var(--color-border)}.cancel-order-btn{background-color:var(--color-error);border:none;border-radius:6px;color:var(--color-white);cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;padding:8px 16px;transition:background-color .2s;width:100%}.cancel-order-btn:hover{background-color:#b91c1c}.empty-state p,.loading-state p{color:var(--color-text-muted);font-size:16px;margin:0}.error{font-size:16px}@media (min-width:480px){.orders-container{padding:20px}.orders-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (min-width:768px){.orders-container{max-width:960px;padding:20px}.orders-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:1024px){.orders-container{max-width:1200px}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.seller-.ordercard{background:var(--color-bg);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.seller-header{align-items:flex-start;border-bottom:1px solid var(--color-border);justify-content:space-between;padding:20px}.seller-name{font-size:18px;font-weight:600;margin:0 0 4px}.order-status-overview .status-in-production{background:var(--brand-secondary);border-radius:16px;color:var(--color-white);font-size:12px;font-weight:500;padding:6px 12px}.order-items{padding:20px}.order-item{align-items:center;padding:12px 0}.item-image{margin-right:16px}.image-placeholder{background:var(--color-border)}.item-name{font-weight:500;margin:0 0 4px}.item-specs span{margin-right:4px}.item-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.status-yellow{background:#f59e0b1a;color:var(--color-warning)}.status-red{background:#dc26261a;color:var(--color-error)}.status-blue{background:#3b82f61a;color:var(--color-info)}.status-purple{background:#8b5cf61a;color:var(--color-step-purple)}.status-orange{background:#ea580c1a;color:var(--brand-secondary)}.status-teal{background:#14b8a61a;color:#14b8a6}.status-green{background:#10b9811a;color:var(--color-success)}.status-gray{background:var(--color-bg-secondary);color:var(--color-text-muted)}.order-actions{padding:20px}.contact-seller-btn,.track-package-btn{border-radius:6px;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}@media (max-width:768px){.seller-header{flex-direction:column;gap:12px}.progress-steps{-ms-overflow-style:none;overflow-x:auto;padding:16px;scrollbar-width:none}.progress-steps::-webkit-scrollbar{display:none}.order-actions{flex-direction:column}}@media (min-width:640px){.orders-grid{gap:12px;grid-template-columns:repeat(3,1fr)}.orderimage{height:170px}}@media (min-width:1024px){.orders-container{padding:24px 24px 48px}.orders-grid{gap:16px;grid-template-columns:repeat(4,1fr)}.orderimage{height:190px}}@media (min-width:1400px){.orders-grid{gap:18px;grid-template-columns:repeat(5,1fr)}.orderimage{height:200px}}.dark .ordercard,.dark .seller-.ordercard{background:var(--color-bg);box-shadow:var(--shadow-sm)}.dark .image-placeholder{background:var(--color-border)}.dark .item-name,.dark .order-info h3,.dark .seller-name{color:var(--color-text)}.dark .item-specs,.dark .order-count,.dark .order-info p{color:var(--color-text-muted)}.dark .order-item,.dark .seller-header{border-color:var(--color-border)}.dark .order-actions,.dark .status-blue,.dark .status-gray,.dark .status-green,.dark .status-orange,.dark .status-purple,.dark .status-red,.dark .status-teal,.dark .status-yellow{background:var(--color-bg-secondary)}.divider{background:var(--color-border);height:1px}pointer-events:none;.progress-track-fill{background:var(--color-success);border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .4s ease}.step-icon{outline:none;transition:background .2s,color .2s,box-shadow .2s}.orderstep.active .step-icon,.step-icon{box-shadow:none}.orderstep.current .step-icon{background:var(--color-success);box-shadow:0 0 0 4px #10b98140;color:#fff}.orderstep span{font-size:10px;letter-spacing:.5px}@media (min-width:768px){.step-icon{height:36px;width:36px}.step-icon svg{height:18px;width:18px}.progress-steps{--icon-size:36px}}.order-item{gap:12px;padding:16px}.item-status-card{display:flex}.orderGroupBadge{display:flex;justify-content:end;width:100%}.order-item-header{align-items:flex-start;display:flex;gap:12px;width:100%}.order-item-header .item-status-badge{align-self:flex-start;flex-shrink:0;margin-left:auto}.item-head-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.item-head-info .purity{color:var(--color-text-muted);font-size:14px;font-weight:500}.item-head-info .weight{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:13px;gap:2px}.order-body{display:flex;flex-direction:column;gap:12px}.order-side-totals{grid-gap:8px 14px;background:var(--color-bg-secondary);border-radius:8px;color:var(--color-text-secondary);display:grid;font-size:13px;font-weight:600;gap:8px 14px;grid-template-columns:repeat(3,1fr);padding:10px 12px}.side-total{white-space:nowrap}.item-image{border-radius:8px;height:60px;width:60px}.image-placeholder{font-size:10px;font-weight:500}.item-details{flex:1 1;min-width:0}.item-name{word-wrap:break-word;margin:0 0 8px}.item-specs{font-size:14px;font-weight:500;line-height:1.4;margin-bottom:8px}.item-metrics{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:13px;gap:2px;margin-bottom:8px}.purity-line{color:var(--color-text-muted);font-size:14px;font-weight:500;margin-bottom:8px}.size-breakdown{border:1px solid var(--color-border);border-radius:8px;margin-bottom:8px;overflow:hidden}.approx-badge{background:#b453091a;border-bottom:1px solid var(--color-border);color:#b45309;color:var(--color-warning,#b45309);font-size:11px;font-weight:700;letter-spacing:.4px;padding:6px 10px;text-transform:uppercase}.weight-amount{font-size:13px}.size-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.size-table{--cols:minmax(54px,1.1fr) repeat(4,minmax(50px,1fr));display:flex;flex-direction:column;width:100%}.sizes-row{grid-gap:4px;align-items:center;border-bottom:1px solid var(--color-border);display:grid;font-size:12px;gap:4px;grid-template-columns:var(--cols);min-width:0;padding:6px 10px}.sizes-row:last-child{border-bottom:none}.sizes-row.size-head{color:var(--color-text-muted);letter-spacing:.3px;text-transform:uppercase}.sizes-row.size-head,.sizes-row.size-totals-row{background:var(--color-bg-secondary);font-weight:700}.sizes-row.size-totals-row{border-top:1px solid var(--color-border);color:var(--color-text)}.size-totals{background:var(--color-bg-secondary);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:12px;font-weight:600;gap:8px 14px;padding:8px 10px}.item-status-badge{background:#10b9811a;border:1px solid #10b98133;border-radius:6px;color:var(--color-success);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 10px;text-transform:uppercase;white-space:nowrap}@media (min-width:768px){.orders-container{max-width:800px;padding:24px}.seller-header{align-items:center;flex-direction:row;gap:0;justify-content:space-between}.progress-steps{padding:20px 32px 16px}.orderstep span{font-size:12px}.order-item{gap:16px;padding:20px}.order-body{align-items:flex-start;flex-direction:row}.size-breakdown{flex:1 1;min-width:0}.order-side-totals{align-items:flex-end;flex-direction:column;flex-shrink:0;min-width:160px}.item-image{height:70px;width:70px}.order-actions{flex-direction:row;gap:16px}.contact-seller-btn,.track-package-btn{flex:1 1;width:auto}}.dark .step-icon{background:var(--color-border);box-shadow:none;color:var(--color-text-muted)}.dark .orderstep.active .step-icon{box-shadow:none}.dark .orderstep.current .step-icon{background:var(--color-success);box-shadow:0 0 0 4px #10b9814d;color:#fff}.dark .progress-track{background:var(--color-border)}.dark .progress-track-fill{background:var(--color-success)}.dark .item-status-badge{background:#10b98126;border-color:#10b9814d;color:var(--color-success)}.orders-container{background:var(--color-bg-secondary);max-width:100%;min-height:100vh;padding:16px}.orders-header{align-items:center;justify-content:space-between;margin-bottom:16px}.orders-header p{color:var(--color-text-muted);font-size:14px;font-weight:500;margin:0}.grand-total-summary{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;font-size:.8rem;padding:4px 10px}.seller-orders-container{display:flex;flex-direction:column;gap:16px}.seller-order-card{border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-bottom:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.seller-order-card:hover{border-color:#f5a62359;box-shadow:0 6px 24px #00000014}.seller-header{gap:14px;padding:18px 20px}.seller-header.clickable{transition:background-color .2s ease}.seller-info-row{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.seller-meta{display:flex;flex-direction:column;gap:6px}.seller-name{font-size:16px;font-weight:800;letter-spacing:.3px;margin:0}.order-meta-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.order-chip{border-radius:20px;font-size:12px;font-weight:600;line-height:1.3;padding:3px 8px}.count-chip{background:#6366f11a;border:1px solid #6366f133;color:#6366f1;color:var(--color-primary,#6366f1)}.date-chip{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.accordbtn,.date-chip{color:var(--color-text-muted)}.accordbtn{align-items:center;border-radius:50%;height:32px;justify-content:center;transition:all .2s ease;width:32px}.seller-header:hover .accordbtn{color:var(--color-text)}.order-summary-pills{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.summary-pill{border:1px solid #0000;border-radius:10px;display:flex;flex-direction:column;gap:2px;padding:10px 14px}.summary-pill.fine-pill{background:#f5a62314;border-color:#f5a62340}.summary-pill.mc-pill{background:#6366f114;border-color:#6366f140}.pill-label{color:var(--color-text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.pill-value{color:var(--color-text);font-size:15px;font-weight:800}.fine-pill .pill-value{color:#d97706}.mc-pill .pill-value{color:#6366f1;color:var(--color-primary,#6366f1)}.progress-steps:before{background:var(--color-border);right:calc(16px + 12.5%);transform:translateX(0);z-index:0}.progress-steps:after,.progress-steps:before{content:"";height:4px;left:calc(16px + 12.5%);position:absolute;top:36px}.progress-steps:after{background:var(--color-success);transition:width .3s ease;width:0;width:calc(var(--active-step, 0)*25%);z-index:1}.orderstep{flex:1 1;flex-direction:column;min-width:0;position:relative;z-index:2}.orderstep,.step-icon{align-items:center;display:flex}.step-icon{background:var(--color-border);border-radius:50%;color:var(--color-text-muted);flex-shrink:0;height:32px;justify-content:center;transition:background .2s,color .2s;width:32px}.orderstep.active .step-icon{background:var(--color-success);color:#fff}.orderstep span{color:var(--color-text-muted);font-size:8px;font-weight:600;line-height:1.2;margin-top:10px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;transition:color .2s,font-weight .2s;white-space:nowrap}.orderstep.active span{color:var(--color-success);font-weight:700}.order-items{padding:0}.order-item{border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:16px;padding:20px;position:relative;transition:background-color .2s ease}.order-item:hover{background-color:rgba(0,0,0,.015)}.order-item:last-child{border-bottom:none}.item-top-row{align-items:flex-start;display:flex;gap:14px;width:100%}.item-header-row{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.item-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.item-name{color:var(--color-text);font-size:16px;font-weight:700;line-height:1.3;margin:0}.item-status{align-items:center;background:#10b9811f;border:1px solid #10b98140;border-radius:20px;color:#10b981;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.item-image{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000000a;flex-shrink:0;height:68px;overflow:hidden;width:68px}.item-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.order-item:hover .item-image img{transform:scale(1.05)}.image-placeholder{font-size:11px;font-weight:600;text-align:center}.item-details{display:flex;flex-direction:column;gap:12px;width:100%}.item-specs{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:6px}.item-specs,.spec-badge{color:var(--color-text-muted)}.spec-badge{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;font-size:11px;font-weight:600;padding:3px 8px}.purity-badge{background:#f5a6231a;border-color:#f5a6234d;color:#d97706;font-weight:700}.spec-wt-badge{background:#6366f114;border-color:#6366f133;color:#6366f1;color:var(--color-primary,#6366f1)}.item-metrics-grid{grid-gap:8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));padding:12px 14px}.metric-cell{display:flex;flex-direction:column;gap:2px}.metric-label{color:var(--color-text-muted);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.metric-val{color:var(--color-text);font-size:13px;font-weight:700}.fine-highlight{color:#d97706}.mc-highlight{color:#6366f1;color:var(--color-primary,#6366f1)}.stamp-cell{background:#10b9810f;border:1px solid #10b98133;border-radius:6px;padding:4px 8px}.stamp-highlight{color:#10b981}.stamp-detail-tag{background:#10b9811a;border:1px solid #10b98133;border-radius:4px;color:#10b981;font-size:10px;padding:2px 6px}.order-actions{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px;padding:16px}.contact-seller-btn,.track-package-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-size:15px;font-weight:600;padding:14px 20px;transition:all .2s ease;width:100%}.contact-seller-btn:hover,.track-package-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-text-muted);transform:translateY(-1px)}.empty-state,.error-state,.loading-state{padding:60px 20px}.error{color:var(--color-error);font-size:15px;font-weight:500}@media (min-width:768px){.orders-container{max-width:800px;padding:24px}.seller-header{align-items:center;flex-direction:row;gap:0;justify-content:space-between}.progress-steps{padding:20px 32px 16px}.orderstep span{font-size:12px}.step-icon{height:36px;width:36px}.step-icon svg{height:18px;width:18px}.order-item{gap:16px;padding:20px}.item-image{height:70px;width:70px}.order-actions{flex-direction:row;gap:16px}.contact-seller-btn,.track-package-btn{flex:1 1;width:auto}}@media (max-width:360px){.orders-container{padding:12px}.order-count{font-size:12px}.item-name{font-size:14px}.item-specs{font-size:12px}}.dark .orders-container{background:var(--color-bg-secondary);color:var(--color-text)}.dark .seller-order-card{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark .item-name,.dark .seller-name{color:var(--color-text)}.dark .item-metrics,.dark .item-specs,.dark .order-count{color:var(--color-text-muted)}.dark .item-image,.dark .order-actions,.dark .progress-steps{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark .image-placeholder{background:var(--color-bg-secondary);color:var(--color-text-muted)}.dark .contact-seller-btn,.dark .track-package-btn{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark .contact-seller-btn:hover,.dark .track-package-btn:hover{background:var(--color-bg-secondary)}.dark .orderstep:before{background:var(--color-border)}.dark .orderstep.active:before{background:var(--color-success)}.dark .orderstep span{color:var(--color-text-muted)}.dark .orderstep.active span{color:var(--color-success)}.dark .step-icon{background:#404040;color:#888}.dark .orderstep.active .step-icon{background:var(--color-success);color:#fff}.dark .progress-steps:before{background:var(--color-border)}.dark .progress-steps:after{background:var(--color-success)}.dark .order-item{border-color:var(--color-border)}.dark .item-status{background:#10b98126;border-color:#10b9814d;color:var(--color-success)}.dark .error{color:var(--color-error)}.dark .empty-state,.dark .error-state,.dark .loading-state{color:var(--color-text-muted)}.od-action-buttons{background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;gap:12px;padding:14px 20px}.od-btn-pay,.od-btn-return-outline{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.3px;padding:12px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.od-btn-pay:active,.od-btn-return-outline:active{transform:scale(.97)}.od-btn-pay{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98147;color:#fff}.od-btn-pay:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98161;transform:translateY(-1px)}.od-btn-return-outline{background:#0000;border:1.5px solid var(--color-border);color:var(--color-text)}.od-btn-return-outline:hover{background:var(--color-bg-secondary);border-color:var(--color-text-muted);transform:translateY(-1px)}.od-modal-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@media (min-width:600px){.od-modal-overlay{align-items:center}}.od-modal{background:#fff;background:var(--color-bg,#fff);border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.od-modal--sm{max-height:60vh}@media (min-width:600px){.od-modal{border-radius:16px;margin:16px;max-height:85vh}}.od-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px 14px}.od-modal-title{color:var(--color-text);font-size:16px;font-weight:700}.od-modal-due-summary{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px}.od-due-label{color:var(--color-text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.od-due-values{align-items:center;display:flex;gap:8px}.od-due-item{color:var(--color-text);font-size:13px}.od-due-item strong{color:#6366f1;color:var(--color-primary,#6366f1);font-weight:700}.od-due-sep{font-size:13px}.od-due-sep,.od-modal-close{color:var(--color-text-muted)}.od-modal-close{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:4px}.od-modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px 20px}.od-modal-footer{border-top:1px solid var(--color-border);display:flex;flex-shrink:0;gap:12px;padding:14px 20px}.od-bucket{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:14px 16px;transition:opacity .2s,border-color .2s}.od-bucket--locked{border-color:#f59e0b4d;opacity:.65}.od-bucket-header{align-items:center;display:flex;justify-content:space-between}.od-completed-badge{background:#10b9811f;color:#10b981}.od-completed-badge,.od-locked-badge{align-items:center;border-radius:12px;display:flex;font-size:11px;font-weight:700;gap:4px;padding:3px 8px}.od-locked-badge{background:#f59e0b1f;color:#f59e0b}.od-due-adjusted{font-weight:400;margin-left:4px;text-decoration:line-through}.od-due-adjusted,.od-section-subtitle{color:var(--color-text-muted);font-size:11px}.od-section-subtitle{font-weight:700;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.od-input-grid-3{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.od-input-grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.od-calc-output{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:12px;padding:6px 10px}.od-calc-output strong{color:#6366f1;color:var(--color-primary,#6366f1)}.od-bucket-title{color:var(--color-text-muted);font-size:13px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.od-bucket-rates{display:flex;flex-wrap:wrap;gap:8px}.od-rate{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 8px}.od-rate--sale{background:#ef44441f;border:1px solid #ef444440;color:#ef4444}.od-rate--purchase{background:#10b9811f;border:1px solid #10b98140;color:#10b981}.od-bucket-dues{color:var(--color-text);display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.od-mode-tabs{display:flex;gap:8px}.od-mode-tab{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:7px;color:var(--color-text);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 10px;transition:all .15s}.od-mode-tab.active{background:#6366f1;background:var(--color-primary,#6366f1);border-color:#6366f1;border-color:var(--color-primary,#6366f1);color:#fff}.od-bucket-result{background:var(--color-bg);border:1px solid var(--color-border);border-radius:7px;font-size:13px;padding:10px 12px}.od-bucket-result,.od-input-row{display:flex;flex-direction:column;gap:4px}.od-input-row label{color:var(--color-text-muted);font-size:12px;font-weight:600}.od-req{color:#ef4444;font-weight:700;margin-left:2px}.od-input{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:7px;box-sizing:border-box;color:var(--color-text);font-size:14px;padding:9px 12px;width:100%}.od-input:focus{border-color:#6366f1;border-color:var(--color-primary,#6366f1);outline:none}.od-cash-method{background:var(--color-bg-secondary);border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:12px}.od-cash-method-label{color:var(--color-text-muted);font-size:12px;font-weight:600}.od-radio-group{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:10px;display:flex;gap:8px;padding:4px}.od-radio-tab{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:10px;font-weight:600;gap:8px;justify-content:center;opacity:.55;transition:all .2s ease;-webkit-user-select:none;user-select:none}.od-radio-tab input[type=radio]{accent-color:#fff;cursor:pointer}.od-radio-tab.active{background:#6366f1;background:var(--color-primary,#6366f1);border-color:#6366f1;border-color:var(--color-primary,#6366f1);box-shadow:0 2px 8px #6366f140;color:#fff;font-weight:500;opacity:1}.od-radio-tab:not(.active):hover{background:var(--color-bg-secondary);color:var(--color-text);opacity:.85}.od-banking-entries{display:flex;flex-direction:column;gap:10px}.od-banking-row{align-items:flex-end;display:flex;gap:8px}.flex-1{flex:1 1}.od-btn-add-utr{align-items:center;background:#0000;border:1.5px dashed #6366f1;border:1.5px dashed var(--color-primary,#6366f1);border-radius:7px;color:#6366f1;color:var(--color-primary,#6366f1);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;padding:8px 12px;transition:background .15s}.od-btn-add-utr:hover{background:#6366f114}.od-btn-remove-utr{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .15s}.od-btn-remove-utr:hover{background:#ef44441a}.od-totals{border:1.5px solid #6366f1;border:1.5px solid var(--color-primary,#6366f1);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px 16px}.od-total-row{color:var(--color-text);display:flex;font-size:14px;justify-content:space-between}.od-total-row strong{font-size:15px}.od-rates-note{color:var(--color-text-muted);font-size:11px;line-height:1.5;margin:0}.od-btn-cancel{background:#0000;border:1.5px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:13px}.od-btn-return,.od-btn-settle{background:#6366f1;background:var(--color-primary,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:14px;font-weight:700;padding:13px;transition:opacity .2s}.od-btn-return:disabled,.od-btn-settle:disabled{cursor:not-allowed;opacity:.4}.od-btn-return:not(:disabled):hover,.od-btn-settle:not(:disabled):hover{opacity:.88}.od-return-desc{color:var(--color-text);font-size:14px;line-height:1.5;margin:0 0 12px}.od-return-product-list{display:flex;flex-direction:column;gap:10px}.od-return-product-row{align-items:center;background:#f9f9f9;background:var(--color-bg-secondary,#f9f9f9);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.od-return-product-thumb{background:#f0f0f0;border:1px solid var(--color-border);border-radius:6px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.od-return-product-img{display:block;height:100%;object-fit:cover;width:100%}.od-return-product-img-placeholder{background:linear-gradient(135deg,#e0e0e0,#c8c8c8);height:100%;width:100%}.od-return-product-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.od-return-product-name{color:var(--color-text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-return-gross-wt{color:#888;color:var(--color-text-secondary,#888);font-size:12px}.od-return-qty-control{align-items:center;display:flex;flex-shrink:0;gap:6px}.od-qty-btn{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;line-height:1;transition:background .15s,opacity .15s;width:28px}.od-qty-btn:disabled{cursor:not-allowed;opacity:.35}.od-qty-btn:not(:disabled):active{background:var(--color-border)}.od-qty-value{color:var(--color-text);font-size:14px;font-weight:700;min-width:22px;text-align:center}.od-qty-max{color:#999;color:var(--color-text-secondary,#999);font-size:11px}.od-gross-wt-input{background:#fff;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:13px;font-weight:600;height:28px;outline:none;padding:0 6px;text-align:center;transition:border-color .15s;width:70px}.od-gross-wt-input:focus{border-color:#f5a623;border-color:var(--color-primary,#f5a623)}.od-gross-wt-input::-webkit-inner-spin-button,.od-gross-wt-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.od-gross-wt-input[type=number]{-moz-appearance:textfield}.od-gross-wt-unit{color:#888;color:var(--color-text-secondary,#888);flex-shrink:0;font-size:12px}.od-return-total-row{align-items:center;background:#fef3e2;background:var(--color-primary-light,#fef3e2);border:1px solid #f5a623;border:1px solid var(--color-primary,#f5a623);border-radius:8px;display:flex;justify-content:space-between;margin-top:14px;padding:10px 12px}.od-return-total-label{color:var(--color-text);font-size:13px;font-weight:600}.od-return-total-value{color:#f5a623;color:var(--color-primary,#f5a623);font-size:14px;font-weight:700}.dark .od-action-buttons{background:var(--color-bg);border-color:var(--color-border)}.dark .od-btn-return-outline{border-color:var(--color-border);color:var(--color-text)}.dark .od-modal{background:var(--color-bg)}.dark .od-bucket{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark .od-mode-tab{background:var(--color-bg)}.dark .od-input,.dark .od-mode-tab{border-color:var(--color-border);color:var(--color-text)}.dark .od-bucket-result,.dark .od-input{background:var(--color-bg-secondary)}.dark .od-btn-cancel,.dark .od-bucket-result{border-color:var(--color-border)}.dark .od-btn-cancel{color:var(--color-text)}.dark .od-return-product-row{background:var(--color-bg-secondary);border-color:var(--color-border)}.dark .od-qty-btn{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.dark .od-return-total-row{background:#f5a6231a;border-color:#f5a623;border-color:var(--color-primary,#f5a623)}.od-return-wt-label{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:10px;font-weight:500;gap:2px}.od-return-wt-input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:12px;outline:none;padding:3px 6px;transition:border-color .15s;width:72px}.od-return-wt-input:focus{border-color:#f5a623;border-color:var(--color-primary,#f5a623)}.od-return-size-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dark .od-return-wt-input{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.od-return-breakdown{display:flex;gap:8px;margin-top:6px;width:100%}.od-return-breakdown-col{border-radius:8px;display:flex;flex:1 1;flex-direction:column;font-size:12px;gap:3px;padding:6px 8px}.od-return-breakdown-col--return{background:#ef444414;border:1px solid #ef444440}.od-return-breakdown-col--final{background:#22c55e14;border:1px solid #22c55e40}.od-breakdown-heading{font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.od-return-breakdown-col--return .od-breakdown-heading{color:#ef4444}.od-return-breakdown-col--final .od-breakdown-heading{color:#16a34a}.od-breakdown-row{align-items:center;display:flex;justify-content:space-between}.od-breakdown-label{color:var(--color-text-muted);font-size:11px}.od-breakdown-value{color:var(--color-text);font-size:12px;font-weight:600}.dark .od-return-breakdown-col--return{background:#ef44441f;border-color:#ef44444d}.dark .od-return-breakdown-col--final{background:#22c55e1f;border-color:#22c55e4d}.od-return-size-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.od-return-input-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.od-return-input-label{color:var(--color-text-muted);display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:500;gap:4px;min-width:80px}.od-return-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:13px;outline:none;padding:6px 8px;transition:border-color .15s;width:100%}.od-return-input:focus{border-color:#f5a623;border-color:var(--color-primary,#f5a623)}.dark .od-return-input{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.od-return-controls-row,.od-return-qty-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.od-return-qty-container{display:flex;flex-direction:column;gap:4px}.od-input-sublabel{color:var(--color-text-muted);font-size:11px;font-weight:500}.od-return-wt-inputs{display:flex;flex:1 1;gap:8px;min-width:180px}.od-return-reason-row{margin:6px 0 10px}.od-return-reason-label{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px}.od-return-reason-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:12px;outline:none;padding:6px 10px;transition:border-color .15s}.od-return-reason-select:focus{border-color:#f5a623;border-color:var(--color-primary,#f5a623)}.dark .od-return-reason-select{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.od-order-detail-section{border-top:1px dashed var(--color-border);margin-top:14px;padding-top:12px}.od-order-detail-title{color:var(--color-text-muted);font-size:11px;font-weight:800;letter-spacing:.6px;margin:0 0 8px;text-transform:uppercase}.od-order-detail-cards{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.od-size-detail-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;font-size:12px;padding:10px 12px;transition:border-color .2s ease}.od-size-detail-card:hover{border-color:#6366f1;border-color:var(--color-primary,#6366f1)}.od-size-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.od-size-name{color:var(--color-text);font-size:13px;font-weight:800}.od-size-qty{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;font-weight:600;padding:2px 6px}.od-size-detail-grid,.od-size-qty{color:var(--color-text-muted);font-size:11px}.od-size-detail-grid{display:flex;flex-wrap:wrap;gap:10px}.od-size-return-info{display:flex;flex-direction:column;gap:4px;margin-top:8px}.od-return-badge{background:#ef444414;border:1px solid #ef444433;border-radius:6px;color:#ef4444;font-size:11px;font-weight:700;padding:4px 8px}.od-return-reason-text{color:var(--color-text-muted);font-size:11px;padding-left:2px}.od-return-reason-text span{color:var(--color-text);font-weight:600}.od-final-badge{background:#10b98114;border:1px solid #10b98133;border-radius:6px;color:#10b981;font-size:11px;font-weight:700;padding:4px 8px}.dark .od-size-detail-card{background:var(--color-bg);border-color:var(--color-border)}.dark .od-return-badge{background:#ef444426}.dark .od-final-badge{background:#22c55e26}.od-history-section{border-top:2px dashed var(--color-border);margin-top:32px;padding-top:24px}.od-history-title{color:var(--color-text);font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:16px}.od-history-summary-block{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:14px;padding:16px}.od-history-summary-block p{margin:4px 0}.od-history-bucket-info{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:13px;margin-top:8px;padding:8px}.od-multi-entries{display:flex;flex-direction:column;gap:8px}.oh-page{max-width:1000px;padding:10px}.oh-title-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.oh-title{color:#1f2937;font-size:1.25rem;font-weight:700}.dark .oh-title{color:#f3f4f6}.oh-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:16px;overflow:hidden;transition:all .2s ease-in-out}.dark .oh-card{border-color:#374151;box-shadow:0 2px 8px #0003}.oh-card-header{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background .15s ease}.oh-card-header:hover{background:#f9fafb}.dark .oh-card-header:hover{background:#283548}.oh-seller-info{display:flex;flex-direction:column;gap:4px}.oh-seller-name{align-items:center;color:#111827;display:flex;font-size:1.05rem;font-weight:700;gap:8px}.dark .oh-seller-name{color:#f9fafb}.oh-timestamp{color:#6b7280;font-size:.825rem}.dark .oh-timestamp{color:#9ca3af}.oh-header-right{align-items:center;display:flex;gap:16px}.oh-summary-pill{display:flex;flex-direction:column;gap:2px;text-align:right}.oh-fine-wt{color:#059669;font-size:.95rem;font-weight:700}.dark .oh-fine-wt{color:#34d399}.oh-amount-paid{color:#2563eb;font-size:.85rem;font-weight:600}.dark .oh-amount-paid{color:#60a5fa}.oh-toggle-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#4b5563;display:flex;height:32px;justify-content:center;width:32px}.dark .oh-toggle-btn{background:#374151;color:#d1d5db}.oh-card-body{border-top:1px solid #f3f4f6;padding:16px}.dark .oh-card-body{border-top-color:#374151}.oh-meta-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 16px}.dark .oh-meta-box{border-color:#374151}.oh-meta-row{display:flex;flex-wrap:wrap;font-size:.875rem;gap:12px;justify-content:space-between}.oh-meta-item{display:flex;flex-direction:column;gap:2px}.oh-meta-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dark .oh-meta-label{color:#9ca3af}.oh-meta-value{color:#1f2937;font-weight:600}.dark .oh-meta-value{color:#f3f4f6}.oh-settlement-id{background:#eff6ff;border-radius:4px;color:#1d4ed8;font-family:monospace;font-size:.825rem;padding:2px 6px}.dark .oh-settlement-id{background:#1e3a8a;color:#93c5fd}.oh-bucket-section{border-top:1px dashed #e5e7eb;margin-top:4px;padding-top:10px}.dark .oh-bucket-section{border-top-color:#374151}.oh-bucket-title{color:#374151;font-size:.85rem;font-weight:700;margin-bottom:6px}.dark .oh-bucket-title{color:#e5e7eb}.oh-metal-table{border-collapse:collapse;font-size:.825rem;margin-top:6px;width:100%}.oh-metal-table td,.oh-metal-table th{border-bottom:1px solid #f3f4f6;padding:6px 10px;text-align:left}.dark .oh-metal-table td,.dark .oh-metal-table th{border-bottom-color:#374151}.oh-metal-table th{background:#f9fafb;color:#4b5563;font-weight:600}.dark .oh-metal-table th{background:#374151;color:#d1d5db}.oh-orders-header{color:#1f2937;font-size:.95rem;font-weight:700;margin-bottom:12px}.dark .oh-orders-header{color:#f3f4f6}.oh-product-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:16px;margin-bottom:12px;padding:14px}.dark .oh-product-card{border-color:#374151}.oh-product-image{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;height:72px;object-fit:cover;width:72px}.oh-product-details{flex:1 1}.oh-product-name{color:#111827;font-size:.95rem;font-weight:700;margin-bottom:4px}.dark .oh-product-name{color:#f9fafb}.oh-badge-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.oh-badge{border-radius:9999px;font-size:.725rem;font-weight:600;padding:2px 8px}.oh-badge-huid{background:#fef3c7;color:#92400e}.oh-badge-paid{background:#d1fae5;color:#065f46}.oh-badge-pm{background:#e0e7ff;color:#3730a3}.oh-metrics-grid{background:#f9fafb;border-radius:6px;font-size:.8rem;margin-bottom:8px;padding:8px 12px}.oh-metrics-grid,.oh-size-cards{display:flex;flex-wrap:wrap;gap:8px}.oh-size-cards{margin-top:8px}.oh-size-chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.75rem;padding:4px 8px}.dark .oh-size-chip{background:#374151;border-color:#4b5563;color:#e5e7eb}.final-correction-container{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(2,1fr);padding:16px}.prepartion-header{display:flex;justify-content:flex-end;margin-bottom:12px}.prepartion-header div{color:var(--color-text-muted);font-size:14px;font-weight:500;margin:0}.seller-order-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.seller-header{display:flex;flex-direction:column;gap:12px;padding:16px}.seller-header.clickable{cursor:pointer;transition:background-color .2s}.seller-header.clickable:hover{background-color:var(--color-bg-secondary)}.seller-info{flex:1 1}.seller-name{color:var(--color-text);font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.order-count{color:var(--color-text-muted);font-size:14px;font-weight:500;line-height:1.4;margin:0}.fine-weight,.total-mc{font-weight:600;margin:2px 0}.progress-steps{align-items:flex-start;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 16px 16px;position:relative}.accordbtn{display:flex;justify-content:end;width:100%}.action-btn{display:flex;justify-content:space-between;margin:5px}@media (max-width:480px){.final-correction-container{grid-template-columns:1fr;padding:12px}.seller-order-card{margin-bottom:16px}.seller-header{padding:12px}.progress-steps{padding:16px 12px 12px}}@media (min-width:768px){.final-correction-container{grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:960px;padding:20px}}@media (min-width:1024px){.final-correction-container{max-width:1200px}}.processing-orders-container{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(2,1fr);padding:16px}.processing-header{display:flex;justify-content:flex-end;margin-bottom:12px}.processing-header div{color:var(--color-text-muted);font-size:14px;font-weight:500;margin:0}.order-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:row;margin-bottom:20px;overflow:hidden}.order-image{flex-shrink:0;min-height:100px;width:100px}.order-image img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:var(--color-bg-secondary);color:var(--color-text-muted);display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.order-info{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:12px}.order-specification{color:var(--color-text);font-size:13px;font-weight:600}.order-name{color:var(--color-text-muted);font-size:12px;margin:0}.order-service-type{color:var(--color-primary);font-size:11px;font-weight:600;text-transform:uppercase}.variant-display{display:flex;flex-wrap:wrap;gap:4px}.variant-info{background:var(--color-bg-secondary);border-radius:4px;color:var(--color-text);font-size:12px;padding:2px 6px}.order-weight{color:var(--color-text);font-size:13px;font-weight:600;margin:0}.order-date{color:var(--color-text-muted);font-size:12px;margin:0}.status-badge{align-items:center;align-self:flex-start;display:inline-flex;font-size:11px;font-weight:600;margin-top:4px;padding:4px 10px;text-transform:uppercase}.status-processing{background:#dbeafe;color:#1e40af}.orders-header{display:flex;justify-content:flex-end;margin-bottom:12px}.orders-header div{color:var(--color-text-muted);font-size:14px;font-weight:500;margin:0}.empty-state{padding:32px 16px}.debug-info,.empty-state{color:var(--color-text-muted)}.debug-info{font-size:12px;margin-top:8px}.error-state,.loading-state{padding:32px 16px;text-align:center}.error{margin-bottom:12px}.retry-btn{background:var(--color-primary);border:none;border-radius:6px;color:#fff}@media (max-width:480px){.processing-orders-container{gap:8px;grid-template-columns:1fr;padding:12px}.order-card{flex-direction:column}.order-image{min-height:180px;width:100%}.order-info{padding:12px 8px}.order-date,.order-name,.order-specification,.order-weight{font-size:12px}.status-badge{align-self:flex-start}.processing-orders-container{gap:8px;grid-template-columns:1fr;padding:12px}.order-card{flex-direction:column}.order-image{min-height:180px;width:100%}.order-info{padding:12px 8px}}@media (min-width:768px){.processing-orders-container{grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px;padding:24px}}@media (min-width:1024px){.processing-orders-container{grid-template-columns:repeat(3,1fr);max-width:1200px}}.profile-page{margin:0 auto;max-width:960px;padding:16px}.profile-hero-card{border-radius:16px;box-shadow:0 10px 25px -5px #0f172a4d;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding:24px}.profile-hero-card,.profile-hero-left{align-items:center;display:flex;gap:16px}.profile-avatar-circle{align-items:center;background:linear-gradient(135deg,#d4af37,#f59e0b);border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #f59e0b4d;color:#fff;display:flex;font-size:1.75rem;font-weight:800;height:72px;justify-content:center;overflow:hidden;width:72px}.profile-avatar-img{height:100%;object-fit:cover;width:100%}.profile-hero-info{display:flex;flex-direction:column;gap:4px}.profile-org-name{font-size:1.35rem;font-weight:800;margin:0}.profile-hero-sub{align-items:center;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px}.profile-buyer-id-badge{border:1px solid #d4af3766;border-radius:6px;font-family:monospace;font-weight:700;padding:2px 8px}.profile-edit-btn{align-items:center;background:#d4af37;border:none;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:8px;padding:10px 18px;transition:all .2s ease}.profile-edit-btn:hover{background:#f59e0b;transform:translateY(-1px)}.profile-save-btn{background:#10b981;color:#fff}.profile-save-btn:hover{background:#059669}.profile-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:24px}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000a;padding:20px}.dark .profile-card{background:var(--color-bg);border-color:#334155}.profile-card-header{align-items:center;border-bottom:1px solid #f1f5f9;color:#0f172a;display:flex;font-size:1.05rem;font-weight:700;gap:10px;margin-bottom:16px;padding-bottom:12px}.dark .profile-card-header{border-bottom-color:#334155;color:#f8fafc}.profile-card-icon{color:#d4af37}.profile-field-list{display:flex;flex-direction:column;gap:14px}.profile-field-item{display:flex;flex-direction:column;gap:2px}.profile-field-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dark .profile-field-label{color:#94a3b8}.profile-field-value{color:#1e293b;font-size:.95rem;font-weight:600}.dark .profile-field-value{color:#f1f5f9}.profile-field-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:.9rem;outline:none;padding:8px 12px;transition:border .15s;width:100%}.dark .profile-field-input{background:#0f172a;border-color:#475569;color:#f8fafc}.profile-field-input:focus{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733}.profile-person-card{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:10px;padding:12px 14px}.dark .profile-person-card{background:#0f172a;border-color:#334155}.profile-person-avatar{align-items:center;background:#e2e8f0;border-radius:50%;color:#334155;display:flex;flex-shrink:0;font-weight:700;height:42px;justify-content:center;overflow:hidden;width:42px}.dark .profile-person-avatar{background:#334155;color:#f8fafc}.profile-person-info{flex:1 1}.profile-person-name{color:#0f172a;font-size:.9rem;font-weight:700}.dark .profile-person-name{color:#f8fafc}.profile-person-sub{color:#64748b;font-size:.8rem;margin-top:2px}.dark .profile-person-sub{color:#94a3b8}@media (max-width:480px){.profile-page{padding:12px}.profile-hero-card{align-items:flex-start;flex-direction:column;padding:16px}.profile-hero-left{gap:12px}.profile-avatar-circle{font-size:1.4rem;height:56px;width:56px}.profile-org-name{font-size:1.15rem}.profile-grid{grid-template-columns:1fr}.profile-card{padding:16px}.profile-card-header{font-size:.95rem}.profile-edit-btn{font-size:.85rem;padding:8px 14px}.profile-segments-container{gap:8px}.profile-segment-pill{padding:8px 12px}}@media (min-width:768px){.profile-hero-card{align-items:center;flex-direction:row}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width:1024px){.profile-page{padding:24px}.profile-grid{grid-template-columns:repeat(2,1fr)}}.profile-segments-container{display:flex;flex-wrap:wrap;gap:10px}.profile-segment-pill{background:#fffbe6;border:1px solid #ffe58f;border-radius:10px;color:#d48806;display:flex;flex-direction:column;gap:4px;padding:10px 14px}.dark .profile-segment-pill{background:#2b2111;border-color:#594214;color:#ffd666}.profile-segment-title{font-size:.9rem;font-weight:700;text-transform:capitalize}.profile-segment-operator{font-family:monospace;font-size:.775rem;opacity:.85}.live-rates-page{padding:16px}.live-rates{background:var(--color-bg);border-radius:12px;box-shadow:var(--shadow-card);margin-bottom:16px;padding:12px}.live-rates__header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.live-rates__header-left{display:flex;flex-direction:column;gap:2px}.live-rates__title{color:var(--color-text);font-size:1.25rem;font-weight:700;margin:0}.live-rates__market{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.live-rates__status{display:flex;justify-content:space-between;width:100%}.live-rates__badge{animation:pulse 2s infinite;color:#059669;font-size:10px;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.live-rates__updated{color:var(--color-text-muted);font-size:8px}.live-rates__updated .error{color:#dc2626;font-weight:600}.live-rates__loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--brand-primary);height:32px;width:32px}.live-rates__loading p{color:var(--color-text-secondary);font-size:10px}.live-rates__table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:8px}.live-rates__table{background:var(--color-bg);border-collapse:collapse;width:100%}.live-rates__table td,.live-rates__table th{border-bottom:1px solid var(--color-border);padding:4px 8px;text-align:left;white-space:nowrap}.live-rates__table th small,.table-rate-cell small{color:var(--color-text-muted);font-size:9px;font-weight:600;margin-left:2px}.live-rates__table th{color:var(--color-text-secondary);font-size:9px;font-weight:700;letter-spacing:.03em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.live-rates__table tbody tr{transition:background .2s}.live-rates__table tbody tr:last-child td{border-bottom:none}.table-metal-name{font-size:10px;font-weight:600;min-width:56px}.table-rate-cell{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.rate-value{align-items:center;display:inline-flex;font-size:10px;font-weight:600;gap:2px}.rate-value.up{color:#059669}.rate-value.down{color:#dc2626}.rate-value svg{flex-shrink:0}.change-badge{border-radius:6px;display:inline-flex;flex-direction:column;flex-shrink:0;font-size:9px;font-weight:600;gap:3px;margin-top:2px;padding:4px 6px;white-space:normal}.change-badge.positive{background:#10b9811f;color:#059669}.change-badge.negative{background:#ef44441f;color:#dc2626}.change-badge-header{align-items:center;display:flex;gap:2px}.change-amount{font-weight:700}.change-pct{font-weight:600;opacity:.9}.change-rates{border-top:1px solid;font-size:8px;margin-top:2px;opacity:.75;padding-top:2px}.change-badge svg{flex-shrink:0}.rate-cell-display{align-items:flex-start;display:flex;flex-direction:column;gap:5px}.rate-main-value{align-items:baseline;color:#1f2937;color:var(--color-text,#1f2937);display:flex;font-size:17px;font-weight:700;gap:4px}.rate-unit{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:13px;font-weight:600}.rate-constraint-tag{color:#f59e0b;font-size:11px;font-weight:600;margin-left:4px}.rate-change-row{align-items:center;display:flex;gap:10px}.rate-change-amount{font-size:13px;font-weight:600;line-height:1}.rate-change-amount.positive{color:#10b981}.rate-change-amount.negative{color:#ef4444}.rate-change-pill{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;line-height:1;white-space:nowrap}.rate-change-pill.positive{background:#10b9812e;color:#10b981}.rate-change-pill.negative{background:#ef44442e;color:#ef4444}.rate-change-icon{flex-shrink:0}.th-metal{min-width:80px;width:100px}.th-rate{padding:10px 8px!important;text-align:center}.th-label{font-size:.7rem;font-weight:700;margin-bottom:2px}.th-unit{font-size:.65rem;font-weight:500;opacity:.7}.th-rate--sale .th-label{color:#10b981}.th-rate--purchase .th-label{color:#3b82f6}.td-metal{font-size:.85rem;font-weight:600}.td-rate{padding:12px 8px!important;text-align:center}.metal-row{transition:background .2s ease}.metal-row:hover{background:#8a6b320d}@media (max-width:768px){.td-rate,.th-rate{padding:8px 4px!important}.rate-cell-display{gap:4px}.rate-main-value{font-size:15px}.rate-change-row{gap:6px}.rate-change-amount,.rate-change-pill{font-size:11px}}@media (max-width:560px){.th-label{font-size:.6rem}.th-unit{display:none}.rate-main-value{font-size:13px}.rate-unit{font-size:10px}.rate-constraint-tag{font-size:9px}}.open-market-request-container{margin:0 auto;max-width:1200px}.alert-message{align-items:center;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem}.alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.alert-success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.alert-info{background-color:#dbeafe;border:1px solid #bfdbfe;color:#2563eb}.alert-content{align-items:center;display:flex;flex:1 1;gap:.5rem}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.7}.alert-close:hover{opacity:1}.radio-group{background:#f3f4f6;border-radius:8px;gap:1rem;margin-bottom:1.5rem;padding:.5rem}.radio-option{flex:1 1;position:relative}.radio-option input[type=radio]{opacity:0;position:absolute}.radio-option label{background:#0000;border-radius:6px;color:#6b7280;cursor:pointer;display:block;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .2s ease}.radio-option input[type=radio]:checked+label{background:#c49b27;box-shadow:0 2px 4px #c49b274d;color:#fff}.section{border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:10px}.section-title{align-items:center;color:#111827;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.form-grid-3{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.form-grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.Sizeform-group{margin-bottom:1rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#c49b27;box-shadow:0 0 0 3px #c49b271a;outline:none}.form-input-readonly{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-textarea{min-height:80px;resize:vertical}.select-wrapper{position:relative}.form-select{-webkit-appearance:none;appearance:none;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.95rem;padding:.625rem 2.5rem .625rem .875rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-select:focus{border-color:#c49b27;box-shadow:0 0 0 3px #c49b271a;outline:none}.form-select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.select-icon{color:#6b7280;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.radio-group{gap:1.5rem}.radio-group,.radio-item{align-items:center;display:flex}.radio-item{cursor:pointer;gap:.5rem}.radio-input{display:none}.radio-label{color:#374151;cursor:pointer;font-size:.95rem}.budget-inputs{align-items:center;display:flex;gap:.5rem}.budget-inputs .form-input{flex:1 1}.budget-separator{color:#6b7280;font-weight:500}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{color:#374151;cursor:pointer;font-size:.95rem;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#c49b27;height:1.125rem;width:1.125rem}.upload-area{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;padding:2rem;text-align:center;transition:border-color .2s,background .2s}.upload-area:hover{background:#fffdf7;border-color:#c49b27}.upload-icon-container{display:flex;justify-content:center}.upload-icon{color:#c49b27;height:3rem;width:3rem}.upload-text{color:#6b7280;font-size:.95rem;margin-bottom:1rem}.upload-input{display:none}.upload-button{background:#c49b27;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:.625rem 1.5rem;transition:background .2s}.upload-button:hover{background:#a88220}.upload-button.loading{cursor:not-allowed;opacity:.7}.image-upload-container{margin-bottom:1.5rem}.main-image-container{background:#f3f4f6;border-radius:12px;height:400px;margin-bottom:1rem;overflow:hidden;width:100%}.main-image{height:100%;object-fit:contain;width:100%}.thumbnail-grid{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.thumbnail-container{border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;position:relative;transition:border-color .2s;width:80px}.thumbnail-container.active{border-color:#c49b27}.thumbnail-image{height:100%;object-fit:cover;width:100%}.remove-thumbnail-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:4px;top:4px;width:20px}.remove-thumbnail-btn:hover{background:#dc2626cc}.productDetails{justify-content:space-between;margin-bottom:1rem}.productDetails,.toggle-switch-wrapper{align-items:center;display:flex}.toggle-switch{height:36px;width:140px}.toggle-slider{align-items:center;background-color:#e5e7eb;border-radius:36px;bottom:0;cursor:pointer;display:flex;justify-content:space-between;left:0;padding:0 8px;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;box-shadow:0 2px 4px #0003;height:28px;transition:.3s;width:60px}.toggle-text{color:#6b7280;font-size:.75rem;font-weight:600;transition:color .3s;z-index:1}.toggle-switch input:checked+.toggle-slider{background-color:#c49b27}.toggle-switch input:checked+.toggle-slider .toggle-text{color:#fff}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(68px)}.lot-summary{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;margin-top:1rem;padding:1rem;transition:border-color .2s}.lot-summary:hover{border-color:#c49b27}.lot-preview{margin-top:.75rem}.lot-preview-table{overflow-x:auto}.lot-table{border-collapse:collapse}.lot-table td,.lot-table th{border-bottom:1px solid #e5e7eb;padding:3px;text-align:left}.lot-table th{color:#374151}.lot-table tfoot td,.lot-table th{font-weight:600}.totals-row{border-top:2px solid #d1d5db}.click-to-edit{color:#c49b27;font-size:.75rem;margin-top:.5rem;text-align:right}.submit-button{background:#c49b27;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:.875rem;text-align:center;transition:background .2s,opacity .2s;width:100%}.submit-button:hover:not(:disabled){background:#a88220}.submit-button:disabled{cursor:not-allowed;opacity:.6}.lot-drawer-overlay{align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.lot-drawer{animation:slideUp .3s ease;background:var(--color-bg);border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.drawer-header h3{font-size:1.125rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:6px;color:#6b7280;font-size:1.75rem;height:32px;line-height:1;padding:0;width:32px}.close-btn:hover{background:#f3f4f6;color:#111827}.drawer-body{flex:1 1;overflow-y:auto}.om-lot-size-section{display:flex;flex-direction:column;gap:1rem;padding:.25rem}.om-lot-size-row{align-items:flex-start;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:.75rem;padding:1rem;position:relative;transition:border-color .2s,box-shadow .2s}.om-lot-size-row:focus-within{border-color:#c49b27;box-shadow:0 0 0 3px #c49b271a}.om-lot-size-grid{grid-gap:.75rem 1rem;display:grid;flex:1 1;gap:.75rem 1rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto)}.om-lot-size-cell{display:flex;flex-direction:column;gap:.35rem;min-width:0}.om-lot-size-label{color:#374151;font-size:.8rem;font-weight:500;letter-spacing:.01em}.om-lot-size-input,.om-lot-size-select{border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:.95rem;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s;width:100%}.om-lot-size-select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:2.5rem}.om-lot-select-wrap{position:relative}.om-lot-select-icon{color:#6b7280;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.om-lot-size-input:focus,.om-lot-size-select:focus{border-color:#c49b27;box-shadow:0 0 0 3px #c49b271f;outline:none}.om-lot-remove-btn{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:32px;justify-content:center;line-height:1;transition:background .2s;width:32px}.om-lot-remove-btn:hover{background:#fecaca}.om-lot-add-btn{align-self:flex-start;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s}.om-lot-add-btn:hover:not(:disabled){background:#e5e7eb;border-color:#c49b27;color:#c49b27}.om-lot-add-btn:disabled{cursor:not-allowed;opacity:.5}.duplicate-highlight{animation:highlightPulse 2s ease}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 0 #dc262600}50%{box-shadow:0 0 0 4px #dc26264d}}.drawer-footer{border-top:1px solid #e5e7eb;display:flex;gap:1rem;padding:1rem 1.5rem}.cancel-btn{border:1px solid #d1d5db;border-radius:6px;color:#374151;flex:1 1;font-weight:500;padding:.75rem;transition:all .2s}.cancel-btn:hover{background:#f3f4f6}.save-btn{background:#c49b27;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:.75rem;transition:background .2s}.save-btn:hover:not(:disabled){background:#a88220}.save-btn:disabled{cursor:not-allowed;opacity:.6}.page-header{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:var(--color-bg);border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;height:56px;height:calc(var(--toolbar-height, 56px) + var(--safe-area-top, 0px));left:0;max-width:100%;padding-top:0;padding-top:var(--safe-area-top,0);position:-webkit-sticky;position:sticky;right:0;top:0;transition:background-color .2s ease,border-color .2s ease;width:100%;will-change:auto;z-index:1000}@media (min-width:1024px){.page-header{height:64px;height:calc(var(--toolbar-height, 64px) + var(--safe-area-top, 0px));left:0;max-width:100%;width:100%}}.pageheader-content{align-items:center;box-sizing:border-box;display:flex;height:56px;height:var(--toolbar-height,56px);margin:0 auto;max-width:1280px;min-height:56px;min-height:var(--toolbar-height,56px);padding:0 16px;padding:0 var(--toolbar-padding-h,16px);width:100%}.pageheader-left{flex:1 1;gap:8px;min-width:0}.back-button,.pageheader-left{align-items:center;display:flex}.back-button{background:none;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:48px;justify-content:center;min-height:48px;min-width:48px;padding:0;transition:background-color .15s ease;width:48px}.back-button:focus-visible,.back-button:hover{background-color:#0000000f;outline:none}.back-button:active{background-color:#0000001f}.pageheader-title{flex:1 1;font-size:1rem;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}@media (min-width:600px){.page-header{height:64px;height:calc(var(--toolbar-height, 64px) + var(--safe-area-top, 0px))}.pageheader-content{height:64px;height:var(--toolbar-height,64px);max-width:960px;min-height:64px;min-height:var(--toolbar-height,64px)}}@media (orientation:landscape) and (max-height:480px){.page-header{height:48px;height:calc(48px + var(--safe-area-top, 0px))}.pageheader-content{height:48px;min-height:48px}}@media (max-width:359px){.pageheader-title{font-size:.875rem}.back-button{height:40px;min-height:40px;min-width:40px;width:40px}}@media (min-width:1024px){.pageheader-content{max-width:1200px}}.open-market-final-container{margin:0 auto;max-width:1200px;padding:1rem}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.request-id{color:#111827;font-family:monospace;font-weight:600}.request-details{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.request-details p{color:#374151;font-size:.95rem;margin:0}.empty-state{color:#6b7280;padding:3rem}.status-badge{border-radius:9999px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status-yellow{background:#fef3c7;color:#92400e}.status-green{background:#d1fae5;color:#065f46}.status-blue{background:#dbeafe;color:#1e40af}.status-gray{background:#f3f4f6;color:#6b7280}.openmarket-status-container{max-width:100%;min-height:80vh;padding:16px 12px}.status-count{background:var(--color-border);border-radius:20px;color:var(--color-text);font-size:14px;font-weight:700;margin-left:auto;padding:4px 12px}.openmarket-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.openmarket-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:transform .2s,box-shadow .2s}.openmarket-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.openmarket-image{cursor:pointer;height:160px;overflow:hidden;position:relative;width:100%}.openmarket-image img{height:100%;object-fit:fill;transition:transform .3s;width:100%}.openmarket-card:hover .openmarket-image img{transform:scale(1.05)}.status-badge-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px}.status-badge-overlay.blue{background:#3b82f6e6}.status-badge-overlay.green{background:#22c55ee6}.status-badge-overlay.red{background:#ef4444e6}.openmarket-info{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.product-spec{font-size:9px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.product-name{line-height:1.2;margin:0}.lot-summary{color:var(--color-text-muted);font-size:10px;line-height:1.3;margin-top:2px}.product-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.product-meta span{background:var(--color-border);border-radius:4px;color:var(--color-text-muted);font-size:10px;padding:2px 6px}.action-buttons{display:flex;gap:8px;margin-top:8px}.approve-btn,.reject-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:8px;transition:opacity .2s}.approve-btn{background:#22c55e;color:#fff}.approve-btn:disabled{cursor:not-allowed;opacity:.6}.reject-btn{background:#ef4444;color:#fff}.reject-btn:disabled{cursor:not-allowed;opacity:.6}.empty-state,.error-state,.loading-state{color:var(--color-text-muted);padding:40px 20px;text-align:center}.error{color:#ef4444}.retry-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-size:14px;margin-top:12px;padding:8px 16px}.retry-btn:hover{background:var(--color-border)}.liked-products-container{background:var(--color-bg-secondary);box-sizing:border-box;min-height:100vh;padding:10px}.liked-products-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width:480px){.liked-products-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.liked-products-grid{grid-template-columns:repeat(3,1fr)}}.liked-product-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;position:relative}.like-actions-top-right{position:absolute;right:0;top:0;z-index:10}.liked-product-card .product-image{background:var(--color-bg-secondary);cursor:pointer;height:140px;overflow:hidden}.liked-product-card .product-image img{height:100%;object-fit:fill;width:100%}.liked-product-card .image-placeholder{align-items:center;color:var(--color-text-muted);display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.liked-product-card .product-info{cursor:pointer;flex:1 1;padding:8px}.product-name{color:var(--color-text);font-size:12px;font-weight:600;margin:0 0 4px}.product-spec{margin:0 0 2px}.product-spec,.product-weight{color:var(--color-text-muted);font-size:11px}.product-weight{margin:0}.remove-like-btn{font-size:16px}.like-icon,.remove-like-btn{background:none;border:none;cursor:pointer;flex-shrink:0;padding:4px}.like-icon{color:var(--color-text-muted);font-size:18px}.like-icon:hover{color:var(--brand-primary)}.empty-state{padding:40px 20px;text-align:center}.empty-state p{color:var(--color-text-muted);font-size:16px;margin-bottom:16px}.browse-btn{background:var(--brand-primary);border:none;border-radius:8px;color:var(--color-white);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.error-message,.loading-text{color:var(--color-text-muted);font-size:14px;padding:24px;text-align:center}.error-message{color:var(--color-error)}@media (min-width:1024px){.liked-products-container{padding:24px}.catalog-grid,.liked-products-grid{gap:20px;grid-template-columns:repeat(4,1fr)}.empty-state{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;margin:40px auto;max-width:600px;padding:80px 20px}.browse-btn{transition:all .2s ease}.browse-btn:hover{box-shadow:0 4px 14px #d4af374d;transform:translateY(-2px)}}@media (min-width:1440px){.catalog-grid,.liked-products-grid{gap:24px;grid-template-columns:repeat(5,1fr)}}.pg-section{margin-bottom:2rem}.pg-header{margin-bottom:.75rem}.pg-header h2{color:var(--color-text);font-size:1rem;font-weight:700;margin:0 0 2px}.pg-header p{color:var(--color-text-muted);font-size:.78rem;margin:0}.pg-row{-webkit-overflow-scrolling:touch;display:flex;gap:14px;overflow-x:auto;padding:6px 2px 14px;scroll-behavior:smooth;scrollbar-color:var(--color-border) #0000;scrollbar-width:thin}.pg-row::-webkit-scrollbar{height:4px}.pg-row::-webkit-scrollbar-track{background:#0000}.pg-row::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.pg-card{background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:12px;cursor:pointer;flex:0 0 260px;outline:none;overflow:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;-webkit-user-select:none;user-select:none}.pg-card:focus-visible,.pg-card:hover{border-color:#d4af37;border-color:var(--brand-primary,#d4af37);box-shadow:0 10px 28px #00000024;transform:translateY(-5px)}.pg-saved-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--color-bg,#fff);height:9px;pointer-events:none;position:absolute;right:8px;top:8px;width:9px;z-index:10}.pg-preview{background:var(--color-bg-secondary);flex-shrink:0;height:347px;overflow:hidden;position:relative;width:100%}.pg-scaler{left:0;top:0;transform:scale(.619);transform-origin:top left;width:420px}.pg-overlay,.pg-scaler{pointer-events:none;position:absolute}.pg-overlay{align-items:center;background:#0000;display:flex;inset:0;justify-content:center;transition:background .22s ease}.pg-card:focus-visible .pg-overlay,.pg-card:hover .pg-overlay{background:#00000059}.pg-edit-pill{align-items:center;background:#fffffff5;border-radius:24px;box-shadow:0 3px 12px #00000038;color:#0f172a;display:flex;font-size:.78rem;font-weight:700;gap:6px;opacity:0;padding:8px 18px;transform:scale(.85);transition:opacity .22s ease,transform .22s ease}.pg-card:focus-visible .pg-edit-pill,.pg-card:hover .pg-edit-pill{opacity:1;transform:scale(1)}@media (min-width:480px){.pg-card{flex:0 0 300px}.pg-preview{height:400px}.pg-scaler{transform:scale(.714)}}@media (min-width:768px){.pg-card{flex:0 0 340px}.pg-preview{height:453px}.pg-scaler{transform:scale(.809)}}@media (min-width:1024px){.pg-card{flex:0 0 380px}.pg-preview{height:506px}.pg-scaler{transform:scale(.904)}}.pg-theme-badge{align-items:center;animation:slideInDown .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#d4af37f2,#f59e0bf2);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 12px #d4af374d;color:#000;display:flex;font-size:.7rem;font-weight:700;gap:6px;left:8px;max-width:calc(100% - 16px);overflow:hidden;padding:6px 12px;position:absolute;text-overflow:ellipsis;text-transform:capitalize;top:8px;white-space:nowrap;z-index:10}.badge-icon{display:inline-flex;font-size:.85rem}.badge-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.pg-theme-badge{font-size:.65rem;left:6px;padding:5px 10px;top:6px}.badge-text{max-width:100px}}.settings-page{background:var(--color-bg-secondary);min-height:100vh;padding:var(--space-4)}.settings-header{margin-bottom:var(--space-3);padding:0 0 var(--space-4) 0}.settings-header h1{color:var(--color-text);font-size:1.5rem;font-weight:700;margin:0 0 4px}.settings-header p{color:var(--color-text-secondary);font-size:.85rem;margin:0}.settings-content{display:flex;flex-direction:column;gap:var(--space-4)}.settings-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4)}.settings-section h2{color:var(--color-text);font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-3) 0}.theme-switcher-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);transition:var(--transition-fast)}.theme-switcher-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md)}.theme-switcher-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}@media (min-width:768px){.theme-switcher-card{align-items:center;flex-direction:row;justify-content:space-between}.theme-switcher-header{flex:1 1}}.theme-switcher-info{align-items:center;display:flex;gap:var(--space-3)}.theme-switcher-icon{color:var(--brand-primary);font-size:1.5rem}.theme-switcher-text h3{color:var(--color-text);font-size:.95rem;font-weight:600;margin:0 0 2px}.theme-switcher-text p{color:var(--color-text-secondary);font-size:.75rem;margin:0}.theme-toggle-group{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-1);padding:4px}.theme-toggle-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;min-width:80px;padding:8px 16px;transition:var(--transition-fast)}.theme-toggle-btn:hover{color:var(--color-text)}.theme-toggle-btn.active{background:var(--brand-primary);color:var(--color-white)}.theme-switcher-status-line{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.theme-switcher-hint{color:var(--color-text-secondary);font-size:.75rem}.retail-mode-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);transition:var(--transition-fast)}.retail-mode-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md)}.retail-mode-card-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}@media (min-width:768px){.retail-mode-card{align-items:center;flex-direction:row;justify-content:space-between}.retail-mode-card-header{flex:1 1}}.retail-mode-info{align-items:center;display:flex;gap:var(--space-3)}.retail-mode-icon{color:var(--brand-primary);font-size:1.5rem}.retail-mode-text h3{color:var(--color-text);font-size:.95rem;font-weight:600;margin:0 0 2px}.retail-mode-text p{color:var(--color-text-secondary);font-size:.75rem;margin:0}.retail-mode-toggle{align-items:center;display:flex;gap:var(--space-2);margin-top:var(--space-1)}.retail-mode-label{color:var(--color-text-secondary);font-size:.7rem;font-weight:600}.retail-mode-label.active{color:var(--brand-primary)}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:var(--color-border);border-radius:26px;box-shadow:inset 0 2px 4px #0000001a;inset:0;position:absolute;transition:background .2s}.toggle-slider:before{background:var(--color-bg);border-radius:50%;bottom:4px;box-shadow:0 1px 2px #0000001a;content:"";height:18px;left:4px;position:absolute;transition:transform .2s;width:18px}.toggle-switch input:checked+.toggle-slider{background:var(--brand-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.retail-mode-details{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2)}.retail-mode-status{color:var(--color-text-secondary);font-size:.8rem}.retail-mode-status,.status-indicator{align-items:center;display:flex;gap:var(--space-1)}.status-indicator .status-dot{background:var(--color-border);border-radius:50%;height:8px;width:8px}.status-on{color:var(--color-success);font-weight:600}.status-off{font-weight:600}.retail-mode-hint,.status-off{color:var(--color-text-secondary)}.retail-mode-hint{align-items:center;display:flex;font-size:.75rem;gap:4px}.metals-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:var(--space-2) 0}.metal-card{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:row;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.metal-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metal-name{color:var(--color-text);flex:0 0 auto;font-size:.85rem;font-weight:600;min-width:70px}.metal-input-wrap{flex:1 1;min-width:0}.input-suffix{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.metal-card .field-error{color:var(--color-error);flex:0 0 100%;font-size:.7rem;margin-top:0}.metal-input-controls{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-width:0}.metal-input-wrap{align-items:center;display:flex;gap:var(--space-1);position:relative;width:100%}.input-step-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:28px;justify-content:center;transition:var(--transition-fast);width:28px}.input-step-btn:hover:not(:disabled){background:var(--brand-primary);border-color:var(--brand-primary);color:var(--color-white)}.input-step-btn:disabled{cursor:not-allowed;opacity:.4}.input-step-btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.input-step-btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.input-step-btn:not(:first-child):not(:last-child){border-radius:0;margin:0 -1px}.input-step-btn:first-child:last-child{border-radius:var(--radius-sm)}.metal-input-wrap .form-input,.metal-input-wrap .percentage-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.85rem;outline:none;padding:6px 28px 6px 10px;text-align:center;transition:border-color var(--transition-fast);width:100%}.metal-input-wrap .form-input:focus,.metal-input-wrap .percentage-input:focus{border-color:var(--brand-primary)}.metal-input-wrap .form-input::-webkit-inner-spin-button,.metal-input-wrap .form-input::-webkit-outer-spin-button,.metal-input-wrap .percentage-input::-webkit-inner-spin-button,.metal-input-wrap .percentage-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.metal-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.metal-chip{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;padding:3px 8px;transition:var(--transition-fast)}.metal-chip:hover:not(:disabled):not(.active){background:var(--brand-primary-100);border-color:var(--brand-primary);color:var(--brand-primary)}.metal-chip.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--color-white);font-weight:600}.metal-chip:disabled{cursor:not-allowed;opacity:.4;text-decoration:line-through}.settings-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.btn-share-apng,.btn-share-png{border:none;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;min-width:0;padding:10px 12px;text-align:center;transition:var(--transition-fast)}.btn-share-png{background:var(--brand-primary);color:var(--color-white)}.btn-share-png:hover{background:var(--brand-primary-600)}.btn-share-apng{background:var(--color-primary);color:var(--color-white)}.btn-share-apng:hover{background:var(--color-primary-dark)}@media (min-width:480px){.settings-actions{flex:0 0 auto}.btn-share-apng,.btn-share-png{flex:0 0 120px}}.rcm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:var(--space-3);position:fixed;z-index:1000}.rcm-modal{animation:modal-pop .2s ease-out;background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:360px;overflow:hidden;width:100%}.rcm-modal-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4)}.rcm-modal-header h3{color:var(--color-text);font-size:1rem;font-weight:600;margin:0}.rcm-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;transition:background .2s;width:28px}.rcm-modal-close:hover{background:var(--color-border);color:var(--color-text)}.rcm-modal-body{padding:var(--space-4)}.rcm-modal-subtitle{color:var(--color-text-secondary);font-size:.85rem;margin:0 0 var(--space-4) 0;text-align:center}.rcm-passkey-inputs{display:flex;gap:6px;justify-content:center;margin-bottom:var(--space-3)}.rcm-passkey-input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1.25rem;font-weight:700;height:44px;outline:none;text-align:center;transition:all .2s;width:36px}.rcm-passkey-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #d4af3733}.rcm-passkey-error{color:var(--color-error);font-size:.75rem;font-weight:500;margin:0 0 var(--space-3) 0;text-align:center}.rcm-passkey-actions{display:flex;gap:var(--space-2);justify-content:center}.rcm-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;min-width:80px;padding:8px 16px;transition:var(--transition-fast)}.rcm-btn-cancel{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.rcm-btn-cancel:hover{background:var(--color-border)}.rcm-btn-verify{background:var(--color-error);color:var(--color-white)}.rcm-btn-verify:hover{background:#ef4444}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.material-cards-showcase{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:var(--space-4) 0}.material-card-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.material-card-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.material-card-preview{background:var(--color-bg);display:flex;flex:1 1;flex-direction:column;padding:var(--space-3)}.material-card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-2);padding:var(--space-2) 0}.material-card-icon{font-size:1.5rem}.material-card-name{color:var(--color-text);flex:1 1;font-size:1rem;font-weight:600}.material-card-body{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);padding:var(--space-2) 0}.material-card-metals{font-size:.9rem;font-weight:600}.material-card-details{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.8rem;gap:2px}.material-card-controls{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-3)}.material-adjust-label{color:var(--color-text);display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--space-1)}.material-range-input-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1)}.material-input-step-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.material-input-step-btn:hover:not(:disabled){background:var(--brand-primary);border-color:var(--brand-primary);color:var(--color-white)}.material-input-step-btn:disabled{cursor:not-allowed;opacity:.5}.material-form-input,.material-percentage-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);flex:1 1;font-size:.85rem;min-width:80px;outline:none;padding:var(--space-1);text-align:center;transition:border-color var(--transition-fast)}.material-form-input:focus,.material-percentage-input:focus{border-color:var(--brand-primary)}.material-input-suffix{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;margin-left:4px}.material-cards-summary{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-4);padding:var(--space-4);text-align:center}.material-btn-primary{background:var(--brand-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:var(--space-3);transition:var(--transition-fast);width:100%}.material-btn-primary:hover{background:var(--brand-primary-600)}@media (min-width:768px){.material-cards-showcase{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.material-card-preview{align-items:center;flex-direction:row}.material-card-header{flex:0 0 auto;margin-bottom:var(--space-2)}.material-card-body{flex:1 1}.material-card-controls{padding:var(--space-4)}.material-cards-summary{align-items:center;display:flex;justify-content:space-between}.material-btn-primary{padding:var(--space-2) var(--space-4);width:auto}}.metal-cards-swiper{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-1) 0}.metal-card-compact{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:var(--space-2) var(--space-3);transition:var(--transition-fast)}.metal-card-compact:hover{background:var(--color-bg-secondary);border-color:var(--brand-primary)}.metal-card-row{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--space-2);justify-content:space-between}.metal-card-row .metal-icon-circle{height:32px;width:32px}.metal-card-row .metal-icon{font-size:1rem}.metal-card-row .metal-name{color:var(--color-text);flex:0 0 auto;font-size:.9rem;font-weight:600;min-width:70px}.metal-inline-controls{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:4px;justify-content:flex-end;min-width:0}.metal-inline-controls .input-step-btn{font-size:1rem;height:26px;width:26px}.metal-inline-controls .percentage-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.85rem;font-weight:600;outline:none;padding:4px;text-align:center;width:56px}.metal-inline-controls .percentage-input:focus{border-color:var(--brand-primary)}.metal-inline-controls .input-suffix{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;margin-left:2px;position:static;transform:none}.metal-chips-row{display:flex;flex-wrap:wrap;gap:4px;margin:5px;padding-left:44px}.metal-chips-row .metal-chip{font-size:.72rem;min-width:38px;padding:3px 8px;text-align:center}.field-error{color:var(--color-error);font-size:.7rem;margin-top:var(--space-1);text-align:center}.carddemo-cards-swiper{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-3);margin:0 calc(var(--space-1)*-1);overflow-x:auto;padding:var(--space-2) var(--space-1) var(--space-3) var(--space-1);scroll-snap-type:x mandatory;scrollbar-color:var(--color-border) #0000;scrollbar-width:thin}.carddemo-cards-swiper::-webkit-scrollbar{height:6px}.carddemo-cards-swiper::-webkit-scrollbar-track{background:#0000}.carddemo-cards-swiper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.carddemo-card-item{cursor:pointer;flex:0 0 200px;scroll-snap-align:start;transition:transform var(--transition-fast)}.carddemo-card-item:hover{transform:translateY(-4px)}.carddemo-card-preview{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}.carddemo-card-image{background:var(--color-bg-secondary);height:160px;object-fit:cover;width:100%}.carddemo-card-info{display:flex;flex-direction:column;gap:4px;padding:var(--space-2)}.carddemo-segment-badge{align-self:flex-start;background:var(--brand-primary-100);border-radius:var(--radius-sm);color:var(--brand-primary);font-size:.65rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-1);padding:2px 6px;text-transform:uppercase}.carddemo-product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-size:.8rem;font-weight:600;margin-bottom:var(--space-1);overflow:hidden}.carddemo-product-price{color:var(--color-success);font-size:.85rem;font-weight:700}@media (min-width:768px){.carddemo-card-item{flex:0 0 240px}.carddemo-cards-swiper{flex-wrap:nowrap}}.card-preview-section{margin:var(--space-3) 0}.card-preview-wrapper{display:flex;justify-content:center;margin:var(--space-3) auto;max-width:320px}.share-card-preview{border:2px solid var(--color-border);box-shadow:var(--shadow-xl);min-height:400px;width:100%}.card-product-image{aspect-ratio:1;background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden;position:relative;width:100%}.product-image-preview{height:100%;object-fit:cover;width:100%}.product-image-placeholder{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-2);height:100%;justify-content:center;padding:var(--space-4);text-align:center;width:100%}.product-image-placeholder img{height:48px;opacity:.5;width:48px}.card-product-info{padding:0 var(--space-2)}.card-logo{border:2px solid var(--color-border);border-radius:50%;height:60px;margin:0 auto var(--space-2);overflow:hidden;width:60px}.logo-img{height:100%;object-fit:cover;width:100%}.card-store-name{color:var(--color-text);font-size:1.1rem;font-weight:700;margin-bottom:var(--space-2);text-align:center}.card-product-name{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;margin-bottom:var(--space-3);padding-bottom:var(--space-2);text-align:center}.card-product-details{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.detail-item{color:var(--color-text-secondary);font-size:.8rem;padding:var(--space-1) 0}.detail-item:before{color:var(--brand-primary);content:"• ";font-weight:700}.card-metal-distribution{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;font-size:.7rem;gap:var(--space-1);justify-content:center;margin-bottom:var(--space-3);padding-top:var(--space-2)}.card-metal-distribution span:first-child{color:var(--color-text);font-weight:600;margin-bottom:var(--space-1);text-align:center;width:100%}.metal-mix-item{background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:2px 8px;white-space:nowrap}.card-watermark{pointer-events:none;position:absolute;z-index:10}.card-watermark.top-left{left:8px;top:8px}.card-watermark.top-right{right:8px;top:8px}.card-watermark.bottom-left{bottom:8px;left:8px}.card-watermark.bottom-right{bottom:8px;right:8px}.watermark-badge{background:#0009;border-radius:20px;color:var(--color-white);font-size:.7rem;font-weight:600;gap:4px;padding:4px 8px}.watermark-logo{height:16px;width:16px}.watermark-name{font-size:.7rem}.watermark-text{background:#0009;border-radius:20px;color:var(--color-white);font-size:.7rem;font-weight:500;padding:4px 8px}.watermark-corner{height:32px;width:32px}.watermark-logo-sm{height:100%;opacity:.7;width:100%}.card-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3)}.card-actions .btn-primary,.card-actions .btn-secondary{border:none;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:var(--space-2) var(--space-3);transition:var(--transition-fast)}.card-actions .btn-secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.card-actions .btn-secondary:hover:not(:disabled){background:var(--color-border)}.card-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.card-actions .btn-primary{background:var(--brand-primary);color:var(--color-white)}.card-actions .btn-primary:hover{background:var(--brand-primary-600)}.section-desc{color:var(--color-text-secondary);font-size:.8rem;margin:0 0 var(--space-3) 0}.card-preview-gallery{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:var(--space-3);margin:0 calc(var(--space-1)*-1);overflow-x:auto;padding:var(--space-2) var(--space-1) var(--space-3) var(--space-1);scroll-snap-type:x mandatory;scrollbar-width:none}.card-preview-gallery::-webkit-scrollbar{display:none}.card-preview-gallery::-webkit-scrollbar-track{background:#0000}.card-preview-gallery::-webkit-scrollbar-thumb{background:#0000;border-radius:3px}.card-preview-item{cursor:pointer;flex:0 0 280px;scroll-snap-align:start;transition:transform var(--transition-fast)}.card-preview-item:hover{transform:translateY(-4px)}.catalogue-card-wrapper{align-items:center;background:#0000;display:flex;justify-content:center;min-height:320px;overflow:hidden;padding:0}.catalogue-card-wrapper .catalogue-card-container{transform:scale(.8);transform-origin:center center;width:100%}.jmi-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:20px;color:#fff;display:flex;font-size:9px;font-weight:700;gap:6px;letter-spacing:.05em;padding:6px 10px;position:absolute;right:12px;top:12px;z-index:5}.jmi-overlay .jmi-logo{background:#fff;border-radius:50%;height:14px;object-fit:contain;padding:1px;width:14px}.card-preview-info{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:4px;padding:var(--space-2)}.card-preview-badge{align-self:flex-start;background:var(--brand-primary-100);border-radius:var(--radius-sm);color:var(--brand-primary);font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:2px 8px;text-transform:uppercase}.card-preview-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-size:.8rem;font-weight:600;overflow:hidden}.card-preview-price{color:var(--color-success);font-size:.9rem;font-weight:700}.card-preview-actions{display:flex;gap:var(--space-2);padding:var(--space-3) 0 0 0}.card-preview-actions .btn-save,.card-preview-actions .btn-share{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:700;padding:12px 16px;transition:var(--transition-fast)}.card-preview-actions .btn-save{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.card-preview-actions .btn-save:hover{background:var(--color-border);border-color:var(--brand-primary);color:var(--brand-primary)}.card-preview-actions .btn-share{background:var(--brand-primary);box-shadow:0 2px 8px #d4af374d;color:#fff}.card-preview-actions .btn-share:hover{background:var(--brand-primary-600);box-shadow:0 4px 12px #d4af3766;transform:translateY(-1px)}@media (min-width:768px){.card-preview-item{flex:0 0 320px}}.card-fields-preview{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0;padding:0}.card-fields-top{display:flex;flex-wrap:wrap;gap:4px}.field-chip{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);display:inline-block;font-size:.65rem;font-weight:500;letter-spacing:.02em;line-height:1.5;max-width:100%;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.field-chip.required{background:#d4af3726;border-color:#d4af37;border-color:var(--brand-primary,#d4af37);color:#d4af37;color:var(--brand-primary,#d4af37);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.card-pa-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.card-pa-section+.card-pa-section{margin-top:0}.card-pa-header{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);color:#d4af37;color:var(--brand-primary,#d4af37);display:flex;font-size:.7rem;font-weight:700;gap:6px;letter-spacing:.05em;padding:6px 10px;text-transform:uppercase}.card-pa-header-icon{font-size:.75rem}.card-pa-grid{grid-gap:1px;background:var(--color-border);display:grid;gap:1px;grid-template-columns:1fr 1fr}.card-pa-row{display:contents}.card-pa-label,.card-pa-value{background:var(--color-bg);font-size:.7rem;padding:6px 10px}.card-pa-label{border-right:1px solid var(--color-border);color:var(--color-text-muted);font-weight:500;letter-spacing:.03em;text-transform:uppercase}.card-pa-value{color:var(--color-text);font-weight:600;text-align:right;word-break:break-word}.card-json-preview{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:var(--space-2);overflow:hidden}.card-json-summary{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.7rem;font-weight:700;gap:6px;letter-spacing:.05em;list-style:none;padding:8px 10px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.card-json-summary::-webkit-details-marker{display:none}.card-json-summary:before{color:#d4af37;color:var(--brand-primary,#d4af37);content:"▸";display:inline-block;font-size:.7rem;transition:transform .2s}.card-json-preview[open] .card-json-summary:before{transform:rotate(90deg)}.card-json-code{background:var(--color-bg);color:var(--color-text);font-family:Courier New,Consolas,monospace;font-size:.6rem;line-height:1.45;margin:0;max-height:180px;overflow-y:auto;padding:10px;white-space:pre-wrap;word-break:break-all}@media (min-width:1024px){.settings-page{margin:0 auto;max-width:1100px;padding:24px 32px 60px}.settings-header h1{font-size:1.8rem}.settings-content{gap:24px}.settings-section{border-radius:16px;padding:24px}}.brand-theme-extractor-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:3500}.brand-theme-extractor-modal{animation:modalPop .28s cubic-bezier(.34,1.56,.64,1);background:#0f172a;background:var(--color-bg,#0f172a);border:1px solid #1e293b;border:1px solid var(--color-border,#1e293b);border-radius:22px;box-shadow:0 30px 80px #00000080,0 0 0 1px #d4af3714;display:flex;flex-direction:column;max-height:94vh;max-width:640px;overflow:hidden;width:100%}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.extractor-header{background:#182238;background:var(--color-bg-secondary,#182238);border-bottom:1px solid #1e293b;border-bottom:1px solid var(--color-border,#1e293b);flex-shrink:0;justify-content:space-between;padding:20px 24px}.extractor-header,.extractor-title{align-items:flex-start;display:flex}.extractor-title{gap:14px}.extractor-title-icon{align-items:center;background:linear-gradient(135deg,#d4af3733,#f59e0b1a);border:1px solid #d4af374d;border-radius:12px;color:#d4af37;color:var(--brand-primary,#d4af37);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.extractor-title h3{color:#f8fafc;color:var(--color-text,#f8fafc);font-size:1.05rem;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}.extractor-title p{font-size:.74rem;line-height:1.4;margin:0}.close-btn,.extractor-title p{color:#94a3b8;color:var(--color-text-muted,#94a3b8)}.close-btn{align-items:center;background:#ffffff0f;border:1px solid #1e293b;border:1px solid var(--color-border,#1e293b);border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s ease}.close-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.extractor-body{display:flex;flex:1 1;flex-direction:column;gap:18px;overflow-y:auto;padding:20px 24px}.extractor-body::-webkit-scrollbar{width:5px}.extractor-body::-webkit-scrollbar-track{background:#0000}.extractor-body::-webkit-scrollbar-thumb{background:#334155;background:var(--color-border,#334155);border-radius:3px}.dropzone{background:#182238;background:var(--color-bg-secondary,#182238);border:2px dashed #334155;border:2px dashed var(--color-border,#334155);border-radius:18px;cursor:pointer;overflow:hidden;padding:32px 20px;position:relative;text-align:center;transition:all .25s ease}.dropzone:before{background:radial-gradient(ellipse at center,#d4af370a 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.dropzone.dragover,.dropzone:hover{background:#d4af370f;border-color:#d4af37;border-color:var(--brand-primary,#d4af37);box-shadow:0 0 0 4px #d4af371a}.dropzone.has-image{border-color:#d4af3759;border-style:solid;padding:14px}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.upload-icon-circle{align-items:center;background:#d4af371f;border:2px solid #d4af3740;border-radius:50%;color:#d4af37;color:var(--brand-primary,#d4af37);display:flex;height:60px;justify-content:center;margin-bottom:6px;transition:all .3s ease;width:60px}.dropzone:hover .upload-icon-circle{background:#d4af372e;transform:scale(1.08)}.dropzone-content h4{color:#f8fafc;color:var(--color-text,#f8fafc);font-size:1rem;font-weight:700;margin:0}.dropzone-content p{font-size:.76rem;margin:0}.dropzone-content p,.file-types{color:#94a3b8;color:var(--color-text-muted,#94a3b8)}.file-types{font-size:.68rem!important;letter-spacing:.04em;opacity:.6}.browse-pill{align-items:center;background:linear-gradient(135deg,#d4af37,#f59e0b);background:linear-gradient(135deg,var(--brand-primary,#d4af37),#f59e0b);border-radius:20px;box-shadow:0 4px 12px #d4af374d;color:#000;display:inline-flex;font-size:.76rem;font-weight:800;gap:5px;letter-spacing:.02em;margin-top:10px;padding:7px 18px;transition:all .2s ease}.dropzone:hover .browse-pill{box-shadow:0 6px 18px #d4af3773;transform:translateY(-1px)}.uploaded-preview-container{align-items:center;display:flex;gap:18px;width:100%}.uploaded-preview-frame{background:#0f172a;background:var(--color-bg,#0f172a);border:2px solid #d4af374d;border-radius:14px;box-shadow:0 4px 16px #0000004d;flex-shrink:0;height:90px;overflow:hidden;width:90px}.uploaded-preview-img{height:100%;object-fit:cover;width:100%}.uploaded-preview-meta{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:6px}.file-name-row{align-items:center;color:#94a3b8;color:var(--color-text-muted,#94a3b8);display:flex;gap:6px}.file-name{color:#f8fafc;color:var(--color-text,#f8fafc);font-size:.85rem;font-weight:600;word-break:break-all}.file-hint{font-size:.7rem;margin:0}.file-hint,.reupload-btn{color:#94a3b8;color:var(--color-text-muted,#94a3b8)}.reupload-btn{align-items:center;background:#ffffff0a;border:1px solid #334155;border:1px solid var(--color-border,#334155);border-radius:8px;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:6px;padding:5px 12px;transition:all .2s ease}.reupload-btn:hover{background:#ffffff14;border-color:#f8fafc;border-color:var(--color-text,#f8fafc);color:#f8fafc;color:var(--color-text,#f8fafc)}.extractor-progress{background:#3b82f60f;border:1px solid #3b82f62e;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:14px 18px}.progress-bar-track{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa,#d4af37);background:linear-gradient(90deg,#3b82f6,#60a5fa,var(--brand-primary,#d4af37));border-radius:3px;box-shadow:0 0 8px #60a5fa80;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-status-row{align-items:center;color:#60a5fa;display:flex;font-size:.8rem;font-weight:600;gap:10px}.progress-pct{color:#94a3b8;color:var(--color-text-muted,#94a3b8);font-family:monospace;font-size:.75rem;margin-left:auto}.progress-spinner{animation:spin .7s linear infinite;border:2px solid #60a5fa4d;border-radius:50%;border-top-color:#60a5fa;flex-shrink:0;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.extractor-results{animation:fadeSlideIn .35s ease-out;display:flex;flex-direction:column;gap:18px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.brand-style-tag{align-items:center;display:flex;gap:10px}.brand-style-label,.brand-style-tag{color:#94a3b8;color:var(--color-text-muted,#94a3b8)}.brand-style-label{display:block;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.brand-style-name{color:#d4af37;color:var(--brand-primary,#d4af37);display:block;font-size:.88rem;font-weight:800;letter-spacing:-.01em;margin-top:1px}.copy-vars-btn{align-items:center;background:#182238;background:var(--color-bg-secondary,#182238);border:1px solid #334155;border:1px solid var(--color-border,#334155);border-radius:10px;color:#94a3b8;color:var(--color-text-muted,#94a3b8);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.74rem;font-weight:600;gap:6px;padding:7px 14px;transition:all .2s ease;white-space:nowrap}.copy-vars-btn:hover{background:#ffffff0f;border-color:#fff3;color:#f8fafc;color:var(--color-text,#f8fafc)}.swatch-section-title{color:#94a3b8;color:var(--color-text-muted,#94a3b8);font-size:.72rem;font-weight:700;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.swatch-grid{display:flex;flex-wrap:wrap;gap:8px}.swatch-card{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:68px}.swatch-color-box{border:1px solid #ffffff1f;border-radius:10px;cursor:default;height:48px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%}.swatch-color-box:hover{box-shadow:0 4px 16px #00000059;transform:scale(1.06)}.swatch-hex-overlay{background:#0000008c;bottom:0;color:#fff;font-family:monospace;font-size:.55rem;font-weight:700;left:0;letter-spacing:.02em;opacity:0;padding:2px 0;position:absolute;right:0;text-align:center;transition:opacity .2s ease}.swatch-color-box:hover .swatch-hex-overlay{opacity:1}.swatch-label{color:#94a3b8;color:var(--color-text-muted,#94a3b8);font-size:.65rem;font-weight:600;letter-spacing:.04em;text-align:center;text-transform:uppercase}.preview-poster-card{border:2px solid;border-radius:16px;box-shadow:0 12px 40px #0000004d;overflow:hidden}.preview-top-bar{align-items:center;border-bottom:1px solid;display:flex;gap:10px;padding:10px 14px}.preview-logo-placeholder{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:.65rem;font-weight:900;height:32px;justify-content:center;letter-spacing:.02em;width:32px}.preview-brand-name{flex:1 1;font-size:.72rem;font-weight:800;letter-spacing:.08em}.preview-badge{border-radius:5px;flex-shrink:0;font-size:.58rem;font-weight:800;letter-spacing:.06em;padding:3px 8px}.preview-card-body{align-items:center;display:flex;gap:14px;padding:14px}.preview-img-box{align-items:center;border:1px solid;border-radius:12px;display:flex;flex-shrink:0;height:72px;justify-content:center;width:72px}.preview-card-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.preview-karat{border-radius:4px;display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.07em;padding:2px 7px;width:-webkit-fit-content;width:fit-content}.preview-title{font-size:.85rem;font-weight:700;line-height:1.3}.preview-sub{font-size:.72rem}.preview-price-row{align-items:center;display:flex;gap:6px;margin-top:4px}.preview-price{border:1px solid;border-radius:8px;font-size:.88rem;font-weight:800;padding:4px 12px}.preview-price-muted{font-size:.65rem;font-weight:600}.extractor-footer{align-items:center;background:#182238;background:var(--color-bg-secondary,#182238);border-top:1px solid #1e293b;border-top:1px solid var(--color-border,#1e293b);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-btn{background:#0000;border:1px solid #334155;border:1px solid var(--color-border,#334155);border-radius:10px;color:#94a3b8;color:var(--color-text-muted,#94a3b8);cursor:pointer;font-size:.84rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#ffffff0d;border-color:#fff3;color:#f8fafc;color:var(--color-text,#f8fafc)}.apply-btn{align-items:center;background:linear-gradient(135deg,#d4af37,#f59e0b);border:none;border-radius:10px;box-shadow:0 4px 16px #d4af3759;color:#000;cursor:pointer;display:inline-flex;font-size:.84rem;font-weight:800;gap:8px;letter-spacing:.01em;padding:10px 22px;transition:all .2s ease}.apply-btn:hover:not(:disabled){box-shadow:0 8px 24px #d4af3780;transform:translateY(-2px)}.apply-btn:active:not(:disabled){transform:translateY(0)}.apply-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.designer-page{font-family:inherit;min-height:100vh}.designer-page,.designer-topbar{display:flex;flex-direction:column}.designer-topbar{-webkit-overflow-scrolling:touch;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);gap:var(--space-2);overflow-x:auto;padding:var(--space-3);position:-webkit-sticky;position:sticky;top:0;z-index:10}.selector-content{flex-wrap:wrap;margin-top:var(--space-2)}.selector-content,.theme-side-bar{align-items:center;display:flex;gap:8px}.theme-side-bar{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding:6px 10px;scrollbar-width:thin}.theme-side-bar::-webkit-scrollbar{height:4px}.theme-side-bar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.theme-chips{display:flex;flex-wrap:nowrap;gap:8px}.theme-chip-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;cursor:pointer;display:inline-flex;flex-shrink:0;gap:8px;height:34px;overflow:hidden;padding:0 12px 0 4px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.theme-chip-btn:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.theme-chip-btn.active,.theme-chip-btn:hover{border-color:#d4af37;border-color:var(--brand-primary,#d4af37)}.theme-chip-btn.active{box-shadow:0 0 0 2px #d4af374d}.theme-chip-swatch{border-radius:50%;display:block;flex-shrink:0;height:30px;transition:transform .2s ease;width:30px}.theme-chip-btn:hover .theme-chip-swatch{transform:scale(1.05)}.theme-chip-name{color:var(--color-text);font-size:.76rem;font-weight:700;white-space:nowrap}.theme-chip-check{color:#d4af37;color:var(--brand-primary,#d4af37);font-size:.65rem;font-weight:900;margin-left:-2px}.theme-chip-wrapper{display:inline-flex;flex-shrink:0;position:relative}.color-dot{display:none}.add-theme-btn{background:#d4af3714;border:1px dashed #d4af37;border:1px dashed var(--brand-primary,#d4af37);border-radius:20px;color:var(--color-text);flex-shrink:0;font-size:.76rem;height:34px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.add-theme-btn:hover{background:#d4af372e;transform:translateY(-1px)}.extract-theme-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f6;border-radius:20px;color:#3b82f6;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.76rem;font-weight:700;gap:6px;height:34px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.extract-theme-btn:hover{background:#3b82f633;transform:translateY(-1px)}.font-pair-selector-group,.layout-selector-group{align-items:center;flex-wrap:nowrap;gap:8px;max-width:100%;overflow-x:auto;scrollbar-width:thin}.delete-custom-theme{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.6rem;height:18px;transition:all .15s ease;width:18px;z-index:2}.segment-indicator{margin-top:var(--space-2)}.designer-topbar::-webkit-scrollbar{height:4px}.designer-topbar::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.designer-topbar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.selector-group{align-items:center;display:flex;flex-shrink:0;gap:var(--space-1)}.selector-label{font-size:.65rem;white-space:nowrap}.selector-pills{display:flex;gap:4px}.selector-pill{border:1px solid;border-radius:var(--radius-full);cursor:pointer;font-size:.65rem;font-weight:600;padding:4px 8px;transition:all .2s;white-space:nowrap}.selector-pill:active{transform:scale(.95)}.segment-indicator{font-size:.8rem}.designer-canvas{align-items:center;box-sizing:border-box;flex:1 1;padding:var(--space-3)}.card-preview,.designer-canvas{display:flex;flex-direction:column;overflow:hidden;position:relative}.card-preview{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);color:var(--color-text);max-width:420px;transition:transform .3s ease;width:100%}.product-render-area{background:var(--color-bg-secondary);flex:1 1;overflow:hidden;position:relative}.product-image{display:block;height:auto;object-fit:contain;width:100%}.product-render-area.top-corner-image .product-image{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:280px;object-fit:cover;width:100%}.watermark-overlay{align-items:center;display:flex;pointer-events:none;position:absolute;transition:all .3s ease;z-index:10}.watermark-overlay.top-left{left:var(--space-2);top:var(--space-2)}.watermark-overlay.top-right{right:var(--space-2);top:var(--space-2)}.watermark-overlay.bottom-left{bottom:var(--space-2);left:var(--space-2)}.watermark-overlay.bottom-right{bottom:var(--space-2);right:var(--space-2)}.watermark-overlay.center{left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(var(--wm-scale,1))}.watermark-badge{align-items:center;background:#000000b3;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:.75rem;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.watermark-overlay.strong-contrast .watermark-badge{background:linear-gradient(135deg,#000000e6,#141414f2);border:2px solid gold;border-radius:var(--radius-md);box-shadow:0 4px 20px #0006,0 0 0 1px #ffd7004d;color:gold;padding:var(--space-2) var(--space-3)}.watermark-overlay.strong-contrast .wm-text{font-size:.85rem;font-weight:700;text-shadow:0 1px 3px #000c}.watermark-overlay.strong-contrast .wm-logo{filter:brightness(1.2) contrast(1.1);height:24px;width:24px}.watermark-overlay.strong-contrast .wm-logo-only{drop-shadow:0 2px 8px #00000080;filter:brightness(1.2) contrast(1.1);height:36px;width:36px}.watermark-overlay.strong-contrast .wm-text-only{background:linear-gradient(135deg,#000000e6,#141414f2);border:2px solid gold;border-radius:var(--radius-sm);color:gold;font-size:.8rem;font-weight:700;padding:var(--space-1) var(--space-3);text-shadow:0 1px 3px #000c}.watermark-overlay.strong-contrast .wm-corner{background:linear-gradient(135deg,#000000e6,#141414f2);border:2px solid gold;box-shadow:0 4px 20px #0006,0 0 0 1px #ffd7004d;height:44px;width:44px}.watermark-overlay.strong-contrast .wm-corner-logo{filter:brightness(1.2) contrast(1.1);height:28px;width:28px}.card-metadata{background:var(--color-bg);border-top:1px solid var(--color-border);box-sizing:border-box;padding:var(--space-3);text-align:center;width:100%}.card-metadata.above{border-bottom:1px solid var(--color-border);border-top:none;order:-1}.card-metadata.around{left:0;padding:var(--space-2);pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:5}.product-title{word-wrap:break-word;font-size:1.1rem;font-weight:600;margin:0 0 var(--space-1)}.product-sku{color:var(--color-text-muted);font-family:monospace;font-size:.8rem;margin:0 0 var(--space-2)}.attributes-grid{grid-gap:var(--space-1);display:grid;font-size:.8rem;gap:var(--space-1);text-align:left}.attr-item{display:flex}.attr-key{font-weight:500;min-width:80px}.attr-value{font-weight:400}.price-badges{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center;margin:var(--space-2) 0}.price-badge{align-items:center;border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:.75rem;min-width:80px;padding:var(--space-1) var(--space-2)}.badge-label{font-size:.65rem;font-weight:600;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.badge-value{font-size:.9rem;font-weight:700}.wholesale-breakdown{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-3);padding:var(--space-2)}.breakdown-title{font-size:.9rem;font-weight:600;margin:0 0 var(--space-1);text-align:left}.breakdown-grid{grid-gap:var(--space-1);display:grid;font-size:.8rem;gap:var(--space-1)}.breakdown-item{border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:2px 0}.bd-label{font-weight:500}.bd-value{font-weight:600;text-align:right}.control-dock{background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.dock-tabs{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:5}.dock-tab{background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:var(--space-2);position:relative;transition:all .2s}.dock-tab.active{border-bottom:2px solid var(--brand-primary);color:var(--brand-primary)}.dock-tab:not(.active):hover{background:var(--color-bg-secondary);color:var(--color-text)}.dock-panel{display:none;max-height:calc(55vh - 40px);overflow-y:auto;padding:var(--space-3)}.dock-panel.active{display:block}.dock-panel::-webkit-scrollbar{width:6px}.dock-panel::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.dock-panel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.dock-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.control-group{margin-bottom:var(--space-3)}.control-group label{color:var(--color-text-muted);display:flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-1);text-transform:uppercase}.position-grid,.style-grid{grid-gap:var(--space-1);display:grid;gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.pos-btn,.style-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;gap:2px;padding:var(--space-1);transition:all .2s}.pos-btn.active,.style-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.pos-btn:active,.style-btn:active{transform:scale(.95)}.slider{-webkit-appearance:none;background:var(--color-border);border-radius:2px;height:4px;outline:none;padding:0;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand-primary);border-radius:50%;cursor:pointer;height:16px;width:16px}.slider::-moz-range-thumb{background:var(--brand-primary);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.color-picker-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1)}.color-input{border:none;cursor:pointer;height:32px;padding:0;width:40px}.color-text-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;padding:var(--space-1);text-align:center;width:80px}.checkbox-row{align-items:center;cursor:pointer;display:flex;font-size:.8rem;gap:var(--space-1)}.checkbox-row input{cursor:pointer;height:16px;width:16px}.helper-text{color:var(--color-text-muted);display:block;font-size:.7rem;font-style:italic;margin-top:var(--space-1)}.dock-actions{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center;padding:var(--space-3)}.action-btn{border-radius:var(--radius-md);flex:1 1;min-width:80px;overflow:hidden;padding:var(--space-2);text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.action-btn.primary{background:var(--brand-primary);color:var(--color-white)}.action-btn.secondary{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.action-btn:not(:disabled):hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn:disabled{cursor:not-allowed;opacity:.5}@media (min-width:640px){.designer-canvas,.designer-topbar{padding:var(--space-4)}.designer-canvas{align-items:flex-start}.card-preview{max-width:480px}.dock-tabs{justify-content:center}.dock-tab{flex:auto;min-width:80px}.dock-actions{justify-content:space-around}}.designer-main-container{background:var(--color-bg)}.designer-main-container,.designer-workspace-body{display:flex;flex:1 1;flex-direction:column;min-height:0}.designer-workspace-body{width:100%}@media (min-width:1024px){.designer-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.designer-main-container{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 64px);overflow:hidden}.designer-topbar{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:row;gap:0;min-height:58px;padding:10px 24px;z-index:10}.designer-topbar .topbar-left{align-items:center;border-right:1px solid var(--color-border);display:flex;flex-shrink:0;gap:0;margin-right:16px;padding-right:16px}.designer-topbar .selector-tabs{gap:6px;margin:0}.designer-topbar .selector-content{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:8px;margin:0;overflow-x:auto}.designer-topbar .theme-side-bar{background:#0000;border:none;border-radius:0;flex-wrap:nowrap;gap:6px;max-width:none;overflow-x:auto;padding:0}.designer-topbar .font-pair-selector-group,.designer-topbar .layout-selector-group{background:#0000;border:none;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:0}.designer-workspace-body{display:flex;flex:1 1;flex-direction:row;min-height:0;overflow:hidden;width:100%}.control-dock,.designer-canvas{transition:all .3s cubic-bezier(.4,0,.2,1)}.control-dock{background:var(--color-bg);border-left:1px solid var(--color-border);border-top:none;box-sizing:border-box;flex-shrink:0;height:100%;opacity:1;overflow-y:auto;padding:20px;width:380px}.control-dock.collapsed{border-left:none!important;opacity:0;overflow:hidden;padding:0!important;width:0!important}.canvas-workbench-header{max-width:780px!important;transition:max-width .3s ease}.canvas-card-wrapper{max-width:640px!important;transition:max-width .3s ease}}@media (min-width:1440px){.canvas-workbench-header{max-width:880px!important}.canvas-card-wrapper{max-width:720px!important}}.studio-expand-btn{background:#d4af371a;border:1px solid #d4af37;border:1px solid var(--brand-primary,#d4af37);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.72rem;font-weight:700;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.studio-expand-btn:hover{background:#d4af37;background:var(--brand-primary,#d4af37);color:#000}.studio-expand-btn.expanded{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-muted)}.canvas-workbench-header{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 12px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;max-width:600px;padding:10px 16px;width:100%}.workbench-info{align-items:center;display:flex;gap:10px}.workbench-segment-tag{background:#d4af37;background:var(--brand-primary,#d4af37);border-radius:6px;color:#000;font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:4px 8px;text-transform:uppercase}.workbench-product-name{color:var(--color-text);font-size:.85rem;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench-zoom-controls{align-items:center;display:flex;gap:6px}.zoom-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.zoom-btn:hover{background:#d4af37;background:var(--brand-primary,#d4af37);border-color:#d4af37;border-color:var(--brand-primary,#d4af37);color:#000}.zoom-value{font-size:.78rem;min-width:36px;text-align:center}.zoom-reset-btn,.zoom-value{color:var(--color-text-muted);font-weight:600}.zoom-reset-btn{background:#0000;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-size:.7rem;padding:4px 8px}.zoom-reset-btn:hover{border-color:var(--color-text);color:var(--color-text)}.canvas-card-wrapper{border-radius:16px;box-shadow:0 20px 40px -10px #0003,0 0 0 1px var(--color-border);display:flex;justify-content:center;max-width:520px;overflow:hidden;width:100%}.dock-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:14px}.dock-header-title{color:var(--color-text);font-size:1rem;font-weight:700;letter-spacing:-.01em}.dock-save-badge{background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;color:#22c55e;font-size:.7rem;font-weight:600;padding:3px 8px}.dock-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;margin-bottom:16px;padding:14px}.dock-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dock-section-label{color:var(--color-text);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.toggle-all-btns{display:flex;gap:6px}.toggle-all-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);cursor:pointer;font-size:.68rem;font-weight:600;padding:3px 8px;transition:all .15s ease}.toggle-all-btn:hover{border-color:#d4af37;border-color:var(--brand-primary,#d4af37);color:#d4af37;color:var(--brand-primary,#d4af37)}.dock-quick-selectors{display:flex;flex-direction:column;gap:14px;margin-top:10px}.quick-select-item{display:flex;flex-direction:column;gap:6px}.quick-select-item label{color:var(--color-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.layout-selector{gap:10px;padding:4px 2px}.layout-svg-btn{border:2px solid var(--color-border);border-radius:10px;color:var(--color-text);flex:0 0 auto;padding:6px}.layout-svg-btn:hover{transform:translateY(-2px)}.layout-svg-btn.active{background:var(--color-bg-secondary);box-shadow:0 0 12px #d4af3740}.font-pair-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.font-pair-btn{border:1px solid var(--color-border);border-radius:8px;gap:10px;text-align:left}.font-pair-btn.active{background:#d4af3714;box-shadow:0 0 0 1px #d4af37;box-shadow:0 0 0 1px var(--brand-primary,#d4af37)}.font-preview-box{color:#d4af37;color:var(--brand-primary,#d4af37);flex-direction:column;line-height:1}.font-upper{font-size:1rem}.font-lower{font-size:.7rem}.font-heading{font-size:.75rem;font-weight:600}.font-body{font-size:.65rem}.attr-chip-grid{gap:8px}.attr-chip{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-size:.75rem;gap:6px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.attr-chip:hover{transform:translateY(-1px)}.attr-chip-on{border-color:#d4af37;border-color:var(--brand-primary,#d4af37);color:var(--color-text)}.attr-chip-off{background:var(--color-bg-secondary);border-color:var(--color-border);opacity:.55}.attr-chip-val{color:#d4af37;color:var(--brand-primary,#d4af37)}.attr-chip-eye{font-size:.8rem;margin-left:2px}.attr-chip-price{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.theme-creator-modal-overlay{background:#000000a6;bottom:0;left:0;padding:16px;right:0;top:0;z-index:3000}.theme-creator-modal{animation:fadeIn .25s ease-out;background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;max-width:520px;overflow:hidden}.theme-creator-header{border-bottom:1px solid var(--color-border);padding:16px 20px}.theme-creator-header h3{color:var(--color-text);font-size:1.05rem}.theme-creator-close-btn{color:var(--color-text-muted);padding:4px}.theme-creator-body{gap:16px;overflow-y:auto;padding:20px}.theme-creator-input-group label{color:var(--color-text-muted);display:block;margin-bottom:6px}.theme-creator-input{border-radius:8px;color:var(--color-text);font-size:.88rem;padding:10px 14px}.auto-theme-generator-bar,.theme-creator-input{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.auto-theme-generator-bar{border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:12px 14px}.auto-gen-header{align-items:center;display:flex;justify-content:space-between}.auto-gen-header label{color:var(--color-text);font-size:.78rem;font-weight:700}.auto-gen-btn{background:linear-gradient(135deg,#d4af37,#f59e0b);border:none;border-radius:20px;box-shadow:0 2px 8px #d4af374d;color:#000;cursor:pointer;font-size:.75rem;font-weight:700;padding:6px 14px;transition:all .2s ease}.auto-gen-btn:hover{box-shadow:0 4px 14px #d4af3773;transform:translateY(-1px)}.preset-palettes-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0;scrollbar-width:thin}.preset-palette-chip{align-items:center;border:1px solid;border-radius:16px;cursor:pointer;display:inline-flex;flex:0 0 auto;gap:6px;padding:5px 10px;transition:all .2s ease}.preset-palette-chip:hover{transform:translateY(-1px)}.preset-dot{border-radius:50%;height:10px;width:10px}.preset-name{font-size:.7rem;font-weight:600}.theme-creator-preview h4{color:var(--color-text-muted);font-size:.75rem}.theme-creator-color-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.theme-creator-color-row{flex-direction:column;gap:4px}.theme-creator-color-row label{color:var(--color-text-muted);font-size:.7rem}.theme-creator-color-picker{border:none;width:32px}.theme-creator-color-value{color:var(--color-text);font-size:.75rem}.theme-creator-footer{align-items:center;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);gap:10px;justify-content:space-between;padding:14px 20px}.footer-actions{align-items:center;display:flex;gap:10px;width:100%}.theme-creator-btn{align-items:center;border-radius:8px;display:flex;font-size:.82rem;gap:6px;padding:8px 16px;transition:all .2s ease}.theme-creator-cancel-btn{background:#0000;border:1px solid var(--color-border);color:var(--color-text-muted);flex:0 0 auto;min-width:80px}.theme-creator-cancel-btn:hover{background:var(--color-bg);border-color:var(--color-text-muted)}.theme-creator-save-btn{background:linear-gradient(135deg,#d4af37,#f59e0b);border:none;flex:1 1}.theme-creator-save-btn:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-preview,.product-image{animation:fadeIn .4s ease-out}@media print{.control-dock,.designer-topbar{display:none!important}.designer-canvas{flex:none!important;height:auto!important;max-width:none!important;width:100%!important}.card-preview{border:none!important;box-shadow:none!important;margin:0!important}}.design-config-preview{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-2);max-height:150px;overflow-y:auto;padding:var(--space-3)}.design-config-preview .config-label{color:var(--color-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-1);text-transform:uppercase}.config-json{background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-text);font-family:Courier New,monospace;font-size:.65rem;line-height:1.4;margin:0;overflow-x:auto;padding:var(--space-2);white-space:pre-wrap;word-break:break-all}.design-config-preview::-webkit-scrollbar,.dock-panel::-webkit-scrollbar{width:5px}.design-config-preview::-webkit-scrollbar-track,.dock-panel::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.design-config-preview::-webkit-scrollbar-thumb,.dock-panel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.selector-tabs{display:flex}.selector-tab,.selector-tabs{align-items:center;flex-shrink:0;gap:6px}.selector-tab{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:700;height:34px;letter-spacing:0;padding:6px 14px;position:relative;text-transform:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.selector-tab .tab-icon{font-size:.95rem;line-height:1}.selector-tab:hover{background:#d4af3714;transform:translateY(-1px)}.selector-tab.active,.selector-tab:hover{border-color:#d4af37;border-color:var(--brand-primary,#d4af37);color:var(--color-text)}.selector-tab.active{background:#d4af371f;box-shadow:0 0 0 2px #d4af3733}.selector-tab.active:after{display:none}.selector-circle-group{display:flex;flex-direction:column;gap:var(--space-3)}.selector-label{align-items:center;color:var(--color-text-muted);display:flex;font-size:.7rem;font-weight:600;gap:var(--space-1);letter-spacing:.05em;margin-bottom:var(--space-1);text-transform:uppercase}.selector-label:before{background:var(--color-accent);border-radius:50%;content:"";height:4px;width:4px}.selector-circle-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0;scrollbar-color:var(--color-border) var(--color-bg-secondary);scrollbar-width:thin}.selector-circle-scroll::-webkit-scrollbar{height:4px}.selector-circle-scroll::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.selector-circle-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.selector-circle{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:50%;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;height:70px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px}.selector-circle:hover{background:var(--color-bg);border-color:var(--color-accent);transform:translateY(-3px) scale(1.03)}.selector-circle:active{transform:translateY(0) scale(.97)}.selector-circle.active{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 4px 12px #d4af3740;color:#000;transform:translateY(-3px)}.selector-circle.active:before{border:2px solid #ffffff4d;border-radius:50%;bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}.selector-circle-inner{align-items:center;border-radius:50%;display:flex;font-size:.9rem;height:40px;justify-content:center;margin-bottom:var(--space-1);transition:all .2s ease;width:40px}.selector-circle-label{color:var(--color-text);font-size:.65rem;font-weight:500;line-height:1.3;text-align:center;white-space:nowrap}.font-preview{align-items:center;display:flex;font-family:Arial,sans-serif;font-size:.8rem;font-weight:700;gap:2px;justify-content:center;letter-spacing:-.5px}.font-preview-upper{font-size:1.1rem;font-weight:700;line-height:1;text-transform:uppercase}.font-preview-lower{font-size:.95rem;font-weight:400;line-height:1;text-transform:lowercase}.selector-circle-inner.theme-preview{border-radius:50%;height:28px;margin-bottom:var(--space-0-5);width:28px}.selector-circle-inner.font-preview{align-items:center;display:flex;font-family:Arial,sans-serif;font-weight:600;gap:2px;justify-content:center;letter-spacing:-.3px}.selector-circle-inner.layout-preview{font-size:1.2rem}.selector-circle:hover .selector-circle-inner{transform:scale(1.05)}.selector-circle.active .selector-circle-inner{transform:scale(1.08)}.selector-circle.active .selector-circle-label{color:#000}.segment-indicator{background:#0000000d;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);flex-shrink:0;font-size:.85rem;font-weight:700;letter-spacing:.1em;margin-left:auto;padding:var(--space-1) var(--space-2);text-transform:uppercase}.fields-toggle-list{display:flex;flex-direction:column;gap:var(--space-2)}.field-toggle-row{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--space-2)}.field-label{color:var(--color-text);flex:1 1;font-size:.85rem;font-weight:500}.eye-toggle{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:50%;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.eye-toggle:hover{background:var(--color-bg-secondary);border-color:var(--color-accent)}.eye-toggle:active{transform:scale(.95)}.generator-mode-toggle{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center;margin:var(--space-2) 0}.mode-btn{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:var(--space-1) var(--space-2);transition:all .2s}.mode-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.mode-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.color-picker-group{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.color-input-row{display:flex;flex-direction:column;gap:var(--space-0-5);margin-bottom:var(--space-2)}.color-input-row label{color:var(--color-text-muted);font-size:.75rem;font-weight:600}.color-picker{align-items:center;display:inline-flex;height:32px;justify-content:center;width:48px}.color-picker,.color-picker input[type=color]{border:none;border-radius:var(--radius-sm);cursor:pointer;padding:0}.color-picker input[type=color]{height:100%;width:100%}.color-picker span{color:var(--color-text);font-size:.7rem;font-weight:500;margin-left:var(--space-1)}.quick-random-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-md);color:#fff;display:flex;font-weight:600;gap:4px;margin-top:var(--space-2)}.quick-random-btn:hover{background:linear-gradient(135deg,#0d9488,#047857);transform:translateY(-2px)}.card-mode-row{display:flex;flex-direction:column;gap:6px}.layout-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:.85rem;font-weight:500;margin-top:4px;padding:8px 12px;width:100%}.layout-select:focus{border-color:var(--brand-primary);outline:none}.font-pair-btn{background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text);padding:6px 12px;transition:all .2s}.font-pair-btn:hover{background:var(--color-bg);border-color:var(--brand-primary)}.font-pair-btn.active{background:#d4af3726;border-color:var(--brand-primary)}.layout-control-row{align-items:center;display:flex;font-size:.85rem;gap:10px}.layout-control-row .generator-slider{flex:1 1}.layout-magazine-grid{overflow:hidden;position:relative}.magazine-grid-collage{grid-gap:2px;background:#0f0f0f;display:grid;gap:2px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;position:relative;width:100%}.magazine-img{overflow:hidden;position:relative}.magazine-img img{display:block;height:100%;object-fit:cover;width:100%}.magazine-img-1{grid-row:1/3}.magazine-img-2{grid-column:2;grid-row:1}.magazine-img-3{grid-column:2;grid-row:2}.magazine-img-4{display:none}.magazine-pill-overlay{background:#fffffff2;border-radius:999px;box-shadow:0 4px 14px #00000040;left:16px;padding:6px 14px;position:absolute;top:16px;z-index:5}.magazine-pill{align-items:center;display:flex;gap:6px}.magazine-star{color:#1a1a1a;font-size:.85rem}.magazine-pill-text{color:#1a1a1a;font-size:.7rem;font-weight:700;letter-spacing:.05em}.magazine-sale-overlay{bottom:20px;color:#fff;left:16px;position:absolute;text-shadow:0 2px 8px #00000080;z-index:5}.magazine-sale-title{font-size:1.4rem;font-weight:700;line-height:1.1;margin:0 0 2px}.magazine-sale-discount{font-size:.9rem;font-weight:500;margin-bottom:2px}.magazine-sale-percent{color:#fff;font-size:2rem;font-weight:800;line-height:1}.magazine-shop-btn{border-radius:4px;bottom:14px;box-shadow:0 4px 12px #0000004d;font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:8px 18px;right:14px}.magazine-footer-line,.magazine-shop-btn{background:#fff;color:#1a1a1a;position:absolute;z-index:5}.magazine-footer-line{bottom:-2px;font-size:.6rem;font-weight:500;left:0;padding:4px 0;right:0;text-align:center}.layout-product-catalog{overflow:hidden;position:relative}.catalog-texture-left,.catalog-texture-right{background:repeating-linear-gradient(135deg,#c9b79c,#c9b79c 2px,#0000 0,#0000 6px);bottom:0;position:absolute;top:0;width:24px;z-index:1}.catalog-texture-left{left:0}.catalog-texture-right{right:0}.catalog-content{padding:32px 36px;position:relative;text-align:center;z-index:2}.catalog-title{font-family:Montserrat,sans-serif;font-family:var(--theme-heading-font,"Montserrat",sans-serif);font-size:1.6rem;font-style:italic;font-weight:600;line-height:1.15;margin:0 0 18px}.catalog-image-area{align-items:stretch;display:flex;gap:10px;margin-bottom:18px}.catalog-image-main{align-items:center;background:#fff;border:1px solid #e0d6c2;display:flex;flex:1 1;justify-content:center;min-height:180px;padding:8px}.catalog-image-main img{max-height:200px;max-width:100%;object-fit:contain}.catalog-image-strip{display:flex;flex-direction:column;gap:6px;width:70px}.catalog-thumb{align-items:center;background:#fff;border:1px solid #e0d6c2;display:flex;flex:1 1;justify-content:center;padding:4px}.catalog-thumb img{max-height:60px;max-width:100%;object-fit:contain}.catalog-description{color:#6b5d45;font-size:.75rem;line-height:1.5;margin:0 0 14px}.catalog-price-row{align-items:center;display:flex;font-size:.85rem;gap:8px;justify-content:center;margin-bottom:10px}.catalog-price-label{color:#6b5d45}.catalog-price-value{color:#1a1a1a;font-size:1rem;font-weight:800}.catalog-order-line{border-top:1px solid #d9cdb7;color:#6b5d45;font-size:.7rem;padding-top:10px}.catalog-order-line strong{color:#1a1a1a;font-weight:700}.layout-essence-perfume{display:flex;flex-direction:column;overflow:hidden;padding:24px 18px;position:relative}.essence-dots{color:#f5e6c8;font-size:.85rem;letter-spacing:.1em;line-height:.9;position:absolute;text-align:center;top:50%;transform:translateY(-50%);z-index:1}.essence-dots-left{left:8px}.essence-dots-right{right:8px}.essence-top-pagination{color:#f5e6c8;display:flex;font-size:.7rem;font-weight:500;gap:16px;justify-content:center;letter-spacing:.15em;margin-bottom:14px;z-index:2}.essence-pagination-active{align-items:center;background:#f5e6c8;border-radius:50%;color:#5c3a1e;display:inline-flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;width:18px}.essence-headline{color:#f5e6c8;margin:0 0 18px;text-align:center;z-index:2}.essence-cursive{display:block;font-family:Brush Script MT,Snell Roundhand,cursive;font-size:2.6rem;font-style:italic;font-weight:400;line-height:1}.essence-block{display:block;font-size:1.4rem;font-weight:700;letter-spacing:.1em;line-height:1.2;margin-top:4px}.essence-product-stage{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 14px;min-height:220px;position:relative;z-index:2}.essence-product-bg{background:radial-gradient(ellipse at center,#ffffff26 0,#0000 70%);inset:0;position:absolute}.essence-product-img{filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));max-height:220px;max-width:75%;object-fit:contain;position:relative}.essence-tagline{color:#e5d6b8;font-size:.75rem;line-height:1.4;margin:16px 0;text-align:center;z-index:2}.essence-cta{align-self:center;background:#f5e6c8;border:none;border-radius:999px;color:#5c3a1e;cursor:pointer;font-size:.7rem;font-weight:800;letter-spacing:.1em;margin-bottom:14px;padding:10px 24px;z-index:2}.essence-cta-arrow{display:inline-block;font-size:.9rem;margin-right:4px;vertical-align:middle}.essence-footer{align-items:center;border-top:1px solid #f5e6c84d;color:#e5d6b8;display:flex;font-size:.55rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:.15em;padding-top:10px;z-index:2}.essence-divider{opacity:.5}.layout-best-seller{align-items:center;display:flex;flex-direction:column;overflow:hidden;padding:40px 28px;position:relative;text-align:center}.layout-editorial-catalogue{align-items:center;display:flex;justify-content:center;padding:0}.editor-poster-card{align-items:center;background:#f2ede4;background:var(--theme-surface,#f2ede4);border:1px solid #d4c9b5;border:1px solid var(--theme-border,#d4c9b5);display:flex;flex-direction:column;padding:32px 28px;position:relative;text-align:center;width:100%}.editor-poster-corner{border:2px solid #c9a961;border:2px solid var(--theme-accent,#c9a961);height:10px;position:absolute;width:10px}.editor-poster-corner-tl{border-bottom:none;border-right:none;left:12px;top:12px}.editor-poster-corner-tr{border-bottom:none;border-left:none;right:12px;top:12px}.editor-poster-corner-bl{border-right:none;border-top:none;bottom:12px;left:12px}.editor-poster-corner-br{border-left:none;border-top:none;bottom:12px;right:12px}.editor-poster-headline-block{margin-bottom:16px;z-index:2}.editor-poster-headline{color:#1a1a1a;color:var(--theme-text,#1a1a1a);font-size:1.6rem;font-weight:700;letter-spacing:.05em;margin:0 0 4px}.editor-poster-subtitle{color:#4a4a4a;color:var(--theme-textMuted,#4a4a4a);font-size:.95rem;font-style:italic;margin:0}.editor-poster-image-frame{aspect-ratio:4/5;background:#000;background:var(--theme-bg,#000);margin-bottom:16px;overflow:hidden;position:relative;width:100%;z-index:2}.editor-poster-image{height:100%;object-fit:cover;width:100%}.editor-poster-arch{border:1px solid #c9a961;border:1px solid var(--theme-accent,#c9a961);border-radius:50% 50% 0 0;bottom:8px;left:8px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:1}.editor-poster-star{color:#c9a961;color:var(--theme-accent,#c9a961);font-size:.9rem;line-height:1;position:absolute;z-index:3}.editor-poster-star-tl{left:16px;top:16px}.editor-poster-star-tr{right:16px;top:16px}.editor-poster-star-bl{bottom:16px;left:16px}.editor-poster-star-br{bottom:16px;right:16px}.editor-poster-tagline-block{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;z-index:2}.editor-poster-tagline-line{background:#c9a961;background:var(--theme-accent,#c9a961);height:2px;width:40px}.editor-poster-tagline{color:#4a4a4a;color:var(--theme-textMuted,#4a4a4a);font-size:.75rem;font-style:italic;line-height:1.5;margin:0;max-width:90%}.editor-poster-divider{background:#c9a961;background:var(--theme-accent,#c9a961);height:1px;margin:12px 0;width:100%}.editor-poster-bottom-row{display:flex;gap:12px;width:100%;z-index:2}.editor-poster-bottom-item{align-items:center;border:1px solid #d4c9b5;border:1px solid var(--theme-border,#d4c9b5);border-radius:4px;display:flex;flex:1 1;gap:8px;padding:10px;text-align:left}.editor-poster-bottom-store{align-items:center;flex-direction:column;gap:6px;text-align:center}.editor-poster-bottom-logo{flex-shrink:0;height:28px;object-fit:contain;width:28px}.editor-poster-bottom-text{display:flex;flex-direction:column;gap:2px;min-width:0}.editor-poster-bottom-label{color:#1a1a1a;color:var(--theme-text,#1a1a1a);font-size:.7rem;font-weight:700}.editor-poster-bottom-subtext{color:#4a4a4a;color:var(--theme-textMuted,#4a4a4a);font-size:.55rem;line-height:1.3}.editor-poster-store-name{color:#1a1a1a;color:var(--theme-text,#1a1a1a);font-size:.7rem;font-weight:700;letter-spacing:.1em}.layout-editorial-catalogue .jewel-headline-block{margin-bottom:24px}.layout-editorial-catalogue .jewel-eyebrow{color:#d4af37;color:var(--theme-accent,#d4af37);font-size:.65rem;letter-spacing:.2em;margin-bottom:8px;text-transform:uppercase}.layout-editorial-catalogue .jewel-title{color:#0f172a;color:var(--theme-text,#0f172a);font-size:1.5rem;font-weight:800;margin:0 0 4px}.layout-editorial-catalogue .jewel-divider{background:#d4af37;background:var(--theme-accent,#d4af37);height:2px;margin:8px 0 16px;width:60%}.layout-editorial-catalogue .jewel-subtitle{color:#475569;color:var(--theme-textMuted,#475569);font-size:.8rem;margin:0}.layout-editorial-catalogue .jewel-stage{aspect-ratio:1/1.3;background:#f8f9fa;background:var(--theme-surface,#f8f9fa);border:2px solid #e2e8f0;border:2px solid var(--theme-border,#e2e8f0);border-radius:8px;margin:0 0 24px;overflow:hidden;position:relative;width:100%;z-index:2}.layout-editorial-catalogue .jewel-stage-glow{background:linear-gradient(135deg,#d4af37,#0000);background:linear-gradient(135deg,var(--theme-accent,#d4af37) 0,#0000 100%);inset:0;position:absolute;z-index:1}.layout-editorial-catalogue .jewel-product-image{background:#f8f9fa;background:var(--theme-surface,#f8f9fa);height:100%;object-fit:contain;width:100%}.layout-editorial-catalogue .jewel-purity-badge{background:#d4af37;background:var(--theme-accent,#d4af37);border-radius:4px;color:#0f172a;color:var(--theme-text,#0f172a);font-size:.7rem;font-weight:700;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:3}.layout-editorial-catalogue .jewel-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 0 20px;padding:0 16px}.layout-editorial-catalogue .jewel-meta-item{min-width:40%;text-align:left}.layout-editorial-catalogue .jewel-meta-label{color:#475569;color:var(--theme-textMuted,#475569);font-size:.65rem;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.layout-editorial-catalogue .jewel-meta-value{color:#0f172a;color:var(--theme-text,#0f172a);font-size:1rem;font-weight:700}.layout-editorial-catalogue .jewel-meta-divider{background:#d4af37;background:var(--theme-accent,#d4af37);flex:1 1;height:1px;margin:0 8px}.layout-editorial-catalogue .jewel-bottom-strip{align-items:center;background:#f8f9fa;background:var(--theme-surface,#f8f9fa);border-top:1px solid #d4af37;border-top:1px solid var(--theme-accent,#d4af37);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:auto;padding:12px 16px;width:100%}.layout-editorial-catalogue .jewel-contact{align-items:center;display:flex;gap:4px}.layout-editorial-catalogue .jewel-contact-icon{color:#d4af37;color:var(--theme-accent,#d4af37);font-size:.8rem}.layout-editorial-catalogue .jewel-contact-text{color:#0f172a;color:var(--theme-text,#0f172a);font-size:.75rem}.layout-editorial-catalogue .jewel-certified{color:#d4af37;color:var(--theme-accent,#d4af37);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.best-seller-dots{color:#5bc5c7;display:flex;flex-direction:column;font-size:.7rem;gap:2px;letter-spacing:.4em;line-height:.9;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.best-seller-dots-left{left:14px}.best-seller-dots-right{right:14px}.best-seller-title{color:#1a1a1a;font-size:.85rem;font-weight:800;letter-spacing:.15em;margin:0 0 24px;z-index:2}.best-seller-image-frame{align-items:center;aspect-ratio:1/1.3;background:#c8edf0;border:1px solid #5bc5c7;display:flex;justify-content:center;margin-bottom:14px;max-width:240px;padding:10px;width:70%;z-index:2}.best-seller-image-frame img{max-height:100%;max-width:100%;object-fit:contain}.best-seller-accent-bar{background:#5bc5c7;height:16px;margin-bottom:18px;width:60%;z-index:2}.best-seller-product-name{color:#1a1a1a;font-size:1rem;font-weight:700;margin:0 0 12px;z-index:2}.best-seller-promo{color:#4a5568;font-size:.7rem;line-height:1.5;margin:0 0 16px;max-width:80%;z-index:2}.best-seller-price-tag{background:#5bc5c7;border-radius:4px;color:#fff;font-size:.9rem;font-weight:800;padding:6px 16px;z-index:2}.add-theme-btn{align-items:center;background:#d4af37;background:var(--brand-primary,#d4af37);border:2px dashed #d4af37;border:2px dashed var(--brand-primary,#d4af37);border-radius:8px;border-radius:var(--radius-md,8px);border-radius:50%;color:#000;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:700;gap:6px;height:32px;justify-content:center;letter-spacing:.05em;margin:4px 0;padding:6px 12px;text-transform:uppercase;transition:all .2s;width:32px}.add-theme-btn:hover{background:#b8941f;background:var(--brand-primary-600,#b8941f);color:#fff;transform:scale(1.1)}.add-theme-btn:active{transform:scale(.95)}.add-theme-icon{font-size:1.1rem;font-weight:800;line-height:1}.add-theme-label{display:none}@media (min-width:768px){.add-theme-btn{border-radius:8px;border-radius:var(--radius-md,8px);height:auto;padding:6px 12px;width:auto}.add-theme-label{display:inline}}.theme-creator-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:12px;padding:var(--space-3,12px);position:fixed;z-index:1100}.theme-creator-modal{animation:modal-pop .2s ease-out;background:#fff;background:var(--color-bg,#fff);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.theme-creator-header{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;justify-content:space-between;padding:16px;padding:var(--space-4,16px)}.theme-creator-header h3{color:#0f172a;color:var(--color-text,#0f172a);font-size:1rem;font-weight:700;margin:0}.theme-creator-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:background .2s;width:32px}.theme-creator-close-btn:hover{background:#e2e8f0;background:var(--color-border,#e2e8f0);color:#0f172a;color:var(--color-text,#0f172a)}.theme-creator-body{display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px);padding:16px;padding:var(--space-4,16px)}.theme-creator-input-group{display:flex;flex-direction:column;gap:4px}.theme-creator-input-group label{color:#64748b;color:var(--color-text-muted,#64748b);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.theme-creator-input{background:#fff;background:var(--color-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:6px;border-radius:var(--radius-sm,6px);color:#0f172a;color:var(--color-text,#0f172a);font-size:.9rem;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.theme-creator-input:focus{border-color:#d4af37;border-color:var(--brand-primary,#d4af37)}.theme-creator-color-grid{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px);padding:12px;padding:var(--space-3,12px)}.theme-creator-color-row{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px);justify-content:space-between}.theme-creator-color-row label{color:#0f172a;color:var(--color-text,#0f172a);font-size:.75rem;font-weight:600;min-width:80px;text-transform:capitalize}.theme-creator-color-input{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:flex-end}.theme-creator-color-picker{background:none;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;height:32px;padding:0;width:40px}.theme-creator-color-value{color:#64748b;color:var(--color-text-secondary,#64748b);font-family:monospace;font-size:.7rem;min-width:70px;text-align:right}.theme-creator-preview h4{color:#64748b;color:var(--color-text-muted,#64748b);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.theme-creator-preview-box{transition:all .2s}.theme-creator-footer{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);display:flex;gap:8px;gap:var(--space-2,8px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.theme-creator-btn{border:none;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:10px 16px;transition:all .2s}.theme-creator-cancel-btn{background:#fff;background:var(--color-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);color:#0f172a;color:var(--color-text,#0f172a)}.theme-creator-cancel-btn:hover{background:#e2e8f0;background:var(--color-border,#e2e8f0)}.theme-creator-save-btn{background:#d4af37;background:var(--brand-primary,#d4af37);color:#000}.theme-creator-save-btn:hover{background:#b8941f;background:var(--brand-primary-600,#b8941f);color:#fff}.presets-list{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px);max-width:100%;overflow-x:auto;padding:8px;padding:var(--space-2,8px)}.preset-card{align-items:center;background:#fff;background:var(--color-bg,#fff);border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);text-align:left;transition:all .2s ease;width:100%}.preset-card:hover{transform:translateY(-1px)}.preset-card.active,.preset-card:hover{border-color:#d4af37;border-color:var(--brand-primary,#d4af37)}.preset-card.active{background:#d4af370d;box-shadow:0 0 0 2px #d4af3733}.preset-info h4{color:#0f172a;color:var(--color-text,#0f172a);font-size:.9rem;font-weight:600;margin:0 0 4px}.preset-info p{font-size:.75rem;margin:0}.preset-info p,.preset-stats{color:#64748b;color:var(--color-text-muted,#64748b)}.preset-stats{font-size:.7rem;gap:6px;letter-spacing:.05em;text-transform:uppercase}.preset-card-add,.preset-stats{align-items:center;display:flex}.preset-card-add{border-style:dashed;color:#d4af37;color:var(--brand-primary,#d4af37);font-weight:600;gap:8px;justify-content:center}.preset-add-icon{font-size:1.2rem}.options-list{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px);max-height:400px;max-width:100%;overflow-y:auto}.option-group,.options-list{padding:12px;padding:var(--space-3,12px)}.option-group{background:#fff;background:var(--color-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:6px;border-radius:var(--radius-sm,6px)}.option-group h4{color:#64748b;color:var(--color-text-muted,#64748b);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0 0 8px;margin:0 0 var(--space-2,8px) 0;text-transform:uppercase}.range-row,.select-row,.toggle-row{align-items:center;color:#0f172a;color:var(--color-text,#0f172a);display:flex;font-size:.85rem;gap:8px;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-2,8px)}.toggle-row input[type=checkbox]{cursor:pointer;height:18px;width:18px}.select-row select{background:#fff;background:var(--color-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:4px;border-radius:var(--radius-sm,4px);color:#0f172a;color:var(--color-text,#0f172a);flex:1 1;font-family:inherit;font-size:.85rem;max-width:160px;padding:6px 10px}.range-row{align-items:stretch;flex-direction:column;gap:6px}.range-row span{color:#64748b;color:var(--color-text-muted,#64748b);font-size:.8rem;font-weight:500}.range-input{cursor:pointer;width:100%}.designer-canvas-wrapper{align-items:flex-start;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);display:flex;justify-content:center;min-height:600px;overflow:auto;padding:16px;padding:var(--space-4,16px)}.card-preview-wrap{transform-origin:center top;transition:transform .3s ease}.designer-canvas-controls{align-items:center;background:#fff;background:var(--color-bg,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);display:flex;justify-content:center;padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px)}.zoom-control{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px);max-width:300px;width:100%}.zoom-control label{color:#64748b;color:var(--color-text-muted,#64748b);font-size:.8rem;font-weight:500;min-width:70px;white-space:nowrap}.zoom-control input[type=range]{cursor:pointer;flex:1 1}.designer-actions{align-items:center;background:#fff;background:var(--color-bg,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);display:flex;gap:8px;gap:var(--space-2,8px);justify-content:center;padding:12px;padding:var(--space-3,12px)}.action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.action-btn-save{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);color:#0f172a;color:var(--color-text,#0f172a)}.action-btn-save:hover{background:#e2e8f0;background:var(--color-border,#e2e8f0)}.action-btn-share{background:#25d366;color:#fff}.action-btn-share:hover{background:#1da851}.action-btn-download{background:#d4af37;background:var(--brand-primary,#d4af37);color:#000}.action-btn-download:hover{background:#b8941f;background:var(--brand-primary-600,#b8941f);color:#fff}.poster-loading{align-items:center;color:#8b949e;color:var(--color-text-muted,#8b949e);display:flex;font-size:14px;justify-content:center;min-height:400px;padding:40px}.layout-selector{-webkit-overflow-scrolling:touch;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-1);overflow-x:auto;padding:var(--space-2);scroll-behavior:smooth;scrollbar-color:var(--color-border) #0000;scrollbar-width:thin}.layout-selector::-webkit-scrollbar{height:4px}.layout-selector::-webkit-scrollbar-track{background:#0000}.layout-selector::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.layout-svg-btn{align-items:center;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:62px;justify-content:center;padding:3px;transition:all .2s ease;width:48px}.layout-svg-btn:hover{color:var(--color-text);transform:scale(1.05)}.layout-svg-btn.active,.layout-svg-btn:hover{border-color:#d4af37;border-color:var(--brand-primary,#d4af37)}.layout-svg-btn.active{background:#d4af371a;box-shadow:0 0 0 2px #d4af3733;color:#d4af37;color:var(--brand-primary,#d4af37)}.layout-svg-btn svg{height:100%;width:100%}.font-pair-selector{-webkit-overflow-scrolling:touch;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--space-1);overflow-x:auto;padding:var(--space-2);scroll-behavior:smooth;scrollbar-color:var(--color-border) #0000;scrollbar-width:thin}.font-pair-selector::-webkit-scrollbar{height:4px}.font-pair-selector::-webkit-scrollbar-track{background:#0000}.font-pair-selector::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.font-pair-btn{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:4px;min-width:60px;padding:8px 10px;transition:all .2s ease}.font-pair-btn:hover{transform:translateY(-2px)}.font-pair-btn.active,.font-pair-btn:hover{border-color:#d4af37;border-color:var(--brand-primary,#d4af37)}.font-pair-btn.active{background:#d4af371a;box-shadow:0 0 0 2px #d4af3733}.font-preview-box{align-items:center;display:flex;gap:4px}.font-upper{color:#0f172a;color:var(--theme-text,#0f172a);font-weight:700}.font-lower,.font-upper{font-size:1.2rem;line-height:1}.font-lower{color:#64748b;color:var(--theme-text-muted,#64748b);font-weight:400}.font-pair-info{align-items:center;display:flex;flex-direction:column;font-size:.55rem;gap:1px;letter-spacing:.03em;max-width:50px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.font-heading{color:var(--color-text);font-weight:700}.font-body,.font-heading{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-body{color:var(--color-text-muted);font-weight:400}.card-preview-wrapper{color:#0f172a;color:var(--theme-text,#0f172a);font-family:Open Sans,sans-serif;font-family:var(--theme-body-font,"Open Sans"),sans-serif;transition:background .3s ease,color .3s ease}.card-preview-wrapper h1,.card-preview-wrapper h2,.card-preview-wrapper h3,.card-preview-wrapper h4,.card-preview-wrapper h5,.card-preview-wrapper h6{color:#0f172a;color:var(--theme-text,#0f172a);font-family:Montserrat,sans-serif;font-family:var(--theme-heading-font,"Montserrat"),sans-serif}.card-preview-wrapper .best-seller-product-name,.card-preview-wrapper .catalog-title,.card-preview-wrapper .essence-headline,.card-preview-wrapper .magazine-sale-title,.card-preview-wrapper .product-title{color:#0f172a;color:var(--theme-text,#0f172a);font-family:Montserrat,sans-serif!important;font-family:var(--theme-heading-font,"Montserrat"),sans-serif!important}.card-preview-wrapper .attr-key,.card-preview-wrapper .attr-value,.card-preview-wrapper .badge-label,.card-preview-wrapper .badge-value,.card-preview-wrapper .best-seller-promo,.card-preview-wrapper .catalog-description,.card-preview-wrapper .catalog-order-line,.card-preview-wrapper .catalog-price-label,.card-preview-wrapper .catalog-price-value,.card-preview-wrapper .essence-footer,.card-preview-wrapper .essence-tagline,.card-preview-wrapper .magazine-footer-line,.card-preview-wrapper .magazine-pill-text,.card-preview-wrapper .magazine-sale-discount{font-family:Open Sans,sans-serif;font-family:var(--theme-body-font,"Open Sans"),sans-serif}.font-pair-selector-group,.layout-selector-group{display:flex;flex-direction:column;gap:var(--space-2)}.best-seller-brand-bar,.catalog-brand-row,.essence-brand-bar,.layout-header-bar,.magazine-brand-overlay{align-items:center;color:#0f172a;color:var(--theme-text,#0f172a);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.best-seller-brand-logo,.catalog-brand-logo,.essence-brand-logo,.layout-logo-slot,.magazine-brand-logo{height:32px;object-fit:contain;width:32px}.best-seller-brand-logo img,.catalog-brand-logo img,.essence-brand-logo img,.layout-logo-slot img,.magazine-brand-logo img{height:100%;object-fit:contain;width:100%}.best-seller-brand-name,.catalog-brand-name,.essence-brand-name,.layout-brand-name,.magazine-brand-name{font-size:.95rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.best-seller-footer,.catalog-contact-block,.essence-footer,.layout-footer-bar,.magazine-footer-line{color:#0f172a;color:var(--theme-text,#0f172a);display:flex;flex-direction:column;font-size:.75rem;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.catalog-contact-row,.layout-contact-info{align-items:center;display:flex;gap:var(--space-2)}.best-seller-address,.best-seller-phone,.catalog-contact-text,.layout-address,.layout-phone,.magazine-address,.magazine-phone{color:#64748b;color:var(--theme-text-muted,#64748b);font-size:.7rem}.best-seller-certified,.catalog-certified,.essence-certified,.layout-certified,.magazine-certified{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.best-seller-price-tag,.essence-cta,.magazine-shop-btn{align-items:center;color:#0f172a;color:var(--theme-text,#0f172a);display:inline-flex;font-weight:700;justify-content:center;letter-spacing:.05em;padding:var(--space-2) var(--space-3);text-transform:uppercase}.best-seller-price-tag span,.essence-cta span,.magazine-shop-btn span{font-family:Open Sans,sans-serif;font-family:var(--theme-body-font,"Open Sans"),sans-serif}.designer-canvas-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px;max-width:420px;width:100%}.canvas-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:.85rem;font-weight:700;gap:6px;justify-content:center;min-width:130px;padding:10px 22px;transition:all .2s ease}.canvas-action-btn:disabled{cursor:not-allowed;opacity:.55}.canvas-action-download{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1.5px solid #e2e8f0;border:1.5px solid var(--color-border,#e2e8f0);color:#0f172a;color:var(--color-text,#0f172a)}.canvas-action-download:not(:disabled):hover{background:#e2e8f0;background:var(--color-border,#e2e8f0);transform:translateY(-1px)}.canvas-action-share{background:#d4af37;background:var(--brand-primary,#d4af37);color:#000}.canvas-action-share:not(:disabled):hover{background:#b8941f;box-shadow:0 4px 14px #d4af3759;color:#fff;transform:translateY(-1px)}.delete-custom-theme{align-items:center;background:#fff;background:var(--color-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:50%;color:#64748b;color:var(--color-text-muted,#64748b);cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;position:absolute;right:-5px;top:-5px;transition:all .15s;width:16px;z-index:5}.delete-custom-theme:hover{background:#ef4444;border-color:#ef4444;color:#fff}.theme-chip-btn{position:relative}.layout-best-seller,.layout-editorial-catalogue,.layout-essence-perfume,.layout-magazine-grid,.layout-product-catalog{background:#0000!important}.best-seller-footer{border-top:1px solid var(--theme-border);color:var(--theme-textMuted);display:flex;font-family:Open Sans,sans-serif;font-family:var(--theme-body-font,"Open Sans",sans-serif);font-size:.57rem;justify-content:space-between;padding-top:8px;width:100%}.card-preview-wrapper{box-sizing:border-box;flex-shrink:0}.layout-best-seller,.layout-essence-perfume,.layout-magazine-grid{height:560px;width:420px}.layout-editorial-catalogue,.layout-product-catalog{min-height:560px;width:420px}.active-design-card{align-items:center;background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;display:flex;gap:10px;padding:10px 12px}.active-design-swatches{display:flex;flex-shrink:0;gap:4px}.design-swatch{border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:50%;height:14px;width:14px}.active-design-info{flex:1 1;min-width:0}.active-design-name{color:#0f172a;color:var(--color-text,#0f172a);font-size:.82rem;font-weight:700}.active-design-font,.active-design-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-design-font{color:#64748b;color:var(--color-text-muted,#64748b);font-size:.62rem;margin-top:1px}.active-design-saved{align-items:center;color:#22c55e;display:flex;flex-shrink:0;font-size:.62rem;font-weight:600;gap:3px}.segment-attrs-grid{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.segment-attr-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;gap:8px;justify-content:space-between;padding:6px 12px}.segment-attr-row:last-child{border-bottom:none}.segment-attr-key{color:#64748b;color:var(--color-text-muted,#64748b);font-size:.7rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.segment-attr-val{color:#0f172a;color:var(--color-text,#0f172a);font-size:.75rem;font-weight:700;max-width:60%;text-align:right;word-break:break-word}.segment-attr-price{background:#d4af3712;border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0)}.segment-attr-price .segment-attr-val{color:#d4af37;color:var(--brand-primary,#d4af37);font-size:.85rem}.product-ref-card{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border:1px solid #e2e8f0;border-left:3px solid #d4af37;border:1px solid var(--color-border,#e2e8f0);border-left:3px solid var(--brand-primary,#d4af37);border-radius:6px;padding:10px 12px}.product-ref-name{color:#0f172a;color:var(--color-text,#0f172a);font-size:.82rem;font-weight:700;margin-bottom:3px}.product-ref-sku{color:#64748b;color:var(--color-text-muted,#64748b);font-family:monospace;font-size:.65rem;margin-bottom:3px}.product-ref-segment{color:#d4af37;color:var(--brand-primary,#d4af37);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.eye-toggle.hidden{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-color:#e2e8f0;border-color:var(--color-border,#e2e8f0);color:#64748b;color:var(--color-text-muted,#64748b);opacity:.6}.designer-canvas-actions{display:none!important}.attr-chip-grid{display:flex;flex-wrap:wrap;gap:5px;padding:4px 0}.attr-chip{align-items:center;border:1.5px solid #0000;border-radius:20px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.68rem;font-weight:600;gap:4px;line-height:1.2;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;transition:all .15s ease;white-space:nowrap}.attr-chip-on{background:#d4af371a;border-color:#d4af3766;color:#0f172a;color:var(--color-text,#0f172a)}.attr-chip-on:hover{background:#d4af372e;border-color:#d4af37;border-color:var(--brand-primary,#d4af37)}.attr-chip-off{background:#f8f9fa;background:var(--color-bg-secondary,#f8f9fa);border-color:#e2e8f0;border-color:var(--color-border,#e2e8f0);color:#94a3b8;color:var(--color-text-muted,#94a3b8);opacity:.7}.attr-chip-off:hover{border-color:#94a3b8;border-color:var(--color-text-muted,#94a3b8);opacity:1}.attr-chip-price{background:#d4af3726;border-color:#d4af37;border-color:var(--brand-primary,#d4af37);color:#d4af37;color:var(--brand-primary,#d4af37);cursor:default;font-weight:700}.attr-chip-key{font-size:.62rem;letter-spacing:.02em;opacity:.75;text-transform:capitalize}.attr-chip-val{color:inherit;font-size:.7rem;font-weight:700}.attr-chip-eye{font-size:.62rem;margin-left:1px;opacity:.7}@media (min-width:1024px){.designer-page{background-color:var(--color-bg-secondary);height:100vh;height:100dvh;overflow:hidden}.designer-main-container{height:calc(100vh - 64px);height:calc(100vh - var(--toolbar-height, 64px));overflow:hidden}.designer-topbar{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:row;gap:24px;grid-column:1/-1;justify-content:flex-start;overflow-x:auto;padding:10px 24px;z-index:20}.selector-tabs{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;gap:8px;padding:4px}.selector-tab{background:#0000;border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:all .15s ease}.selector-tab.active{background:var(--color-bg);box-shadow:0 2px 6px #00000014;color:#d4af37;color:var(--brand-primary,#d4af37)}.selector-content{align-items:center;display:flex;flex:1 1;margin-top:0}.designer-canvas{align-items:center;background:radial-gradient(circle at center,#f8fafc 0,#e2e8f0 100%);display:flex;min-height:0;overflow:auto;position:relative}.dark .designer-canvas{background:radial-gradient(circle at center,#1e293b 0,#0f172a 100%)}.designer-canvas>*{border-radius:20px;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #0000000f;max-width:480px;transition:transform .25s ease,box-shadow .25s ease;width:100%}.designer-canvas>:hover{box-shadow:0 30px 60px -12px #0f172a4d,0 0 0 1px #d4af374d;transform:translateY(-2px)}.control-dock{background:var(--color-bg);border-left:1px solid var(--color-border);box-shadow:-4px 0 16px #00000005;gap:24px;grid-column:2;grid-row:2;min-height:0;overflow-y:auto;padding:24px 20px}.control-dock,.control-group{display:flex;flex-direction:column}.control-group{gap:12px}.control-group>label{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;padding-bottom:4px;text-transform:uppercase}.attr-chip-grid{display:flex;flex-direction:column;gap:8px}.attr-chip{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;display:flex;font-size:13.5px;justify-content:space-between;padding:10px 14px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.attr-chip:hover{border-color:#d4af37;border-color:var(--brand-primary,#d4af37);transform:translateX(2px)}.attr-chip-on{background:#d4af370f;border-color:#d4af3799;color:var(--color-text)}.attr-chip-off{background:var(--color-bg-secondary);border-color:var(--color-border);opacity:.55}.attr-chip-key{font-size:.78rem;font-weight:600;text-transform:capitalize}.attr-chip-val{color:#b8860b;color:var(--brand-primary-600,#b8860b);font-size:.8rem;font-weight:700;margin-left:auto;margin-right:10px}.attr-chip-eye{font-size:.9rem}.attr-chip-price{background:linear-gradient(135deg,#d4af371f,#b8860b1f);border:1px solid #d4af37;border:1px solid var(--brand-primary,#d4af37);color:#b8860b;color:var(--brand-primary-600,#b8860b);font-weight:700}}@media (min-width:1400px){.designer-main-container{grid-template-columns:1fr 420px}.designer-canvas>*{max-width:520px}}.export-design-btn{align-items:center;background:linear-gradient(135deg,#d4af3726,#f59e0b1a);border:1px solid #d4af37;border:1px solid var(--brand-primary,#d4af37);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:.72rem;font-weight:700;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.export-design-btn:hover{background:linear-gradient(135deg,#d4af3740,#f59e0b33);border-color:#d4af37;border-color:var(--brand-primary,#d4af37);box-shadow:0 4px 12px #d4af3733;transform:translateY(-1px)}.export-design-btn:active{transform:translateY(0)}@media (max-width:768px){.export-design-btn{font-size:.68rem;gap:4px;padding:5px 10px}.export-design-btn span{display:none}}.rewards-page{background-color:var(--color-bg-secondary);min-height:calc(100vh - 56px);min-height:calc(100vh - var(--header-height-with-safe-area, 56px))}.rewards-page>.rewards-content{background-color:var(--color-bg-secondary);min-height:calc(100vh - 56px);min-height:calc(100vh - var(--toolbar-height, 56px) - var(--safe-area-top, 0px));padding:var(--space-4);padding-bottom:60px;padding-bottom:calc(var(--footer-height, 60px) + var(--safe-area-bottom, 0px));padding-top:56px;padding-top:calc(var(--toolbar-height, 56px) + var(--safe-area-top, 0px))}.business-performance-card,.buyer-status-card,.next-milestone-card,.rewards-grid-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);height:100%;overflow:hidden;transition:var(--transition-normal)}.business-performance-card:hover,.buyer-status-card:hover,.next-milestone-card:hover,.rewards-grid-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.buyer-status-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid var(--brand-primary)}.buyer-status-card .MuiCardContent-root{padding:var(--space-4)}.buyer-status-card .MuiTypography-h5{align-items:center;color:var(--brand-primary);display:flex;font-weight:700;gap:var(--space-2)}.buyer-status-card .MuiTypography-h6{color:var(--color-text);font-size:1.5rem;font-weight:600}.buyer-status-card .MuiLinearProgress-root{border-radius:4px;height:8px!important;margin:var(--space-3) 0}.buyer-status-card .MuiLinearProgress-bar{background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-600));border-radius:4px}.buyer-status-card .MuiTypography-body2{color:var(--color-text-secondary);font-weight:500;text-align:right}.buyer-status-card .MuiTypography-subtitle2{color:var(--color-text);font-weight:600}.buyer-status-card .MuiButton-contained{background:var(--brand-primary);border:none;border-radius:var(--radius-md);font-weight:600;padding:var(--space-2) var(--space-4);text-transform:none}.buyer-status-card .MuiButton-contained:hover{background:var(--brand-primary-600)}.buyer-status-card .MuiButton-outlined{border:2px solid var(--brand-primary);border-radius:var(--radius-md);color:var(--brand-primary);font-weight:600;padding:var(--space-2) var(--space-4);text-transform:none}.buyer-status-card .MuiButton-outlined:hover{background:#d4af3714;border-color:var(--brand-primary-600)}.business-performance-card{border:none}.business-performance-card .MuiCardContent-root{padding:var(--space-3)}.business-performance-card .MuiTypography-subtitle2{color:var(--color-text-secondary);font-size:.875rem;font-weight:600;margin-bottom:var(--space-1)}.business-performance-card .MuiTypography-h6{color:var(--color-text);font-size:1.25rem;font-weight:700;margin-bottom:var(--space-2)}.business-performance-card .MuiGrid-container{gap:var(--space-2)}.business-performance-card .MuiGrid-item{text-align:center}.next-milestone-card{background:linear-gradient(135deg,#f0fdf4,#f8f9fa);border:2px solid var(--color-success)}.next-milestone-card .MuiCardContent-root{padding:var(--space-4)}.next-milestone-card .MuiTypography-h5{color:var(--color-success);font-weight:700;margin-bottom:var(--space-2)}.next-milestone-card .MuiTypography-h6{color:var(--color-text);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-1)}.next-milestone-card .MuiTypography-body1{color:var(--color-text);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-1)}.next-milestone-card .MuiTypography-body2{color:var(--color-text-secondary);font-size:.875rem}.next-milestone-card img{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:var(--space-2) 0;object-fit:cover}.next-milestone-card .MuiButton-contained{background:var(--color-success);border:none;border-radius:var(--radius-md);font-weight:600;padding:var(--space-2) var(--space-4);text-transform:none;width:100%}.next-milestone-card .MuiButton-contained:hover{background:var(--color-success-dark)}.rewards-grid{gap:var(--space-3)}.rewards-grid-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:none;height:100%;transition:var(--transition-normal)}.rewards-grid-card:hover{border:2px solid var(--brand-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.rewards-grid-card .MuiCardContent-root{display:flex;flex-direction:column;height:100%;padding:var(--space-4)}.rewards-grid-card .MuiTypography-h6{color:var(--color-text);font-weight:600;margin-bottom:var(--space-2);min-height:36px}.rewards-grid-card .MuiTypography-body2{color:var(--color-text-secondary);flex-grow:1;font-size:.875rem;line-height:1.4;margin-bottom:var(--space-3)}.rewards-grid-card .MuiTypography-subtitle2{color:var(--brand-primary);font-size:1.25rem;font-weight:700;margin-top:auto}@media (min-width:600px){.buyer-status-card .MuiCardContent-root,.rewards-page>.rewards-content{padding:var(--space-5)}.business-performance-card .MuiCardContent-root{padding:var(--space-4)}.next-milestone-card .MuiCardContent-root{padding:var(--space-5)}.rewards-grid-card .MuiCardContent-root{padding:var(--space-4)}}@media (min-width:1024px){.rewards-page>.rewards-content{margin:0 auto;max-width:1400px;padding:var(--space-6)}}.dark .buyer-status-card{background:linear-gradient(135deg,#1a1a1a,#242424);border:2px solid var(--brand-primary)}.dark .buyer-status-card .MuiTypography-h5{color:var(--brand-primary)}.dark .buyer-status-card .MuiTypography-h6,.dark .buyer-status-card .MuiTypography-subtitle2{color:var(--color-text)}.dark .buyer-status-card .MuiTypography-body2{color:var(--color-text-secondary)}.dark .business-performance-card{background:var(--color-bg)}.dark .business-performance-card .MuiTypography-subtitle2{color:var(--color-text-secondary)}.dark .business-performance-card .MuiTypography-h6{color:var(--color-text)}.dark .next-milestone-card{background:linear-gradient(135deg,#0f172a,#1e293b);border:2px solid var(--color-success)}.dark .next-milestone-card .MuiTypography-h5{color:var(--color-success)}.dark .next-milestone-card .MuiTypography-body1,.dark .next-milestone-card .MuiTypography-body2,.dark .next-milestone-card .MuiTypography-h6{color:var(--color-text)}.dark .rewards-grid-card{background:linear-gradient(135deg,var(--color-bg) 0,var(--color-bg-secondary) 100%)}.dark .rewards-grid-card .MuiTypography-h6{color:var(--color-text)}.dark .rewards-grid-card .MuiTypography-body2{color:var(--color-text-secondary)}.dark .rewards-grid-card .MuiTypography-subtitle2{color:var(--brand-primary)}@media (min-width:1024px){.rewards-page>.rewards-content{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px;padding:24px 32px 60px}}
/*# sourceMappingURL=main.14be3c98.css.map*/