@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);blockquote,body,button,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body{min-height:100%}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{background-color:initial;border:none;outline:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}button{appearance:none}: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-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-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;--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}.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{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}.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{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px)}#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{background-color:var(--color-bg-secondary);flex-direction:column;margin:0;min-height:100vh;padding:0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0)}.app-content,.app-layout{display:flex;position:relative;width:100%}.app-content{flex:1 1;flex-direction:column;margin:0 auto;max-width:100%}.status-bar-spacer{background-color:#d4af37;background-color:var(--brand-primary,#d4af37);height:0;height:var(--safe-area-inset-top,0);left:0;pointer-events:none;position:fixed;right:0;top:0;transition:background-color .2s ease;z-index:2000}.dark .status-bar-spacer{background-color:#121212}.page-content-with-header{padding-top:calc(56px + env(safe-area-inset-top, 0px));padding-top:var(--header-height-with-safe-area,calc(var(--toolbar-height, 56px) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px))))}.page-content-full,.page-content-with-footer{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px));padding-bottom:var(--footer-height-with-safe-area,calc(var(--footer-height, 60px) + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))))}.page-content-full{padding-top:calc(56px + env(safe-area-inset-top, 0px));padding-top:var(--header-height-with-safe-area,calc(var(--toolbar-height, 56px) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px))))}@supports (padding:max(0px)){.app-layout{padding-left:max(env(safe-area-inset-left,0px),0px);padding-right:max(env(safe-area-inset-right,0px),0px)}}@supports (--css:variables){.app-layout{min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}}@supports (min-height:-webkit-fill-available){.app-layout{min-height:-webkit-fill-available}}@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:calc(64px + env(safe-area-inset-top, 0px));padding-top:var(--header-height-with-safe-area,calc(var(--toolbar-height, 64px) + var(--safe-area-inset-top, env(safe-area-inset-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)}: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);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px));padding-bottom:var(
    --footer-height-with-safe-area,calc(var(--footer-height, 60px) + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))
  )}.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)}@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}}@media (min-width:1024px){.dashboard{padding:0}.card{margin:8px}.hero-section{height:280px}.hero-section h2{font-size:28px}.hero-section p{font-size:16px}.item-card{flex-basis:calc(25% - 1rem);flex-grow:0;flex-shrink:0}.rate-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:1023px){.item-card{flex-basis:calc(33.333% - 1rem);flex-grow:0;flex-shrink:0}}.dashboard-header{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;height:calc(56px + env(safe-area-inset-top, 0px));height:calc(var(--toolbar-height, 56px) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));left:0;padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-inset-top,env(safe-area-inset-top,0));position:-webkit-sticky;position:sticky;right:0;top:0;transition:background-color .2s ease,border-color .2s ease;will-change:auto;z-index:1000}.header-content{box-sizing:border-box;height:56px;height:var(--toolbar-height,56px);justify-content:space-between;margin:0 auto;max-width:1200px;min-height:56px;min-height:var(--toolbar-height,56px);padding:0 16px;padding:0 var(--toolbar-padding-h,16px);position:relative}.header-content,.header-left{align-items:center;display:flex}.header-left{flex-shrink:0;gap:8px;z-index:1}.menu-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;min-height:48px;min-width:48px;padding:0;transition:background-color .15s ease;width:48px}.header-title{font-size:1rem;font-weight:600;left:50%;line-height:1.2;margin:0;max-width:calc(100% - 128px);overflow:hidden;pointer-events:none;position:absolute;text-align:center;text-overflow:ellipsis;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.dropdown{flex-shrink:0;position:relative;z-index:1}.dropdown-menu{background:#fff;background:var(--color-bg,#fff);border:1px solid #e4e7eb;border:1px solid var(--color-border,#e4e7eb);border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1100}.dropdown-item{color:#1a1f36;color:var(--color-text,#1a1f36);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:13px 16px;text-decoration:none;transition:background-color .15s ease}.dropdown-item:hover{background-color:#f8f9fa;background-color:var(--color-bg-secondary,#f8f9fa)}.icon{stroke:currentColor;transition:stroke .15s ease}.sidebar{-ms-overflow-style:none;background-color:#fff;background-color:var(--color-bg,#fff);border-radius:0 12px 12px 0;border-right:1px solid #e4e7eb;border-right:1px solid var(--color-border,#e4e7eb);box-shadow:2px 0 16px #0000001f;height:100%;left:0;overflow-y:auto;position:fixed;scrollbar-width:none;top:0;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:260px;z-index:1300}.sidebar::-webkit-scrollbar{display:none}.sidebar.show{transform:translateX(0)}.sidebar-nav{padding:8px 0}.sidebar-item{align-items:center;border-bottom:1px solid #e4e7eb;border-bottom:1px solid var(--color-border,#e4e7eb);color:#1a1f36;color:var(--color-text,#1a1f36);cursor:pointer;display:flex;font-size:15px;font-weight:500;min-height:48px;padding:14px 20px;transition:all .15s ease}.sidebar-item:hover{background-color:#f8f9fa;background-color:var(--color-bg-secondary,#f8f9fa)}.sidebar-item.active{background-color:#d4af37;background-color:var(--brand-primary,#d4af37);border-bottom:1px solid #b8860b;border-bottom:1px solid var(--brand-primary-600,#b8860b);color:#fff}.sidebar-item.active:hover{background-color:#b8860b;background-color:var(--brand-primary-600,#b8860b)}.sidebar-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:12px}.sidebar-icon svg{height:20px;width:20px}.sidebar-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-overlay{background-color:#0006;display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .28s ease;width:100%;z-index:1299}.sidebar-overlay.show{display:block;opacity:1}@media (min-width:600px){.dashboard-header{height:calc(64px + env(safe-area-inset-top, 0px));height:calc(var(--toolbar-height, 64px) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)))}.header-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){.dashboard-header{height:calc(48px + env(safe-area-inset-top, 0px));height:calc(48px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)))}.header-content{height:48px;min-height:48px}}@media (max-width:359px){.header-title{font-size:.875rem}.menu-btn{height:40px;min-height:40px;min-width:40px;width:40px}.header-title{max-width:calc(100% - 112px)}}@media (min-width:1024px){.header-content{max-width:1200px}}.dark .dashboard-header{background-color:#121212;border-bottom:1px solid #1f2937;box-shadow:0 2px 4px #0006}.dark .menu-btn{color:#e5e7eb}.dark .menu-btn:focus-visible,.dark .menu-btn:hover{background-color:#ffffff14}.dark .header-title{color:#e5e7eb}.dark .dropdown-menu{background:#000;background:var(--color-bg,#000);border-color:#1a1a1a;border-color:var(--color-border,#1a1a1a);box-shadow:0 8px 24px #00000080}.dark .dropdown-item{color:#e5e7eb;color:var(--color-text,#e5e7eb)}.dark .dropdown-item:hover{background-color:#0a0a0a;background-color:var(--color-bg-secondary,#0a0a0a)}.dark .sidebar{background-color:#000;background-color:var(--color-bg,#000);border-right:1px solid #1a1a1a;border-right:1px solid var(--color-border,#1a1a1a);box-shadow:2px 0 16px #00000080}.dark .sidebar-item{border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--color-border,#1a1a1a);color:#e5e7eb;color:var(--color-text,#e5e7eb)}.dark .sidebar-item:hover{background-color:#0a0a0a;background-color:var(--color-bg-secondary,#0a0a0a)}.dark .sidebar-item.active{background-color:#d4af37;background-color:var(--brand-primary,#d4af37);border-bottom:1px solid #b8860b;border-bottom:1px solid var(--brand-primary-600,#b8860b);color:#fff}.dark .sidebar-item.active:hover{background-color:#b8860b;background-color:var(--brand-primary-600,#b8860b)}.dark .sidebar-overlay{background-color:#0009}.segment-registration-page{background-color:#f4f4f5;background-color:var(--color-bg,#f4f4f5);box-sizing:border-box;color:#18181b;color:var(--color-text,#18181b);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;min-height:100dvh;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition-normal,.2s ease),color var(--transition-normal,.2s ease);width:100%}.segment-registration-container{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1024px;min-height:100vh;position:relative;width:100%}.segment-registration-content-wrapper{display:flex;flex:1 1;flex-direction:column;padding:0 16px;padding:0 var(--space-4,16px);padding-top:calc(var(--header-height-with-safe-area) + var(--space-2, 8px))}.existing-registration-banner{align-items:center;animation:fadeIn .3s ease-out;background:#10b9811f;background:var(--color-success-bg,#10b9811f);border:1px solid #10b9814d;border-left:4px solid #10b981;border:1px solid var(--color-success-border,#10b9814d);border-left:4px solid var(--color-success,#10b981);border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);color:#18181b;color:var(--color-text,#18181b);display:flex;font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:500;gap:12px;gap:var(--space-3,12px);justify-content:space-between;margin:16px 0 0;margin:var(--space-4,16px) 0 0;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.banner-info{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px)}.check-icon{align-items:center;background:#10b981;background:var(--color-success,#10b981);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:700;height:22px;justify-content:center;width:22px}.view-operators-link{background:#fff;background:var(--color-surface,#fff);border:1px solid #b8860b;border:1px solid var(--brand-primary,#b8860b);border-radius:6px;border-radius:var(--radius-sm,6px);color:#b8860b;color:var(--brand-primary,#b8860b);cursor:pointer;flex-shrink:0;font-size:.8125rem;font-size:var(--fs-xs,.8125rem);font-weight:600;padding:6px 14px;transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.view-operators-link:hover{background:#b8860b26;background:var(--brand-primary-glow,#b8860b26);transform:translateY(-1px)}.buyer-district-info{align-items:center;background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border:1px solid #e4e4e7;border-left:4px solid #b8860b;border:1px solid var(--color-border-muted,#e4e4e7);border-left:4px solid var(--brand-primary,#b8860b);border-radius:10px;border-radius:var(--radius-md,10px);color:#18181b;color:var(--color-text,#18181b);display:flex;font-size:.875rem;font-size:var(--fs-sm,.875rem);gap:6px;margin:12px 0 0;margin:var(--space-3,12px) 0 0;padding:10px 14px}.district-pin{font-size:1rem}.main-content{display:flex;flex:1 1;flex-direction:column;gap:20px;gap:var(--space-5,20px);padding:16px 0;padding:var(--space-4,16px) 0;padding-bottom:112px;padding-bottom:calc(var(--space-8, 32px) + 80px)}.form-card{background:#fff;background:var(--color-surface,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm,0 1px 3px #0000000d);padding:20px;padding:var(--space-5,20px);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.form-card:hover{box-shadow:0 4px 6px -1px #00000014;box-shadow:var(--shadow-md,0 4px 6px -1px #00000014)}.card-header{margin-bottom:16px;margin-bottom:var(--space-4,16px)}.card-header h2,.form-card>h2{align-items:center;color:#18181b;color:var(--color-text,#18181b);display:flex;font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:700;gap:8px;margin:0 0 4px}.card-subtitle{color:#71717a;color:var(--color-text-muted,#71717a);font-size:.8125rem;font-size:var(--fs-xs,.8125rem);margin:0}.form-grid{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.form-group label{color:#18181b;color:var(--color-text,#18181b);display:block;font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:600}.input-with-loader{position:relative;width:100%}input[type=tel],input[type=text],select{background:#fff;background:var(--color-surface,#fff);border:1px solid #d4d4d8;border:1px solid var(--color-border,#d4d4d8);border-radius:8px;border-radius:var(--radius-md,8px);box-sizing:border-box;color:#18181b;color:var(--color-text,#18181b);font-family:inherit;font-size:.9375rem;font-size:var(--fs-md,.9375rem);height:48px;padding:0 16px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease),background-color .15s ease;width:100%}input[type=tel]:focus,input[type=text]:focus,select:focus{border-color:#b8860b;border-color:var(--brand-primary,#b8860b);box-shadow:0 0 0 3px #b8860b33;box-shadow:0 0 0 3px var(--brand-primary-glow,#b8860b33);outline:none}input[type=text].read-only-segment,input[type=text]:read-only,select:disabled{background-color:#f4f4f5;background-color:var(--color-bg-subtle,#f4f4f5);border-color:#e4e4e7;border-color:var(--color-border-muted,#e4e4e7);color:#71717a;color:var(--color-text-muted,#71717a);cursor:not-allowed;font-weight:600}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}input::placeholder{color:#a1a1aa;color:var(--color-text-placeholder,#a1a1aa)}.helper-text{color:#71717a;color:var(--color-text-muted,#71717a);font-size:.8125rem;font-size:var(--fs-xs,.8125rem);margin:2px 0 0}.warning-text{color:#f59e0b;color:var(--color-warning,#f59e0b)}.error-text,.warning-text{font-size:.8125rem;font-size:var(--fs-xs,.8125rem);font-weight:600;margin:4px 0 0}.error-text{color:#dc2626;color:var(--color-error,#dc2626)}.input-spinner{margin-left:0;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.operator-details{overflow:hidden}.section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:4px 0;transition:background-color .15s ease;transition:background-color var(--transition-fast,.15s ease);-webkit-user-select:none;user-select:none}.section-header-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px)}.section-header h2{margin:0}.operator-badge{background:#b8860b26;background:var(--brand-primary-glow,#b8860b26);border:1px solid #dcab44;border:1px solid var(--brand-primary-light,#dcab44);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#b8860b;color:var(--brand-primary,#b8860b);display:inline-block;font-size:.75rem;font-size:var(--fs-xs,.75rem);font-weight:600;padding:3px 10px}.accordion-toggle-btn{align-items:center;background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:50%;color:#71717a;color:var(--color-text-muted,#71717a);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:transform .3s ease,background-color .15s ease,border-color .15s ease;width:36px}.accordion-toggle-btn.open{background:#b8860b26;background:var(--brand-primary-glow,#b8860b26);border-color:#b8860b;border-color:var(--brand-primary,#b8860b);color:#b8860b;color:var(--brand-primary,#b8860b);transform:rotate(180deg)}.accordion-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(0,1,0,1),opacity .3s ease}.accordion-content.open{border-top:1px dashed #e4e4e7;border-top:1px dashed var(--color-border,#e4e4e7);margin-top:16px;margin-top:var(--space-4,16px);max-height:2500px;opacity:1;padding-top:16px;padding-top:var(--space-4,16px);transition:max-height .4s ease-in-out,opacity .3s ease}.empty-accordion-msg{color:#71717a;color:var(--color-text-muted,#71717a);font-size:.875rem;font-size:var(--fs-sm,.875rem);font-style:italic;margin:0;padding:12px 0;padding:var(--space-3,12px) 0}.operator-details-body{display:flex;flex-direction:column;gap:16px;gap:var(--space-4,16px)}.info-grid{grid-gap:12px;grid-gap:var(--space-3,12px);background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border:1px solid #e4e4e7;border:1px solid var(--color-border-muted,#e4e4e7);border-radius:10px;border-radius:var(--radius-md,10px);display:grid;gap:12px;gap:var(--space-3,12px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:16px;padding:var(--space-4,16px)}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{color:#71717a;color:var(--color-text-muted,#71717a);font-size:.75rem;font-size:var(--fs-xs,.75rem);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.info-value{color:#18181b;color:var(--color-text,#18181b);font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:600;word-break:break-word}.info-value.highlight{color:#b8860b;color:var(--brand-primary,#b8860b);font-family:monospace;font-size:.95rem}.media-section{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4,16px)}.media-block{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.logo-preview-wrapper{align-items:center;display:flex}.opertorLogo{border:2px solid #b8860b;border:2px solid var(--brand-primary,#b8860b);border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);height:60px;object-fit:cover;width:60px}.file-uploads,.image-uploads{flex-wrap:wrap}.file-preview,.file-uploads,.image-uploads{display:flex;gap:8px;gap:var(--space-2,8px)}.file-preview{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #d4d4d8;border:1px solid var(--color-border,#d4d4d8);border-radius:6px;border-radius:var(--radius-sm,6px);padding:8px 12px;transition:border-color .15s ease}.file-preview:hover{border-color:#b8860b;border-color:var(--brand-primary,#b8860b)}.doc-link{color:#b8860b;color:var(--brand-primary,#b8860b);font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:600;text-decoration:none}.doc-link:hover{text-decoration:underline}.image-uploads img.org-photo{border:1px solid #d4d4d8;border:1px solid var(--color-border,#d4d4d8);border-radius:8px;border-radius:var(--radius-md,8px);height:72px;object-fit:cover;transition:transform .2s ease,border-color .2s ease;width:72px}.image-uploads img.org-photo:hover{border-color:#b8860b;border-color:var(--brand-primary,#b8860b);transform:scale(1.05)}.address-card{background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border-left:3px solid #b8860b;border-left:3px solid var(--brand-primary,#b8860b);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-direction:column;gap:4px;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.address-text{color:#18181b;color:var(--color-text,#18181b);font-size:.875rem;font-size:var(--fs-sm,.875rem);line-height:1.5;margin:0}.dealing-persons-container{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.dealing-person-card{align-items:center;background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border:1px solid #e4e4e7;border:1px solid var(--color-border-muted,#e4e4e7);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;gap:12px;gap:var(--space-3,12px);justify-content:space-between;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.person-info{display:flex;flex-direction:column;gap:2px}.person-name{color:#18181b;color:var(--color-text,#18181b);font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:700}.person-role{color:#b8860b;color:var(--brand-primary,#b8860b);font-weight:600}.person-contact,.person-role{font-size:.8125rem;font-size:var(--fs-xs,.8125rem)}.person-contact{color:#71717a;color:var(--color-text-muted,#71717a)}.delingPersonPic{border:2px solid #b8860b;border:2px solid var(--brand-primary,#b8860b);border-radius:50%;flex-shrink:0;height:52px;object-fit:cover;width:52px}.districts-container{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.district-tags{display:flex;flex-wrap:wrap;gap:6px}.district-tag{background:#fff;background:var(--color-surface,#fff);border:1px solid #d4d4d8;border:1px solid var(--color-border,#d4d4d8);border-radius:6px;border-radius:var(--radius-sm,6px);color:#18181b;color:var(--color-text,#18181b);display:inline-block;font-size:.75rem;font-size:var(--fs-xs,.75rem);font-weight:600;padding:4px 10px}.available-operators-section{margin-top:16px;margin-top:var(--space-4,16px)}.available-operators-title{align-items:center;color:#18181b;color:var(--color-text,#18181b);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:600;gap:8px}.district-pill,.segment-pill{border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-block;font-size:.75rem;font-size:var(--fs-xs,.75rem);font-weight:600;padding:2px 10px}.segment-pill{background:#b8860b26;background:var(--brand-primary-glow,#b8860b26);border:1px solid #dcab44;border:1px solid var(--brand-primary-light,#dcab44);color:#b8860b;color:var(--brand-primary,#b8860b)}.district-pill{background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border:1px solid #d4d4d8;border:1px solid var(--color-border,#d4d4d8);color:#71717a;color:var(--color-text-muted,#71717a)}.operator-groups{display:flex;flex-direction:column;gap:16px;gap:var(--space-4,16px);margin-top:8px;margin-top:var(--space-2,8px)}.operator-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-2,8px)}.operator-group-segment{color:#18181b;color:var(--color-text,#18181b);font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:700}.operator-group-count{color:#71717a;color:var(--color-text-muted,#71717a);font-size:.8125rem;font-size:var(--fs-xs,.8125rem)}.operator-list{grid-gap:12px;grid-gap:var(--space-3,12px);display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.operator-card,.operator-list{gap:12px;gap:var(--space-3,12px)}.operator-card{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #d4d4d8;border:1px solid var(--color-border,#d4d4d8);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;padding:12px;padding:var(--space-3,12px);text-align:left;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease),background-color .15s ease}.operator-card:hover{box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm,0 1px 3px #0000000d)}.operator-card.selected,.operator-card:hover{border-color:#b8860b;border-color:var(--brand-primary,#b8860b)}.operator-card.selected{background:#b8860b14;background:var(--brand-primary-glow,#b8860b14)}.operator-card-avatar{align-items:center;background:#b8860b26;background:var(--brand-primary-glow,#b8860b26);border:2px solid #b8860b;border:2px solid var(--brand-primary,#b8860b);border-radius:50%;color:#b8860b;color:var(--brand-primary,#b8860b);display:flex;flex-shrink:0;font-weight:700;height:44px;justify-content:center;overflow:hidden;width:44px}.operator-card-avatar img{height:100%;object-fit:cover;width:100%}.operator-card-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.operator-card-name{color:#18181b;color:var(--color-text,#18181b);font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operator-card-meta{color:#71717a;color:var(--color-text-muted,#71717a);display:flex;font-size:.8125rem;font-size:var(--fs-xs,.8125rem);gap:6px}.operator-card-services{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.service-tag{background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border:1px solid #d4d4d8;border:1px solid var(--color-border,#d4d4d8);border-radius:6px;color:#71717a;color:var(--color-text-muted,#71717a);font-size:10px;font-weight:600;padding:2px 8px}.operator-card-select{border:1px solid #b8860b;border:1px solid var(--brand-primary,#b8860b);border-radius:6px;border-radius:var(--radius-sm,6px);color:#b8860b;color:var(--brand-primary,#b8860b);font-size:.8125rem;font-size:var(--fs-xs,.8125rem);font-weight:700;padding:4px 10px;white-space:nowrap}.operator-card.selected .operator-card-select{background:#b8860b;background:var(--brand-primary,#b8860b);color:#fff}.services-grid{display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px);margin-bottom:12px;margin-bottom:var(--space-3,12px)}.checkbox-card{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #d4d4d8;border:1px solid var(--color-border,#d4d4d8);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;justify-content:space-between;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease),background-color .15s ease}.checkbox-card:hover{border-color:#b8860b;border-color:var(--brand-primary,#b8860b);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm,0 1px 3px #0000000d)}.checkbox-left{align-items:center;display:flex;gap:12px;gap:var(--space-3,12px)}.checkbox-card input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;background:var(--color-surface,#fff);border:2px solid #b8860b;border:2px solid var(--brand-primary,#b8860b);border-radius:4px;cursor:pointer;height:20px;position:relative;width:20px}.checkbox-card input[type=checkbox]:checked{background:#b8860b;background:var(--brand-primary,#b8860b);border-color:#b8860b;border-color:var(--brand-primary,#b8860b)}.checkbox-card input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox-card label{color:#18181b;color:var(--color-text,#18181b);cursor:pointer;font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:600;margin:0}.terms-link{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#b8860b;color:var(--brand-primary,#b8860b);cursor:pointer;font-size:.8125rem;font-size:var(--fs-xs,.8125rem);font-weight:600;padding:4px 8px;text-decoration:none;transition:background-color .15s ease,-webkit-text-decoration .15s ease;transition:background-color .15s ease,text-decoration .15s ease;transition:background-color .15s ease,text-decoration .15s ease,-webkit-text-decoration .15s ease}.terms-link:hover{background:#b8860b26;background:var(--brand-primary-glow,#b8860b26);text-decoration:underline}.agreement-card{background:#b8860b0f;background:var(--brand-primary-glow,#b8860b0f);border:1px dashed #b8860b;border:1px dashed var(--brand-primary,#b8860b);gap:12px;gap:var(--space-3,12px);justify-content:flex-start}.agreement-card.checked{background:#b8860b1f;background:var(--brand-primary-glow,#b8860b1f);border:2px solid #b8860b;border:2px solid var(--brand-primary,#b8860b)}.terms-agreement{align-items:center;background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border-top:1px solid #d4d4d8;border-top:1px solid var(--color-border,#d4d4d8);display:flex;gap:12px;gap:var(--space-3,12px);margin-top:12px;margin-top:var(--space-3,12px);padding:16px;padding:var(--space-4,16px)}.terms-agreement input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;background:var(--color-surface,#fff);border:2px solid #b8860b;border:2px solid var(--brand-primary,#b8860b);border-radius:4px;cursor:pointer;height:20px;position:relative;width:20px}.terms-agreement input[type=checkbox]:checked{background:#b8860b;background:var(--brand-primary,#b8860b);border-color:#b8860b;border-color:var(--brand-primary,#b8860b)}.terms-agreement input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.terms-agreement label{color:#18181b;color:var(--color-text,#18181b);cursor:pointer;font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:600;margin:0}[data-theme=dark] .terms-agreement{background:#09090b;background:var(--color-bg-subtle,#09090b);border-top-color:#27272a;border-top-color:var(--color-border,#27272a)}.otp-dual-grid{grid-gap:16px;grid-gap:var(--space-4,16px);display:grid;gap:16px;gap:var(--space-4,16px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.otp-card{background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border:1px solid #d4d4d8;border:1px solid var(--color-border,#d4d4d8);border-radius:10px;border-radius:var(--radius-md,10px);display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px);padding:16px;padding:var(--space-4,16px);transition:border-color .2s ease,background-color .2s ease}.otp-card.verified-card{background:#10b98114;background:var(--color-success-bg,#10b98114);border-color:#10b981;border-color:var(--color-success,#10b981)}.otp-card-header{align-items:center;display:flex;justify-content:space-between}.otp-title{color:#18181b;color:var(--color-text,#18181b);font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:700}.status-badge{border-radius:var(--radius-full,9999px);font-size:.75rem;font-size:var(--fs-xs,.75rem);font-weight:700;padding:2px 8px}.status-badge.verified{background:#10b981;background:var(--color-success,#10b981);color:#fff}.otp-section{display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px)}.digit-inputs{display:flex;gap:clamp(4px,1.5vw,8px);justify-content:center;width:100%}.otp-digit{background:#fff;background:var(--color-surface,#fff);border:1.5px solid #d4d4d8;border:1.5px solid var(--color-border,#d4d4d8);border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;color:#18181b;color:var(--color-text,#18181b);font-size:clamp(1.15rem,3vw,1.4rem);font-weight:700;height:clamp(42px,10vw,50px);padding:0;text-align:center;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease);width:clamp(38px,9vw,48px)}.otp-digit:focus{border-color:#b8860b;border-color:var(--brand-primary,#b8860b);box-shadow:0 0 0 3px #b8860b40;box-shadow:0 0 0 3px var(--brand-primary-glow,#b8860b40);outline:none}.otp-digit:disabled{background:#e4e4e7;background:var(--color-bg-subtle,#e4e4e7);border-color:#d4d4d8;border-color:var(--color-border-muted,#d4d4d8);color:#71717a;color:var(--color-text-muted,#71717a);cursor:not-allowed}.otp-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2,8px);justify-content:center}.send-otp-btn,.verify-otp-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:inline-flex;font-size:.8125rem;font-size:var(--fs-xs,.8125rem);font-weight:600;height:40px;justify-content:center;padding:0 16px;transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.send-otp-btn{background:#fff;background:var(--color-surface,#fff);border:1px solid #b8860b;border:1px solid var(--brand-primary,#b8860b);color:#b8860b;color:var(--brand-primary,#b8860b)}.send-otp-btn:hover:not(:disabled){background:#b8860b26;background:var(--brand-primary-glow,#b8860b26)}.send-otp-btn.verified{background:#10b9811f;background:var(--color-success-bg,#10b9811f);border-color:#10b981;border-color:var(--color-success,#10b981);color:#10b981;color:var(--color-success,#10b981)}.verify-otp-btn{background:#b8860b;background:var(--brand-primary,#b8860b);color:#fff}.verify-otp-btn:hover:not(:disabled){background:#996f10;background:var(--brand-primary-dark,#996f10);box-shadow:0 1px 3px #00000026;box-shadow:var(--shadow-sm,0 1px 3px #00000026);transform:translateY(-1px)}.send-otp-btn:disabled,.verify-otp-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.otp-success{align-items:center;color:#10b981;color:var(--color-success,#10b981);display:flex;font-size:.8125rem;font-size:var(--fs-xs,.8125rem);font-weight:600;gap:4px;margin:0}.sticky-footer{background:#fff;background:var(--color-surface,#fff);border-top:1px solid #e4e4e7;border-top:1px solid var(--color-border,#e4e4e7);bottom:0;box-shadow:0 -8px 24px #0000000f,0 -2px 8px #0000000a;box-sizing:border-box;margin-top:auto;position:-webkit-sticky;position:sticky;width:100%;z-index:100}.footer-inner{display:flex;gap:12px;gap:var(--space-3,12px);margin:0 auto;max-width:1024px;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--space-3, 12px) + var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)));width:100%}.draft-btn,.submit-btn{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:inline-flex;flex:1 1;font-size:.9375rem;font-size:var(--fs-md,.9375rem);font-weight:600;gap:8px;gap:var(--space-2,8px);height:48px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.draft-btn{background:#fff;background:var(--color-surface,#fff);border:1px solid #d4d4d8;border:1px solid var(--color-border,#d4d4d8);color:#18181b;color:var(--color-text,#18181b)}.draft-btn:hover:not(:disabled){background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border-color:#a1a1aa;border-color:var(--color-border-strong,#a1a1aa);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm,0 1px 3px #00000014);transform:translateY(-1px)}.draft-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.draft-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.draft-btn:focus-visible{border-color:#b8860b;border-color:var(--brand-primary,#b8860b);box-shadow:0 0 0 3px #b8860b66;box-shadow:0 0 0 3px var(--brand-primary-glow,#b8860b66);outline:none}.submit-btn{background:#b8860b;background:var(--brand-primary,#b8860b);border:none;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);color:#fff}.submit-btn:hover:not(:disabled){background:#996f10;background:var(--brand-primary-dark,#996f10);box-shadow:0 6px 16px #b8860b4d;box-shadow:var(--shadow-gold,0 6px 16px #b8860b4d);transform:translateY(-1px)}.submit-btn:active:not(:disabled){box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);transform:translateY(0)}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.submit-btn:focus-visible{box-shadow:0 0 0 3px #b8860b66;box-shadow:0 0 0 3px var(--brand-primary-glow,#b8860b66);outline:none}.submit-btn.loading{color:#0000;pointer-events:none;position:relative}.submit-btn.loading:after{border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";position:absolute}.loading-spinner,.submit-btn.loading:after{animation:spin .8s linear infinite;height:20px;width:20px}.loading-spinner{border:2.5px solid #d4d4d8;border-top-color:#b8860b;border:2.5px solid var(--color-border,#d4d4d8);border-radius:50%;border-top-color:var(--brand-primary,#b8860b);display:inline-block;vertical-align:middle}.loading-state{color:#71717a;color:var(--color-text-muted,#71717a);flex-direction:column;gap:12px;padding:60px 20px}.loading-state,.popup-overlay{align-items:center;display:flex;justify-content:center}.popup-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000008c;bottom:0;box-sizing:border-box;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}.popup-content{animation:popupSlideIn .25s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--color-surface,#fff);border:1px solid #e4e4e7;border:1px solid var(--color-border,#e4e4e7);border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:0 20px 25px -5px #00000026;box-shadow:var(--shadow-xl,0 20px 25px -5px #00000026);display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:100%}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.95) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-header{align-items:center;background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--color-border,#e4e4e7);display:flex;justify-content:space-between;padding:16px 20px;padding:var(--space-4,16px) var(--space-5,20px)}.popup-header h3{color:#18181b;color:var(--color-text,#18181b);font-size:1.1rem;font-weight:700;margin:0}.close-btn{border-radius:50%;color:#71717a;color:var(--color-text-muted,#71717a);font-size:1.5rem;transition:all .15s ease}.close-btn:hover{background:#e4e4e7;background:var(--color-border,#e4e4e7);color:#18181b;color:var(--color-text,#18181b)}.popup-body{display:flex;flex-direction:column;gap:16px;gap:var(--space-4,16px);max-height:60vh;overflow-y:auto;padding:20px;padding:var(--space-5,20px)}.terms-section h4{color:#18181b;color:var(--color-text,#18181b);font-size:.95rem;font-weight:700;margin:0 0 6px}.terms-section p{color:#3f3f46;color:var(--color-text-secondary,#3f3f46);font-size:.875rem;font-size:var(--fs-sm,.875rem);line-height:1.6;margin:0}.popup-footer{background:#f4f4f5;background:var(--color-bg-subtle,#f4f4f5);border-top:1px solid #e4e4e7;border-top:1px solid var(--color-border,#e4e4e7);display:flex;justify-content:flex-end;padding:12px 20px;padding:var(--space-3,12px) var(--space-5,20px)}.popup-close-btn{background:#b8860b;background:var(--brand-primary,#b8860b);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--fs-sm,.875rem);font-weight:600;padding:10px 22px;transition:all .15s ease}.popup-close-btn:hover{background:#996f10;background:var(--brand-primary-dark,#996f10)}[data-theme=dark] .segment-registration-page{background-color:#0a0a0a;background-color:var(--color-bg,#0a0a0a);color:#f9fafb;color:var(--color-text,#f9fafb)}[data-theme=dark] .form-card{background:#18181b;background:var(--color-surface,#18181b);border-color:#27272a;border-color:var(--color-border,#27272a)}[data-theme=dark] input[type=tel],[data-theme=dark] input[type=text],[data-theme=dark] select{background:#18181b;background:var(--color-surface,#18181b);border-color:#3f3f46;border-color:var(--color-border,#3f3f46);color:#f9fafb;color:var(--color-text,#f9fafb)}[data-theme=dark] input[type=text].read-only-segment,[data-theme=dark] input[type=text]:read-only,[data-theme=dark] select:disabled{background-color:#09090b;background-color:var(--color-bg-subtle,#09090b);border-color:#27272a;border-color:var(--color-border-muted,#27272a);color:#a1a1aa;color:var(--color-text-muted,#a1a1aa)}[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=dark] .address-card,[data-theme=dark] .dealing-person-card,[data-theme=dark] .info-grid,[data-theme=dark] .otp-card{background:#09090b;background:var(--color-bg-subtle,#09090b);border-color:#27272a;border-color:var(--color-border,#27272a)}[data-theme=dark] .checkbox-card,[data-theme=dark] .district-tag,[data-theme=dark] .file-preview,[data-theme=dark] .operator-card,[data-theme=dark] .otp-digit{background:#18181b;background:var(--color-surface,#18181b);border-color:#3f3f46;border-color:var(--color-border,#3f3f46);color:#f9fafb;color:var(--color-text,#f9fafb)}[data-theme=dark] .otp-digit:disabled{background:#09090b;background:var(--color-bg-subtle,#09090b);border-color:#27272a;border-color:var(--color-border-muted,#27272a);color:#71717a;color:var(--color-text-muted,#71717a)}[data-theme=dark] .sticky-footer{background:#18181b;background:var(--color-surface,#18181b);border-top-color:#27272a;border-top-color:var(--color-border,#27272a)}[data-theme=dark] .draft-btn{background:#18181b;background:var(--color-surface,#18181b);border-color:#3f3f46;border-color:var(--color-border,#3f3f46);color:#f9fafb;color:var(--color-text,#f9fafb)}[data-theme=dark] .draft-btn:hover{background:#27272a;background:var(--color-bg-subtle,#27272a)}[data-theme=dark] .popup-content{background:#18181b;background:var(--color-surface,#18181b);border-color:#27272a;border-color:var(--color-border,#27272a)}[data-theme=dark] .popup-footer,[data-theme=dark] .popup-header{background:#09090b;background:var(--color-bg-subtle,#09090b);border-color:#27272a;border-color:var(--color-border,#27272a)}[data-theme=dark] .close-btn:hover{background:#27272a;background:var(--color-border,#27272a);color:#f9fafb;color:var(--color-text,#f9fafb)}@media (max-width:768px){.segment-registration-content-wrapper{padding:0 12px;padding:0 var(--space-3,12px)}.form-card{border-radius:10px;border-radius:var(--radius-md,10px);padding:16px;padding:var(--space-4,16px)}.existing-registration-banner{flex-direction:row;padding:12px;padding:var(--space-3,12px)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:12px;padding:var(--space-3,12px)}.otp-dual-grid{grid-template-columns:1fr}.popup-content{border-radius:10px;border-radius:var(--radius-md,10px);max-height:90vh}}@media (max-width:480px){.segment-registration-content-wrapper{padding:0 8px;padding:0 var(--space-2,8px)}.main-content{gap:12px;gap:var(--space-3,12px);padding-top:12px;padding-top:var(--space-3,12px)}.form-card{padding:14px}.form-grid{grid-template-columns:1fr}.existing-registration-banner{align-items:flex-start;flex-direction:column}.view-operators-link{align-self:flex-end}.checkbox-card{padding:10px 12px}.otp-actions{width:100%}.send-otp-btn,.verify-otp-btn{flex:1 1;width:100%}.digit-inputs{gap:4px}.otp-digit{font-size:1.15rem;height:44px;width:38px}.footer-inner{gap:8px;padding:10px 12px}.draft-btn,.submit-btn{font-size:.875rem;height:44px}}@media (max-width:360px){.otp-digit{font-size:1rem;height:40px;width:34px}.info-grid{grid-template-columns:1fr}}.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;height:calc(56px + env(safe-area-inset-top, 0px));height:calc(var(--toolbar-height, 56px) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));left:0;padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-inset-top,env(safe-area-inset-top,0));position:-webkit-sticky;position:sticky;right:0;top:0;transition:background-color .2s ease,border-color .2s ease;will-change:auto;z-index:1000}.pageheader-content{align-items:center;box-sizing:border-box;display:flex;height:56px;height:var(--toolbar-height,56px);margin:0 auto;max-width:1200px;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%;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:calc(64px + env(safe-area-inset-top, 0px));height:calc(var(--toolbar-height, 64px) + var(--safe-area-inset-top, env(safe-area-inset-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:calc(48px + env(safe-area-inset-top, 0px));height:calc(48px + var(--safe-area-inset-top, env(safe-area-inset-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}}: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:calc(env(safe-area-inset-top, 0px) + 20px) auto 20px;margin-top:calc(var(--safe-area-inset-top, env(safe-area-inset-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;margin-top:12px}@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}.location-picker-card{background:#fff;background:var(--white,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm,0 2px 8px #0000000d);display:flex;flex-direction:column;gap:16px;gap:var(--space-4,16px);margin-bottom:20px;margin-bottom:var(--space-5,20px);padding:20px;padding:var(--space-5,20px);transition:box-shadow .2s ease;transition:box-shadow var(--transition-fast,.2s ease)}.location-picker-card:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md,0 4px 12px #0000001a)}.location-picker-header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px);justify-content:space-between;padding-bottom:16px;padding-bottom:var(--space-4,16px)}.picker-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:6px 14px;transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.status-idle{background:#f5f5f5;background:var(--secondary-color,#f5f5f5);color:#666;color:var(--text-secondary,#666)}.status-loading{background:#c197201a;color:#c19720;color:var(--color-primary,#c19720)}.status-verified{background:#4caf501a;border:1px solid #4caf5040;color:#4caf50;color:var(--success-color,#4caf50)}.status-warning{background:#ff98001a;border:1px solid #ff980040;color:#e67e00}.status-error{background:#f4433614;border:1px solid #f4433633;color:#f44336;color:var(--error-color,#f44336)}.spinner{animation:loc-spin 1s linear infinite}@keyframes loc-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.accuracy-pill{border-radius:6px;border-radius:var(--radius-sm,6px);font-size:12px;font-weight:600;letter-spacing:.02em;padding:5px 12px}.accuracy-excellent{background:#4caf501f;color:#2e7d32}.accuracy-good{background:#2196f31a;color:#1565c0}.accuracy-acceptable{background:#ff98001f;color:#e67e00}.accuracy-poor{background:#f443361a;color:#c62828}.accuracy-unknown{background:#f5f5f5;background:var(--secondary-color,#f5f5f5);color:#666;color:var(--text-secondary,#666)}.location-address-display{background:#f9f9f9;background:var(--gray-light,#f9f9f9);border-left:4px solid #c19720;border-left:4px solid var(--color-primary,#c19720);border-radius:10px;border-radius:var(--radius-md,10px);display:flex;flex-direction:column;gap:6px;padding:16px}.location-address-display .display-label{color:#666;color:var(--text-secondary,#666);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.location-address-display .address-text{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:500;line-height:1.55;margin:0}.location-address-display .captured-timestamp{color:#7b8794;color:var(--color-text-muted,#7b8794);font-size:11px}.status-message-alert{border-radius:10px;border-radius:var(--radius-md,10px);font-size:13px;font-weight:500;line-height:1.45;padding:12px 16px}.alert-info{background:#c1972014;border:1px solid #c1972033;color:#b8860b;color:var(--color-primary-dark,#b8860b)}.alert-warning{background:#ff980014;border:1px solid #ff980033;color:#bf6c00}.alert-danger{background:#f443360f;border:1px solid #f443362e;color:#f44336;color:var(--error-color,#f44336)}.location-picker-actions{display:flex;flex-direction:column;gap:10px}.location-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--btn-border-radius,8px);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;min-height:44px;padding:.75rem 1.25rem;padding:var(--btn-padding-y,.75rem) var(--btn-padding-x,1.25rem);transition:all .2s ease-in-out;transition:var(--btn-transition,all .2s ease-in-out);width:100%}.location-picker-card .btn-primary{background:#c19720;background:var(--color-primary,#c19720);border-color:#c19720;border-color:var(--color-primary,#c19720);box-shadow:none;color:#fff}.location-picker-card .btn-primary:hover:not(:disabled){background:#b8860b;background:var(--color-primary-dark,#b8860b);border-color:#b8860b;border-color:var(--color-primary-dark,#b8860b);transform:translateY(-1px)}.location-picker-card .btn-secondary{background:#f5f5f5;background:var(--secondary-color,#f5f5f5);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);color:#333;color:var(--text-primary,#333)}.location-picker-card .btn-secondary:hover{background:#e0e0e0;background:var(--gray-medium,#e0e0e0)}.btn-loading{cursor:not-allowed;opacity:.7}.error-action-row{display:flex;flex-direction:column;gap:10px}.manual-entry-helper{color:#666;color:var(--text-secondary,#666);font-size:12px;font-style:italic;margin:0;text-align:center}.map-preview-wrapper{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:10px;border-radius:var(--radius-md,10px);overflow:hidden;position:relative}.map-preview-iframe{border:none;display:block}.view-maps-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;border-radius:var(--radius-sm,6px);bottom:10px;box-shadow:0 1px 4px #0000000f;color:#333;color:var(--text-primary,#333);display:inline-flex;font-size:12px;font-weight:700;padding:6px 12px;position:absolute;right:10px;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.view-maps-btn:hover{background:#fff;border-color:#c19720;border-color:var(--color-primary,#c19720);box-shadow:0 2px 8px #0000001a;color:#b8860b;color:var(--color-primary-dark,#b8860b)}.tech-details-section{border-top:1px solid #ddd;border-top:1px solid var(--border-color,#ddd);padding-top:12px;padding-top:var(--space-3,12px)}.tech-details-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 8px;transition:background .2s ease;transition:background var(--transition-fast,.2s ease)}.tech-details-toggle:hover{color:#333;color:var(--text-primary,#333)}.tech-details-content,.tech-details-toggle:hover{background:#f9f9f9;background:var(--gray-light,#f9f9f9)}.tech-details-content{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:10px;border-radius:var(--radius-md,10px);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:3px}.tech-field label{color:#7b8794;color:var(--color-text-muted,#7b8794);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tech-field span{word-break:break-all}.tech-field input,.tech-field span{color:#333;color:var(--text-primary,#333);font-size:13px;font-weight:500}.tech-field input{background:#fff;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;border-radius:var(--radius-sm,6px);outline:none;padding:6px 10px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition-fast,.2s ease),box-shadow var(--transition-fast,.2s ease);width:100%}.tech-field input:focus{border-color:#c19720;border-color:var(--color-primary,#c19720);box-shadow:0 0 0 3px #c1972026}.edit-coords-toggle{align-self:flex-start;background:none;border:none;color:#b8860b;color:var(--color-primary-dark,#b8860b);cursor:pointer;font-size:12px;font-weight:600;padding:2px 0;transition:opacity .2s ease;transition:opacity var(--transition-fast,.2s ease)}.edit-coords-toggle:hover{opacity:.85;text-decoration:underline}@media (max-width:480px){.location-picker-card{padding:16px}.location-picker-header{align-items:flex-start;flex-direction:column}.tech-details-grid{grid-template-columns:1fr}}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);box-shadow:0 2px 6px #0000000d;height:calc(56px + env(safe-area-inset-top, 0px));height:calc(var(--header-height, 56px) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));left:0;padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-inset-top,env(safe-area-inset-top,0));position:fixed;right:0;top:0;z-index:1000}.maincontent{background-color:#f5f5f5;background-color:var(--color-bg-secondary,#f5f5f5);display:flex;margin-left:60px;margin-top:calc(56px + env(safe-area-inset-top, 0px));margin-top:calc(var(--header-height, 56px) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));padding:0 0 15%}.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:env(safe-area-inset-bottom,12px);display:flex;flex-direction:column;left:0;margin-bottom:50px;overflow-y:auto;padding:12px 0;position:fixed;scrollbar-width:none;top:calc(56px + env(safe-area-inset-top, 0px));top:calc(var(--header-height, 56px) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));width:60px;z-index:1}.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:60px;padding:0;position:fixed;right:0;top:calc(56px + env(safe-area-inset-top, 0px));top:calc(var(--header-height, 56px) + var(--safe-area-inset-top, env(safe-area-inset-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-top:60px}.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:60px;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:480px) and (orientation:portrait){.scrollable-area{padding-bottom:env(safe-area-inset-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){.maincontent{margin-left:80px;margin-right:auto;max-width:1200px}.purity-wrapper{left:80px}.categories-grid{gap:16px;grid-template-columns:repeat(3,1fr);padding:20px}.category-card{height:180px}}.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:calc(60px + env(safe-area-inset-bottom, 0px));min-height:calc(60px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));padding:8px 0 max(8px,env(safe-area-inset-bottom,0px));padding-bottom:max(8px,var(--safe-area-inset-bottom,env(safe-area-inset-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,env(safe-area-inset-bottom,0px));padding-bottom:max(10px,var(--safe-area-inset-bottom,env(safe-area-inset-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}.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-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}.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%}.drawer-header{align-items:flex-start;border-bottom:1px solid var(--color-border);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)}@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{max-width:1200px;min-height:100vh;padding-bottom:50px}.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:16px;top:16px;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:40px;justify-content:center;transition:all .2s ease;width:40px}.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:768px){.product-content{align-items:stretch;flex-direction:row}.product-gallery{flex:1.2 1;max-width:55%}.additional-info{border-bottom:none;border-left:1px solid var(--color-border);display:flex;flex:1 1;flex-direction:column;justify-content:center}.product-info{flex:1 1}.spec-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.main-image{height:600px}.rtgs-section{gap:24px;grid-template-columns:repeat(2,1fr);padding:24px}}@media (min-width:1024px){.product-details-container{padding:80px 24px 40px;padding:calc(var(--header-height-with-safe-area, 56px) + 24px) 24px 40px}.product-content{border-radius:var(--radius-xl)}.main-image{height:650px}.spec-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.specifications-card{padding:32px}.rtgs-section{padding:28px}}@media (max-width:767px){.main-image{height:350px}.additional-info{padding:16px}.specifications-card{border-radius:var(--radius-md);padding:16px}.price{font-size:var(--fs-xl)}.add-to-cart-btn,.buy-now-btn{width:100%}}.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);cursor:pointer;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)}.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:calc(56px + env(safe-area-inset-top, 0px));top:var(--header-height-with-safe-area,calc(56px + env(safe-area-inset-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{gap:12px;padding:12px 16px}.catlouge-container{padding-left:16px;padding-right:16px}.workflow-steps{gap:16px;margin:0 auto;max-width:960px}}@media (min-width:1024px){.catlouge-container{padding-left:24px;padding-right:24px}.workflow-steps{max-width:1200px}}.dark .step-card{box-shadow:var(--shadow-sm)}.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:calc(56px + env(safe-area-inset-top, 0px));top:var(--header-height-with-safe-area,calc(56px + env(safe-area-inset-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)}.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{margin:0 auto;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}}.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{background:#1f2937;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}.dark .oh-card-header{background:#1f2937}.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{background:#fafafa;border-top:1px solid #f3f4f6;padding:16px}.dark .oh-card-body{background:#111827;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{background:#1f2937;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{background:#1f2937;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;display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;margin-bottom:8px;padding:8px 12px}.dark .oh-metrics-grid{background:#111827}.oh-size-cards{display:flex;flex-wrap:wrap;gap:8px;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}.processing-orders-container{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(2,1fr);padding:calc(72px + env(safe-area-inset-top, 0px)) 16px 16px;padding-top:calc(var(--header-height, 56px) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 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}.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}.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{max-width:1200px;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:.75rem;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.live-rates__updated{color:var(--color-text-muted);font-size:.75rem}.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}@keyframes spin{to{transform:rotate(1turn)}}.live-rates__loading p{color:var(--color-text-secondary);font-size:.9rem}.live-rates__table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}.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:.65rem;font-weight:600;margin-left:2px}.live-rates__table th{color:var(--color-text-secondary);font-size:.62rem;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:.75rem;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:.75rem;font-weight:600;gap:2px}.rate-value.up{color:#059669}.rate-value.down{color:#dc2626}.rate-value svg{flex-shrink:0}.change-badge{align-items:center;border-radius:10px;display:inline-flex;flex-shrink:0;font-size:.6rem;font-weight:600;gap:2px;padding:1px 5px;white-space:nowrap}.change-badge.positive{background:#10b9811f;color:#059669}.change-badge.negative{background:#ef44441f;color:#dc2626}.change-badge svg{flex-shrink:0}.news-feed{background:var(--color-bg);border-radius:12px;box-shadow:var(--shadow-card);padding:20px}.news-feed__header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.news-feed__title{color:var(--color-text);font-size:1.5rem;font-weight:700;margin:0}.news-feed__refresh{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s}.news-feed__refresh:hover:not(:disabled){background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.news-feed__refresh:disabled{cursor:not-allowed;opacity:.6}.news-feed__loading{padding:60px 20px}.news-feed__empty,.news-feed__loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.news-feed__empty{color:var(--color-text-secondary);padding:40px 20px;text-align:center}.news-feed__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.news-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.news-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.news-card__link{color:inherit;display:block;text-decoration:none}.news-card__image-container{background:var(--color-bg-secondary);height:180px;overflow:hidden;position:relative;width:100%}.news-card__image-container.no-image{align-items:center;display:flex;justify-content:center}.news-card__image{height:100%;object-fit:cover;transition:transform .3s;width:100%}.news-card:hover .news-card__image{transform:scale(1.05)}.news-card__category{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.news-card__content{padding:16px}.news-card__title{-webkit-line-clamp:2;color:var(--color-text);font-size:1rem;font-weight:700;line-height:1.4;margin:0 0 8px}.news-card__description,.news-card__title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.news-card__description{-webkit-line-clamp:3;color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;margin:0 0 12px}.news-card__meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:.75rem;justify-content:space-between}.news-card__source{font-weight:600}.news-card__time{font-weight:400}@media (max-width:768px){.live-rates-page{padding:12px}.live-rates,.news-feed{padding:16px}.live-rates__header,.news-feed__header{align-items:flex-start;flex-direction:column;gap:8px}.live-rates__status{align-items:flex-start}.live-rates__title,.news-feed__title{font-size:1.25rem}.news-feed__grid{grid-template-columns:1fr}}@media (max-width:560px){.live-rates__table td,.live-rates__table th{font-size:.68rem;padding:4px 6px;white-space:nowrap}.table-metal-name{font-size:.72rem}.rate-value{font-size:.7rem}.change-badge{font-size:.54rem;padding:1px 4px}.table-rate-cell{gap:3px}}@media (min-width:769px) and (max-width:1024px){.news-feed__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.live-rates,.live-rates-page,.news-feed{padding:24px}.news-feed__grid{grid-template-columns:repeat(3,1fr)}}.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{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.75rem;height:32px;justify-content:center;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;cursor:pointer;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}.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)}.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)}}.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}.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}.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)}.selector-tabs{display:flex;flex-shrink:0;gap:var(--space-2)}.selector-content{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.theme-side-bar{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:8px;padding:var(--space-2)}.theme-chips{display:flex;flex-wrap:wrap;gap:6px}.theme-chip-btn{align-items:center;background:var(--color-bg);border:2px solid #e5e7eb;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.theme-chip-btn:hover{transform:scale(1.1)}.theme-chip-btn.active{border-color:#d4af37;border-color:var(--brand-primary,#d4af37);box-shadow:0 0 0 2px #d4af3733}.color-dot{border-radius:50%;display:block;height:14px;width:14px}.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;max-height:55vh;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{display:flex;flex:1 1;flex-direction:column;min-height:0}@media (min-width:1024px){.designer-main-container{flex-direction:row;height:calc(100vh - 64px);height:calc(100vh - var(--toolbar-height, 64px));overflow:hidden}.designer-topbar{display:none}.designer-canvas{flex:0 0 40%;height:100vh;max-width:none;overflow-y:auto;padding:var(--space-4)}.control-dock{border-left:1px solid var(--color-border);border-top:none;flex:0 0 60%;max-height:100vh}.dock-actions{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);bottom:0;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky}}@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-tab{align-items:center;background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;font-weight:600;gap:var(--space-0-5);letter-spacing:.05em;padding:var(--space-2) var(--space-1);position:relative;text-transform:uppercase;transition:all .2s ease}.selector-tab .tab-icon{font-size:1.1rem;line-height:1}.selector-tab:hover{background:#d4af3714;color:var(--color-text)}.selector-tab.active{background:#d4af371f;color:var(--color-text)}.selector-tab.active:after{background:var(--color-accent);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.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}
/*# sourceMappingURL=main.6ce0a23b.css.map*/