.etchify-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem}.etchify-spinner{position:relative;display:flex;align-items:center;justify-content:center}.etchify-spinner,div.etchify-spinner,.etchify-loading-container .etchify-spinner,.etchify-spinner.etchify-spinner{animation:none!important;transform:none!important;rotate:none!important;will-change:auto!important}.etchify-spinner-small{width:60px;height:60px}.etchify-spinner-medium{width:100px;height:100px}.etchify-spinner-large{width:140px;height:140px}.etchify-spinner-ring{position:absolute;border-radius:50%;border:2px solid transparent}.outer-ring{width:100%;height:100%;border-width:3px;background:linear-gradient(45deg,transparent 50%,#818cf8 50%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#fff calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#fff calc(100% - 3px));animation:rotate-ring-slow 3s cubic-bezier(.4,0,.2,1) infinite;opacity:.85}.middle-ring{width:75%;height:75%;border-width:2px;border-top-color:#6d65cb;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;animation:rotate-ring-fast 1.8s cubic-bezier(.68,-.55,.265,1.55) infinite reverse;opacity:.75}.etchify-logo-container{position:absolute;width:50%;height:50%;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:50%;box-shadow:0 0 20px #fff6;overflow:hidden;z-index:10;padding:8px}.etchify-logo-container,.etchify-spinner .etchify-logo-container,div.etchify-logo-container,.etchify-loading-container .etchify-spinner .etchify-logo-container,.etchify-logo-container.etchify-logo-container,div.etchify-spinner .etchify-logo-container,.etchify-spinner>.etchify-logo-container{animation:none!important;transform:none!important;will-change:auto!important;rotate:none!important}.etchify-logo{width:100%;height:100%;object-fit:contain;background:transparent!important;mix-blend-mode:normal}.etchify-logo,.etchify-logo-container .etchify-logo,.etchify-logo-container>img,img.etchify-logo,.etchify-spinner .etchify-logo-container .etchify-logo,.etchify-loading-container .etchify-logo-container .etchify-logo,.etchify-logo-container>img.etchify-logo,img.etchify-logo.etchify-logo,div.etchify-logo-container>img{animation:none!important;transform:none!important;will-change:auto!important;rotate:none!important}.particle{position:absolute;width:10px;height:10px;border-radius:50%;opacity:0;box-shadow:0 0 8px currentColor;z-index:5}.particle-1{background:#818cf8;animation:particle-orbit-1 4s linear infinite}.particle-2{background:#6d65cb;animation:particle-orbit-2 3s linear infinite}.particle-3{background:#a78bfa;animation:particle-orbit-3 5s linear infinite}.etchify-loading-text{font-size:1rem;color:#4a4a6a;font-weight:500;letter-spacing:.5px;animation:text-fade 1.5s ease-in-out infinite}.setup-gate-loading .etchify-loading-text{color:#ffffffe6}@keyframes rotate-ring-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-ring-fast{0%{transform:rotate(0);opacity:.7}50%{opacity:1}to{transform:rotate(360deg);opacity:.7}}@keyframes particle-orbit-1{0%{transform:rotate(0) translate(55px) rotate(0);opacity:0}5%{opacity:.9}95%{opacity:.9}to{transform:rotate(360deg) translate(55px) rotate(-360deg);opacity:0}}@keyframes particle-orbit-2{0%{transform:rotate(120deg) translate(45px) rotate(-120deg);opacity:0}5%{opacity:.85}95%{opacity:.85}to{transform:rotate(480deg) translate(45px) rotate(-480deg);opacity:0}}@keyframes particle-orbit-3{0%{transform:rotate(240deg) translate(50px) rotate(-240deg);opacity:0}5%{opacity:.8}95%{opacity:.8}to{transform:rotate(600deg) translate(50px) rotate(-600deg);opacity:0}}@keyframes text-fade{0%,to{opacity:.6}50%{opacity:1}}@media(prefers-color-scheme:dark){.etchify-logo-container{filter:drop-shadow(0 0 25px rgba(109,101,203,.6))}}@media(prefers-reduced-motion:reduce){.etchify-spinner-ring,.particle,.etchify-logo-container{animation:none}.outer-ring,.middle-ring{opacity:.7}.etchify-logo-container{opacity:1}.etchify-loading-text{animation:none;opacity:1}}.safe-thumbnail-img{object-fit:cover;border-radius:6px;border:1px solid var(--p-color-border-subdued, #e1e3e5)}.safe-thumbnail-placeholder{border-radius:6px;background:#f6f6f7;border:1px solid #e1e3e5;display:flex;align-items:center;justify-content:center}.variant-expansion-panel{padding:12px 16px 16px;background:var(--p-color-bg-surface-secondary, #f6f6f7);border-top:1px solid var(--p-color-border-subdued, #e1e3e5);display:flex;flex-direction:column;gap:12px}.variant-checkbox-row{padding:6px 0}@media(max-width:480px){.product-status-cell{min-width:60px}.Polaris-IndexTable__Table th:nth-child(3),.Polaris-IndexTable__Table td:nth-child(3),.Polaris-IndexTable__Table th:nth-child(4),.Polaris-IndexTable__Table td:nth-child(4),.Polaris-IndexTable__Table th:nth-child(5),.Polaris-IndexTable__Table td:nth-child(5){display:none}.variant-expansion-panel{padding:8px 12px 12px}}.production-method-step{max-width:800px;margin:0 auto;padding:24px 16px}.production-method-step__header{text-align:center;margin-bottom:32px}.production-method-step__title{font-size:1.5rem;font-weight:600;margin:0 0 8px;color:var(--p-color-text, #1a1a1a)}.production-method-step__subtitle{font-size:.95rem;color:var(--p-color-text-secondary, #6d7175);margin:0}.production-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.production-method-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;border:2px solid var(--p-color-border, #c9cccf);border-radius:12px;background:var(--p-color-bg-surface, #fff);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;text-align:center}.production-method-card:hover{border-color:var(--p-color-border-interactive, #2c6ecb)}.production-method-card--selected{border-color:var(--p-color-border-interactive, #2c6ecb);background-color:var(--p-color-bg-surface-selected, #f0f6ff);box-shadow:0 0 0 1px var(--p-color-border-interactive, #2c6ecb)}.production-method-card__icon{font-size:2.5rem;margin-bottom:12px;line-height:1}.production-method-card__title{font-size:1.1rem;font-weight:600;margin:0 0 4px;color:var(--p-color-text, #1a1a1a)}.production-method-card__subtitle{font-size:.85rem;color:var(--p-color-text-secondary, #6d7175);margin:0 0 12px}.production-method-card__chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}.production-method-chip{display:inline-block;padding:2px 10px;border-radius:12px;background:var(--p-color-bg-surface-secondary, #f1f2f3);font-size:.75rem;color:var(--p-color-text-secondary, #6d7175)}.production-method-card__output{font-size:.8rem;color:var(--p-color-text-subdued, #8c9196);margin:0}.production-method-step__actions{display:flex;justify-content:space-between;gap:12px}.production-method-step__actions button{padding:10px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.production-method-step__back-btn{background:var(--p-color-bg-surface, #fff);border:1px solid var(--p-color-border, #c9cccf);color:var(--p-color-text, #1a1a1a)}.production-method-step__back-btn:hover{background:var(--p-color-bg-surface-hover, #f6f6f7)}.production-method-step__next-btn{background:var(--p-color-bg-fill-brand, #008060);border:none;color:#fff}.production-method-step__next-btn:hover:not(:disabled){background:var(--p-color-bg-fill-brand-hover, #006e52)}.production-method-step__next-btn:disabled{opacity:.5;cursor:not-allowed}.production-method-step__error{color:var(--p-color-text-critical, #d72c0d);text-align:center;margin-bottom:16px;font-size:.9rem}@media(max-width:640px){.production-method-grid{grid-template-columns:1fr}}.bulk-apply-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.bulk-apply-modal{background:var(--p-color-bg-surface, #ffffff);border-radius:var(--p-border-radius-300, 12px);box-shadow:var(--p-shadow-600, 0 20px 60px rgba(0, 0, 0, .2));width:90%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.bulk-apply-modal__header{padding:20px 24px 16px;border-bottom:1px solid var(--p-color-border, #e1e3e5)}.bulk-apply-modal__header h2{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--p-color-text, #202223)}.bulk-apply-modal__header p{margin:0;font-size:13px;color:var(--p-color-text-subdued, #6d7175)}.bulk-apply-modal__toolbar{padding:12px 24px;border-bottom:1px solid var(--p-color-border-subdued, #f1f1f1)}.bulk-apply-modal__list{flex:1;overflow-y:auto;padding:8px 0}.bulk-apply-modal__item{display:flex;align-items:center;gap:12px;padding:10px 24px;cursor:pointer;transition:background .1s}.bulk-apply-modal__item:hover{background:var(--p-color-bg-surface-hover, #f6f6f7)}.bulk-apply-modal__item input[type=checkbox]{width:18px;height:18px;accent-color:var(--p-color-bg-fill-brand, #818cf8);flex-shrink:0}.bulk-apply-modal__item-label{flex:1;font-size:14px;color:var(--p-color-text, #202223);line-height:1.4}.bulk-apply-modal__item-warning{color:var(--p-color-text-warning, #b98900);font-size:16px;flex-shrink:0;cursor:help}.bulk-apply-modal__footer{padding:16px 24px;border-top:1px solid var(--p-color-border, #e1e3e5);display:flex;justify-content:flex-end;gap:12px}.template-config-step{max-width:900px;margin:0 auto;padding:0 16px}.template-config-step .step-header{margin-bottom:24px}.template-config-step .step-header h2{font-size:1.5rem;font-weight:600;margin:0 0 8px}.template-config-step .step-description{color:var(--p-color-text-subdued, #6b7280);font-size:.95rem;margin:0}.template-stats{display:flex;gap:16px;margin-bottom:24px}.template-stats .stat-item{flex:1;background:var(--p-color-bg-surface, #fff);border:1px solid var(--p-color-border, #e5e7eb);border-radius:8px;padding:16px;text-align:center}.template-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--p-color-text, #1f2937)}.template-stats .stat-label{font-size:.8rem;color:var(--p-color-text-subdued, #6b7280)}.template-config-step .error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.template-config-step .error-banner button{margin-left:auto;background:none;border:none;cursor:pointer;font-size:1rem}.info-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;gap:12px;align-items:flex-start}.info-banner .info-icon{font-size:1.2rem;flex-shrink:0}.info-banner p{margin:4px 0 0;font-size:.85rem;color:var(--p-color-text-subdued, #6b7280)}.product-template-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.product-template-card{background:var(--p-color-bg-surface, #fff);border:1px solid var(--p-color-border, #e5e7eb);border-radius:12px;padding:20px;transition:border-color .2s}.product-template-card.has-template{border-color:var(--p-color-border-interactive, #818cf8)}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.product-info{display:flex;align-items:center;gap:12px}.product-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover}.product-thumb-placeholder{width:48px;height:48px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.product-name{font-weight:600;font-size:1rem}.product-meta{font-size:.8rem;color:var(--p-color-text-subdued, #6b7280)}.product-mode-badge{background:#f3f4f6;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.mode-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid var(--p-color-border, #e5e7eb);border-radius:8px;background:var(--p-color-bg-surface, #fff);cursor:pointer;transition:all .15s;text-align:center}.mode-option:hover{border-color:var(--p-color-border-interactive-hover, #a78bfa);background:#faf5ff}.mode-option.active{border-color:var(--p-color-border-interactive, #818cf8);background:#f5f3ff}.mode-icon{font-size:1.3rem}.mode-label{font-weight:600;font-size:.85rem}.mode-desc{font-size:.7rem;color:var(--p-color-text-subdued, #6b7280);line-height:1.3}.template-selection{border-top:1px solid var(--p-color-border, #e5e7eb);padding-top:16px}.selected-template{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f5f3ff;border-radius:8px;margin-bottom:12px}.selected-template-info{display:flex;align-items:center;gap:12px}.template-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover}.template-thumb-placeholder{width:40px;height:40px;border-radius:6px;background:#e0e7ff;display:flex;align-items:center;justify-content:center}.template-name{font-weight:500}.btn-change-template{background:none;border:1px solid var(--p-color-border, #e5e7eb);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:.8rem;color:var(--p-color-text-subdued, #6b7280)}.btn-change-template:hover{background:#f9fafb}.btn-select-template{width:100%;padding:12px;border:2px dashed var(--p-color-border, #d1d5db);border-radius:8px;background:none;cursor:pointer;color:var(--p-color-text-subdued, #6b7280);font-size:.9rem;margin-bottom:12px;transition:border-color .15s}.btn-select-template:hover{border-color:var(--p-color-border-interactive, #818cf8);color:var(--p-color-text, #1f2937)}.template-gallery{margin-bottom:12px;border:1px solid var(--p-color-border, #e5e7eb);border-radius:8px;padding:12px;background:#fafbfc}.template-search{width:100%;padding:8px 12px;border:1px solid var(--p-color-border, #e5e7eb);border-radius:6px;margin-bottom:12px;font-size:.85rem;box-sizing:border-box}.template-gallery-empty{text-align:center;padding:24px;color:var(--p-color-text-subdued, #6b7280)}.template-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:300px;overflow-y:auto}.template-gallery-item{display:flex;flex-direction:column;align-items:center;padding:8px;border:2px solid transparent;border-radius:8px;background:var(--p-color-bg-surface, #fff);cursor:pointer;transition:all .15s;position:relative}.template-gallery-item:hover{border-color:var(--p-color-border-interactive-hover, #a78bfa)}.template-gallery-item.selected{border-color:var(--p-color-border-interactive, #818cf8);background:#f5f3ff}.gallery-thumb{width:80px;height:80px;border-radius:6px;object-fit:cover;margin-bottom:6px}.gallery-thumb-placeholder{width:80px;height:80px;border-radius:6px;background:#e0e7ff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:6px}.gallery-item-name{font-size:.75rem;font-weight:500;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.curated-badge,.source-badge{position:absolute;top:4px;font-size:.6rem;padding:1px 5px;border-radius:3px;font-weight:600}.curated-badge{right:4px;background:#fef3c7;color:#92400e}.source-badge{left:4px;background:#e0e7ff;color:#4338ca}.allow-switch-toggle{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--p-color-text-subdued, #6b7280);cursor:pointer}.allow-switch-toggle input{accent-color:var(--p-color-border-interactive, #818cf8)}.template-config-step .step-navigation{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid var(--p-color-border, #e5e7eb)}.template-config-step .btn-primary{background:var(--p-color-bg-fill-brand, #818cf8);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-weight:600;cursor:pointer;font-size:.9rem}.template-config-step .btn-primary:hover{background:var(--p-color-bg-fill-brand-hover, #6366f1)}.template-config-step .btn-primary:disabled{opacity:.6;cursor:not-allowed}.template-config-step .btn-secondary{background:none;border:1px solid var(--p-color-border, #e5e7eb);border-radius:8px;padding:10px 24px;cursor:pointer;font-size:.9rem}.template-config-step .btn-secondary:hover{background:#f9fafb}@media(max-width:600px){.template-stats{flex-direction:column}.mode-selector{grid-template-columns:1fr}.template-gallery-grid{grid-template-columns:repeat(2,1fr)}.product-header{flex-direction:column;align-items:flex-start;gap:8px}}.review-and-branding-step{padding:0 0 24px;max-width:1200px;margin:0 auto}.validation-section{margin-bottom:32px}.review-and-branding-step .step-header{margin-bottom:24px}.review-and-branding-step .step-header h2{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0 0 8px}.review-and-branding-step .step-description{font-size:1rem;color:#6b7280;margin:0}.review-and-branding-step .status-summary{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1px solid #e0e7ff;border-radius:16px;padding:24px;margin-bottom:24px}.review-and-branding-step .summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.review-and-branding-step .summary-header h3{font-size:1.125rem;font-weight:600;color:#1a1a2e;margin:0}.review-and-branding-step .status-badge{padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600}.review-and-branding-step .status-badge.success{background:#dcfce7;color:#166534}.review-and-branding-step .status-badge.error{background:#fee2e2;color:#991b1b}.review-and-branding-step .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.review-and-branding-step .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;transition:all .2s ease}.review-and-branding-step .stat-card.complete{border-color:#10b981;background:#ecfdf5}.review-and-branding-step .stat-card.incomplete{border-color:#f59e0b;background:#fffbeb}.review-and-branding-step .stat-value{font-size:2rem;font-weight:700;color:#1a1a2e;line-height:1.2}.review-and-branding-step .stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.review-and-branding-step .progress-section{margin-top:16px}.review-and-branding-step .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.875rem;color:#4b5563}.review-and-branding-step .progress-value{font-weight:600;color:#1a1a2e}.review-and-branding-step .progress-bar{height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.review-and-branding-step .progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:5px;transition:width .5s ease}.review-and-branding-step .warnings-section{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:16px 20px;margin-bottom:24px}.review-and-branding-step .warnings-section h3{font-size:1rem;font-weight:600;color:#92400e;margin:0 0 12px}.review-and-branding-step .warning-item{display:flex;align-items:center;gap:12px;padding:8px 0}.review-and-branding-step .warning-message{flex:1;color:#78350f;font-size:.875rem}.review-and-branding-step .btn-link{background:none;border:none;color:#8b5cf6;font-size:.875rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.review-and-branding-step .btn-link:hover{background:#8b5cf633;text-decoration:underline}.review-and-branding-step .errors-section{background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;padding:20px;margin-bottom:24px}.review-and-branding-step .errors-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:16px}.review-and-branding-step .errors-header h3{font-size:1rem;font-weight:600;color:#991b1b;margin:0}.review-and-branding-step .quick-fix-buttons{display:flex;gap:8px;flex-wrap:wrap}.review-and-branding-step .quick-fix-buttons .btn-secondary{font-size:.75rem;padding:6px 12px}.review-and-branding-step .errors-list{display:flex;flex-direction:column;gap:8px}.review-and-branding-step .error-variant-group{background:#fff;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.review-and-branding-step .error-variant-title{font-weight:500;color:#1a1a2e;font-size:.875rem}.review-and-branding-step .error-items{display:flex;gap:6px;flex-wrap:wrap}.review-and-branding-step .error-chip{font-size:.75rem;padding:4px 8px;border-radius:4px;background:#fee2e2;color:#991b1b}.review-and-branding-step .error-chip.missing_material{background:#fef3c7;color:#92400e}.review-and-branding-step .error-chip.missing_geometry{background:#dbeafe;color:#1e40af}.review-and-branding-step .error-chip.missing_profile{background:#f3e8ff;color:#6b21a8}.review-and-branding-step .variants-section{margin-bottom:24px}.review-and-branding-step .variants-section h3{font-size:1.125rem;font-weight:600;color:#1a1a2e;margin:0 0 16px}.review-and-branding-step .variant-product-groups{display:flex;flex-direction:column;gap:16px}.review-and-branding-step .product-group{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.review-and-branding-step .product-group-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f8f9fa;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e5e7eb;transition:background .2s ease}.review-and-branding-step .product-group-header:hover{background:#eef0f3}.review-and-branding-step .product-group-name{font-weight:600;font-size:15px;color:#2c3e50}.review-and-branding-step .product-group-count{font-size:13px;color:#6c757d;background:#e9ecef;padding:2px 10px;border-radius:12px}.review-and-branding-step .product-group>.variant-cards-grid{padding:16px}.review-and-branding-step .variant-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-and-branding-step .variant-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease}.review-and-branding-step .variant-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.review-and-branding-step .variant-card.complete{border-color:#10b981;background:linear-gradient(180deg,#ecfdf5,#fff)}.review-and-branding-step .variant-card.incomplete{border-color:#f59e0b;background:linear-gradient(180deg,#fffbeb,#fff)}.review-and-branding-step .variant-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.review-and-branding-step .variant-title{font-weight:600;color:#1a1a2e;font-size:.9375rem;line-height:1.3;flex:1;margin-right:8px}.review-and-branding-step .variant-info{display:flex;gap:12px;margin-bottom:12px;font-size:.75rem;color:#6b7280}.review-and-branding-step .variant-sku{background:#f3f4f6;padding:2px 6px;border-radius:4px}.review-and-branding-step .variant-price{font-weight:500;color:#059669}.review-and-branding-step .variant-config-details{display:flex;flex-direction:column;gap:8px}.review-and-branding-step .config-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:#f9fafb;border-radius:8px;border:1px solid transparent;transition:all .2s ease}.review-and-branding-step .config-item.configured{border-color:#e5e7eb}.review-and-branding-step .config-item.missing{background:#fef2f2;border-color:#fecaca}.review-and-branding-step .config-icon{font-size:1rem;flex-shrink:0}.review-and-branding-step .config-content{flex:1;min-width:0}.review-and-branding-step .config-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:2px}.review-and-branding-step .config-value{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#1a1a2e;font-weight:500;flex-wrap:wrap}.review-and-branding-step .config-missing{font-size:.8125rem;color:#dc2626;font-weight:500}.review-and-branding-step .color-swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.review-and-branding-step .global-badge{font-size:.625rem;padding:2px 6px;background:#dbeafe;color:#1e40af;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.review-and-branding-step .dimensions{font-size:.75rem;color:#6b7280;font-weight:400}.review-and-branding-step .profile-icon{font-size:.875rem}.review-and-branding-step .tool-count{font-size:.6875rem;padding:2px 6px;background:#f3e8ff;color:#6b21a8;border-radius:4px}.review-and-branding-step .variant-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.review-and-branding-step .btn-edit{font-size:.75rem;padding:6px 10px;background:#fff;border:1px solid #8b5cf6;color:#8b5cf6;border-radius:6px;cursor:pointer;transition:all .2s ease}.review-and-branding-step .btn-edit:hover{background:#8b5cf6;color:#fff}.review-and-branding-step .success-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #86efac;border-radius:12px;padding:20px 24px;margin-bottom:24px}.review-and-branding-step .success-icon{font-size:2rem}.review-and-branding-step .success-content strong{display:block;font-size:1rem;color:#166534;margin-bottom:4px}.review-and-branding-step .success-content p{font-size:.875rem;color:#15803d;margin:0}.review-and-branding-step .empty-state{text-align:center;padding:48px 24px;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px}.review-and-branding-step .empty-state p{font-size:1rem;color:#6b7280;margin:0 0 16px}.review-and-branding-step .error-banner{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#991b1b}.review-and-branding-step .error-banner button{background:#fff;border:1px solid #fca5a5;color:#991b1b;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500}.branding-section-wrapper{margin-bottom:24px}.branding-collapsible{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.branding-collapsible-header{display:flex;align-items:center;gap:12px;padding:20px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8f9fa;border-bottom:1px solid #e5e7eb;transition:background .2s ease}.branding-collapsible-header:hover{background:#eef0f3}.branding-collapsible-header h3{font-size:1.125rem;font-weight:600;color:#1a1a2e;margin:0}.branding-collapsible:not([open])>.branding-collapsible-header{border-bottom:none}.branding-collapsible-content{padding:24px}.branding-description{font-size:1rem;color:#6b7280;margin:0 0 24px}.review-and-branding-step .optional-badge{display:inline-block;background:#f0f0f0;color:#666;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.review-and-branding-step .branding-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.review-and-branding-step .branding-section{background:#f8f9ff;border-radius:12px;padding:24px}.review-and-branding-step .branding-section h4{font-size:16px;margin-bottom:8px;color:#333}.review-and-branding-step .section-description{font-size:14px;color:#333;margin-bottom:20px}.review-and-branding-step .logo-upload-placeholder{border:3px dashed #818cf8;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s;background:#fff}.review-and-branding-step .logo-upload-placeholder:hover{border-color:#5568d3;background:#f8f9ff}.review-and-branding-step .upload-icon{font-size:28px;margin-bottom:12px}.review-and-branding-step .upload-text{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.review-and-branding-step .upload-hint{font-size:12px;color:#999}.review-and-branding-step .logo-preview{text-align:center}.review-and-branding-step .logo-preview img{max-width:180px;max-height:180px;object-fit:contain;margin-bottom:16px;border-radius:12px;background:#fff;padding:16px;box-shadow:0 2px 8px #0000001a}.review-and-branding-step .btn-change-logo{padding:10px 20px;background:#818cf8;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.review-and-branding-step .btn-change-logo:hover:not(:disabled){background:#5568d3}.review-and-branding-step .btn-change-logo:disabled{opacity:.6;cursor:not-allowed}.review-and-branding-step .color-pickers{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.review-and-branding-step .color-picker-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.review-and-branding-step .color-input-wrapper{display:flex;gap:12px;align-items:center}.review-and-branding-step .color-input{width:50px;height:50px;border:3px solid #e0e0e0;border-radius:8px;cursor:pointer}.review-and-branding-step .color-text-input{flex:1;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:Monaco,Courier New,monospace}.review-and-branding-step .color-text-input:focus{outline:none;border-color:#818cf8}.review-and-branding-step .color-preview{width:100%;height:80px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 4px 12px #00000026}.review-and-branding-step .features-section{margin-bottom:24px}.review-and-branding-step .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-and-branding-step .feature-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.review-and-branding-step .feature-card:hover{border-color:#818cf8;transform:translateY(-2px);box-shadow:0 4px 12px #818cf826}.review-and-branding-step .feature-card.enabled{border-color:#818cf8;background:linear-gradient(135deg,#f8f9ff,#fff)}.review-and-branding-step .feature-card.disabled{opacity:.8;background:#fafafa;border-color:#e8e8e8;border-style:dashed}.review-and-branding-step .feature-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.review-and-branding-step .feature-icon{font-size:20px}.review-and-branding-step .feature-name{flex:1;font-weight:600;color:#333;font-size:14px}.review-and-branding-step .feature-toggle{width:44px;height:24px;border-radius:12px;background:#ccc;position:relative;transition:all .2s ease}.review-and-branding-step .feature-toggle.on{background:#818cf8}.review-and-branding-step .feature-toggle .toggle-handle{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:all .2s ease;box-shadow:0 2px 4px #0003}.review-and-branding-step .feature-toggle.on .toggle-handle{left:22px}.review-and-branding-step .feature-description{font-size:12px;color:#666;line-height:1.4;margin:0}.review-and-branding-step .feature-status-badge{display:inline-block;margin-top:8px;padding:2px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.review-and-branding-step .feature-status-badge.active{background:#e8f5e9;color:#2e7d32}.review-and-branding-step .feature-status-badge.inactive{background:#fafafa;color:#999;border:1px solid #e0e0e0}.review-and-branding-step .design-link-expiry-input{display:flex;align-items:center;gap:12px;margin-top:12px}.review-and-branding-step .expiry-days-input{width:100px;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px}.review-and-branding-step .expiry-days-input:focus{outline:none;border-color:#818cf8}.review-and-branding-step .expiry-days-suffix{font-size:14px;color:#666}.review-and-branding-step .branding-error{background:#fee;border:2px solid #fcc;border-radius:8px;padding:12px 16px;margin-top:16px;color:#c33;font-size:14px;text-align:center}.review-and-branding-step .branding-success{background:#efe;border:2px solid #cfc;border-radius:8px;padding:12px 16px;margin-top:16px;color:#3a3;font-size:14px;text-align:center}.branding-save-row{display:flex;justify-content:flex-end;margin-top:16px}.review-and-branding-step .step-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:24px}.review-and-branding-step .btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.review-and-branding-step .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.review-and-branding-step .btn-primary:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.review-and-branding-step .btn-secondary{background:#fff;color:#4b5563;border:1px solid #d1d5db;padding:12px 24px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.review-and-branding-step .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media(max-width:1200px){.review-and-branding-step .variant-cards-grid,.review-and-branding-step .features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.review-and-branding-step .stats-grid{grid-template-columns:repeat(2,1fr)}.review-and-branding-step .variant-cards-grid,.review-and-branding-step .branding-content,.review-and-branding-step .features-grid{grid-template-columns:1fr}.review-and-branding-step .step-navigation{flex-direction:column;gap:12px}.review-and-branding-step .step-navigation button{width:100%}.review-and-branding-step .errors-header{flex-direction:column;align-items:stretch}}@media(max-width:480px){.review-and-branding-step{padding:0 0 16px}.review-and-branding-step .status-summary{padding:16px}.review-and-branding-step .variant-card-header{flex-direction:column;gap:8px}.review-and-branding-step .success-banner{flex-direction:column;text-align:center}.branding-collapsible-content{padding:16px}}.onboarding-wizard{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);max-width:1400px;margin:0 auto;padding:30px 40px}.wizard-progress-header{background:#fff;border-radius:12px;padding:24px 30px;margin-bottom:20px;box-shadow:0 2px 12px #00000014}.wizard-header-with-logo{display:flex;align-items:center;gap:12px;margin-bottom:8px}.wizard-logo{width:40px;height:40px}.progress-info h2{font-size:24px;font-weight:700;color:#2c3e50;margin:0}.progress-info p{font-size:15px;color:#5c6b78;margin:0}.progress-bar-container{display:flex;align-items:center;gap:16px;margin-top:16px}.progress-bar{flex:1;height:12px;background:#e9ecef;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#818cf8,#a78bfa);transition:width .5s ease}.progress-percentage{font-size:14px;font-weight:600;color:#4f5ec4;min-width:45px;text-align:right}.step-indicators{display:flex;justify-content:space-between;background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 12px #00000014;overflow-x:auto;gap:8px}.step-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:80px;opacity:.5;transition:all .3s ease}.step-indicator.active,.step-indicator.completed{opacity:1}.step-indicator.clickable{cursor:pointer}.step-indicator.clickable:hover .step-number{transform:scale(1.1);box-shadow:0 2px 8px #4caf504d}.step-indicator.clickable:hover .step-label{color:#4caf50}.step-number{width:40px;height:40px;border-radius:50%;background:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:all .3s ease}.step-indicator.active .step-number{background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;box-shadow:0 4px 12px #818cf866}.step-indicator.completed .step-number{background:#4caf50;color:#fff}.step-label{font-size:12px;color:#6c757d;text-align:center;font-weight:500}.step-indicator.active .step-label{color:#2c3e50;font-weight:600}.step-indicator.completed .step-label{color:#4caf50}.wizard-error{background:#ffebee;border-left:4px solid #f44336;padding:16px 20px;border-radius:6px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;color:#c62828}.wizard-error strong{font-weight:600}.wizard-error button{background:none;border:none;color:#c62828;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.wizard-error button:hover{background:#0000001a}.step-indicator.skipped .step-number{background:#fff3cd;color:#856404}.step-indicator.skipped .step-label{color:#856404}.skipped-badge{font-size:9px;color:#856404;background:#fff3cd;border-radius:4px;padding:1px 6px;font-weight:600;white-space:nowrap}.wizard-skip-link{text-align:center;margin-top:16px}.btn-skip{background:none;border:none;color:#7f8c8d;font-size:13px;cursor:pointer;padding:8px 16px;transition:color .2s ease}.btn-skip:hover{color:#2c3e50;text-decoration:underline}.wizard-content{background:transparent;animation:wizard-step-enter .3s ease-out}@keyframes wizard-step-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.onboarding-wizard{padding:20px}}@media(max-width:768px){.onboarding-wizard{padding:12px}.wizard-progress-header{padding:16px}.progress-info h2{font-size:20px}.progress-info p{font-size:14px}.step-indicators{padding:12px;gap:4px;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.step-indicators::-webkit-scrollbar{display:none}.step-indicator{min-width:auto;flex:1 1 0}.step-number{width:28px;height:28px;font-size:12px}.step-label{font-size:10px}.step-indicator:not(.active) .step-label{display:none}}@media(max-width:480px){.onboarding-wizard{padding:8px}.wizard-progress-header{padding:12px;margin-bottom:12px}.step-indicators{padding:8px;margin-bottom:10px}.step-number{width:26px;height:26px;font-size:11px}.step-label{display:none}.step-indicator.active .step-label{display:block;font-size:9px}}.setup-mode-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--p-space-800, 2rem)}.setup-mode-selector__heading{text-align:center;margin-bottom:var(--p-space-800, 2rem)}.setup-mode-selector__heading h1{font-size:var(--p-font-size-750, 1.75rem);font-weight:var(--p-font-weight-bold, 700);color:var(--p-color-text, #1a1a1a);margin:0 0 var(--p-space-200, .5rem)}.setup-mode-selector__heading p{font-size:var(--p-font-size-350, .9375rem);color:var(--p-color-text-secondary, #616161);margin:0}.setup-mode-selector__cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--p-space-600, 1.5rem);max-width:900px;width:100%}.setup-mode-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--p-space-800, 2rem) var(--p-space-600, 1.5rem);border:2px solid var(--p-color-border, #e1e3e5);border-radius:var(--p-border-radius-400, 12px);background:var(--p-color-bg-surface, #ffffff);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.setup-mode-card:hover{border-color:var(--p-color-border-interactive, #2c6ecb);box-shadow:var(--p-shadow-300, 0 4px 16px rgba(0, 0, 0, .1));transform:translateY(-2px)}.setup-mode-card:focus-visible{outline:2px solid var(--p-color-border-interactive-focus, #2c6ecb);outline-offset:2px}.setup-mode-card__icon{font-size:2.5rem;margin-bottom:var(--p-space-400, 1rem);line-height:1}.setup-mode-card__title{font-size:var(--p-font-size-500, 1.25rem);font-weight:var(--p-font-weight-semibold, 600);color:var(--p-color-text, #1a1a1a);margin:0 0 var(--p-space-200, .5rem)}.setup-mode-card__subtitle{font-size:var(--p-font-size-325, .875rem);color:var(--p-color-text-secondary, #616161);margin:0 0 var(--p-space-300, .75rem)}.setup-mode-card__description{font-size:var(--p-font-size-300, .8125rem);color:var(--p-color-text-secondary, #616161);margin:0 0 var(--p-space-600, 1.5rem);flex:1}.setup-mode-card__cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--p-space-300, .75rem) var(--p-space-600, 1.5rem);border:none;border-radius:var(--p-border-radius-200, 8px);font-size:var(--p-font-size-350, .9375rem);font-weight:var(--p-font-weight-semibold, 600);cursor:pointer;transition:background-color .15s ease}.setup-mode-card--quick .setup-mode-card__cta{background:var(--p-color-bg-fill-success, #008060);color:var(--p-color-text-inverse, #ffffff)}.setup-mode-card--quick .setup-mode-card__cta:hover{background:var(--p-color-bg-fill-success-hover, #006e52)}.setup-mode-card--full .setup-mode-card__cta{background:var(--p-color-bg-fill-info, #2c6ecb);color:var(--p-color-text-inverse, #ffffff)}.setup-mode-card--full .setup-mode-card__cta:hover{background:var(--p-color-bg-fill-info-hover, #1f5199)}@media(max-width:600px){.setup-mode-selector__cards{grid-template-columns:1fr}.setup-mode-selector{padding:var(--p-space-400, 1rem)}}.quick-setup{max-width:800px;margin:0 auto;padding:24px 16px}.quick-setup__steps{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.quick-setup__step-dot{width:12px;height:12px;border-radius:50%;background:var(--p-color-bg-surface-secondary, #e1e3e5);transition:background-color .2s ease,transform .2s ease}.quick-setup__step-dot--active{background:var(--p-color-bg-fill-brand, #008060);transform:scale(1.25)}.quick-setup__step-dot--done{background:var(--p-color-bg-fill-brand, #008060)}.quick-setup__content{margin-bottom:24px}.quick-setup__title{font-size:1.5rem;font-weight:600;text-align:center;margin:0 0 8px;color:var(--p-color-text, #1a1a1a)}.quick-setup__subtitle{font-size:.95rem;color:var(--p-color-text-secondary, #6d7175);text-align:center;margin:0 0 24px}.quick-setup__loading{text-align:center;color:var(--p-color-text-secondary, #6d7175);padding:40px 0}.quick-setup__product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.quick-setup__product-card{display:flex;flex-direction:column;border:2px solid var(--p-color-border, #c9cccf);border-radius:12px;background:var(--p-color-bg-surface, #fff);cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.quick-setup__product-card:hover{border-color:var(--p-color-border-interactive, #2c6ecb)}.quick-setup__product-card--selected{border-color:var(--p-color-border-interactive, #2c6ecb);background-color:var(--p-color-bg-surface-selected, #f0f6ff);box-shadow:0 0 0 1px var(--p-color-border-interactive, #2c6ecb)}.quick-setup__product-image{width:100%;height:140px;object-fit:cover;background:var(--p-color-bg-surface-secondary, #f1f2f3)}.quick-setup__product-image--placeholder{display:flex;align-items:center;justify-content:center;color:var(--p-color-text-subdued, #8c9196);font-size:.85rem}.quick-setup__product-info{padding:12px;display:flex;flex-direction:column;gap:4px}.quick-setup__product-title{font-weight:600;font-size:.95rem;color:var(--p-color-text, #1a1a1a)}.quick-setup__product-variants{font-size:.8rem;color:var(--p-color-text-secondary, #6d7175)}.quick-setup__actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.quick-setup__actions button{padding:10px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.quick-setup__back-btn{background:var(--p-color-bg-surface, #fff);border:1px solid var(--p-color-border, #c9cccf);color:var(--p-color-text, #1a1a1a)}.quick-setup__back-btn:hover{background:var(--p-color-bg-surface-hover, #f6f6f7)}.quick-setup__next-btn{background:var(--p-color-bg-fill-brand, #008060);border:none;color:#fff}.quick-setup__next-btn:hover:not(:disabled){background:var(--p-color-bg-fill-brand-hover, #006e52)}.quick-setup__next-btn:disabled{opacity:.5;cursor:not-allowed}.quick-setup__summary{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:24px}.quick-setup__summary-product{display:flex;gap:20px;align-items:flex-start;padding:20px;border:1px solid var(--p-color-border, #c9cccf);border-radius:12px;background:var(--p-color-bg-surface, #fff);width:100%;max-width:500px}.quick-setup__summary-image{width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0}.quick-setup__summary-details{display:flex;flex-direction:column;gap:8px;flex:1}.quick-setup__summary-row{display:flex;flex-direction:column;gap:2px}.quick-setup__summary-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--p-color-text-secondary, #6d7175)}.quick-setup__summary-value{font-size:.95rem;color:var(--p-color-text, #1a1a1a)}.quick-setup__cta-btn{width:100%;max-width:500px;padding:14px 24px;border:none;border-radius:10px;background:var(--p-color-bg-fill-brand, #008060);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.quick-setup__cta-btn:hover:not(:disabled){background:var(--p-color-bg-fill-brand-hover, #006e52)}.quick-setup__cta-btn:disabled{opacity:.5;cursor:not-allowed}.quick-setup__refine-link{background:none;border:none;color:var(--p-color-text-secondary, #6d7175);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:4px}.quick-setup__refine-link:hover{color:var(--p-color-text, #1a1a1a)}.quick-setup__error{color:var(--p-color-text-critical, #d72c0d);text-align:center;font-size:.9rem;margin:0}.quick-setup__switch-link-wrapper{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--p-color-border, #e1e3e5)}.quick-setup__switch-link{background:none;border:none;color:var(--p-color-text-interactive, #2c6ecb);font-size:.9rem;cursor:pointer;text-decoration:none;padding:4px 8px}.quick-setup__switch-link:hover{text-decoration:underline}@media(max-width:640px){.quick-setup__product-grid{grid-template-columns:1fr}.quick-setup__summary-product{flex-direction:column;align-items:center;text-align:center}}.setup-gate-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;position:fixed;inset:0;z-index:9999}.setup-gate-onboarding{min-height:100vh;background:linear-gradient(135deg,#818cf8,#a78bfa);padding:40px 20px 80px;display:flex;align-items:flex-start;justify-content:center;position:fixed;inset:0;z-index:9999;overflow-y:auto}.onboarding-container{background:#fff;border-radius:12px;padding:40px;max-width:800px;width:100%;box-shadow:0 20px 60px #0000004d;margin:20px auto 40px}.onboarding-header{text-align:center;margin-bottom:30px;padding-top:20px;position:relative}.onboarding-logo{width:100px;height:100px;margin:0 auto 20px;display:block;object-fit:contain;flex-shrink:0}.onboarding-container h1{font-size:32px;margin-bottom:10px;color:#333}.shop-name{color:#818cf8;font-size:18px;margin-bottom:0;font-weight:500}.onboarding-steps h2{font-size:24px;margin-bottom:10px;color:#333}.step-indicator{display:flex;justify-content:space-between;margin:30px 0;gap:10px}.step{flex:1;padding:15px;background:#f5f5f5;border-radius:8px;text-align:center;font-size:14px;color:#666;transition:all .3s ease}.step.clickable{cursor:pointer}.step.clickable:hover:not(.active){background:#e8e8e8;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.step.active{background:#818cf8;color:#fff;font-weight:600;transform:scale(1.05)}.onboarding-content{background:#f9f9f9;border-radius:8px;padding:30px;margin-top:20px;min-height:400px}.welcome-step h3,.product-mapping-step h3{font-size:20px;margin-bottom:15px;color:#333}.welcome-step ul{list-style:none;padding:0;margin:20px 0}.welcome-step li{padding:10px 0;font-size:16px;color:#555}.btn-primary{background:#818cf8;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;margin-top:20px}.btn-primary:hover{background:#5568d3}.btn-secondary{background:#fff;color:#818cf8;border:2px solid #818cf8;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.mapping-placeholder{text-align:center;padding:40px 20px}.developer-badge{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:12px 20px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;font-weight:500;box-shadow:0 2px 8px #00000026;z-index:10000;font-size:14px}.setup-gate-blocked{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;position:fixed;inset:0;z-index:9999}.blocked-container{background:#fff;border-radius:12px;padding:60px 40px;max-width:500px;text-align:center;box-shadow:0 10px 40px #0000001a}.blocked-icon{font-size:64px;margin-bottom:20px}.blocked-container h1{font-size:28px;margin-bottom:15px;color:#333}.blocked-container p{font-size:16px;color:#666;line-height:1.6;margin-bottom:10px}.blocked-footer{margin-top:40px;padding-top:20px;border-top:1px solid #eee}.blocked-footer small{color:#999;font-size:14px}@media(max-width:768px){.step-indicator{flex-direction:column}.step{width:100%}.onboarding-container{padding:30px 20px}.onboarding-container h1{font-size:24px}}.storefront-settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-top:24px}.storefront-settings-section .section-title{font-size:18px;font-weight:600;margin:0 0 8px;color:#1a1a2e}.storefront-settings-section .section-description{font-size:14px;color:#666;margin:0 0 20px}.storefront-settings-section .setting-group{margin-bottom:20px}.storefront-settings-section .setting-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.storefront-settings-section .setting-hint{font-size:13px;color:#888;margin:0 0 10px;line-height:1.4}.storefront-settings-section .mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:768px){.storefront-settings-section .mode-cards{grid-template-columns:1fr}}.storefront-settings-section .mode-card{border:2px solid #e5e7eb;border-radius:10px;padding:16px;cursor:pointer;text-align:center;transition:all .2s}.storefront-settings-section .mode-card:hover{border-color:#b0beff;background:#fafbff}.storefront-settings-section .mode-card.selected{border-color:#818cf8;background:#f0f3ff;box-shadow:0 0 0 1px #818cf8}.storefront-settings-section .mode-card-preview{margin-bottom:10px;display:flex;justify-content:center}.storefront-settings-section .mode-card-label{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.storefront-settings-section .mode-card-description{font-size:12px;color:#888;line-height:1.4}.storefront-settings-section .radio-group{display:flex;flex-direction:column;gap:8px}.storefront-settings-section .radio-option{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .15s;font-size:14px}.storefront-settings-section .radio-option:hover{background:#f5f5f5}.storefront-settings-section .radio-option input[type=radio],.storefront-settings-section .radio-option input[type=checkbox]{margin-top:3px;accent-color:#818cf8}.branding-step{width:100%;max-width:1100px;margin:0 auto}.branding-header{text-align:center;margin-bottom:40px}.branding-header h3{font-size:24px;margin-bottom:12px;color:#333}.branding-header p{font-size:16px;color:#666;margin-bottom:12px}.optional-badge{display:inline-block;background:#f0f0f0;color:#666;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500}.branding-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.branding-section{background:#f8f9ff;border-radius:12px;padding:30px}.branding-section h4{font-size:18px;margin-bottom:8px;color:#333}.section-description{font-size:14px;color:#333;margin-bottom:24px}.logo-upload-area{margin-bottom:20px}.logo-upload-placeholder{border:3px dashed #818cf8;border-radius:12px;padding:60px 20px;text-align:center;cursor:pointer;transition:all .3s;background:#fff}.logo-upload-placeholder:hover{border-color:#5568d3;background:#f8f9ff;transform:translateY(-2px)}.upload-icon{font-size:28px;margin-bottom:16px}.upload-text{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.upload-hint{font-size:13px;color:#999}.logo-preview{text-align:center}.logo-preview img{max-width:200px;max-height:200px;object-fit:contain;margin-bottom:20px;border-radius:12px;background:#fff;padding:20px;box-shadow:0 2px 8px #0000001a}.btn-change-logo{padding:12px 24px;background:#818cf8;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-change-logo:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-change-logo:disabled{opacity:.6;cursor:not-allowed}.upload-progress{margin-top:16px}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(135deg,#818cf8,#a78bfa);transition:width .3s}.upload-progress p{font-size:13px;color:#666;text-align:center}.color-pickers{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.color-picker-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.color-input-wrapper{display:flex;gap:12px;align-items:center}.color-input{width:60px;height:60px;border:3px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:border-color .2s}.color-input:hover{border-color:#818cf8}.color-text-input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:Monaco,Courier New,monospace;transition:border-color .2s}.color-text-input:focus{outline:none;border-color:#818cf8}.color-preview{width:100%;height:100px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 4px 12px #00000026}.branding-error{background:#fee;border:2px solid #fcc;border-radius:8px;padding:12px 16px;margin-top:16px;color:#c33;font-size:14px;text-align:center}.branding-success{background:#efe;border:2px solid #cfc;border-radius:8px;padding:12px 16px;margin-top:16px;color:#3a3;font-size:14px;text-align:center}.branding-footer{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding-top:30px;border-top:2px solid #e0e0e0}.branding-footer .btn-primary,.branding-footer .btn-secondary,.branding-footer .btn-skip{flex:0 0 auto!important;min-width:120px;max-width:200px;margin:0!important}.branding-footer .btn-secondary{border:2px solid #d0d0d0!important}.branding-footer .btn-skip{border:2px solid #e0e0e0!important}.branding-footer .btn-primary{margin-left:auto!important;max-width:300px;border:2px solid transparent!important}.btn-primary,.btn-secondary,.btn-skip{padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid transparent}.btn-primary{background:#818cf8;color:#fff}.btn-primary:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #818cf84d}.btn-secondary:hover{background:#f8f9ff}.btn-skip{background:transparent;color:#999;border:2px solid #e0e0e0}.btn-skip:hover{color:#818cf8;border-color:#818cf8;background:#f8f9ff}.features-section{grid-column:1 / -1;margin-top:10px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1200px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}}.feature-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.feature-card:hover{border-color:#818cf8;transform:translateY(-2px);box-shadow:0 4px 12px #818cf826}.feature-card.enabled{border-color:#818cf8;background:linear-gradient(135deg,#f8f9ff,#fff)}.feature-card.disabled{opacity:.8;background:#fafafa;border-color:#e8e8e8;border-style:dashed}.feature-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.feature-icon{font-size:20px}.feature-name{flex:1;font-weight:600;color:#333;font-size:14px}.feature-toggle{width:44px;height:24px;border-radius:12px;background:#ccc;position:relative;transition:all .2s ease}.feature-toggle.on{background:#818cf8}.feature-toggle .toggle-handle{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:all .2s ease;box-shadow:0 2px 4px #0003}.feature-toggle.on .toggle-handle{left:22px}.feature-description{font-size:12px;color:#666;line-height:1.4;margin:0}.feature-status-badge{display:inline-block;margin-top:8px;padding:2px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feature-status-badge.active{background:#e8f5e9;color:#2e7d32}.feature-status-badge.inactive{background:#fafafa;color:#999;border:1px solid #e0e0e0}@media(max-width:768px){.branding-content{grid-template-columns:1fr;gap:20px}.branding-section{padding:20px}.color-preview{height:60px;font-size:15px}.branding-footer{flex-direction:column}.branding-footer .btn-primary,.branding-footer .btn-secondary,.branding-footer .btn-skip{width:100%;max-width:none}.btn-primary,.btn-secondary,.btn-skip{width:100%}}@media(max-width:480px){.branding-header h3{font-size:20px}.branding-section{padding:16px}.logo-upload-placeholder{padding:30px 16px}}.design-link-expiry-input{display:flex;align-items:center;gap:12px;margin-top:12px}.expiry-days-input{width:100px;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .2s}.expiry-days-input:focus{outline:none;border-color:#818cf8}.expiry-days-suffix{font-size:14px;color:#666}.default-unit-input{margin-top:12px}.unit-select{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;background:#fff;cursor:pointer;transition:border-color .2s;min-width:200px}.unit-select:focus{outline:none;border-color:#818cf8}.product-table-header{padding:12px 16px;border-bottom:1px solid var(--p-color-border-subdued, #e1e3e5)}.product-table-image{display:flex;align-items:center;justify-content:center}.product-status-cell{min-width:80px;display:flex;align-items:center}.product-row-error{margin-top:4px}.Polaris-IndexTable__TableRow{cursor:pointer}@media(max-width:768px){.product-table-image{display:none}.product-table-header{padding:8px 12px}}@media(max-width:480px){.product-status-cell{min-width:60px}.Polaris-IndexTable__Table th:nth-child(3),.Polaris-IndexTable__Table td:nth-child(3),.Polaris-IndexTable__Table th:nth-child(4),.Polaris-IndexTable__Table td:nth-child(4),.Polaris-IndexTable__Table th:nth-child(5),.Polaris-IndexTable__Table td:nth-child(5){display:none}}.product-selection-page{max-width:1200px;margin:0 auto;padding:30px 20px}.page-header{margin-bottom:30px}.page-header h1{font-size:32px;color:#333;margin:0 0 10px}.page-subtitle{font-size:16px;color:#666;margin:0}.page-content{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.tool-profile-step{max-width:1200px;margin:0 auto;padding:24px}.step-header{text-align:center;margin-bottom:32px}.step-header h2{font-size:24px;margin-bottom:8px;color:#1a1a1a}.step-description{font-size:16px;color:#666;max-width:600px;margin:0 auto}.error-banner{background-color:#fee;border:1px solid #fcc;border-radius:8px;padding:12px 16px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;color:#c00}.error-banner button{background:none;border:none;cursor:pointer;font-size:18px;color:#c00}.info-banner{background-color:#e8f4fd;border:1px solid #b3d9f2;border-radius:8px;padding:12px 16px;margin-bottom:24px;color:#1a5276;line-height:1.5}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.method-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative}.method-card:hover{border-color:#818cf8;transform:translateY(-4px);box-shadow:0 8px 20px #818cf833}.method-icon{font-size:28px;margin-bottom:12px}.method-card h3{font-size:16px;margin-bottom:8px;color:#1a1a1a}.method-card p{font-size:14px;color:#666}.method-badge{position:absolute;top:12px;right:12px;background-color:#d4edda;color:#155724;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.existing-profiles-section{background:#f9fafb;border:1px solid #e5e5e5;border-radius:12px;padding:24px;margin-bottom:24px}.existing-profiles-section h3{font-size:16px;margin-bottom:16px;color:#1a1a1a}.profile-list-compact{display:flex;flex-direction:column;gap:12px}.profile-compact-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center}.profile-info{display:flex;align-items:center;gap:12px}.profile-method-icon{font-size:24px}.profile-tools-count{font-size:13px;color:#666;margin-top:4px}.profile-actions-compact button{padding:8px 16px;border:1px solid #818cf8;background-color:#fff;color:#818cf8;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.profile-actions-compact button:hover{background-color:#818cf8;color:#fff}.choice-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.choice-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .2s ease}.choice-card:hover{border-color:#818cf8;transform:translateY(-4px);box-shadow:0 8px 20px #818cf833}.choice-icon{font-size:28px;margin-bottom:16px;color:#818cf8}.choice-card h3{font-size:16px;margin-bottom:12px;color:#1a1a1a}.choice-card p{font-size:14px;color:#666;margin-bottom:16px}.tool-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tool-chip{background-color:#f0f0f0;padding:4px 12px;border-radius:12px;font-size:12px;color:#333}.interaction-mode-section{margin-bottom:32px}.interaction-mode-section h3{font-size:18px;margin-bottom:16px;color:#1a1a1a}.interaction-mode-options{display:flex;flex-direction:column;gap:12px}.interaction-mode-card{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#fff;border:2px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:all .2s ease}.interaction-mode-card:hover{border-color:#818cf8;background-color:#fafafe}.interaction-mode-card.selected{border-color:#818cf8;background-color:#f0f4ff}.interaction-mode-card input[type=radio]{margin-top:3px;width:18px;height:18px;cursor:pointer;flex-shrink:0}.interaction-mode-content{flex:1}.interaction-mode-label{display:flex;align-items:center;gap:8px;margin-bottom:4px}.interaction-mode-icon{font-size:18px}.interaction-mode-label strong{font-size:15px;color:#1a1a1a}.interaction-mode-help{font-size:13px;color:#666;margin:0;line-height:1.4}.tools-config-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.tool-config-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative}.tool-config-card.enabled{border-color:#818cf8;background-color:#f0f4ff}.tool-config-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tool-config-card .tool-icon{font-size:36px;margin-bottom:12px}.tool-config-card h4{font-size:16px;margin-bottom:8px;color:#1a1a1a}.tool-config-card p{font-size:13px;color:#666;margin-bottom:12px}.tool-toggle{margin-top:12px}.tool-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.assignment-progress{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;margin-bottom:32px}.progress-stats{margin-bottom:12px;text-align:center;font-size:16px;font-weight:600}.progress-stats .complete{color:#10b981}.progress-stats .incomplete{color:#f59e0b}.progress-bar{height:12px;background-color:#e5e5e5;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#818cf8,#a78bfa);transition:width .3s ease}.profiles-overview{margin-bottom:32px}.profiles-overview h3{font-size:18px;margin-bottom:16px;color:#1a1a1a}.profile-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.profile-assignment-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.profile-header{display:flex;justify-content:space-between;align-items:flex-start}.profile-title{display:flex;align-items:center;gap:8px;font-size:16px}.profile-icon{font-size:20px}.profile-actions{display:flex;gap:8px}.btn-icon{background:none;border:1px solid #e5e5e5;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:16px;transition:all .2s ease}.btn-icon:hover{background-color:#f0f0f0}.btn-icon.btn-danger:hover{background-color:#fee;border-color:#fcc}.profile-tools{display:flex;gap:6px;flex-wrap:wrap}.tool-badge{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:6px}.tool-badge-more{font-size:12px;padding:6px 10px;background-color:#f0f0f0;border-radius:6px;color:#666}.profile-variant-count{font-size:14px;color:#666;padding-top:8px;border-top:1px solid #e5e5e5}.btn-assign-all{padding:10px;background-color:#818cf8;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.btn-assign-all:hover{background-color:#5568d3}.variant-assignment-list{margin-bottom:32px}.variant-assignment-list h3{font-size:18px;margin-bottom:16px;color:#1a1a1a}.variant-list{display:flex;flex-direction:column;gap:12px}.variant-assignment-row{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.variant-info{flex:1}.variant-info strong{display:block;font-size:16px;margin-bottom:4px;color:#1a1a1a}.variant-meta{font-size:13px;color:#666}.variant-assignment-row select{padding:10px 14px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;cursor:pointer;min-width:250px;transition:all .2s ease}.variant-assignment-row select.assigned{border-color:#10b981;background-color:#f0fdf4}.variant-assignment-row select.unassigned{border-color:#f59e0b;background-color:#fffbeb}.variant-assignment-row select:focus{outline:none;border-color:#818cf8}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.modal-content h2{font-size:24px;margin-bottom:24px;color:#1a1a1a}.form-field{margin-bottom:24px}.form-field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#333}.form-field input[type=text]{width:100%;padding:12px;border:2px solid #e5e5e5;border-radius:8px;font-size:16px;transition:border-color .2s ease}.form-field input[type=text]:focus{outline:none;border-color:#818cf8}.tools-checklist{display:flex;flex-direction:column;gap:12px}.tool-checkbox{display:flex;align-items:center;gap:12px;padding:12px;background-color:#f9fafb;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.tool-checkbox:hover{background-color:#f0f0f0}.tool-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.modal-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.step-navigation{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e5e5}.btn-secondary{padding:12px 24px;background-color:#fff;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease}.btn-secondary:hover{background-color:#f9fafb;border-color:#d4d4d4}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #818cf84d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:40px;color:#666}.empty-state p{margin-bottom:16px}@media(max-width:1200px){.method-grid{grid-template-columns:repeat(2,1fr)}.tools-config-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tool-profile-step{padding:16px}.method-grid{grid-template-columns:1fr;gap:12px}.tools-config-grid{grid-template-columns:repeat(2,1fr);gap:12px}.choice-container,.profile-cards-grid{grid-template-columns:1fr}.variant-assignment-row{flex-direction:column;align-items:flex-start}.variant-assignment-row select{width:100%;min-width:auto}.method-card{padding:16px}.method-icon{font-size:24px;margin-bottom:8px}.step-navigation{flex-direction:column;gap:12px}.step-navigation button{width:100%}}@media(max-width:480px){.tool-profile-step{padding:10px}.tools-config-grid{grid-template-columns:1fr}.tool-config-card{padding:14px}.method-card h3{font-size:14px}}.navigation-breadcrumb{position:sticky;top:0;left:0;right:0;z-index:1000;background:var(--app-bg-white, white);border-bottom:1px solid var(--app-border, #e0e0e0);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.breadcrumb-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1}.breadcrumb-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;font-size:.95rem;font-weight:500;color:var(--app-text-secondary, #666);cursor:pointer;transition:all .2s ease;white-space:nowrap;max-width:250px}.breadcrumb-item:hover:not(:disabled){background:var(--app-bg-hover, #f5f5f5);color:var(--app-text-primary, #2c3e50)}.breadcrumb-item:active:not(:disabled){transform:scale(.98)}.breadcrumb-item.active{color:var(--app-text-primary, #2c3e50);font-weight:600;cursor:default;background:var(--app-bg-secondary, #f8f9fa)}.breadcrumb-item:disabled{cursor:default}.breadcrumb-home{color:#3498db;font-weight:600}.breadcrumb-home:hover{background:#3498db1a;color:#2980b9}.breadcrumb-icon{font-size:1.1rem;line-height:1}.breadcrumb-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-separator{color:var(--app-border, #ccc);font-size:.9rem;-webkit-user-select:none;user-select:none;margin:0 .25rem}.breadcrumb-info{display:flex;align-items:center;gap:.5rem}.depth-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 4px #3498db33}@media(max-width:768px){.navigation-breadcrumb{padding:.5rem 1rem}.breadcrumb-item{padding:.4rem .6rem;font-size:.85rem;max-width:150px}.breadcrumb-icon{font-size:1rem}.breadcrumb-text{display:none}.breadcrumb-item.active .breadcrumb-text{display:inline}.depth-badge{font-size:.75rem;padding:.25rem .6rem}}.navigation-breadcrumb{animation:breadcrumbSlideIn .3s ease}@keyframes breadcrumbSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dark-mode-toggle{position:fixed!important;top:1.5rem!important;right:1.5rem!important;z-index:999999!important;width:40px;height:40px;border-radius:10px;border:1.5px solid var(--app-border, #e2e8f0);background:var(--app-card-bg, #ffffff);display:flex;align-items:center;justify-content:center;color:var(--app-text-secondary, #475569);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;opacity:1!important;visibility:visible!important;pointer-events:all!important}.dark-mode-toggle:hover{background:var(--app-hover-bg, #f1f5f9);border-color:var(--app-accent, #818cf8);color:var(--app-accent, #818cf8);box-shadow:0 4px 12px #818cf826;transform:translateY(-1px)}.dark-mode-toggle:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.dark-mode .dark-mode-toggle{border-color:var(--app-border, #334155);background:var(--app-card-bg, #1e293b);color:var(--app-text-secondary, #cbd5e1);box-shadow:0 2px 8px #0000004d}.dark-mode .dark-mode-toggle:hover{background:var(--app-hover-bg, #2d3a4f);border-color:var(--app-accent, #818cf8);color:var(--app-accent, #818cf8);box-shadow:0 4px 12px #818cf833}.dark-mode-toggle svg{transition:all .2s ease}.dark-mode-toggle:hover svg{transform:rotate(10deg)}@media(max-width:768px){.dark-mode-toggle{top:1rem;right:1rem;width:36px;height:36px}.dark-mode-toggle svg{width:18px;height:18px}}.admin-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;background:var(--app-card-bg, #ffffff);color:var(--app-text-secondary, #475569);border:1.5px solid var(--app-border, #e2e8f0);box-shadow:0 1px 3px #0000000d}.admin-badge__icon{display:flex;align-items:center;justify-content:center;line-height:1}.admin-badge__text{line-height:1;letter-spacing:.01em}.admin-badge--admin{background:var(--app-card-bg, #ffffff);color:var(--app-text-secondary, #475569);border-color:var(--app-border, #e2e8f0)}.admin-badge--admin:hover{background:var(--app-hover-bg, #f1f5f9);border-color:var(--app-accent, #818cf8);color:var(--app-accent, #818cf8);transform:translateY(-1px);box-shadow:0 2px 6px #818cf81a}.admin-badge--superadmin{background:var(--app-card-bg, #ffffff);color:var(--app-text-secondary, #475569);border-color:var(--app-accent, #818cf8)}.admin-badge--superadmin:hover{background:var(--app-accent-light, #e0e7ff);border-color:var(--app-accent, #818cf8);color:var(--app-accent, #818cf8);transform:translateY(-1px);box-shadow:0 2px 6px #818cf826}.admin-badge:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.dark-mode .admin-badge{background:var(--app-card-bg, #1e293b);color:var(--app-text-secondary, #cbd5e1);border-color:var(--app-border, #334155);box-shadow:0 1px 3px #0000004d}.dark-mode .admin-badge--admin:hover,.dark-mode .admin-badge--superadmin:hover{background:var(--app-hover-bg, #2d3a4f);border-color:var(--app-accent, #818cf8);color:var(--app-accent, #818cf8);box-shadow:0 2px 6px #818cf833}.admin-badge--compact{padding:8px;border-radius:8px}.admin-badge--compact .admin-badge__text{display:none}.feature-lock__disabled{opacity:.4;pointer-events:none}.backend-logs-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px;overflow:auto}.backend-logs-modal{background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:min(1400px,95vw);max-height:min(90vh,800px);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #111827)}.modal-close-btn{background:none;border:none;font-size:28px;color:var(--text-secondary, #6b7280);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.modal-close-btn:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.logs-controls{padding:16px 24px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);display:flex;flex-direction:column;gap:12px}.controls-row{display:grid;grid-template-columns:auto auto auto 1fr;gap:16px;align-items:center}.controls-actions{display:flex;gap:12px;padding-top:8px;border-top:1px solid var(--border-color, #e5e7eb)}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-size:14px;font-weight:500;color:var(--text-secondary, #6b7280);white-space:nowrap}.control-group select,.control-group input[type=text]{padding:6px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:14px;background:#fff;color:var(--text-primary, #111827)}.control-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.search-group{flex:1;min-width:200px}.search-group input{width:100%}.btn-refresh,.btn-copy-all,.btn-clear{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-refresh{background:var(--accent-blue, #3b82f6);color:#fff}.btn-refresh:hover:not(:disabled){background:var(--accent-blue-dark, #2563eb)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-copy-all{background:#10b981;color:#fff}.btn-copy-all:hover:not(:disabled){background:#059669}.btn-copy-all:disabled{opacity:.5;cursor:not-allowed}.btn-clear{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #e5e7eb)}.btn-clear:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.logs-container{flex:1;overflow-y:auto;padding:16px 24px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px}.logs-loading,.logs-error,.logs-empty{padding:40px;text-align:center;color:var(--text-secondary, #6b7280)}.logs-error{color:var(--error, #ef4444)}.log-entry{border-left:3px solid #e5e7eb;padding:12px 16px;margin-bottom:12px;background:var(--bg-secondary, #f9fafb);border-radius:6px;transition:background .2s}.log-entry:hover{background:var(--bg-tertiary, #f3f4f6)}.log-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:12px}.log-timestamp{color:var(--text-secondary, #6b7280);font-weight:500}.log-level{font-weight:700;text-transform:uppercase;font-size:11px;padding:2px 8px;border-radius:4px;background:#0000000d}.log-logger{color:var(--text-tertiary, #9ca3af);font-style:italic}.log-copy-btn{margin-left:auto;background:none;border:none;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;opacity:.6;transition:all .2s}.log-copy-btn:hover{opacity:1;background:#0000000d}.log-message{color:var(--text-primary, #111827);white-space:pre-wrap;word-break:break-word;line-height:1.6}.log-exception{margin-top:12px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.log-exception summary{color:#dc2626;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.log-exception pre{margin-top:8px;padding:12px;background:#fff;border-radius:4px;overflow-x:auto;font-size:12px;color:#991b1b}.logs-footer{padding:12px 24px;border-top:1px solid var(--border-color, #e5e7eb);font-size:13px;color:var(--text-secondary, #6b7280);text-align:center;background:var(--bg-secondary, #f9fafb)}@media(prefers-color-scheme:dark){.backend-logs-modal{--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151}.control-group select,.control-group input[type=text]{background:#374151;border-color:#4b5563;color:#f9fafb}.log-entry{background:#111827}.log-entry:hover{background:#1f2937}.log-exception{background:#7f1d1d;border-color:#991b1b}.log-exception summary{color:#fca5a5}.log-exception pre{background:#450a0a;color:#fecaca}}.error-log-viewer{padding:20px;max-width:1800px;margin:0 auto}.log-viewer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.log-viewer-header h2{margin:0 0 8px;font-size:24px;color:#333}.subtitle{margin:0;color:#666;font-size:14px}.header-stats{display:flex;gap:16px}.stat-badge{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#f8f9fa;border-radius:8px;border:2px solid #e0e0e0;min-width:80px}.stat-badge.error{background:#fff5f5;border-color:#fecaca}.stat-badge.warning{background:#fffbf0;border-color:#fde68a}.stat-badge.audit{background:#f0f9ff;border-color:#bfdbfe}.stat-badge .stat-value{font-size:24px;font-weight:700;color:#333;line-height:1;margin-bottom:4px}.stat-badge .stat-label{font-size:11px;color:#666;text-transform:uppercase;font-weight:600}.log-filters{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px}.filter-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:13px;font-weight:600;color:#555;white-space:nowrap}.search-input,.filter-select{padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px}.search-input{min-width:300px;flex:1}.filter-select{min-width:150px}.search-input:focus,.filter-select:focus{outline:none;border-color:#5c6ac4;box-shadow:0 0 0 2px #5c6ac41a}.filter-actions{display:flex;gap:12px;padding-top:12px;border-top:1px solid #e0e0e0}.btn-export,.btn-clear{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-export{background:#17a2b8;color:#fff}.btn-export:hover:not(:disabled){background:#138496}.btn-clear{background:#dc3545;color:#fff}.btn-clear:hover:not(:disabled){background:#c82333}.btn-export:disabled,.btn-clear:disabled{opacity:.5;cursor:not-allowed}.results-info{margin-bottom:16px;padding:10px 16px;background:#e9ecef;border-radius:6px;font-size:14px;font-weight:600;color:#495057}.empty-state{text-align:center;padding:60px 20px;background:#fafafa;border-radius:12px;border:2px dashed #d0d0d0}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state p{margin:0 0 20px;color:#666;font-size:16px}.logs-container{display:flex;flex-direction:column;gap:12px}.log-entry{background:#fff;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .2s}.log-entry.error{border-left:4px solid #dc3545}.log-entry.warning{border-left:4px solid #ffc107}.log-entry.info{border-left:4px solid #17a2b8}.log-entry:hover{box-shadow:0 4px 12px #0000001a}.log-entry.expanded{border-color:#5c6ac4}.log-summary{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;transition:background .2s}.log-summary:hover{background:#f8f9fa}.log-icon{font-size:24px;flex-shrink:0}.log-main{flex:1;min-width:0}.log-message{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:15px;color:#212529}.log-message strong{font-weight:600}.log-badge{padding:2px 8px;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase}.log-badge.audit{background:#d1ecf1;color:#0c5460}.log-badge.backend{background:#e2e3e5;color:#383d41}.log-badge.category{background:#e7e9fc;color:#4c5ab8}.log-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#6c757d}.log-meta span{display:flex;align-items:center;gap:4px}.meta-timestamp{font-weight:600}.meta-route,.meta-component,.meta-modal{padding:2px 6px;background:#e9ecef;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:11px}.log-actions{display:flex;gap:8px;flex-shrink:0}.btn-copy,.btn-expand{width:36px;height:36px;padding:0;border:1px solid #d0d0d0;background:#fff;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-copy:hover,.btn-expand:hover{background:#f8f9fa;border-color:#5c6ac4}.log-details{padding:20px;background:#f8f9fa;border-top:2px solid #e0e0e0}.details-section{margin-bottom:20px;padding:16px;background:#fff;border-radius:6px;border:1px solid #dee2e6}.details-section:last-child{margin-bottom:0}.details-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#495057}.details-section summary h4{display:inline;cursor:pointer}.details-content{display:flex;flex-direction:column;gap:8px}.detail-row{display:grid;grid-template-columns:150px 1fr;gap:12px;font-size:13px}.detail-label{font-weight:600;color:#6c757d}.detail-value{color:#212529;word-break:break-word}.detail-value.code{font-family:SF Mono,Consolas,monospace;font-size:11px;background:#f1f3f5;padding:4px 8px;border-radius:4px}.detail-json,.detail-stack{background:#212529;color:#f8f9fa;padding:12px;border-radius:6px;font-family:SF Mono,Consolas,monospace;font-size:12px;overflow-x:auto;margin:0;line-height:1.5}.detail-stack{color:#ff6b6b;max-height:300px;overflow-y:auto}@media(max-width:768px){.log-viewer-header{flex-direction:column;gap:20px}.header-stats{flex-wrap:wrap}.filter-row{flex-direction:column}.search-input{min-width:100%}.log-summary{flex-wrap:wrap}.log-actions{width:100%;justify-content:flex-end}.detail-row{grid-template-columns:1fr;gap:4px}}.dark-mode .error-log-viewer{color:#818cf8f2}.dark-mode .log-viewer-header{border-bottom-color:#818cf833}.dark-mode .log-viewer-header h2{color:#818cf8f2}.dark-mode .subtitle{color:#818cf8b3}.dark-mode .stat-badge{background:#0000004d;border-color:#818cf84d}.dark-mode .stat-badge .stat-value{color:#818cf8f2}.dark-mode .log-filters{background:#0003}.dark-mode .search-input,.dark-mode .filter-select{background:#0000004d;border-color:#818cf84d;color:#818cf8f2}.dark-mode .log-entry{background:#1a1a2e99;border-color:#818cf833}.dark-mode .log-summary:hover{background:#818cf814}.dark-mode .log-details{background:#0000004d;border-top-color:#818cf833}.dark-mode .details-section{background:#0000004d;border-color:#818cf833}.dark-mode .btn-copy,.dark-mode .btn-expand{background:#0000004d;border-color:#818cf84d;color:#818cf8e6}.dark-mode .btn-copy:hover,.dark-mode .btn-expand:hover{background:#818cf826;border-color:#818cf899}.admin-debug-buttons{display:inline-flex;gap:.5rem;align-items:center;margin-right:.5rem}.admin-debug-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;border-radius:6px;border:2px solid transparent;background:#6366f11a;color:#6366f1;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-debug-btn svg{flex-shrink:0;transition:transform .2s ease}.admin-debug-btn:hover{background:#6366f126;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 2px 8px #6366f133}.admin-debug-btn:active{transform:translateY(0)}.admin-debug-btn--copy.copying{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.admin-debug-btn--copy.copying svg{animation:checkmark .3s ease}@keyframes checkmark{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.admin-debug-btn--logs{background:#0066ff1a;color:#06f;border-color:transparent}.admin-debug-btn--logs:hover{background:#0066ff26;border-color:#06f}.admin-debug-btn--errors{background:#ff3b301a;color:#ff3b30;border-color:transparent}.admin-debug-btn--errors:hover{background:#ff3b3026;border-color:#ff3b30}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.admin-debug-buttons{gap:.35rem}.admin-debug-btn{padding:.4rem .6rem;font-size:.8rem}.admin-debug-btn span{display:none}}[data-theme=dark] .admin-debug-btn{background:#6366f126;color:#a5b4fc}[data-theme=dark] .admin-debug-btn:hover{background:#6366f140;border-color:#a5b4fc}.view-mode-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;padding:12px 20px;box-shadow:0 2px 8px #00000026;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.view-mode-banner__content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px}.view-mode-banner__icon{font-size:20px}.view-mode-banner__text{font-weight:600;font-size:14px}.view-mode-banner__button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-mode-banner__button:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-1px)}.view-mode-banner__button:active{transform:translateY(0)}body:has(.view-mode-banner) .app-header{margin-top:48px}.dark-mode .view-mode-banner{background:linear-gradient(135deg,#4a5568,#2d3748)}.confirm-modal{max-width:450px;width:90%}.confirm-modal .modal-body{padding:1.5rem}.confirm-message{font-size:1rem;line-height:1.6;color:var(--app-text-primary, #2c3e50);margin:0}.confirm-modal .modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--app-border-light, #e5e7eb);display:flex;gap:.75rem;justify-content:flex-end}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.btn-danger:active{transform:translateY(0)}.dark-mode .confirm-message{color:#818cf8e6}.dark-mode .confirm-modal .modal-footer{border-top-color:#818cf833;background:#0003}.dark-mode .btn-secondary{background:#818cf81a;color:#818cf8e6;border:2px solid rgba(129,140,248,.3)}.dark-mode .btn-secondary:hover{background:#818cf833;color:var(--app-accent, #818cf8);border-color:#818cf880}.dark-mode .btn-primary{background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;box-shadow:0 4px 12px #818cf84d}.dark-mode .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #818cf866}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--app-card-bg, white);border:1px solid var(--app-border, #e0e0e0);border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--app-text-primary, #1a202c);font-weight:500;transition:all .2s}.user-menu-button:hover{background:var(--app-hover-bg, #f1f5f9);border-color:var(--app-accent, #818cf8);box-shadow:0 2px 8px #818cf826}.user-menu-button.login-button{background:var(--app-accent, #818cf8);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 2px 8px #818cf826}.user-menu-button.login-button:hover{background:var(--app-accent-hover, #5568d3);transform:translateY(-2px);box-shadow:0 4px 12px #818cf840}.user-icon{font-size:1.2rem}.user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:500;text-transform:uppercase}.role-badge.superadmin,.role-badge.admin{background:var(--app-accent-light, #e0e7ff);color:var(--app-accent, #818cf8);border:1px solid var(--app-accent, #818cf8)}.role-badge.designer{background:var(--app-hover-bg, #f1f5f9);color:var(--app-text-secondary, #475569);border:1px solid var(--app-border, #e2e8f0)}.menu-overlay{position:fixed;inset:0;z-index:9998;background:transparent}.user-menu-dropdown{position:fixed;background:var(--app-card-bg, white);border:1px solid var(--app-border, #e2e8f0);border-radius:12px;box-shadow:0 12px 32px #0000001f,0 4px 8px #00000014;min-width:250px;z-index:9999;overflow:hidden}.user-menu-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--app-hover-bg, #f1f5f9);border-bottom:1px solid var(--app-border, #e2e8f0)}.user-avatar{width:44px;height:44px;border-radius:50%;background:var(--app-accent, #818cf8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem;box-shadow:0 2px 4px #818cf826}.user-info{flex:1;min-width:0}.user-info .user-name{font-weight:600;font-size:.95rem;color:var(--app-text-primary, #1a202c);max-width:none;margin-bottom:.25rem}.user-email{font-size:.8rem;color:var(--app-text-secondary, #475569);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background:var(--app-border, #e2e8f0);margin:0}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;background:none;border:none;color:var(--app-text-primary, #1a202c);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.user-menu-item:hover{background:var(--app-hover-bg, #f1f5f9);color:var(--app-accent, #818cf8)}.user-menu-item.logout{color:#ff6b6b}.user-menu-item.logout:hover{background:#ff6b6b1a}.user-menu-item span{font-size:1.1rem}.dark-mode .user-menu-button{background:var(--app-card-bg, #1e293b);border-color:var(--app-border, #334155);color:var(--app-text-primary, #f8fafc)}.dark-mode .user-menu-button:hover{background:var(--app-hover-bg, #2d3a4f);border-color:var(--app-accent, #818cf8);box-shadow:0 2px 8px #818cf833}.dark-mode .user-menu-button.login-button{background:var(--app-accent, #818cf8);border-color:transparent;color:#fff;box-shadow:0 2px 8px #818cf84d}.dark-mode .user-menu-button.login-button:hover{background:#6366f1;box-shadow:0 4px 12px #818cf866}.dark-mode .user-menu-dropdown{background:var(--app-card-bg, #1e293b);border-color:var(--app-border, #334155);box-shadow:0 12px 32px #0009}.dark-mode .user-menu-header{background:var(--app-hover-bg, #2d3a4f);border-bottom-color:var(--app-border, #334155)}.dark-mode .user-avatar{background:var(--app-accent, #818cf8);color:#fff;box-shadow:0 2px 4px #818cf84d}.dark-mode .user-info .user-name{color:var(--app-text-primary, #f8fafc)}.dark-mode .user-email{color:var(--app-text-secondary, #cbd5e1)}.dark-mode .user-menu-divider{background:var(--app-border, #334155)}.dark-mode .user-menu-item{color:var(--app-text-primary, #f8fafc)}.dark-mode .user-menu-item:hover{background:var(--app-hover-bg, #2d3a4f);color:var(--app-accent, #818cf8)}.dark-mode .user-menu-item.logout{color:#ff8585}.dark-mode .user-menu-item.logout:hover{background:#ff6b6b26;color:#f99}.dark-mode .role-badge.superadmin,.dark-mode .role-badge.admin{background:#818cf833;color:var(--app-accent, #818cf8);border-color:var(--app-accent, #818cf8)}.dark-mode .role-badge.designer{background:var(--app-hover-bg, #2d3a4f);color:var(--app-text-secondary, #cbd5e1);border-color:var(--app-border, #334155)}.responsive-report-buttons{display:inline-flex;gap:.5rem;align-items:center}.responsive-report-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--app-card-bg, #ffffff);border:1.5px solid var(--app-border, rgba(0, 0, 0, .1));border-radius:6px;color:var(--app-text, #1e293b);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.responsive-report-btn:hover:not(:disabled){background:var(--app-hover-bg, #f8fafc);border-color:var(--app-accent, #818cf8);transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.responsive-report-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.responsive-report-btn:disabled{opacity:.6;cursor:not-allowed}.responsive-report-btn.copied{background:#10b981;border-color:#10b981;color:#fff}.responsive-report-btn.copied:hover{background:#059669;border-color:#059669}.responsive-report-btn.visual-btn.active{background:#eef2ff;border-color:var(--app-accent, #818cf8);color:var(--app-accent, #818cf8)}.responsive-report-btn.generating svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.responsive-report-btn svg{flex-shrink:0}.responsive-visual-overlay{position:fixed;inset:0;pointer-events:none;z-index:9998}.overlay-box{transition:opacity .2s ease}.overlay-label{text-shadow:0 1px 2px rgba(0,0,0,.3);max-width:300px;overflow:hidden;text-overflow:ellipsis}.dark-mode .responsive-report-btn{background:var(--app-card-bg, rgba(30, 41, 59, .95));border-color:var(--app-border, rgba(148, 163, 184, .2));color:var(--app-text, #e2e8f0)}.dark-mode .responsive-report-btn:hover:not(:disabled){background:#334155f2;border-color:var(--app-accent, #818cf8)}.dark-mode .responsive-report-btn.copied{background:#10b981;border-color:#10b981;color:#fff}.dark-mode .responsive-report-btn.visual-btn.active{background:#818cf833;border-color:var(--app-accent, #818cf8);color:var(--app-accent, #818cf8)}@media(max-width:768px){.responsive-report-btn span{display:none}.responsive-report-btn{padding:8px;min-width:36px;justify-content:center}.responsive-report-buttons{gap:.25rem}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:420px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;pointer-events:all;min-width:300px;max-width:420px;border-left:4px solid #ccc;animation:slideIn .3s ease-out}.toast-exit{animation:slideOut .3s ease-in forwards}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-icon{font-size:24px;line-height:1;flex-shrink:0}.toast-content{flex:1;color:#374151;font-size:14px;line-height:1.5}.toast-content p{margin:0}.toast-content strong{display:block;font-weight:600;margin-bottom:4px;color:#111827}.toast-content ul{margin:8px 0 0;padding-left:20px}.toast-content li{margin:4px 0}.toast-close{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:color .2s}.toast-close:hover{color:#374151}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{min-width:auto;max-width:none}}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:999999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast-notification{pointer-events:auto;min-width:320px;max-width:420px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012,0 10px 15px #0000001a,0 0 0 1px #0000000d;overflow:hidden;animation:toast-slide-in .3s cubic-bezier(.4,0,.2,1);transform-origin:right}.toast-notification.toast-exit{animation:toast-slide-out .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes toast-slide-in{0%{transform:translate(calc(100% + 2rem));opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(100% + 2rem)) scale(.95);opacity:0}}.toast-content{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;position:relative}.toast-icon-wrapper{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-icon{width:100%;height:100%}.toast-message{flex:1;font-size:.9375rem;line-height:1.5;font-weight:500;letter-spacing:-.01em;color:var(--app-text-primary, #1a252f)}.toast-close{flex-shrink:0;width:20px;height:20px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;color:var(--app-text-tertiary, #9ca3af)}.toast-close:hover{background:#0000000d;color:var(--app-text-primary, #1a252f)}.toast-close:active{transform:scale(.95)}.toast-close svg{width:14px;height:14px}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon-wrapper{color:#10b981}.toast-success .toast-content{background:linear-gradient(to right,#10b98114,#10b98105)}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon-wrapper{color:#ef4444}.toast-error .toast-content{background:linear-gradient(to right,#ef444414,#ef444405)}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon-wrapper{color:#f59e0b}.toast-warning .toast-content{background:linear-gradient(to right,#f59e0b14,#f59e0b05)}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon-wrapper{color:#3b82f6}.toast-info .toast-content{background:linear-gradient(to right,#3b82f614,#3b82f605)}@media(max-width:768px){.toast-container{top:1rem;right:1rem;left:1rem}.toast-notification{min-width:auto;max-width:none;width:100%}@keyframes toast-slide-in{0%{transform:translateY(-2rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-2rem) scale(.95);opacity:0}}}@media(prefers-color-scheme:dark){.toast-notification{background:#1e293bf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 6px #0000004d,0 10px 15px #0003,0 0 0 1px #ffffff1a}.toast-message{color:#f8fafcf2}.toast-close{color:#cbd5e199}.toast-close:hover{background:#ffffff1a;color:#f8fafcf2}.toast-success .toast-content{background:linear-gradient(to right,#10b98126,#10b9810d)}.toast-error .toast-content{background:linear-gradient(to right,#ef444426,#ef44440d)}.toast-warning .toast-content{background:linear-gradient(to right,#f59e0b26,#f59e0b0d)}.toast-info .toast-content{background:linear-gradient(to right,#3b82f626,#3b82f60d)}}.feedback-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.feedback-dialog{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.feedback-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.feedback-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.feedback-close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;line-height:1}.feedback-close-btn:hover{background:#f3f4f6;color:#111827}.feedback-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.feedback-error-hint{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:#fffbeb;border:1px solid #fbbf24;font-size:.85rem;color:#92400e}.feedback-type-toggle{display:flex;gap:8px}.feedback-type-btn{flex:1;padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;cursor:pointer;font-size:.85rem;font-weight:500;color:#374151;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.feedback-type-btn:hover{border-color:#d4af7a}.feedback-type-btn.active{border-color:#d4af7a;background:#d4af7a1a;color:#92400e}.feedback-error-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:0 5px}.feedback-field{display:flex;flex-direction:column;gap:6px}.feedback-field label{font-size:.85rem;font-weight:500;color:#374151}.feedback-required{color:#ef4444}.feedback-field textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:70px}.feedback-field textarea:focus{outline:none;border-color:#d4af7a;box-shadow:0 0 0 3px #d4af7a26}.feedback-field select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.85rem;font-family:inherit;background:#fff}.feedback-field select:focus{outline:none;border-color:#d4af7a}.feedback-screenshot-header{display:flex;align-items:center;justify-content:space-between}.feedback-screenshot-actions{display:flex;gap:8px}.feedback-link-btn{background:none;border:none;font-size:.78rem;cursor:pointer;color:#6b7280;padding:2px 4px}.feedback-link-btn:hover{color:#d4af7a}.feedback-link-danger:hover{color:#ef4444}.feedback-screenshot-preview{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f9fafb}.feedback-screenshot-preview img{display:block;width:100%;max-height:180px;object-fit:contain;cursor:pointer}.feedback-screenshot-placeholder{display:flex;align-items:center;justify-content:center;height:100px;color:#9ca3af;font-size:.85rem}.feedback-screenshot-upload{cursor:pointer}.feedback-screenshot-upload:hover{background:#f3f4f6;color:#6b7280}.feedback-toggle-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:#f9fafb;border:1px solid #e5e7eb}.feedback-toggle-row label{font-size:.83rem;color:#374151;cursor:pointer}.feedback-submit-error{padding:8px 12px;border-radius:6px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.85rem}.feedback-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #e5e7eb}.feedback-btn{padding:8px 18px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.feedback-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-btn-cancel{background:#f9fafb;border-color:#d1d5db;color:#374151}.feedback-btn-cancel:hover:not(:disabled){background:#f3f4f6}.feedback-btn-submit{background:#d4af7a;color:#fff;border-color:#b89968}.feedback-btn-submit:hover:not(:disabled){background:#b89968}.feedback-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:8px}.feedback-success-icon{font-size:3rem}.feedback-success-title{font-size:1.15rem;font-weight:600;color:#111827;margin:0}.feedback-success-sub{font-size:.9rem;color:#6b7280;margin:0}.feedback-fab{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#d4af7a;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 4px 12px #d4af7a66;transition:all .2s ease;z-index:9999}.feedback-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #d4af7a80}.feedback-fab-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white}@media(max-width:480px){.feedback-dialog{max-width:100%;border-radius:12px 12px 0 0;max-height:85vh}.feedback-overlay{align-items:flex-end;padding:0}}.configurator-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #e5e7eb;height:52px;gap:12px;z-index:100}.configurator-header__left{display:flex;align-items:center;gap:12px;min-width:0}.configurator-header__back-link{display:flex;align-items:center;gap:4px;color:#6366f1;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;padding:4px 8px;border-radius:6px;transition:background .15s}.configurator-header__back-link:hover{background:#6366f114}.configurator-header__divider{width:1px;height:24px;background:#e5e7eb;flex-shrink:0}.configurator-header__product-name{font-size:15px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.configurator-header__dirty-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f59e0b;margin-left:6px;vertical-align:middle}.configurator-header__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.configurator-header__btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .15s,box-shadow .15s}.configurator-header__btn--save{background:#f3f4f6;color:#374151}.configurator-header__btn--save:hover{background:#e5e7eb}.configurator-header__btn--cart{background:#6366f1;color:#fff}.configurator-header__btn--cart:hover{background:#4f46e5}.configurator-header--branded{border-bottom:2px solid var(--brand-accent, #6366f1)}.configurator-header__logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.configurator-header__logo{height:28px;width:auto;max-width:120px;object-fit:contain}.configurator-header--branded .configurator-header__back-link{color:var(--brand-accent, #6366f1)}.configurator-header--branded .configurator-header__back-link:hover{background:color-mix(in srgb,var(--brand-accent) 8%,transparent)}[data-theme=dark] .configurator-header{background:#1a1a2e;border-bottom-color:#2d2d44}[data-theme=dark] .configurator-header__product-name{color:#e5e7eb}[data-theme=dark] .configurator-header__divider{background:#374151}[data-theme=dark] .configurator-header__btn--save{background:#374151;color:#e5e7eb}@media(max-width:640px){.configurator-header{padding:6px 10px;height:44px}.configurator-header__product-name{font-size:13px;max-width:120px}.configurator-header__btn{padding:5px 10px;font-size:12px}}.driver-popover{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#f0f0f0;border-radius:12px;box-shadow:0 10px 40px #0009,0 0 0 1px #daa5204d,inset 0 1px #ffffff1a;border:1px solid rgba(218,165,32,.4);max-width:420px;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.driver-popover.driver-popover-arrow-side-left .driver-popover-arrow,.driver-popover.driver-popover-arrow-side-right .driver-popover-arrow,.driver-popover.driver-popover-arrow-side-top .driver-popover-arrow,.driver-popover.driver-popover-arrow-side-bottom .driver-popover-arrow{border-color:#daa52066}.driver-popover .driver-popover-arrow-side-left.driver-popover-arrow,.driver-popover .driver-popover-arrow-side-right.driver-popover-arrow,.driver-popover .driver-popover-arrow-side-top.driver-popover-arrow,.driver-popover .driver-popover-arrow-side-bottom.driver-popover-arrow{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.driver-popover-title{background:linear-gradient(135deg,#daa52033,#daa5201a);color:#daa520;font-size:18px;font-weight:700;padding:16px 20px;margin:0;border-bottom:1px solid rgba(218,165,32,.3);border-radius:12px 12px 0 0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.driver-popover-description{color:#e0e0e0;font-size:15px;line-height:1.6;padding:18px 20px;margin:0}.driver-popover-footer{background:#0003;padding:14px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:0 0 12px 12px}.driver-popover-progress-text{color:#aaa;font-size:13px;font-weight:500}.driver-popover-footer-buttons{display:flex;gap:10px}.driver-popover-btn{padding:14px 28px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;outline:none;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px;text-transform:none;min-width:120px}.driver-popover-prev-btn{background:#ffffff1f;color:#daa520e6;border:2px solid rgba(218,165,32,.4);box-shadow:0 4px 12px #0003}.driver-popover-prev-btn:hover{background:#fff3;border-color:#daa520b3;transform:translateY(-3px);box-shadow:0 8px 20px #daa5204d;color:#daa520}.driver-popover-prev-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #daa52033}.driver-popover-next-btn{background:linear-gradient(135deg,var(--app-accent, #818cf8) 0%,#b8935a 100%);color:#fff;border:2px solid rgba(255,255,255,.3);box-shadow:0 6px 20px #818cf880,0 2px 8px #0000004d,inset 0 1px #ffffff4d;text-shadow:0 2px 4px rgba(0,0,0,.4)}.driver-popover-next-btn:hover{background:linear-gradient(135deg,#e5c896 0%,var(--app-accent, #818cf8) 100%);transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #818cf899,0 4px 12px #0006,inset 0 1px #fff6;border-color:#ffffff80}.driver-popover-next-btn:active{transform:translateY(-1px) scale(1);box-shadow:0 6px 20px #818cf866,0 2px 8px #0000004d}.driver-popover-close-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#ffffff1a;color:#daa520;border:1px solid rgba(218,165,32,.3);font-size:18px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.driver-popover-close-btn:hover{background:#daa52033;border-color:#daa52080;transform:rotate(90deg) scale(1.1)}.driver-overlay{background:#000000f5!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:9999999!important}.driver-popover-stage{background:#fff!important;border-radius:12px;box-shadow:0 0 0 5000px #000000f5,0 0 0 8px var(--app-accent, #818cf8),0 0 80px var(--app-accent, #818cf8),0 0 140px #818cf8cc,inset 0 0 30px #fff;z-index:10000000!important;pointer-events:none;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 5000px #000000f5,0 0 0 8px var(--app-accent, #818cf8),0 0 80px var(--app-accent, #818cf8),0 0 140px #818cf8cc,inset 0 0 30px #fff}50%{box-shadow:0 0 0 5000px #000000f5,0 0 0 10px #e5c896,0 0 100px var(--app-accent, #818cf8),0 0 160px #818cf8e6,inset 0 0 40px #fff}}.driver-active-element{outline:none!important;box-shadow:0 0 0 4px #fff,0 0 30px var(--app-accent, #818cf8)!important;z-index:10000001!important;position:relative;background:#fff!important;filter:none!important;opacity:1!important;border-radius:8px}.driver-active-element,.driver-active-element *{filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.dark-mode .driver-active-element{background:#fffffff2!important;color:#1a1a1a!important}.dark-mode .driver-active-element *{color:inherit!important}@keyframes driver-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.driver-popover{animation:driver-fade-in .3s ease}.dark-mode .driver-popover{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border-color:#daa52080}.dark-mode .driver-popover-description{color:#f0f0f0}@media(max-width:768px){.driver-popover{max-width:90vw;margin:10px}.driver-popover-title{font-size:17px;padding:16px 18px}.driver-popover-description{font-size:15px;padding:16px 18px}.driver-popover-footer{padding:14px 18px;flex-direction:column;align-items:stretch}.driver-popover-footer-buttons{width:100%;flex-direction:column;gap:12px}.driver-popover-btn{width:100%;justify-content:center;padding:16px 28px;font-size:17px}.driver-popover-progress-text{text-align:center;margin-bottom:12px;font-size:14px}}.driver-popover[data-step-index="0"] .driver-popover-title{background:linear-gradient(135deg,#daa5204d,#daa52026)}.driver-popover:has(.driver-popover-next-btn:only-child) .driver-popover-next-btn{background:linear-gradient(135deg,#4caf50,#45a049)}.driver-popover:has(.driver-popover-next-btn:only-child) .driver-popover-next-btn:hover{background:linear-gradient(135deg,#5bc95e,#4caf50)}:root{--app-bg: #f9fafb;--app-bg-white: #ffffff;--app-text-primary: #111827;--app-text-secondary: #6b7280;--app-text-tertiary: #9ca3af;--app-border: #e5e7eb;--app-border-medium: #d1d5db;--app-card-bg: #ffffff;--app-card-gradient: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);--app-card-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--app-accent: #5851e8;--app-accent-hover: #4a42d1;--app-accent-light: #eef2ff;--app-accent-gradient: linear-gradient(135deg, #5851e8 0%, #8f5cf6 100%);--app-hover-bg: #f3f4f6;--logo-filter: brightness(0) saturate(100%);--info-box-bg: linear-gradient(135deg, rgba(79, 70, 229, .08) 0%, rgba(139, 92, 246, .05) 100%);--info-box-border: rgba(79, 70, 229, .2)}.dark-mode{--app-bg: #0f172a;--app-bg-white: #1e293b;--app-text-primary: #f8fafc;--app-text-secondary: #cbd5e1;--app-text-tertiary: #94a3b8;--app-border: #334155;--app-border-medium: #475569;--app-card-bg: #1e293b;--app-card-gradient: linear-gradient(135deg, #1e293b 0%, #334155 100%);--app-card-shadow: 0 4px 16px rgba(0, 0, 0, .5);--app-accent: #868cf8;--app-accent-light: #1e293b;--app-hover-bg: #2d3a4f;--logo-filter: brightness(0) invert(1) drop-shadow(0 0 3px rgba(255, 255, 255, .3));--info-box-bg: linear-gradient(135deg, rgba(129, 140, 248, .15) 0%, rgba(167, 139, 250, .12) 100%);--info-box-border: rgba(129, 140, 248, .35)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--app-bg);min-height:100vh;color:var(--app-text-primary);transition:background-color .3s ease,color .3s ease}.app-container{display:flex;flex-direction:column;min-height:100vh;background:var(--app-bg)}.app-header{background:#fffffff2;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-bottom:1px solid var(--app-border);z-index:100;position:sticky;top:0;isolation:isolate;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode .app-header{background:#0f172af2;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 1px 3px #0000004d,0 1px 2px #0003;border-bottom:1px solid var(--app-border)}.dark-mode .header-brand{border-bottom:1px solid var(--app-border, #334155)}.dark-mode .header-logo-img{filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,255,255,.4)) drop-shadow(0 2px 4px rgba(255,255,255,.2));opacity:1}.dark-mode .header-logo-img:hover{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(129,140,248,.8)) drop-shadow(0 2px 6px rgba(129,140,248,.4))}.dark-mode .header-brand h1{color:var(--app-text-primary, #f8fafc);filter:none}.header-brand{padding:1.25rem 2rem .75rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.header-brand-content{display:flex;align-items:center;gap:1rem;cursor:pointer}.header-logo-img{height:38px;width:38px;object-fit:contain;filter:brightness(0) drop-shadow(0 0 6px rgba(0,0,0,.2)) drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.8;cursor:pointer}.header-logo-img:hover{transform:scale(1.08) rotate(-5deg);filter:brightness(0) drop-shadow(0 0 12px rgba(129,140,248,.6)) drop-shadow(0 0 24px rgba(129,140,248,.4));opacity:1}.header-brand h1{margin:0;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#2c3e50,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:transform .2s ease}.header-brand h1:hover{transform:scale(1.02)}.header-brand .header-actions{display:flex;gap:.5rem;align-items:center;margin-right:5.5rem}.cart-tab.has-items{color:#ff9800}.cart-tab.has-items .cart-badge{background:#ff9800;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-main{flex:1;overflow-y:auto;background:var(--app-bg);position:relative}.app-main:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(129,140,248,.02) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(129,140,248,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.dark-mode .app-main{background:radial-gradient(ellipse at top left,rgba(129,140,248,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(129,140,248,.08) 0%,transparent 50%),linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e)}.dark-mode .app-main:before{background-image:radial-gradient(circle at 20% 50%,rgba(129,140,248,.02) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(129,140,248,.02) 0%,transparent 50%)}.products-start-view{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:2rem}.start-content{text-align:center;max-width:600px}.start-content h2{font-size:2rem;color:var(--app-text-primary);margin-bottom:1rem}.start-content p{font-size:1.1rem;color:var(--app-text-secondary);margin-bottom:2rem}.quick-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.btn-large{padding:1.25rem 2.5rem;font-size:1.15rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #818cf866}.btn-secondary{background:#fff;color:#818cf8;border:2px solid #818cf8}.btn-secondary:hover{background:#818cf8;color:#fff}.modal-footer{align-items:stretch}.modal-footer button{text-align:center}:root:not(.dark-mode) .btn-secondary{background:#f5f5f5;color:#2d3748;border:2px solid #d0d0d0}:root:not(.dark-mode) .btn-secondary:hover{background:#e0e0e0;color:#1a202c;border-color:#a0aec0}.recent-designs-hint{padding:1.5rem;background:var(--app-hover-bg);border-radius:12px;margin-top:2rem}.hint-text{color:var(--app-text-secondary);font-size:1rem}.hint-text strong{color:var(--app-accent)}.cart-view{max-width:900px;margin:0 auto;padding:2rem}.cart-header{margin-bottom:2rem}.cart-header h2{font-size:2rem;color:var(--app-text-primary);margin-bottom:.5rem}.cart-count{color:var(--app-text-secondary);font-size:1.05rem}.empty-cart{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-cart .empty-icon{font-size:4rem;margin-bottom:1rem}.empty-cart h3{font-size:1.5rem;color:var(--app-text-primary);margin-bottom:.5rem}.empty-cart p{color:var(--app-text-secondary);margin-bottom:2rem}.empty-cart .btn-primary{margin:0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:200px}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;gap:1.5rem;align-items:center;padding:1.5rem;background:var(--app-card-bg);border-radius:12px;box-shadow:0 2px 8px var(--app-card-shadow)}.item-preview{width:100px;height:100px;border-radius:8px;overflow:hidden;background:var(--app-hover-bg);flex-shrink:0}.item-preview img{width:100%;height:100%;object-fit:cover}.item-info{flex:1}.item-info h4{margin:0 0 .5rem;color:var(--app-text-primary);font-size:1.15rem}.item-details{color:var(--app-text-secondary);font-size:.95rem}.btn-remove{padding:.5rem 1rem;background:#ffebee;color:#e74c3c;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .2s}.btn-remove:hover{background:#e74c3c;color:#fff}.cart-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--app-border)}.btn-checkout{background:linear-gradient(135deg,#4caf50,#45a049)}.btn-checkout:hover{box-shadow:0 8px 20px #4caf5066}.app-footer{padding:1.5rem 2rem;background:linear-gradient(135deg,#fff,#f8f9fa);border-top:1px solid var(--app-border);box-shadow:0 -2px 10px #0000000d;position:relative;z-index:5}.footer-stats{display:flex;gap:2rem;justify-content:center;font-size:.9rem;color:var(--app-text-secondary);font-weight:500}.footer-stats span{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#818cf814;border-radius:20px;border:1px solid rgba(129,140,248,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;color:var(--app-text-primary)}.footer-stats span:hover{background:#818cf81f;border-color:#818cf84d;transform:translateY(-2px)}.dark-mode .app-footer{background:linear-gradient(135deg,#1a1a2e,#16213e);border-top:1px solid rgba(129,140,248,.2);box-shadow:0 -2px 10px #0000004d}.dark-mode .footer-stats{color:#818cf8cc}.dark-mode .footer-stats span{background:#818cf81a;border:1px solid rgba(129,140,248,.2);color:#818cf8e6}.dark-mode .footer-stats span:hover{background:#818cf826;border-color:#818cf84d}@media(max-width:768px){.header-logo-img{height:35px}.header-brand h1{font-size:1.3rem}.quick-actions{flex-direction:column}.btn-large{width:100%}.cart-item{flex-direction:column;text-align:center}.cart-actions{flex-direction:column}.footer-stats{flex-direction:column;gap:.75rem;align-items:center}}.btn-block{width:100%}button{font-family:inherit}button:focus{outline:2px solid #818cf8;outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--app-hover-bg)}::-webkit-scrollbar-thumb{background:var(--app-text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--app-text-secondary)}.header-brand{display:flex;align-items:center;gap:1rem}.btn-back-to-shop{background:#818cf814;color:#818cf8;border:2px solid rgba(129,140,248,.3);padding:.5rem 1rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000014;white-space:nowrap}.btn-back-to-shop:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #818cf84d;background:#818cf826;border-color:#818cf880}.btn-back-to-shop:active{transform:translateY(0) scale(1)}.dark-mode .btn-back-to-shop{background:#0000004d;color:var(--app-accent, #818cf8);border:2px solid rgba(129,140,248,.4);box-shadow:0 2px 8px #0000004d}.dark-mode .btn-back-to-shop:hover{box-shadow:0 6px 16px #818cf880;background:#818cf833;border-color:#818cf899}.btn-help{background:var(--app-card-bg, #ffffff);color:var(--app-text-secondary, #475569);border:1.5px solid var(--app-border, #e2e8f0);padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000d}.btn-help:hover{background:var(--app-hover-bg, #f1f5f9);border-color:var(--app-accent, #818cf8);color:var(--app-accent, #818cf8);transform:translateY(-1px);box-shadow:0 2px 6px #818cf826}.btn-help:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.dark-mode .btn-help{background:var(--app-card-bg, #1e293b);color:var(--app-text-secondary, #cbd5e1);border-color:var(--app-border, #334155);box-shadow:0 1px 3px #0000004d}.dark-mode .btn-help:hover{background:var(--app-hover-bg, #2d3a4f);border-color:var(--app-accent, #818cf8);color:var(--app-accent, #818cf8);box-shadow:0 2px 6px #818cf833}.btn-admin{background:var(--app-card-bg, #ffffff);color:var(--app-text-secondary, #475569);border:1.5px solid var(--app-border, #e2e8f0);padding:.5rem .75rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 1px 3px #0000000d}.btn-admin:hover{background:var(--app-hover-bg, #f1f5f9);border-color:var(--app-accent, #818cf8);color:var(--app-accent, #818cf8);transform:translateY(-1px);box-shadow:0 2px 6px #818cf826}.btn-admin-exit-user-view{background:var(--app-accent-light, #e0e7ff);color:var(--app-accent, #818cf8);border:1.5px solid var(--app-accent, #818cf8);font-weight:600;gap:.5rem}.btn-admin-exit-user-view:hover{background:var(--app-accent, #818cf8);color:#fff;border-color:var(--app-accent, #818cf8);transform:translateY(-1px);box-shadow:0 2px 8px #818cf840}.btn-admin:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.dark-mode .btn-admin{background:var(--app-card-bg, #1e293b);color:var(--app-text-secondary, #cbd5e1);border-color:var(--app-border, #334155);box-shadow:0 1px 3px #0000004d}.dark-mode .btn-admin:hover{background:var(--app-hover-bg, #2d3a4f);border-color:var(--app-accent, #818cf8);color:var(--app-accent, #818cf8);box-shadow:0 2px 6px #818cf833}.dark-mode .btn-admin-exit-user-view{background:#818cf833;color:var(--app-accent, #818cf8);border-color:var(--app-accent, #818cf8)}.dark-mode .btn-admin-exit-user-view:hover{background:var(--app-accent, #818cf8);color:#fff;border-color:var(--app-accent, #818cf8);box-shadow:0 2px 8px #818cf84d}.btn-shortcuts{background:#818cf814;color:#818cf8;border:2px solid rgba(129,140,248,.3);padding:.5rem .75rem;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000014}.btn-shortcuts:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #818cf84d;background:#818cf826;border-color:#818cf880}.btn-shortcuts:active{transform:translateY(0) scale(1)}.dark-mode .btn-shortcuts{background:#0000004d;color:var(--app-accent, #818cf8);border:2px solid rgba(129,140,248,.4);box-shadow:0 2px 8px #0000004d}.dark-mode .btn-shortcuts:hover{box-shadow:0 6px 16px #818cf880;background:#818cf833;border-color:#818cf899}.dark-mode .btn-primary{background:linear-gradient(135deg,#818cf84d,#818cf833);color:var(--app-accent, #818cf8);border:2px solid rgba(129,140,248,.5);box-shadow:0 2px 8px #818cf833}.dark-mode .btn-primary:hover{background:linear-gradient(135deg,#818cf866,#818cf84d);border-color:#818cf8b3;box-shadow:0 4px 12px #818cf84d;transform:translateY(-2px)}.dark-mode .btn-secondary{background:#1a1a2ecc;color:#818cf8f2;border:2px solid rgba(129,140,248,.4)}.dark-mode .btn-secondary:hover{background:linear-gradient(135deg,#818cf840,#818cf826);color:var(--app-accent, #818cf8);border-color:#818cf899}.shortcuts-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s ease}.shortcuts-modal{background:#1a1a2e;border-radius:24px;box-shadow:0 30px 90px #0006,0 0 0 1px #818cf833;max-width:700px;width:90%;max-height:85vh;overflow:hidden;animation:slideUp .4s ease}.shortcuts-header{background:linear-gradient(135deg,#1a1a2e,#0f0f1e);padding:1.5rem 2rem;border-bottom:2px solid rgba(129,140,248,.2);display:flex;justify-content:space-between;align-items:center}.shortcuts-header h2{margin:0;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,#ffffff 0%,var(--app-accent, #818cf8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-close-shortcuts{background:#ffffff1a;border:2px solid rgba(129,140,248,.3);color:var(--app-accent, #818cf8);width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-close-shortcuts:hover{background:#818cf84d;border-color:var(--app-accent, #818cf8);transform:rotate(90deg)}.shortcuts-content{padding:2rem;max-height:calc(85vh - 80px);overflow-y:auto}.shortcuts-section{margin-bottom:2rem}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-section h3{color:var(--app-accent, #818cf8);font-size:1.1rem;margin:0 0 1rem;font-weight:600}.shortcut-list{display:flex;flex-direction:column;gap:.75rem}.shortcut-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(129,140,248,.2);border-radius:8px;transition:all .2s ease}.shortcut-item:hover{background:#818cf81a;border-color:#818cf866}.shortcut-item kbd{background:linear-gradient(135deg,#2a2a3e,#1f1f2e);border:2px solid rgba(129,140,248,.3);border-radius:6px;padding:.4rem .8rem;font-family:Segoe UI,sans-serif;font-size:.9rem;font-weight:600;color:var(--app-accent, #818cf8);box-shadow:0 2px 4px #0000004d;min-width:3rem;text-align:center}.shortcut-item span{flex:1;color:#ffffffe6;font-size:.95rem}.shortcut-coming-soon .shortcut-item{opacity:.6}.shortcut-coming-soon .shortcut-item kbd{border-color:#9696964d;color:#999}.shortcut-coming-soon .shortcut-item span{color:#ffffff80;font-style:italic}.dark-mode .btn-primary{background:linear-gradient(135deg,#818cf8e6,#818cf8b3);color:#1a1a2e;border:2px solid rgba(129,140,248,.4);font-weight:700;box-shadow:0 4px 12px #818cf84d}.dark-mode .btn-primary:hover{background:linear-gradient(135deg,var(--app-accent, #818cf8) 0%,rgba(129,140,248,.8) 100%);border-color:#818cf899;box-shadow:0 6px 16px #818cf880;transform:translateY(-2px)}.dark-mode .btn-secondary{background:#818cf81a;color:#818cf8e6;border:2px solid rgba(129,140,248,.3);font-weight:600}.dark-mode .btn-secondary:hover{background:#818cf833;border-color:#818cf880;color:var(--app-accent, #818cf8);box-shadow:0 4px 12px #818cf84d}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh;background:var(--app-bg);color:var(--app-text-primary)}#root{width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--app-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}html,body,#root,.app{color-scheme:light!important;background:#fff!important;color:#212529!important}@media(prefers-color-scheme:dark){html,body,#root,.app,*{color-scheme:light!important}}html.dark-mode,body.dark-mode,.dark-mode,html.p-theme-dark,body.p-theme-dark{color-scheme:light!important}