.image-upload-manager{margin:20px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upload-error{justify-content:space-between;padding:12px 16px;background-color:#fee;border:1px solid #e74c3c;border-radius:6px;font-size:.9rem;margin-bottom:20px}.btn-close-error,.upload-error{display:flex;align-items:center;color:#c0392b}.btn-close-error{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;width:24px;height:24px;justify-content:center}.btn-close-error:hover{color:#a93226}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.upload-header h4{font-size:1.1rem;font-weight:600;margin:0;color:#333}.upload-limit{font-size:.9rem;color:#666;font-weight:500}.upload-zone{border:2px dashed #ddd;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background-color:#fafafa;margin-bottom:20px}.upload-zone:hover{border-color:#198754;background-color:#f0fdf4}.upload-zone:focus{outline:3px solid #198754;outline-offset:2px;border-color:#198754}.upload-zone.dragging{border-color:#198754;background-color:#dcfce7;border-width:3px}.upload-icon{font-size:3rem;margin-bottom:12px}.upload-text{font-size:1rem;margin:0 0 8px;color:#333}.upload-text strong{color:#198754}.upload-hint{font-size:.85rem;color:#666;margin:0}.upload-limit-reached{padding:24px;border:2px dashed #ddd;border-radius:8px;text-align:center;background-color:#fff9e6;margin-bottom:20px}.upload-limit-reached p{margin:0 0 8px;color:#666}.upload-limit-reached p:last-child{margin-bottom:0}.uploading-files{margin-bottom:20px}.uploading-file{padding:12px 16px;border:1px solid #ddd;border-radius:6px;background-color:#f9f9f9;margin-bottom:8px}.uploading-file-name{display:block;font-size:.9rem;font-weight:500;color:#333;margin-bottom:8px}.uploading-progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.uploading-progress-fill{height:100%;background-color:#198754;transition:width .3s ease}.uploading-error{display:block;font-size:.85rem;color:#e74c3c;margin-top:6px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.image-card{position:relative;border:2px solid #ddd;border-radius:8px;background-color:#fff;transition:all .2s;overflow:hidden}.image-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.image-card.primary{border-color:#fbbf24;border-width:3px}.image-preview{width:100%;aspect-ratio:1;object-fit:cover;display:block}.image-assignment{position:absolute;bottom:38px;left:0;right:0;padding:8px;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.6));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.assignment-dropdown{width:100%;padding:6px 8px;font-size:.85rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background-color:rgba(255,255,255,.95);color:#333;cursor:pointer;transition:all .2s;font-weight:500}.assignment-dropdown:hover{background-color:#fff;border-color:#198754}.assignment-dropdown:focus{outline:2px solid #198754;outline-offset:2px;border-color:#198754}.assignment-dropdown option[value=primary]{font-weight:600;color:#fbbf24}.assignment-dropdown optgroup{font-weight:600;color:#666}.btn-delete{position:absolute;top:6px;right:6px;width:24px;height:24px;padding:0;background-color:rgba(0,0,0,.4);border:none;border-radius:4px;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.2);z-index:2}.btn-delete:hover{background-color:rgba(220,38,38,.9);transform:scale(1.1);box-shadow:0 2px 6px rgba(220,38,38,.4)}.btn-delete:focus{outline:2px solid #e74c3c;outline-offset:2px}.btn-delete span{font-weight:300;line-height:1;margin-top:-2px}.image-meta{padding:8px 12px;background-color:#f9f9f9;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#666}.image-order{font-weight:600;color:#333}.image-dimensions{font-family:Courier New,monospace}.image-size{font-weight:500}.upload-tips{padding:16px 20px;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-top:20px}.upload-tips h5{font-size:.95rem;font-weight:600;margin:0 0 8px;color:#0369a1}.upload-tips ul{margin:0;padding-left:20px}.upload-tips li{font-size:.85rem;color:#075985;line-height:1.6;margin-bottom:4px}.upload-tips li:last-child{margin-bottom:0}.no-images{padding:40px 20px;text-align:center;color:#666}.no-images p{margin:0}@media (max-width:768px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.upload-zone{padding:30px 16px}.upload-icon{font-size:2.5rem}}@media (max-width:480px){.image-grid{grid-template-columns:repeat(2,1fr)}.image-meta{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-contrast:high){.upload-zone{border-width:3px}.upload-zone:focus{outline-width:4px}.image-card.primary{border-width:4px}.assignment-dropdown{border-width:2px}.assignment-dropdown:focus,.btn-delete:focus{outline-width:3px}}@media (prefers-reduced-motion:reduce){.assignment-dropdown,.btn-delete,.image-card,.upload-zone{transition:none}.btn-delete:hover{transform:none}}.invite-page{width:100%;max-width:100%}.invite-page .page-header{margin-bottom:48px;display:block}.invite-page .page-breadcrumb{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#999;margin-bottom:12px;font-weight:500}.invite-page .page-title{font-size:42px;font-weight:300;letter-spacing:-1px;margin-bottom:12px}.invite-page .page-description{font-size:15px;color:#666;line-height:1.7;max-width:680px}.invite-page .stats-banner{background:rgba(250,250,250,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(224,224,224,.6);border-radius:12px;padding:28px 40px;margin-bottom:40px;display:flex;align-items:center}.invite-page .stats-content{display:flex;align-items:center;gap:32px}.invite-page .stats-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));display:flex;align-items:center;justify-content:center;font-size:24px}.invite-page .stats-info{display:flex;flex-direction:column}.invite-page .stats-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#999;margin-bottom:6px;font-weight:500}.invite-page .stats-number{font-size:32px;font-weight:300;letter-spacing:-.8px;line-height:1}.invite-page .stats-subtext{font-size:13px;color:#666;margin-top:6px}.invite-page .invite-form{background:#fff;border:1px solid rgba(224,224,224,.6);border-radius:12px;padding:32px 40px;margin-bottom:56px;display:flex;flex-direction:column;gap:24px}.invite-page .recipient-type-group{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.invite-page .field{display:flex;flex-direction:column;gap:6px}.invite-page .field-label{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#555;font-weight:500}.invite-page .field-label-aside{text-transform:none;letter-spacing:0;color:#999;font-weight:400;margin-left:6px;font-size:11px}.invite-page .field-helper{font-size:13px;color:#777;line-height:1.5;margin-top:4px}.invite-page .field-input,.invite-page .field-textarea{width:100%;font-size:15px;font-family:inherit;color:#111;padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.invite-page .field-input:focus,.invite-page .field-textarea:focus{outline:none;border-color:#111;background:#fff}.invite-page .field-input.has-error{border-color:#c73838;background:#fff8f8}.invite-page .field-textarea{resize:vertical;min-height:76px;line-height:1.5}.invite-page .field-counter{align-self:flex-end;font-size:11px;color:#999;letter-spacing:.5px}.invite-page .field-error{font-size:12px;color:#c73838;margin-top:2px}.invite-page .segmented-control{display:inline-flex;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fafafa;width:-moz-fit-content;width:fit-content}.invite-page .segmented-option{font-family:inherit;font-size:13px;color:#555;background:transparent;border:none;padding:10px 20px;cursor:pointer;letter-spacing:.4px;transition:background .15s ease,color .15s ease}.invite-page .segmented-option:hover:not(.active){background:rgba(0,0,0,.03)}.invite-page .segmented-option.active{background:#111;color:#fff}.invite-page .segmented-option:focus-visible{outline:2px solid #4A5B7E;outline-offset:-2px}.invite-page .form-error{background:#fff8f8;border:1px solid #f0c8c8;color:#a02828;padding:12px 16px;border-radius:8px;font-size:14px}.invite-page .form-actions{display:flex;justify-content:flex-end}.invite-page .btn.is-success{background:#2f6f2f;border-color:#2f6f2f;color:#fff;cursor:default}.invite-page .btn-secondary.is-success{background:transparent;border-color:#2f6f2f;color:#2f6f2f}.invite-page .btn-tick{margin-right:6px;vertical-align:-2px;animation:tick-in .18s ease-out}@keyframes tick-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.invite-page .sent-invites-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:16px}.invite-page .sent-invites-title{font-size:22px;font-weight:400;letter-spacing:-.4px;margin:0}.invite-page .filter-chips{display:flex;gap:8px}.invite-page .filter-chip{font-family:inherit;font-size:12px;letter-spacing:.4px;padding:6px 14px;border:1px solid #e0e0e0;border-radius:999px;background:transparent;color:#666;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.invite-page .filter-chip:hover:not(.active){border-color:#c0c0c0;color:#333}.invite-page .filter-chip.active{background:#111;color:#fff;border-color:#111}.invite-page .invite-list{list-style:none;margin:0;padding:0;border:1px solid rgba(224,224,224,.6);border-radius:12px;background:#fff;overflow:hidden}.invite-page .invite-item{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0;gap:16px}.invite-page .invite-item:last-child{border-bottom:none}.invite-page .invite-main{display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:0}.invite-page .invite-email{font-size:15px;font-weight:500;color:#111;word-break:break-all}.invite-page .invite-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#777;flex-wrap:wrap}.invite-page .invite-type-pill{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;padding:3px 9px;border-radius:999px;font-weight:500}.invite-page .invite-type-artist{background:rgba(244,213,141,.25);color:#8a6d2f}.invite-page .invite-type-collector{background:rgba(74,91,126,.15);color:#2f4570}.invite-page .invite-note{font-size:13px;color:#555;font-style:italic;border-left:2px solid #e0e0e0;padding-left:12px;margin-top:4px;line-height:1.5}.invite-page .invite-actions{flex-shrink:0}.invite-page .empty-state,.invite-page .error-state,.invite-page .loading-state{text-align:center;padding:64px 24px;border:1px dashed #e0e0e0;border-radius:12px;background:#fafafa}.invite-page .loading-spinner{width:32px;height:32px;border:2px solid #e0e0e0;border-top-color:#111;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(1turn)}}.invite-page .empty-state-description,.invite-page .error-message,.invite-page .loading-text{font-size:14px;color:#666;line-height:1.6;max-width:420px;margin:0 auto}.invite-page .empty-state-icon,.invite-page .error-state-icon{font-size:32px;color:#ccc;margin-bottom:12px}.invite-page .empty-state-title,.invite-page .error-state-title{font-size:18px;font-weight:400;color:#333;margin:0 0 8px}@media (max-width:640px){.invite-page .invite-form{padding:24px 20px}.invite-page .stats-banner{padding:20px 24px}.invite-page .invite-item{flex-direction:column;align-items:stretch}.invite-page .invite-actions{align-self:flex-end}.invite-page .page-title{font-size:32px}}.messages-container,.messages-page{display:flex;height:100%;background:#ffffff}.messages-container{flex:1 1}.conversation-list{width:380px;border-right:1px solid rgba(240,240,240,.6);display:flex;flex-direction:column;background:rgba(250,250,250,.3)}.conversation-header{padding:32px 24px;border-bottom:1px solid rgba(240,240,240,.6);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.conversation-header-top{margin-bottom:20px}.conversation-title{font-size:28px;font-weight:300;letter-spacing:-.5px;margin:0}.conversation-search{position:relative}.conversation-search-input{width:100%;padding:11px 22px 11px 44px;font-size:13px;border:1px solid rgba(224,224,224,.6);border-radius:24px;background:rgba(255,255,255,.8);transition:all .3s ease;font-family:inherit}.conversation-search-input:focus{outline:none;border-color:rgba(0,0,0,.2);background:#fff}.conversation-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:15px;color:#999}.conversation-filters{padding:20px 24px;border-bottom:1px solid rgba(240,240,240,.6);background:rgba(255,255,255,.95)}.filter-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-tab{padding:8px 18px;font-size:13px;font-weight:500;border:1px solid rgba(224,224,224,.6);border-radius:20px;background:rgba(255,255,255,.5);cursor:pointer;transition:all .2s ease;color:#666;white-space:nowrap;-webkit-user-select:none;user-select:none}.filter-tab:hover{background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.15);color:#000;transform:translateY(-1px)}.filter-tab.active{background:#000;color:#fff;border-color:#000}.filter-toggle-wrapper{display:flex;align-items:center;gap:10px}.filter-toggle{position:relative;display:inline-block;width:42px;height:24px}.filter-toggle input{opacity:0;width:0;height:0}.filter-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(224,224,224,.6);transition:.3s;border-radius:24px;border:1px solid rgba(200,200,200,.6)}.filter-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1)}.filter-toggle input:checked+.filter-toggle-slider{background-color:#000;border-color:#000}.filter-toggle input:checked+.filter-toggle-slider:before{transform:translateX(18px)}.filter-toggle-label{font-size:13px;color:#666;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-toggle input:checked~.filter-toggle-label{color:#000}.conversation-items{flex:1 1;overflow-y:auto;padding:8px}.conversation-item{padding:16px;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;display:flex;gap:14px;background:rgba(255,255,255,.5);border:1px solid transparent}.conversation-item:hover{background:rgba(255,255,255,.9);border-color:rgba(224,224,224,.6)}.conversation-item.active{background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04)}.conversation-avatar{width:52px;height:52px;border-radius:50%;background:rgba(248,248,248,.95);border:1.5px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.6);font-size:18px;font-weight:500;flex-shrink:0}.conversation-content{flex:1 1;min-width:0}.conversation-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.conversation-name{font-size:15px;font-weight:500;letter-spacing:-.1px}.conversation-time{font-size:11px;color:#999;white-space:nowrap;margin-left:12px}.conversation-artwork-title{font-size:11px;color:#667eea;font-style:italic;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.conversation-artwork-title:before{content:"🎨 ";margin-right:4px}.conversation-preview{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.conversation-item.unread .conversation-preview{font-weight:500;color:#000}.conversation-meta{display:flex;align-items:center;gap:8px}.conversation-tag{padding:4px 10px;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:10px;font-size:10px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.conversation-tag.enquiry,.conversation-tag.inquiry{background:rgba(243,156,18,.1);border-color:rgba(243,156,18,.2);color:#f39c12}.conversation-tag.purchase{background:rgba(46,204,113,.1);border-color:rgba(46,204,113,.2);color:#27ae60}.conversation-tag.commission{background:rgba(155,89,182,.1);border-color:rgba(155,89,182,.2);color:#9b59b6}.conversation-tag.sale{background:rgba(52,152,219,.1);border-color:rgba(52,152,219,.2);color:#3498db}.conversation-tag.general{background:rgba(149,165,166,.1);border-color:rgba(149,165,166,.2);color:#7f8c8d}.unread-badge{width:20px;height:20px;background:#000;color:#fff;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:600}.chat-area{flex:1 1;display:flex;flex-direction:column;background:#fff}.chat-header{padding:24px 32px;border-bottom:1px solid rgba(240,240,240,.6);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);justify-content:space-between}.chat-header,.chat-header-left{display:flex;align-items:center}.chat-header-left{gap:16px}.chat-header-avatar{width:48px;height:48px;border-radius:50%;background:rgba(248,248,248,.95);border:1.5px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.6);font-size:18px;font-weight:500}.chat-header-info{display:flex;flex-direction:column}.chat-header-name{font-size:18px;font-weight:500;letter-spacing:-.2px;margin-bottom:2px}.chat-header-status{font-size:12px;color:#999}.chat-messages{flex:1 1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:24px}.message-artwork-reference{display:flex;justify-content:center;margin-bottom:16px}.message-artwork-card{background:rgba(255,255,255,.95);border:1px solid rgba(224,224,224,.6);border-radius:12px;overflow:hidden;max-width:320px;cursor:pointer;transition:all .2s ease}.message-artwork-card:hover{border-color:rgba(0,0,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.08)}.artwork-card-image{width:100%;height:240px;background:linear-gradient(135deg,rgba(102,126,234,.85),rgba(118,75,162,.85));display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:12px}.artwork-card-content{padding:16px}.artwork-card-title{font-size:15px;font-weight:500;margin-bottom:4px}.artwork-card-details{font-size:12px;color:#666;margin-bottom:12px}.artwork-card-price{font-size:18px;font-weight:500}.message-group{display:flex;gap:12px}.message-group.sent{flex-direction:row-reverse}.message-avatar{width:40px;height:40px;border-radius:50%;background:rgba(248,248,248,.95);border:1.5px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.6);font-size:14px;font-weight:500;flex-shrink:0}.message-group.sent .message-avatar{background:linear-gradient(135deg,rgba(102,126,234,.85),rgba(118,75,162,.85));border:none;color:#fff}.message-content-wrapper{display:flex;flex-direction:column;gap:8px;max-width:65%}.message-group.sent .message-content-wrapper{align-items:flex-end}.message-bubble{background:rgba(250,250,250,.8);border:1px solid rgba(224,224,224,.6);padding:14px 18px;border-radius:18px;font-size:14px;line-height:1.5;color:#333;word-wrap:break-word}.message-group.sent .message-bubble{background:#000;color:#fff;border-color:#000}.message-time{font-size:11px;color:#999;padding:0 4px}.chat-input-area{padding:24px 32px;border-top:1px solid rgba(240,240,240,.6);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.chat-input-wrapper{display:flex;gap:12px;align-items:flex-end}.chat-input-field{flex:1 1;position:relative}.chat-input{width:100%;padding:12px 20px;font-size:14px;border:1px solid rgba(224,224,224,.6);border-radius:24px;background:rgba(250,250,250,.8);font-family:inherit;resize:none;min-height:44px;max-height:120px;line-height:1.5;transition:all .3s ease}.chat-input:focus{outline:none;border-color:rgba(0,0,0,.2);background:#fff}.chat-input::placeholder{color:#999}.send-btn{width:44px;height:44px;border-radius:50%;background:#000;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px;flex-shrink:0}.send-btn:hover:not(:disabled){background:#1a1a1a;transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.chat-empty{flex:1 1;display:flex;align-items:center;justify-content:center;padding:60px;text-align:center}.chat-empty-content{max-width:400px}.chat-empty-icon{font-size:64px;margin-bottom:24px;opacity:.3}.chat-empty-title{font-size:24px;font-weight:300;letter-spacing:-.5px;margin-bottom:12px}.chat-empty-description{font-size:14px;color:#666;line-height:1.6}.empty-state,.error-state,.loading-state{flex:1 1;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.error-state{color:#e74c3c}.chat-messages::-webkit-scrollbar,.conversation-items::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.conversation-items::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb,.conversation-items::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover,.conversation-items::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}@media (max-width:1200px){.conversation-list{width:320px}.message-content-wrapper{max-width:70%}}@media (max-width:768px){.conversation-list{position:fixed;width:100%;left:0;z-index:95;transform:translateX(-100%);transition:transform .3s ease}.conversation-list.open{transform:translateX(0)}.chat-area{width:100%}.chat-messages{padding:20px}.chat-input-area{padding:16px 20px}.message-content-wrapper{max-width:85%}}.payment-settings-container{display:flex;justify-content:center;padding:64px 40px}.payment-settings-content{width:70%;max-width:960px}@media (max-width:768px){.payment-settings-container{padding:32px 16px}.payment-settings-content{width:100%;max-width:100%}}.publish-button-container{position:relative;display:inline-flex;gap:4px}.publish-button{font-weight:600;padding:8px 16px;border-radius:6px;cursor:pointer}.publish-button:disabled{opacity:.5;cursor:not-allowed}.publish-dropdown-toggle{padding:8px 10px;border-radius:6px;cursor:pointer;font-size:18px;line-height:1;min-width:auto}.publish-dropdown-toggle:disabled{opacity:.5;cursor:not-allowed}.publish-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:white;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:180px;z-index:1000;overflow:hidden}.publish-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background-color .15s ease;font-size:14px;color:#424242}.publish-dropdown-item:hover{background-color:#f5f5f5}.publish-dropdown-icon{font-size:16px;opacity:.7}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:20000;opacity:0;pointer-events:none;transition:opacity .15s ease}.modal-overlay.active{display:flex;opacity:1;pointer-events:auto}.modal-content{background:white;border-radius:8px;padding:0;max-width:480px;width:90%;box-shadow:0 8px 24px rgba(0,0,0,.15);animation:slideUp .2s ease}.modal-header{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.modal-title{margin:0;font-size:20px;font-weight:600;color:#212121}.modal-body{padding:24px}.modal-body p{margin:0;font-size:15px;line-height:1.6;color:#616161}.modal-actions{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.modal-actions .btn{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.modal-actions .btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#d32f2f}.btn-danger:hover:not(:disabled){background:#b71c1c}.withdrawal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.withdrawal-modal-overlay.active{opacity:1;visibility:visible}.withdrawal-modal-container{background:#fff;border-radius:12px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.withdrawal-modal-overlay.active .withdrawal-modal-container{transform:scale(1) translateY(0)}.withdrawal-modal-header{padding:32px 32px 24px;border-bottom:1px solid rgba(240,240,240,.8);display:flex;align-items:flex-start;justify-content:space-between}.withdrawal-modal-header-content{flex:1 1}.withdrawal-modal-title{font-size:1.5rem;font-weight:600;letter-spacing:-.3px;margin-bottom:6px;color:#000}.withdrawal-modal-subtitle{font-size:.9rem;color:#666;line-height:1.5}.withdrawal-modal-close{background:none;border:none;cursor:pointer;padding:8px;color:#999;transition:all .2s ease;border-radius:4px;flex-shrink:0;margin-left:16px}.withdrawal-modal-close:hover:not(:disabled){color:#000;background:rgba(0,0,0,.05)}.withdrawal-modal-close:disabled{opacity:.5;cursor:not-allowed}.withdrawal-modal-close svg{width:20px;height:20px;display:block}.withdrawal-modal-body{padding:32px}.withdrawal-balance-card{background:linear-gradient(135deg,#1a1a1a,#333);border-radius:12px;padding:24px;margin-bottom:28px;color:white}.withdrawal-balance-label{font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:8px}.withdrawal-balance-amount{font-size:2rem;font-weight:700;font-family:SF Mono,Monaco,Courier New,monospace}.withdrawal-form-group{margin-bottom:24px}.withdrawal-form-label{display:block;font-size:.9rem;font-weight:500;color:#333;margin-bottom:10px;letter-spacing:.2px}.withdrawal-input-wrapper{position:relative;display:flex;align-items:center}.withdrawal-input-prefix{position:absolute;left:16px;font-size:1.1rem;color:#666;font-weight:500}.withdrawal-input{width:100%;padding:14px 16px 14px 36px;font-size:1.1rem;font-family:SF Mono,Monaco,Courier New,monospace;border:2px solid rgba(220,220,220,.8);border-radius:8px;background:#fff;color:#000;transition:all .2s ease}.withdrawal-input:focus{outline:none;border-color:#667EEA;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.withdrawal-input.error{border-color:#ef4444}.withdrawal-input:disabled{background:#f5f5f5;cursor:not-allowed}.withdrawal-input::placeholder{color:#999}.withdrawal-form-help{font-size:.85rem;color:#666;margin-top:8px}.withdrawal-use-full-balance{margin-top:8px;font-size:.85rem;color:#667EEA;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;transition:color .2s ease}.withdrawal-use-full-balance:hover:not(:disabled){color:#5a6fd6}.withdrawal-use-full-balance:disabled{color:#999;cursor:not-allowed;text-decoration:none}.withdrawal-info-box{display:flex;gap:12px;padding:16px;background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;font-size:.85rem;color:#1565c0;line-height:1.5;margin-bottom:16px}.withdrawal-info-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.withdrawal-error-message{padding:12px 16px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#dc2626;font-size:.9rem}.withdrawal-modal-footer{padding:24px 32px 32px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid rgba(240,240,240,.8)}.withdrawal-btn-secondary{padding:12px 24px;background:#fff;color:#333;font-size:.95rem;font-weight:500;border:1px solid rgba(220,220,220,.8);border-radius:6px;cursor:pointer;transition:all .2s ease}.withdrawal-btn-secondary:hover:not(:disabled){border-color:#000;color:#000}.withdrawal-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.withdrawal-btn-primary{padding:12px 28px;background:linear-gradient(135deg,#667EEA,#764BA2);color:#fff;font-size:.95rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 12px rgba(102,126,234,.2)}.withdrawal-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px rgba(102,126,234,.3)}.withdrawal-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.withdrawal-success{text-align:center;padding:60px 40px}.withdrawal-success-icon{width:64px;height:64px;margin:0 auto 24px;color:#10B981}.withdrawal-success-icon svg{width:100%;height:100%}.withdrawal-success-title{font-size:1.5rem;font-weight:600;margin-bottom:12px;color:#000}.withdrawal-success-text{font-size:1rem;color:#666;line-height:1.6}@media (max-width:768px){.withdrawal-modal-header{padding:24px 24px 20px}.withdrawal-modal-body{padding:24px}.withdrawal-modal-footer{padding:20px 24px 24px;flex-direction:column}.withdrawal-btn-primary,.withdrawal-btn-secondary{width:100%}.withdrawal-success{padding:40px 20px}.withdrawal-balance-amount{font-size:1.5rem}}.shipping-options-page{background:#ffffff;padding:40px}.shipping-options-error,.shipping-options-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:14px;color:#666}.shipping-options-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(240,240,240,.6);gap:16px}.shipping-options-title{font-size:32px;font-weight:300;letter-spacing:-.5px;margin-bottom:8px;color:#000000}.shipping-options-subtitle{font-size:14px;color:#666;line-height:1.5}.shipping-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;margin-bottom:24px;font-size:14px;line-height:1.5}.shipping-alert svg{flex-shrink:0}.shipping-alert-error{background:rgba(254,242,242,1);border:1px solid rgba(252,165,165,1);color:#DC2626}.shipping-alert-success{background:rgba(240,253,244,1);border:1px solid rgba(134,239,172,1);color:#059669}.shipping-options-content{max-width:1200px}.shipping-section{background:#ffffff;border:1px solid rgba(240,240,240,.6);border-radius:8px;padding:32px;margin-bottom:24px}.shipping-section-title{font-size:18px;font-weight:500;letter-spacing:-.2px;margin-bottom:8px;color:#000000}.shipping-section-description{font-size:13px;color:#666;line-height:1.5;margin-bottom:24px}.shipping-form-group{margin-bottom:20px}.shipping-label{display:block;font-size:13px;font-weight:500;color:#000000;margin-bottom:8px}.shipping-input{width:100%;padding:10px 14px;border:1px solid rgba(224,224,224,.6);border-radius:6px;font-size:14px;color:#1a1a1a;font-family:inherit;transition:all .2s ease;background:#ffffff}.shipping-input:focus{outline:none;border-color:rgba(102,126,234,.6);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.shipping-input-small{width:80px}.shipping-help-text{font-size:12px;color:#999;margin-top:6px;line-height:1.4}.shipping-zones-table{border:1px solid rgba(240,240,240,.6);border-radius:8px;overflow:hidden}.shipping-zones-header{padding:16px 20px;background:rgba(250,250,250,.8);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.shipping-zone-row,.shipping-zones-header{display:grid;grid-template-columns:2fr .8fr 1fr 1fr 1.5fr 2fr;grid-gap:16px;gap:16px;border-bottom:1px solid rgba(240,240,240,.6)}.shipping-zone-row{padding:20px;transition:background-color .2s ease}.shipping-zone-row:last-child{border-bottom:none}.shipping-zone-row:hover{background-color:rgba(250,250,250,.5)}.zone-col-available,.zone-col-delivery,.zone-col-kg,.zone-col-name,.zone-col-provider,.zone-col-rate{display:flex;align-items:center}.zone-col-available{justify-content:center}.shipping-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#000000}.zone-col-name{flex-direction:column;align-items:flex-start}.zone-name-header{display:flex;align-items:center;gap:12px;width:100%}.zone-name-text{font-size:14px;font-weight:500;color:#000000}.zone-countries-toggle{display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(250,250,250,.9);border:1px solid rgba(224,224,224,.6);border-radius:12px;font-size:11px;color:#666;cursor:pointer;transition:all .2s ease;font-family:inherit}.zone-countries-toggle:hover{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.15);color:#000}.zone-countries-list{margin-top:12px;padding:12px;background:rgba(250,250,250,.5);border-radius:6px;font-size:12px;color:#666;line-height:1.6;max-width:100%}.delivery-range{display:flex;align-items:center;gap:8px}.delivery-separator{font-size:12px;color:#999}.shipping-header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.shipping-btn-primary,.shipping-btn-secondary{padding:12px 28px;border-radius:6px;font-size:14px;font-weight:500;letter-spacing:.2px;cursor:pointer;transition:all .2s ease;font-family:inherit;border:1px solid transparent}.shipping-btn-primary{background:#000000;color:#ffffff;border-color:#000000}.shipping-btn-primary:hover:not(:disabled){background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.shipping-btn-primary:disabled{opacity:.5;cursor:not-allowed}.shipping-btn-secondary{background:#ffffff;color:#000000;border-color:rgba(224,224,224,.6)}.shipping-btn-secondary:hover:not(:disabled){background:rgba(250,250,250,.9);border-color:rgba(0,0,0,.2)}.shipping-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.shipping-btn-success{background:#059669!important;border-color:#059669!important}.shipping-btn-success:hover:not(:disabled){background:#047857!important;box-shadow:0 4px 12px rgba(5,150,105,.25)!important}.shipping-btn-success svg{display:inline-block;vertical-align:middle;animation:checkmark-appear .3s ease}@keyframes checkmark-appear{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.shipping-zone-row,.shipping-zones-header{grid-template-columns:1fr;gap:12px}.zone-col-available,.zone-col-delivery,.zone-col-kg,.zone-col-name,.zone-col-provider,.zone-col-rate{flex-direction:column;align-items:flex-start;gap:6px}.zone-col-available:before,.zone-col-delivery:before,.zone-col-kg:before,.zone-col-name:before,.zone-col-provider:before,.zone-col-rate:before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;color:#999;margin-bottom:4px}.shipping-input{max-width:100%}.delivery-range{width:100%}}@media (max-width:768px){.shipping-options-page{padding:24px 20px}.shipping-options-header{flex-wrap:nowrap;align-items:center}.shipping-options-title{font-size:24px}.shipping-section{padding:24px 20px}.shipping-header-actions{gap:8px}.shipping-header-actions .shipping-btn-primary,.shipping-header-actions .shipping-btn-secondary{padding:8px 16px;font-size:13px;white-space:nowrap}}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;gap:6px}.status-badge-draft{background-color:#2196f3;color:#ffffff}.status-badge-published{background-color:#f5f5f5;color:#616161}.status-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-badge-draft .status-badge-dot{background-color:#ffffff}.status-badge-published .status-badge-dot{background-color:#9e9e9e}.status-badge-text{display:flex;align-items:center;gap:6px;white-space:nowrap}.status-badge-separator{opacity:.6}.tier-badge{display:inline-flex;align-items:center;gap:5px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1.5px solid;transition:all .2s ease;white-space:nowrap}.tier-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tier-badge-small{padding:3px 10px;font-size:.7rem;gap:4px}.tier-badge-small .tier-badge-icon{font-size:.9rem}.tier-badge-medium{padding:5px 14px;font-size:.75rem;gap:5px}.tier-badge-medium .tier-badge-icon{font-size:1rem}.tier-badge-large{padding:8px 18px;font-size:.85rem;gap:6px}.tier-badge-large .tier-badge-icon{font-size:1.2rem}.tier-badge-icon{line-height:1;display:inline-flex;align-items:center}.tier-badge-label{line-height:1}@keyframes badgePop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.tier-badge{animation:badgePop .3s ease}@media (max-width:480px){.tier-badge-small{padding:2px 8px;font-size:.65rem}.tier-badge-medium{padding:4px 12px;font-size:.7rem}.tier-badge-large{padding:6px 14px;font-size:.8rem}}.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upgrade-modal{background:#fff;border-radius:16px;max-width:550px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upgrade-modal-header{position:relative;text-align:center;padding:40px 30px 25px;border-bottom:2px solid #f0f0f0}.upgrade-modal-icon{font-size:3.5rem;margin-bottom:15px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upgrade-modal-title{font-size:2rem;font-weight:700;color:#222;margin:0;line-height:1.2}.upgrade-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:1.8rem;color:#999;cursor:pointer;padding:5px;line-height:1;transition:color .2s ease,transform .2s ease}.upgrade-modal-close:hover{color:#333;transform:rotate(90deg)}.upgrade-modal-content{padding:30px}.upgrade-modal-message{font-size:1.05rem;color:#444;line-height:1.7;margin:0 0 25px;text-align:center}.upgrade-modal-pricing{text-align:center;margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#f5f7fa,#ffffff);border-radius:12px;border:2px solid #e0e0e0}.upgrade-modal-price{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:10px}.upgrade-modal-currency{font-size:1.5rem;font-weight:600;color:#666}.upgrade-modal-amount{font-size:3.5rem;font-weight:700;color:#222;line-height:1}.upgrade-modal-period{font-size:1rem;color:#999;align-self:flex-end;margin-bottom:8px}.upgrade-modal-commission{font-size:.9rem;color:#666;font-weight:600}.upgrade-modal-benefits{margin-bottom:25px}.upgrade-modal-benefits h3{font-size:1.1rem;font-weight:600;color:#222;margin:0 0 15px}.upgrade-modal-benefits ul{list-style:none;padding:0;margin:0}.upgrade-modal-benefits li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.95rem;color:#444;line-height:1.5}.upgrade-modal-benefits li svg{flex-shrink:0;margin-top:3px}.upgrade-modal-guarantee{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background:#fffbea;border:1px solid #ffd700;border-radius:8px;font-size:.85rem;color:#666;text-align:center}.upgrade-modal-guarantee svg{flex-shrink:0}.upgrade-modal-actions{display:flex;gap:12px;padding:25px 30px;border-top:2px solid #f0f0f0}.upgrade-modal-actions button{flex:1 1;padding:16px;font-size:1rem;font-weight:600}@media (max-width:768px){.upgrade-modal{margin:0;max-height:95vh}.upgrade-modal-header{padding:30px 20px 20px}.upgrade-modal-icon{font-size:3rem}.upgrade-modal-title{font-size:1.6rem}.upgrade-modal-content{padding:25px 20px}.upgrade-modal-amount{font-size:3rem}.upgrade-modal-actions{flex-direction:column;padding:20px}.upgrade-modal-actions button{width:100%}}@media (max-width:480px){.upgrade-modal-overlay{padding:10px}.upgrade-modal-header{padding:25px 15px 15px}.upgrade-modal-icon{font-size:2.5rem}.upgrade-modal-title{font-size:1.4rem}.upgrade-modal-content{padding:20px 15px}.upgrade-modal-message{font-size:1rem}.upgrade-modal-pricing{padding:20px 15px}.upgrade-modal-amount{font-size:2.5rem}.upgrade-modal-actions{padding:15px}}.usage-limits-panel{background:#fff;border-radius:12px;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid #e0e0e0}.usage-limits-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #f0f0f0}.usage-limits-header h3{font-size:21px;font-weight:400;letter-spacing:-.3px;color:#000;margin:0}.usage-limits-commission{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;background:#000;color:white;border-radius:10px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.usage-limits-list{padding:10px 0}.usage-limit-row{display:flex;align-items:flex-start;gap:20px;padding:20px 30px;border-bottom:1px solid #f5f5f5;transition:background .2s ease}.usage-limit-row:last-child{border-bottom:none}.usage-limit-row:hover{background:#fafafa}.usage-limit-icon{font-size:13px;flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:.5;color:#000}.usage-limit-content{flex:1 1;min-width:0}.usage-limit-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:15px}.usage-limit-label{font-size:14px;font-weight:500;color:#000}.usage-limit-value{font-size:14px;font-weight:400;color:#666;white-space:nowrap}.usage-limit-current{color:#000;font-size:14px;font-weight:500}.usage-limit-separator{color:#ccc;margin:0 4px}.usage-limit-max{color:#666}.usage-limit-unlimited{color:#28a745;font-weight:600;font-size:1rem}.usage-limit-bar-container{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.usage-limit-bar{height:100%;border-radius:4px;transition:width .4s ease,background-color .3s ease;position:relative}.usage-limit-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.usage-limit-warning{margin-top:4px}.usage-limit-warning-text{font-size:.85rem;font-weight:600;color:#856404}.usage-limit-row:has(.usage-limit-bar[style*="rgb(220, 53, 69)"]) .usage-limit-warning-text{color:#721c24}.usage-limits-actions{padding:20px 30px;border-top:1px solid #f0f0f0;background:#fafafa}.usage-limits-actions button{width:100%;padding:14px;font-size:1rem;font-weight:600}.usage-limits-tips{padding:20px 30px;background:#f9f9f9;border-top:1px solid #e0e0e0;border-radius:0 0 12px 12px}.usage-limits-tips h4{font-size:1rem;font-weight:600;color:#222;margin:0 0 12px}.usage-limits-tips ul{list-style:none;padding:0;margin:0}.usage-limits-tips li{padding:6px 0 6px 20px;font-size:.9rem;color:#666;position:relative;line-height:1.6}.usage-limits-tips li:before{content:"•";position:absolute;left:8px;color:#7B68EE;font-weight:700}@media (max-width:768px){.usage-limits-header{align-items:flex-start}.usage-limit-row,.usage-limits-header{flex-direction:column;gap:12px;padding:20px}.usage-limit-icon{width:32px;height:32px;font-size:1.5rem}.usage-limit-header{flex-direction:column;align-items:flex-start;gap:8px}.usage-limits-actions,.usage-limits-tips{padding:15px 20px}}@media (max-width:480px){.usage-limits-header h3{font-size:1.25rem}.usage-limit-label{font-size:.95rem}.usage-limit-value{font-size:.85rem}}.variant-management{margin:20px 0}.variant-error{padding:12px 16px;background-color:#fee;border:1px solid #e74c3c;border-radius:6px;color:#c0392b;font-size:.9rem;margin-bottom:20px}.variant-intro{padding:24px;border:2px dashed #ddd;border-radius:8px;text-align:center;background-color:#fafafa}.variant-intro h4{font-size:1.1rem;font-weight:600;margin:0 0 12px;color:#333}.variant-intro p{font-size:.9rem;color:#666;margin:0 0 20px;line-height:1.5}.variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.variant-header h4{font-size:1.1rem;font-weight:600;margin:0;color:#333}.variant-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.variant-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #ddd;border-radius:8px;background-color:#fff;transition:box-shadow .2s}.variant-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.variant-item-details{flex:1 1}.variant-item-name{font-size:1rem;font-weight:600;color:#333;margin-bottom:4px}.variant-item-sku{font-size:.85rem;color:#999;font-family:Courier New,monospace;margin-bottom:8px}.variant-item-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.variant-item-price{font-size:.95rem;font-weight:600;color:#198754}.variant-item-stock{font-size:.9rem;color:#666}.variant-stock-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.variant-stock-badge-success{background-color:#d1fae5;color:#059669}.variant-stock-badge-warning{background-color:#fef3c7;color:#d97706}.variant-stock-badge-danger{background-color:#fee2e2;color:#dc2626}.variant-item-actions{display:flex;gap:8px}.btn-icon{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background-color:#fff;cursor:pointer;font-size:1rem;transition:all .2s}.btn-icon:hover{background-color:#f5f5f5;border-color:#bbb}.btn-icon.btn-danger{background-color:#f5f5f5;border-color:#ddd}.btn-icon.btn-danger:hover{background-color:#e0e0e0;border-color:#999}.variant-convert{margin-top:20px;padding-top:20px;border-top:1px solid #eee;text-align:center}.btn-text{background:none;border:none;padding:8px 12px;cursor:pointer;font-size:.9rem;color:#666;text-decoration:underline;transition:color .2s}.btn-text.btn-danger{color:#333}.btn-text.btn-danger:hover{color:#000}.variant-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10001}.variant-form-modal{background-color:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:600px;width:90%;max-height:90vh;overflow:auto}.variant-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.variant-form-header h3{font-size:1.3rem;font-weight:600;margin:0;color:#333}.btn-close{font-size:2rem;border:none;background:none;cursor:pointer;color:#666;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-close:hover{color:#333}.variant-form-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px;color:#333}.required{color:#e74c3c}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;font-size:.95rem;border:1px solid #ddd;border-radius:6px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#198754}.form-group small{display:block;margin-top:4px;font-size:.8rem;color:#666}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.variant-form-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #eee}.btn-danger,.btn-primary,.btn-secondary{padding:10px 20px;font-size:.95rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-primary{background-color:#198754;color:#fff}.btn-primary:hover:not(:disabled){background-color:#146c43}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background-color:#e8e8e8}.btn-secondary.btn-sm{padding:6px 14px;font-size:.85rem}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c0392b}.variant-images{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.variant-images-label{font-size:.85rem;font-weight:600;color:#666;margin-bottom:8px}.variant-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-gap:8px;gap:8px;max-width:100%}.variant-image-thumbnail{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid #ddd;transition:all .2s;opacity:.5}.variant-image-thumbnail:hover{border-color:#999;transform:scale(1.05)}.variant-image-thumbnail.assigned{border-color:#198754;opacity:1;box-shadow:0 0 0 2px rgba(25,135,84,.2)}.variant-image-thumbnail img{width:100%;height:100%;object-fit:cover}.variant-image-check{position:absolute;top:4px;right:4px;background-color:#198754;color:white;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.variant-image-badge{position:absolute;bottom:2px;left:2px;right:2px;background-color:rgba(0,0,0,.75);color:#ffd700;font-size:.65rem;font-weight:600;padding:2px 4px;text-align:center;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}@media (max-width:600px){.form-row{grid-template-columns:1fr}.variant-item{flex-direction:column;align-items:flex-start;gap:12px}.variant-item-actions{width:100%;justify-content:flex-end}.variant-images-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}}