*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:#f9fafb;color:#1f2937}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}[dir=rtl] .layout{direction:rtl}[dir=rtl] .sidebar{left:auto;right:0;border-left:1px solid rgba(255,255,255,.1);border-right:none}[dir=rtl] .main-content{margin-left:0!important;margin-right:240px}[dir=rtl] .layout:has(.sidebar.collapsed) .main-content{margin-left:0!important;margin-right:72px}[dir=rtl] .sidebar-header{flex-direction:row-reverse}[dir=rtl] .sidebar-header .logo-link{order:2}[dir=rtl] .sidebar-header .sidebar-toggle{order:1}[dir=rtl] .sidebar-toggle{transform:rotate(180deg)}[dir=rtl] .sidebar.collapsed .sidebar-toggle{right:auto;left:-14px;transform:rotate(180deg)}[dir=rtl] .header{left:0;right:240px}[dir=rtl] :has(.sidebar.collapsed) .header{right:72px;left:0}[dir=rtl] .promo-banner{direction:rtl}[dir=rtl] .header-content{flex-direction:row-reverse}[dir=rtl] .header-icons,html[dir=rtl] .header-icons{margin-left:0;margin-right:24px;order:1!important}[dir=rtl] .search-wrapper{order:2!important}[dir=rtl] .mobile-menu-btn{left:auto;right:16px}[dir=rtl] .search-wrapper,[dir=rtl] .search-bar{direction:rtl}[dir=rtl] .search-icon{left:auto;right:14px}[dir=rtl] .search-input{padding-left:44px;padding-right:44px;text-align:right;direction:rtl}[dir=rtl] .search-spinner{right:auto;left:14px}[dir=rtl] .search-dropdown{text-align:right}[dir=rtl] .search-result-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .notification-dropdown{right:auto;left:0}[dir=rtl] .notification-header{flex-direction:row-reverse}[dir=rtl] .notification-item{flex-direction:row-reverse;text-align:right;padding:16px 20px!important}[dir=rtl] .notification-item.unread{padding:16px 20px!important}[dir=rtl] .notification-icon{order:3}[dir=rtl] .notification-content{text-align:right;order:2;flex:1;min-width:0}[dir=rtl] .notification-actions{order:1}[dir=rtl] .notification-unread-dot{right:auto!important;left:20px!important;top:20px!important}[dir=rtl] .notification-link-indicator{right:auto!important;left:16px!important}[dir=rtl] .order-list-table th,[dir=rtl] .order-list-table td{text-align:right!important}[dir=rtl] .order-list-client-cell{flex-direction:row-reverse}[dir=rtl] .order-list-contact-cell,[dir=rtl] .order-list-status-cell,[dir=rtl] .order-list-location-cell,[dir=rtl] .order-list-amount-cell,[dir=rtl] .order-list-delivery-cell,[dir=rtl] .order-list-date-cell{text-align:right}[dir=rtl] .order-list-actions{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .notification-link-indicator{right:auto;left:16px}[dir=rtl] .notification-badge{right:auto;left:-4px}[dir=rtl] .store-link-btn{flex-direction:row-reverse}[dir=rtl] .nav-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .nav-item.active:before{left:auto;right:0}[dir=rtl] .nav-item-icon{order:3!important;margin-left:12px;margin-right:0}[dir=rtl] .nav-item span{order:2!important;text-align:right}[dir=rtl] .nav-arrow{order:1!important;margin-left:0;margin-right:auto}[dir=rtl] .nav-item-simple{flex-direction:row-reverse;text-align:right}[dir=rtl] .nav-item-simple.active:before{left:auto;right:0}[dir=rtl] .nav-item-simple>svg{order:3!important;margin-left:12px;margin-right:0}[dir=rtl] .nav-item-simple span{order:2!important;text-align:right}[dir=rtl] .sidebar-nav .sub-item{padding-left:0;padding-right:48px}[dir=rtl] .sub-nav-item{padding:10px 52px 10px 20px!important}[dir=rtl] .sub-nav-item.active:before{left:auto;right:0}[dir=rtl] .sidebar-nav .chevron{transform:rotate(180deg)}[dir=rtl] .sidebar-nav .chevron.open{transform:rotate(90deg)}[dir=rtl] .sidebar-toggle{left:0;right:auto}[dir=rtl] .sidebar.collapsed .sidebar-toggle{right:auto;left:-14px}[dir=rtl] .sidebar-user .user-menu-dropdown{left:auto;right:248px}[dir=rtl] .sidebar-user.collapsed .user-menu-dropdown{left:auto;right:80px}[dir=rtl] .user-menu-trigger .user-info{order:2!important;text-align:right;align-items:flex-end}[dir=rtl] .user-info{text-align:right}[dir=rtl] .user-menu-dropdown{left:auto;right:0}[dir=rtl] table,[dir=rtl] th,[dir=rtl] td,[dir=rtl] .form-group label,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] input[type=number]{text-align:left}[dir=rtl] .btn svg:first-child{margin-right:0;margin-left:8px}[dir=rtl] .btn svg:last-child{margin-left:0;margin-right:8px}[dir=rtl] .breadcrumb{flex-direction:row-reverse}[dir=rtl] .breadcrumb-separator{transform:rotate(180deg)}[dir=rtl] .stat-card{text-align:right}[dir=rtl] .stat-card-icon{margin-right:0;margin-left:12px}[dir=rtl] .modal-header{text-align:right}[dir=rtl] .modal-close{left:16px;right:auto}[dir=rtl] .dropdown-menu{left:auto;right:0}[dir=rtl] .pagination{flex-direction:row-reverse}[dir=rtl] .alert{flex-direction:row-reverse;text-align:right}[dir=rtl] .alert-icon{margin-right:0;margin-left:12px}[dir=rtl] .search-input{padding-left:12px;padding-right:40px}[dir=rtl] .search-icon{left:auto;right:12px}[dir=rtl] .tabs,[dir=rtl] .checkbox-label,[dir=rtl] .radio-label{flex-direction:row-reverse}[dir=rtl] .checkbox-label input,[dir=rtl] .radio-label input{margin-right:0;margin-left:8px}[dir=rtl] .file-input-wrapper{text-align:right}[dir=rtl] select{background-position:left 12px center;padding-left:32px;padding-right:12px}[dir=rtl] .list-item{flex-direction:row-reverse}[dir=rtl] .list-item-icon{margin-right:0;margin-left:12px}[dir=rtl] .badge{margin-left:0;margin-right:8px}[dir=rtl] .expand-icon{transform:rotate(180deg)}[dir=rtl] .card-header,[dir=rtl] .table-actions{flex-direction:row-reverse}[dir=rtl] .product-card{text-align:right}[dir=rtl] .order-item{flex-direction:row-reverse}[dir=rtl] .customer-info{text-align:right}[dir=rtl] .price,[dir=rtl] .date{direction:ltr;display:inline-block}[dir=rtl] .status-badge{margin-left:0;margin-right:auto}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .tooltip{text-align:right}[dir=rtl] .progress-bar{direction:rtl}[dir=rtl] .progress-fill{transform-origin:right}@media (max-width: 1023px){[dir=rtl] .header{left:0;right:0}[dir=rtl] :has(.sidebar.collapsed) .header{right:0}[dir=rtl] .main-content{margin-right:0}[dir=rtl] .layout:has(.sidebar.collapsed) .main-content{margin-right:0}[dir=rtl] .header-content{padding-left:16px;padding-right:70px}[dir=rtl] .sidebar{transform:translate(100%)}[dir=rtl] .sidebar.mobile-open{transform:translate(0)}}@media (max-width: 480px){[dir=rtl] .header-content{padding-left:16px;padding-right:70px}[dir=rtl] .header-icons{margin-right:12px;margin-left:0;flex-direction:row-reverse!important}}[dir=rtl] .page-header-actions{flex-direction:row-reverse}[dir=rtl] .welcome-section{text-align:right}[dir=rtl] .welcome-content{flex-direction:row-reverse}[dir=rtl] .action-card{text-align:right}[dir=rtl] .action-card-content{flex-direction:row-reverse}[dir=rtl] .stats-card,[dir=rtl] .stat-card{text-align:right}[dir=rtl] .stats-card-header,[dir=rtl] .stat-card-header{flex-direction:row-reverse}[dir=rtl] .config-card{text-align:right}[dir=rtl] .config-card-header{flex-direction:row-reverse}[dir=rtl] .demo-videos-header,[dir=rtl] .video-card{text-align:right}[dir=rtl] .language-switcher{flex-direction:row-reverse}[dir=rtl] .user-menu-trigger{flex-direction:row-reverse;text-align:right;justify-content:flex-end}[dir=rtl] .user-menu-trigger .user-avatar{order:3!important}[dir=rtl] .user-menu-trigger .user-info{order:2!important;align-items:flex-end;text-align:right}[dir=rtl] .user-menu-trigger .chevron{order:1!important}[dir=rtl] .user-menu-dropdown{right:auto;left:0}[dir=rtl] .user-menu.collapsed .user-menu-dropdown{left:auto;right:80px}[dir=rtl] .menu-header,[dir=rtl] .menu-item,[dir=rtl] .store-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .store-item-info{align-items:flex-end}[dir=rtl] .store-builder-page{direction:rtl}[dir=rtl] .editor-header{flex-direction:row-reverse!important;direction:rtl}[dir=rtl] .quit-btn:hover svg{transform:translate(2px)!important}[dir=rtl] .store-info{flex-direction:row-reverse!important}[dir=rtl] .page-select{padding:8px 12px 8px 32px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat left 10px center!important;direction:rtl}[dir=rtl] .device-toggles,[dir=rtl] .loading-indicator{flex-direction:row-reverse!important}[dir=rtl] .section-panel{border-right:none;border-left:1px solid #e5e7eb}[dir=rtl] .config-panel{border-left:none;border-right:1px solid #e5e7eb}[dir=rtl] .section-panel-header,[dir=rtl] .config-panel-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .section-categories,[dir=rtl] .section-list,[dir=rtl] .config-field,[dir=rtl] .config-field label,[dir=rtl] .configuration-header{text-align:right}[dir=rtl] .store-stats-header,[dir=rtl] .stat-card-header{flex-direction:row-reverse}[dir=rtl] .store-stat-card{text-align:right}:root[dir=rtl] .step-card,html[dir=rtl] .step-card,[dir=rtl] .step-card{text-align:right;direction:rtl}:root[dir=rtl] .step-card-header,html[dir=rtl] .step-card-header,[dir=rtl] .step-card-header{flex-direction:row-reverse!important}:root[dir=rtl] .step-icon-wrapper,html[dir=rtl] .step-icon-wrapper,[dir=rtl] .step-icon-wrapper{order:1}:root[dir=rtl] .step-content,html[dir=rtl] .step-content,[dir=rtl] .step-content{text-align:right;order:0}:root[dir=rtl] .step-title,html[dir=rtl] .step-title,[dir=rtl] .step-title{text-align:right}:root[dir=rtl] .step-description,html[dir=rtl] .step-description,[dir=rtl] .step-description{text-align:right}:root[dir=rtl] .step-actions,html[dir=rtl] .step-actions,[dir=rtl] .step-actions{justify-content:flex-start}[dir=rtl] .configuration-header,[dir=rtl] .configuration-title,[dir=rtl] .configuration-subtitle{text-align:right}[dir=rtl] .progress-text{direction:rtl}[dir=rtl] .quick-action-card{text-align:right}[dir=rtl] .quick-action-card-content{flex-direction:row-reverse}[dir=rtl] .video-card-content,[dir=rtl] .data-table th,[dir=rtl] .data-table td,[dir=rtl] .data-table th:first-child,[dir=rtl] .data-table td:first-child{text-align:right}[dir=rtl] .data-table th:last-child,[dir=rtl] .data-table td:last-child{text-align:left}[dir=rtl] .search-toolbar,[dir=rtl] .search-toolbar .search-box,[dir=rtl] .toolbar-actions{flex-direction:row-reverse}[dir=rtl] .page-header{text-align:right}[dir=rtl] .page-header-content,[dir=rtl] .page-header-actions{flex-direction:row-reverse}[dir=rtl] .form-section{text-align:right}html[dir=rtl] .form-section-header-left,[dir=rtl] .form-section-header-left{flex-direction:row-reverse!important}html[dir=rtl] .form-section-icon,[dir=rtl] .form-section-icon{order:2!important}html[dir=rtl] .form-section-header-left>div,[dir=rtl] .form-section-header-left>div{order:1!important}html[dir=rtl] .order-form-footer,[dir=rtl] .order-form-footer{left:0!important;right:240px!important}html[dir=rtl] .layout:has(.sidebar.collapsed) .order-form-footer,[dir=rtl] .layout:has(.sidebar.collapsed) .order-form-footer{right:72px!important}html[dir=rtl] .order-form-footer-info,[dir=rtl] .order-form-footer-info{order:2!important}html[dir=rtl] .order-form-footer-actions,[dir=rtl] .order-form-footer-actions{order:2!important;flex-direction:row-reverse!important}html[dir=rtl] .order-form-btn-cancel,[dir=rtl] .order-form-btn-cancel{order:2!important}html[dir=rtl] .order-form-btn-submit,[dir=rtl] .order-form-btn-submit{order:1!important}[dir=rtl] .form-section-header-action{order:-1}[dir=rtl] .form-field,[dir=rtl] .form-field label{text-align:right}[dir=rtl] button svg+span,[dir=rtl] .btn svg+span{margin-left:0;margin-right:8px}[dir=rtl] button span+svg,[dir=rtl] .btn span+svg{margin-right:0;margin-left:8px}.alert-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:alert-overlay-fade-in .2s ease-out}@keyframes alert-overlay-fade-in{0%{opacity:0}to{opacity:1}}.alert-modal{position:relative;background:#fff;border-radius:16px;padding:2rem 2rem 1.5rem;max-width:420px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:alert-modal-slide-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes alert-modal-slide-in{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.alert-modal__close{position:absolute;top:12px;right:12px;background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#94a3b8;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.alert-modal__close:hover{background:#f1f5f9;color:#64748b}.alert-modal__icon{width:64px;height:64px;margin:0 auto 1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:alert-icon-bounce .5s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes alert-icon-bounce{0%{transform:scale(0)}to{transform:scale(1)}}.alert-modal--success .alert-modal__icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.alert-modal--error .alert-modal__icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.alert-modal--warning .alert-modal__icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.alert-modal--info .alert-modal__icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.alert-modal__title{font-size:1.25rem;font-weight:700;margin:0 0 .75rem;color:#1e293b;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.alert-modal__message{font-size:.95rem;line-height:1.6;color:#64748b;margin:0 0 1.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;word-wrap:break-word}.alert-modal__button{width:100%;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.alert-modal--success .alert-modal__button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.alert-modal--success .alert-modal__button:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a59}.alert-modal--error .alert-modal__button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.alert-modal--error .alert-modal__button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #dc262659}.alert-modal--warning .alert-modal__button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.alert-modal--warning .alert-modal__button:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #d9770659}.alert-modal--info .alert-modal__button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.alert-modal--info .alert-modal__button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.alert-modal--confirm .alert-modal__icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.alert-modal__buttons{display:flex;gap:.75rem;width:100%}.alert-modal__buttons .alert-modal__button{flex:1}.alert-modal__button--cancel{background:#f1f5f9!important;color:#64748b!important;border:1px solid #e2e8f0}.alert-modal__button--cancel:hover{background:#e2e8f0!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a!important}.alert-modal__button--confirm{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.alert-modal__button--confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-1px);box-shadow:0 4px 12px #dc262659!important}.alert-modal__button:active{transform:translateY(0)}[dir=rtl] .alert-modal__close{right:auto;left:12px}@media (prefers-color-scheme: dark){.alert-modal{background:#1e293b;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}.alert-modal__title{color:#f1f5f9}.alert-modal__message{color:#94a3b8}.alert-modal__close{color:#64748b}.alert-modal__close:hover{background:#334155;color:#94a3b8}.alert-modal__button--cancel{background:#334155!important;color:#94a3b8!important;border-color:#475569}.alert-modal__button--cancel:hover{background:#475569!important}}@media (max-width: 480px){.alert-modal{padding:1.5rem 1.25rem 1.25rem;margin:1rem;border-radius:12px}.alert-modal__icon{width:56px;height:56px;margin-bottom:1rem}.alert-modal__icon svg{width:24px;height:24px}.alert-modal__title{font-size:1.125rem}.alert-modal__message{font-size:.9rem}.alert-modal__button{padding:.75rem 1.25rem;font-size:.9rem}}.route-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.route-loading .spinner{animation:spin 1s linear infinite;color:#0891b2}.sidebar-item-wrapper{width:100%;position:relative}.active-parent>.nav-item{background:#ffffff1a}.nav-item-icon{position:relative;display:flex;align-items:center;justify-content:center}.nav-item-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ef444466;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sub-menu{background:#0000001a;padding:4px 0}.sub-nav-item{display:block;padding:10px 20px 10px 52px;color:#ffffffb3;text-decoration:none;font-size:13px;transition:all .2s}.sub-nav-item:hover{background:#ffffff1a;color:#fff}.sub-nav-item.active{background:#ffffff26;color:#fff;font-weight:500;position:relative}.sub-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#4a9eff}.sub-menu-flyout{position:fixed;left:76px;min-width:200px;background:linear-gradient(180deg,#1e3a5f,#2d4a6b);border-radius:8px;box-shadow:0 4px 20px #0000004d,0 0 0 1px #ffffff1a;z-index:1100;overflow:hidden;animation:flyoutSlide .15s ease-out}@keyframes flyoutSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.flyout-header{padding:12px 16px;font-size:13px;font-weight:600;color:#ffffffe6;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.flyout-item{display:block;padding:10px 16px;color:#ffffffb3;text-decoration:none;font-size:13px;transition:all .15s ease;white-space:nowrap}.flyout-item:hover{background:#ffffff1a;color:#fff}.flyout-item.active{background:#4a9eff33;color:#fff;font-weight:500;border-left:3px solid #4a9eff}.language-switcher{display:flex;align-items:center;gap:8px;color:#6b7280}.language-switcher .lang-select{background:transparent;border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s ease}.language-switcher .lang-select:hover{border-color:#d1d5db;background:#f9fafb}.language-switcher .lang-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.language-switcher{position:relative}.lang-switcher-trigger{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s ease}.lang-switcher-trigger:hover{border-color:#d1d5db;background:#f9fafb}.lang-flag{width:20px;height:20px;object-fit:cover;border-radius:50%;display:block;flex-shrink:0}.lang-text{font-size:13px}.lang-chevron{transition:transform .2s ease;color:#9ca3af}.lang-chevron.open{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:140px;overflow:hidden;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;font-size:13px;color:#374151;cursor:pointer;transition:all .2s ease}.lang-option:hover{background:#f9fafb}.lang-option.active{background:#eff6ff;color:#3b82f6;font-weight:500}.lang-option .lang-flag{width:20px;height:20px;object-fit:cover;border-radius:50%;display:block;flex-shrink:0}.lang-option .lang-name{flex:1}.language-switcher.compact{position:relative}.language-switcher.compact .lang-switcher-trigger{display:flex;align-items:center;justify-content:center;width:auto;min-width:40px;height:40px;background:#f3f4f6;border:none;border-radius:8px;padding:8px 10px;gap:6px;transition:all .2s ease}.language-switcher.compact .lang-switcher-trigger:hover{background:#e5e7eb}.language-switcher.compact .lang-flag{width:24px;height:24px;object-fit:cover;border-radius:50%;display:block;flex-shrink:0}.language-switcher.compact .lang-chevron{display:block;color:#6b7280;transition:transform .2s ease;flex-shrink:0}.language-switcher.compact .lang-text{display:none}.language-switcher.compact .lang-dropdown{right:0;width:auto;min-width:40px;padding:4px}.language-switcher.compact .lang-option{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;gap:0}.language-switcher.compact .lang-option .lang-flag{width:24px;height:24px;object-fit:cover;border-radius:50%;display:block;flex-shrink:0}.language-switcher.compact .lang-option .lang-name{display:none}[dir=rtl] .language-switcher,[dir=rtl] .lang-switcher-trigger{flex-direction:row-reverse}[dir=rtl] .lang-option{text-align:right;flex-direction:row-reverse}[dir=rtl] .lang-dropdown,[dir=rtl] .language-switcher.compact .lang-dropdown{right:auto;left:0}.user-menu{position:relative}.user-menu.collapsed{display:flex;justify-content:center}.user-menu-trigger{display:flex;align-items:center;gap:12px;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s}.user-menu.collapsed .user-menu-trigger{padding:0;border-radius:50%}.user-menu-trigger:hover{background:#f3f4f6;border-color:#e5e7eb}.user-menu.collapsed .user-menu-trigger:hover{background:#ffffff26;border-color:transparent}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#0891b2,#0e7490);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600}.user-menu.collapsed .user-avatar{border-radius:8px}.user-avatar.large{width:44px;height:44px;font-size:15px}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.user-name{font-size:14px;font-weight:600;color:#1f2937}.user-email{font-size:12px;color:#6b7280}.chevron{color:#6b7280;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.user-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0000001a;z-index:101;overflow:hidden}.user-menu.collapsed .user-menu-dropdown{position:fixed;top:auto;bottom:16px;left:80px;right:auto}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px}.menu-user-name{margin:0;font-size:15px;font-weight:600;color:#1f2937}.menu-user-email{margin:4px 0 0;font-size:13px;color:#6b7280}.menu-divider{height:1px;background:#e5e7eb}.menu-language{padding:8px 16px;display:flex;justify-content:center}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:#374151;font-size:14px;cursor:pointer;text-align:left;transition:background .2s}.user-menu-item:hover{background:#f9fafb}.user-menu-item svg{color:#6b7280}.user-menu-item.logout{color:#dc2626}.user-menu-item.logout svg{color:#dc2626}.user-menu-item.logout:hover{background:#fef2f2}.store-selector-section{padding:8px}.store-selector-header{display:flex;align-items:center;gap:8px;padding:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.store-loading,.no-stores{padding:12px;text-align:center;font-size:13px;color:#6b7280}.store-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.store-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.store-item:hover{background:#f3f4f6}.store-item.active{background:#eff6ff}.store-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e0e7ff;border-radius:8px;color:#4f46e5;flex-shrink:0}.store-item.active .store-item-icon{background:#3b82f6;color:#fff}.store-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.store-item-name{font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-item-desc{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-check{color:#3b82f6;flex-shrink:0}.add-store-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;margin-top:4px;background:transparent;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:13px;cursor:pointer;transition:all .2s}.add-store-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.store-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.store-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:calc(100vw - 32px);max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;z-index:1001;overflow:hidden;display:flex;flex-direction:column}.store-modal-header{padding:24px;text-align:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e0f2fe}.store-modal-icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:14px;color:#fff}.store-modal-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b}.store-modal-header p{margin:0;font-size:14px;color:#64748b}.store-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.store-modal-field{display:flex;flex-direction:column;gap:6px}.store-modal-field label{font-size:13px;font-weight:500;color:#374151}.store-modal-field input,.store-modal-field textarea{padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s}.store-modal-field input:focus,.store-modal-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.store-modal-field input::placeholder,.store-modal-field textarea::placeholder{color:#9ca3af}.store-modal-field textarea{resize:none;font-family:inherit}.store-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.store-modal-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.store-modal-btn.cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b}.store-modal-btn.cancel:hover{background:#f1f5f9}.store-modal-btn.create{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff}.store-modal-btn.create:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.store-modal-btn.create:disabled{opacity:.6;cursor:not-allowed}.store-modal-btn.create{display:flex;align-items:center;justify-content:center;gap:8px}.slug-input-wrapper{display:flex;flex-direction:column;gap:6px}.slug-input-container{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s}.slug-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.slug-input{flex:1;padding:12px 14px;border:none!important;background:transparent!important;font-size:14px;box-shadow:none!important}.slug-input:focus{outline:none}.slug-input.available{color:#16a34a}.slug-input.unavailable{color:#dc2626}.slug-suffix{padding:12px 14px;background:#f1f5f9;color:#64748b;font-size:13px;white-space:nowrap;border-left:1px solid #e2e8f0}.slug-status{min-height:20px;display:flex;align-items:center}.slug-checking,.slug-available,.slug-unavailable{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.slug-checking{color:#64748b}.slug-available{color:#16a34a}.slug-unavailable{color:#dc2626}.field-hint{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:#64748b}.field-hint svg{color:#3b82f6}.store-modal-error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px}.store-item-domain{font-size:10px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 768px){.user-menu-dropdown{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;max-height:85vh;border-radius:20px 20px 0 0!important;box-shadow:0 -4px 20px #00000026;transform:translateY(100%);animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards;overflow-y:auto;-webkit-overflow-scrolling:touch}.user-menu.collapsed .user-menu-dropdown{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;border-radius:20px 20px 0 0!important}.user-menu-overlay{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.user-menu-dropdown:before{content:"";position:sticky;top:0;left:50%;transform:translate(-50%);width:40px;height:4px;background:#d1d5db;border-radius:2px;margin:12px auto 8px;display:block;z-index:1}.menu-header{padding:20px 16px 16px}.store-selector-section{padding:8px 16px}.menu-item{padding:14px 16px;font-size:15px}.store-list{max-height:40vh}.store-item{padding:12px}.add-store-btn{margin-top:8px;padding:12px}.store-modal{position:fixed!important;width:100%!important;max-width:100%!important;max-height:100vh!important;height:100vh!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;border-radius:0!important;box-shadow:none!important;animation:fadeIn .2s ease-out forwards;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;margin:0!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.store-modal-overlay{background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.store-modal-header{padding:20px 16px 16px;flex-shrink:0;text-align:center}[dir=rtl] .store-modal-header{text-align:center}.store-modal-header h3{margin:0 0 8px}.store-modal-header p{margin:0}.store-modal-body{padding:16px;flex:1;overflow-y:auto;min-height:0}.store-modal-footer{padding:16px;flex-direction:column-reverse;gap:8px;flex-shrink:0;border-top:1px solid #e2e8f0}.store-modal-btn{width:100%;justify-content:center}}@media (max-width: 480px){.user-menu-dropdown{max-height:90vh}.store-list{max-height:50vh}}[dir=rtl] .user-menu-trigger{flex-direction:row-reverse;text-align:right}[dir=rtl] .user-info{align-items:flex-end;text-align:right}[dir=rtl] .chevron.open{transform:rotate(-180deg)}[dir=rtl] .user-menu-dropdown{right:auto;left:0;direction:rtl;text-align:right}[dir=rtl] .user-user-menu.collapsed .user-user-menu-dropdown{left:auto;right:80px}[dir=rtl] .user-menu-item{text-align:right;justify-content:flex-start}[dir=rtl] .user-menu-item svg{order:2}[dir=rtl] .store-selector-header{text-align:right}[dir=rtl] .store-item-info{align-items:flex-start;text-align:right}[dir=rtl] .store-check{order:3}[dir=rtl] .add-store-btn{flex-direction:row-reverse;text-align:right}[dir=rtl] .add-store-btn svg{order:2}[dir=rtl] .store-modal{direction:rtl;text-align:right}[dir=rtl] .store-modal-header,[dir=rtl] .store-modal-field{text-align:right}[dir=rtl] .store-modal-field input,[dir=rtl] .store-modal-field textarea{text-align:right;direction:rtl}[dir=rtl] .slug-input-container{flex-direction:row-reverse}[dir=rtl] .slug-suffix{border-left:none;border-right:1px solid #e2e8f0}[dir=rtl] .store-modal-footer{flex-direction:row-reverse}[dir=rtl] .store-modal-error,[dir=rtl] .field-hint{flex-direction:row-reverse;text-align:right}@media (max-width: 768px){[dir=rtl] .user-menu-dropdown,[dir=rtl] .user-menu.collapsed .user-menu-dropdown{left:0!important;right:0!important}[dir=rtl] .store-modal{left:0!important;right:0!important;transform:none!important}[dir=rtl] .store-modal-footer{flex-direction:column-reverse}}.sidebar{width:240px;height:100vh;height:100dvh;background:linear-gradient(180deg,#1e3a5f,#2d4a6b);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;transition:width .25s ease}.sidebar.collapsed{width:72px;overflow:visible}.sidebar-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);min-height:64px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:16px 12px}.logo-link{display:flex;align-items:center;text-decoration:none}.logo-full{height:32px;width:auto}.logo-icon{height:36px;width:36px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff1a;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{background:#fff3;color:#fff}.sidebar.collapsed .sidebar-toggle{position:absolute;right:-14px;top:50%;transform:translateY(-50%);background:#1e3a5f;border:2px solid #2d4a6b;box-shadow:0 2px 8px #0003}.sidebar.collapsed .sidebar-toggle:hover{background:#2d4a6b}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto;overflow-x:visible}.sidebar.collapsed .sidebar-nav{overflow:visible}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#fffc;text-decoration:none;transition:all .2s;position:relative}.sidebar.collapsed .nav-item{padding:12px;justify-content:center}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#4a9eff}.nav-item span{flex:1;font-size:14px}.nav-arrow{margin-left:auto;opacity:.6}.sidebar-item-wrapper.collapsed .nav-item{padding:12px;justify-content:center}.sidebar-bottom{padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}.sidebar.collapsed .sidebar-bottom .nav-item{padding:12px;justify-content:center}.sidebar-user{padding:12px 16px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-user.collapsed{padding:12px 8px;display:flex;justify-content:center}.sidebar-user .user-menu-trigger{width:100%;background:#ffffff0d;border-color:#ffffff1a}.sidebar-user.collapsed .user-menu-trigger{width:auto;padding:8px;border-radius:50%}.sidebar-user .user-menu-trigger:hover{background:#ffffff1a;border-color:#fff3}.sidebar-user .user-avatar{width:32px;height:32px;font-size:12px}.sidebar-user .user-name{color:#fff;font-size:13px}.sidebar-user .user-email{color:#fff9;font-size:11px}.sidebar-user .chevron{color:#fff9}.sidebar-user .user-menu{position:static}.sidebar-user .user-menu-dropdown{position:fixed;left:248px;bottom:16px;top:auto;right:auto;width:280px;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto}.sidebar-user.collapsed .user-menu-dropdown{left:80px}.sidebar-user.collapsed .user-avatar{width:36px;height:36px}@media (max-width: 1023px){.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);width:280px}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px}.sidebar.collapsed .sidebar-header{justify-content:space-between;padding:16px}.sidebar.collapsed .sidebar-toggle{position:static;transform:none}.sidebar.collapsed .nav-item,.sidebar.collapsed .sidebar-bottom .nav-item{padding:12px 20px;justify-content:flex-start}.sidebar.collapsed .sidebar-nav{overflow-y:auto}.sidebar-toggle{display:none}}.header{position:fixed;top:0;left:240px;right:0;z-index:999;background:#fff;transition:left .25s ease}.sidebar.collapsed~.main-content .header,:has(.sidebar.collapsed) .header{left:72px}.promo-banner{background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;padding:10px 20px;display:flex;justify-content:center;align-items:center;font-size:13px;font-weight:500;letter-spacing:.2px}.promo-banner.welcome-banner{background:linear-gradient(135deg,#10b981,#059669);text-align:center}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb}.search-wrapper{flex:1;max-width:500px;position:relative}.search-bar{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:12px 44px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;transition:all .2s;background:#f8fafc}.search-input:focus{border-color:#1e3a5f;background:#fff;box-shadow:0 0 0 3px #1e3a5f1a}.search-spinner{position:absolute;right:14px;color:#1e3a5f;animation:spin 1s linear infinite}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;overflow:hidden;z-index:1000;animation:dropdownSlide .2s ease-out}.search-loading,.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#64748b}.search-loading .spin{animation:spin 1s linear infinite;margin-bottom:8px}.search-empty svg{opacity:.4;margin-bottom:8px}.search-empty p{margin:0;font-size:14px}.search-results-header{padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.search-results-list{max-height:320px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .15s;border-bottom:1px solid #f1f5f9}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.search-result-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.search-result-icon.product{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.search-result-icon.order{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.search-result-icon.category{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.search-result-icon.customer{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0891b2}.search-result-content{flex:1;min-width:0}.search-result-title{font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-subtitle{font-size:12px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-type{font-size:10px;font-weight:600;text-transform:uppercase;color:#94a3b8;background:#f1f5f9;padding:4px 8px;border-radius:6px;letter-spacing:.5px}.header-icons{display:flex;align-items:center;gap:12px;margin-left:24px}.store-link-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.store-link-btn:hover{background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-color:transparent;color:#fff}.store-link-btn svg:last-child{opacity:.6}.notification-wrapper{position:relative}.notification-bell{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;color:#64748b}.notification-bell:hover{background:#f1f5f9;border-color:#1e3a5f;color:#1e3a5f}.notification-bell.active{background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-color:transparent;color:#fff}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:0 6px;box-shadow:0 2px 8px #ef444466;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-overlay{display:none}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:400px;max-height:520px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;overflow:hidden;z-index:1000;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.notification-header h3{margin:0;font-size:16px;font-weight:700;color:#0f172a}.mark-all-read-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.mark-all-read-btn:hover{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.notification-list{max-height:380px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.notification-item{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-bottom:1px solid #f1f5f9;position:relative;transition:all .2s;cursor:pointer}.notification-item:hover{background:#f8fafc}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:linear-gradient(135deg,#eff6ff,#f0f9ff)}.notification-item.unread:hover{background:linear-gradient(135deg,#e0f2fe,#e0f7fa)}.notification-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.notification-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.notification-icon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.notification-icon.orange{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.notification-icon.red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.notification-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.notification-icon.cyan{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0891b2}.notification-icon.gray{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px}.notification-message{font-size:13px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:11px;color:#94a3b8;margin-top:6px}.notification-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s}.notification-item:hover .notification-actions{opacity:1}.notification-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s}.notification-action-btn.read{color:#16a34a}.notification-action-btn.read:hover{background:#dcfce7;border-color:#16a34a}.notification-action-btn.delete{color:#dc2626}.notification-action-btn.delete:hover{background:#fee2e2;border-color:#dc2626}.notification-unread-dot{position:absolute;top:20px;right:20px;width:8px;height:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 0 0 3px #3b82f633}.notification-item.clickable{cursor:pointer}.notification-item.clickable:hover{background:#f0f9ff}.notification-item.clickable.unread:hover{background:linear-gradient(135deg,#dbeafe,#e0f7fa)}.notification-link-indicator{position:absolute;bottom:12px;right:16px;color:#94a3b8;opacity:0;transition:all .2s}.notification-item:hover .notification-link-indicator{opacity:1;color:#3b82f6}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#64748b}.notification-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#1e3a5f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 40px;color:#94a3b8}.notification-empty svg{margin-bottom:12px;opacity:.5}.notification-empty p{margin:0;font-size:14px}.notification-footer{padding:14px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0}.view-all-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:transparent;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.view-all-btn:hover:not(:disabled){background:#1e3a5f;border-color:#1e3a5f;color:#fff}.view-all-btn:disabled{opacity:.6;cursor:not-allowed}.view-all-btn .spin{animation:spin 1s linear infinite}@media (max-width: 1024px){.store-link-btn span{display:none}.store-link-btn{width:42px;height:42px;padding:0;justify-content:center}.store-link-btn svg:last-child{display:none}}@media (max-width: 768px){.header{left:0}.search-wrapper{max-width:none;flex:1}.notification-dropdown{width:calc(100vw - 32px);right:-100px}.search-dropdown{position:fixed;left:16px;right:16px;top:auto;width:auto}}@media (max-width: 1023px){.header{left:0}:has(.sidebar.collapsed) .header{left:0}.header-content{padding-left:70px}.promo-banner{display:none}.notification-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.notification-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:80vh;border-radius:20px 20px 0 0;animation:slideUpNotifications .3s ease;z-index:1000}@keyframes slideUpNotifications{0%{transform:translateY(100%)}to{transform:translateY(0)}}.notification-header{padding:16px 20px}.notification-list{max-height:calc(80vh - 120px)}.notification-item{padding:14px 16px}}@media (max-width: 480px){.header-content{padding:12px 16px 12px 70px}.header-icons{gap:8px;margin-left:12px}.notification-bell,.store-link-btn{width:38px;height:38px}.search-bar input{font-size:14px}.search-wrapper{max-width:180px}}.layout{display:flex;min-height:100vh;background:#f9fafb}.main-content{flex:1;margin-left:240px;padding-top:120px;min-width:0;overflow-x:hidden;transition:margin-left .25s ease}.layout:has(.sidebar.collapsed) .main-content{margin-left:72px}.mobile-menu-btn{position:fixed;top:16px;left:16px;z-index:1100;width:44px;height:44px;border-radius:12px;border:none;background:#fff;color:#1f2937;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .2s}.mobile-menu-btn:hover{background:#f3f4f6}.layout.sidebar-open .mobile-menu-btn{background:transparent;color:#fff;box-shadow:none}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease}@media (max-width: 1023px){.main-content{margin-left:0;padding-top:80px;padding-left:16px;padding-right:16px}.layout:has(.sidebar.collapsed) .main-content{margin-left:0}}@media (max-width: 480px){.main-content{padding-left:12px;padding-right:12px}}.auth-layout{display:flex;min-height:100vh}.auth-left{flex:1;background:linear-gradient(135deg,#0891b2,#0e7490,#164e63);padding:60px;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden}.auth-left-content{position:relative;z-index:2}.auth-decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.decoration-item{position:absolute;font-size:40px;opacity:.15;animation:float 6s ease-in-out infinite}.decoration-item.package-1{top:10%;left:10%;font-size:50px;animation-delay:0s;opacity:.2}.decoration-item.package-2{top:25%;right:15%;font-size:35px;animation-delay:1s}.decoration-item.card-1{top:15%;right:25%;font-size:45px;animation-delay:.5s;opacity:.25}.decoration-item.cart{bottom:30%;left:8%;font-size:55px;animation-delay:2s;opacity:.2}.decoration-item.bag{bottom:15%;right:10%;font-size:48px;animation-delay:1.5s;opacity:.18}.decoration-item.star-1{top:40%;left:20%;font-size:30px;animation-delay:3s;opacity:.3}.decoration-item.star-2{bottom:40%;right:20%;font-size:25px;animation-delay:2.5s;opacity:.25}.decoration-item.box{bottom:10%;left:25%;font-size:42px;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.auth-brand h1{font-size:42px;font-weight:700;margin:0 0 12px;letter-spacing:-1px}.auth-brand p{font-size:18px;opacity:.9;margin:0 0 60px}.auth-features{display:flex;flex-direction:column;gap:28px}.auth-feature{display:flex;gap:16px;align-items:flex-start}.feature-icon{font-size:28px;line-height:1}.auth-feature h4{margin:0 0 4px;font-size:16px;font-weight:600}.auth-feature p{margin:0;font-size:14px;opacity:.8}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#f9fafb}@media (max-width: 900px){.auth-layout{flex-direction:column}.auth-left{padding:40px 24px}.auth-brand{text-align:center}.auth-brand p{margin-bottom:32px}.auth-features,.auth-decorations{display:none}}.auth-form-container{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014}.auth-form-logo{display:flex;justify-content:center;margin-bottom:28px}.auth-form-logo img{height:42px;width:auto}.auth-form-header{text-align:center;margin-bottom:32px}.auth-form-header h2{margin:0 0 8px;font-size:26px;font-weight:700;color:#1f2937}.auth-form-header p{margin:0;font-size:15px;color:#6b7280}.auth-form-body{display:flex;flex-direction:column;gap:20px}.auth-form-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center;font-size:14px;color:#6b7280}.auth-form-footer a{color:#0891b2;text-decoration:none;font-weight:500}.auth-form-footer a:hover{text-decoration:underline}.auth-alert{padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:8px}.auth-alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:14px;font-weight:500;color:#374151}.auth-input-wrapper{position:relative}.auth-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;color:#1f2937;transition:all .2s;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.auth-input.error{border-color:#ef4444}.auth-input::placeholder{color:#9ca3af}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px}.auth-error{font-size:13px;color:#ef4444}[dir=rtl] .password-toggle{right:auto;left:12px}[dir=rtl] .auth-input-wrapper .auth-input[type=password],[dir=rtl] .auth-input-wrapper:has(.password-toggle) .auth-input{padding-right:16px;padding-left:44px;text-align:right;direction:rtl}[dir=rtl] .auth-input{text-align:right;direction:rtl}.auth-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:12px}.auth-button.primary{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff}.auth-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#0e7490,#164e63);transform:translateY(-1px)}.auth-button.secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.auth-button.secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-spinner{animation:spin 1s linear infinite}.forgot-password-link{text-align:right;margin-top:-8px;margin-bottom:8px}.forgot-password-link button{background:none;border:none;color:#3b82f6;font-size:13px;cursor:pointer;padding:0;font-family:inherit}.forgot-password-link button:hover{text-decoration:underline}.back-link{background:none;border:none;color:#3b82f6;font-size:14px;cursor:pointer;padding:0;font-family:inherit}.back-link:hover{text-decoration:underline}.auth-alert.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.signup-container{width:100%;max-width:480px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014}.signup-header{text-align:center;margin-bottom:28px}.signup-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#1f2937}.signup-header p{margin:0;font-size:14px;color:#6b7280}.signup-form{display:flex;flex-direction:column;gap:20px}.signup-alert{padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:4px}.signup-alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.otp-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px 16px;font-size:13px;color:#0369a1;text-align:center}.otp-info p{margin:0}.signup-section{background:#f9fafb;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.signup-section-header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.signup-section-header svg{color:#3b82f6}.signup-section-header h3{margin:0;font-size:15px;font-weight:600;color:#1f2937}.signup-fields{padding:18px;display:flex;flex-direction:column;gap:16px}.signup-field{display:flex;flex-direction:column;gap:6px}.signup-field label{font-size:13px;font-weight:500;color:#374151;display:flex;align-items:center;gap:6px}.signup-field .required{color:#ef4444}.info-icon{color:#6b7280;cursor:help}.signup-field input,.signup-field select{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#fff;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.signup-field input:focus,.signup-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.signup-field input::placeholder{color:#9ca3af}.otp-input{text-align:center;font-size:20px;letter-spacing:8px;font-weight:600;padding:12px}.url-preview{font-size:12px;color:#3b82f6;margin-top:4px;font-weight:500}.name-status{font-size:12px;margin-top:4px;font-weight:500}.name-status.checking{color:#6b7280}.name-status.available{color:#10b981}.name-status.unavailable{color:#ef4444}.signup-button{padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.signup-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.signup-button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.signup-button.primary:disabled{opacity:.6;cursor:not-allowed}.signup-button.secondary{background:#fff;color:#3b82f6;border:1.5px solid #3b82f6}.signup-button.secondary:hover{background:#f0f9ff}.signup-actions{display:flex;gap:10px}.signup-actions .signup-button{flex:1}.signup-footer{text-align:center;padding-top:20px;margin-top:20px;border-top:1px solid #e5e7eb;font-size:13px;color:#6b7280}.signup-footer a{color:#3b82f6;text-decoration:none;font-weight:500}.signup-footer a:hover{text-decoration:underline}@media (max-width: 640px){.signup-container{padding:24px;border-radius:12px}.signup-header h2{font-size:22px}.signup-fields{padding:16px}.signup-section-header{padding:12px 16px}}.store-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;transition:all .2s}.store-card:hover{border-color:#0891b2;box-shadow:0 4px 12px #0891b21a}.store-card-header{display:flex;gap:16px;margin-bottom:16px}.store-icon-box{width:52px;height:52px;background:linear-gradient(135deg,#0891b2,#0e7490);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.store-info{flex:1;min-width:0}.store-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-slug{font-size:13px;color:#6b7280}.store-description{margin:0 0 16px;font-size:14px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-meta{padding:12px 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin-bottom:16px}.store-date{font-size:12px;color:#9ca3af}.store-actions{display:flex;gap:8px}.store-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#f3f4f6;border:none;border-radius:8px;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.store-action-btn:hover{background:#e5e7eb}.store-action-btn.primary{flex:1;background:#0891b2;color:#fff}.store-action-btn.primary:hover{background:#0e7490}.store-action-btn.danger:hover{background:#fef2f2;color:#ef4444}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-store-modal{width:100%;max-width:480px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0003}.modal-title{display:flex;align-items:center;gap:12px;color:#0891b2}.modal-title h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.modal-close{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px}.modal-close:hover{background:#f3f4f6}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.modal-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border-radius:8px;color:#dc2626;font-size:14px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;color:#1f2937;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.form-group textarea{resize:vertical;min-height:80px}.url-input-group{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:10px;overflow:hidden;transition:all .2s}.url-input-group:focus-within{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.url-input-group input{flex:1;border:none;padding:12px 16px;font-size:15px}.url-input-group input:focus{outline:none;box-shadow:none}.url-suffix{padding:12px 16px;background:#f3f4f6;color:#6b7280;font-size:14px;border-left:1px solid #d1d5db}.name-status{height:20px;display:flex;align-items:center;gap:6px;font-size:13px}.status-spinner{animation:spin 1s linear infinite;color:#6b7280}.status-available{color:#059669;display:flex;align-items:center;gap:4px}.status-taken{color:#dc2626;display:flex;align-items:center;gap:4px}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-secondary,.btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#f3f4f6}.btn-primary{background:linear-gradient(135deg,#0891b2,#0e7490);border:none;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0e7490,#164e63)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.delete-store-modal{width:100%;max-width:440px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0003}.delete-modal-header{position:relative;padding:32px 24px 24px;text-align:center;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.delete-modal-header svg{color:#dc2626;margin-bottom:16px}.delete-modal-header h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#991b1b}.delete-modal-header p{margin:0;font-size:14px;color:#b91c1c}.delete-modal-header .modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#b91c1c;cursor:pointer;padding:4px;border-radius:6px}.delete-modal-header .modal-close:hover{background:#b91c1c1a}.delete-modal-body{padding:24px}.delete-warning{background:#f9fafb;border-radius:10px;padding:16px;margin-bottom:20px}.delete-warning p{margin:0 0 12px;font-size:14px;color:#4b5563}.delete-warning p:last-child{margin-bottom:0}.store-to-delete{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px}.store-to-delete strong{font-size:16px;color:#1f2937}.store-to-delete span{font-size:13px;color:#6b7280}.delete-error{padding:12px 16px;background:#fef2f2;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px}.confirm-input{display:flex;flex-direction:column;gap:8px}.confirm-input label{font-size:14px;color:#374151}.confirm-input strong{color:#dc2626;font-family:monospace;background:#fef2f2;padding:2px 6px;border-radius:4px}.confirm-input input{padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;color:#1f2937}.confirm-input input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.delete-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-cancel{flex:1;padding:12px 20px;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;font-size:14px;font-weight:600;cursor:pointer}.btn-cancel:hover{background:#f3f4f6}.btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#dc2626;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.btn-delete:hover:not(:disabled){background:#b91c1c}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.stores-page{min-height:100vh;background:#f3f4f6;padding:40px}.stores-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#6b7280}.stores-loading .spinner{animation:spin 1s linear infinite;color:#0891b2}.stores-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto}.stores-title{display:flex;gap:16px;align-items:flex-start}.stores-title svg{color:#0891b2;margin-top:4px}.stores-title h1{margin:0 0 4px;font-size:28px;font-weight:700;color:#1f2937}.stores-title p{margin:0;font-size:15px;color:#6b7280}.create-store-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#0891b2,#0e7490);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.create-store-btn:hover{background:linear-gradient(135deg,#0e7490,#164e63);transform:translateY(-1px)}.stores-empty{max-width:480px;margin:80px auto;text-align:center;padding:60px 40px;background:#fff;border-radius:16px;border:1px solid #e5e7eb}.empty-icon{width:120px;height:120px;margin:0 auto 24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0891b2}.stores-empty h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#1f2937}.stores-empty p{margin:0 0 32px;font-size:15px;color:#6b7280}.create-first-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#0891b2,#0e7490);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.create-first-btn:hover{background:linear-gradient(135deg,#0e7490,#164e63);transform:translateY(-1px)}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.stores-page{padding:24px}.stores-header{flex-direction:column;gap:20px}.create-store-btn{width:100%;justify-content:center}.stores-grid{grid-template-columns:1fr}}.welcome-section{margin-bottom:32px}.welcome-title{font-size:32px;font-weight:600;color:#1f2937;margin:0 0 8px}.welcome-subtitle{font-size:16px;color:#6b7280;margin:0}.video-card{cursor:pointer;transition:transform .2s}.video-card:hover{transform:translateY(-4px)}.video-thumbnail-wrapper{position:relative;width:100%;padding-top:56.25%;border-radius:8px;overflow:hidden;margin-bottom:12px;background:#e5e7eb}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 50%);display:flex;align-items:flex-start;justify-content:flex-start;padding:12px}.video-overlay-content{display:flex;flex-direction:column;gap:4px}.overlay-subtitle{font-size:12px;color:#fffc;font-weight:500}.overlay-title{font-size:14px;color:#fff;font-weight:600}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000040;transition:all .2s;color:#ef4444}.video-card:hover .play-button{background:#fff;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 20px #0000004d}.video-info{padding:0 4px}.video-title{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}.video-description{font-size:12px;color:#6b7280;margin:0;line-height:1.4}.demo-videos{margin:32px 0}.demo-videos-header{margin-bottom:24px}.demo-videos-title-section{display:flex;align-items:center;gap:12px;margin-bottom:8px}.demo-videos-icon{color:#4a9eff}.demo-videos-title{font-size:24px;font-weight:600;color:#1f2937;margin:0}.demo-videos-subtitle{font-size:14px;color:#6b7280;margin:0}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px}.view-all-videos-btn{display:inline-block;padding:12px 24px;background:#fff;color:#4a9eff;border:1px solid #4a9eff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.view-all-videos-btn:hover{background:#eff6ff}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:2000;animation:fadeIn .2s ease}.video-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:900px;background:#111827;border-radius:16px;overflow:hidden;z-index:2001;box-shadow:0 25px 50px -12px #00000080;animation:modalSlideIn .3s ease}.video-modal-close{position:absolute;top:-48px;right:0;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.video-modal-close:hover{background:#fff3;transform:rotate(90deg)}.video-modal-content{position:relative;width:100%;padding-top:56.25%;background:#000}.video-modal-content iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-modal-info{padding:20px 24px;background:#111827}.video-modal-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.video-modal-info p{color:#9ca3af;font-size:14px;margin:0;line-height:1.5}@media (max-width: 768px){.video-modal{width:95%;border-radius:12px}.video-modal-close{top:-44px;right:0}.video-modal-info{padding:16px}.video-modal-info h3{font-size:16px}}.quick-action-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s}.quick-action-card:hover{box-shadow:0 2px 8px #0000001a;border-color:#4a9eff}.quick-action-content{display:flex;flex-direction:column;gap:16px}.quick-action-header{display:flex;align-items:flex-start;gap:16px}.quick-action-icon-wrapper{width:48px;height:48px;border-radius:8px;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-icon{color:#4a9eff}.quick-action-text{flex:1}.quick-action-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.quick-action-description{font-size:14px;color:#6b7280;margin:0}.quick-action-btn{padding:10px 16px;background:#4a9eff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;align-self:flex-start}.quick-action-btn:hover{background:#3b8cef}.action-cards{margin:32px 0}.action-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.progress-bar-container{margin-bottom:24px}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-text{font-size:14px;font-weight:500;color:#1f2937}.progress-bar-wrapper{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:#4a9eff;border-radius:4px;transition:width .3s ease}[dir=rtl] .progress-bar-header{flex-direction:row-reverse}[dir=rtl] .progress-text{text-align:right}.step-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .2s}.step-card:hover{box-shadow:0 2px 8px #0000001a;border-color:#4a9eff}.step-card.completed{background:#f0fdf4;border-color:#86efac}.step-card-header{display:flex;align-items:flex-start;gap:16px}.step-icon-wrapper{width:40px;height:40px;border-radius:8px;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-card.completed .step-icon-wrapper{background:#dcfce7}.step-icon{color:#4a9eff}.check-icon{color:#16a34a}.step-content{flex:1}.step-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.step-description{font-size:14px;color:#6b7280;margin:0}.step-actions{display:flex;gap:8px;flex-wrap:wrap}.step-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.primary-btn{background:#4a9eff;color:#fff;border:none}.primary-btn:hover{background:#3b8cef}.secondary-btn{background:#fff;color:#4a9eff;border:1px solid #4a9eff}.secondary-btn:hover{background:#eff6ff}.completed-btn{background:#16a34a;color:#fff;border:none;cursor:default}.completed-btn:hover{background:#16a34a}html[dir=rtl] .step-card-header,[dir=rtl] .step-card-header{flex-direction:row-reverse!important}html[dir=rtl] .step-content,[dir=rtl] .step-content,html[dir=rtl] .step-title,[dir=rtl] .step-title,html[dir=rtl] .step-description,[dir=rtl] .step-description{text-align:right}html[dir=rtl] .step-actions,[dir=rtl] .step-actions{justify-content:flex-end}.configuration-steps{margin-top:32px}.configuration-steps.completed{text-align:center;padding:40px 24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:16px;border:1px solid #a7f3d0}.configuration-header{margin-bottom:24px}.configuration-complete-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 16px;box-shadow:0 4px 14px #10b9814d}.configuration-steps.completed .configuration-title{color:#065f46}.configuration-steps.completed .configuration-subtitle{color:#047857;font-size:15px}.configuration-complete-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.configuration-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.configuration-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.configuration-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.configuration-action-btn.secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.configuration-action-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}.configuration-title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.configuration-subtitle{font-size:14px;color:#6b7280;margin:0}.steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media (max-width: 768px){.steps-grid{grid-template-columns:1fr}.configuration-complete-actions{flex-direction:column}.configuration-action-btn{justify-content:center}}.store-stats-section{margin-top:32px}.store-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.store-stats-title{font-size:24px;font-weight:600;color:#1f2937;margin:0}.store-stats-period{font-size:13px;color:#6b7280;background:#f3f4f6;padding:6px 12px;border-radius:6px;margin:0}.store-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.store-stat-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;transition:all .2s}.store-stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-change{display:flex;align-items:center;gap:2px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}.stat-change.positive{color:#059669;background:#ecfdf5}.stat-change.negative{color:#dc2626;background:#fef2f2}.stat-value{font-size:28px;font-weight:700;color:#111827;margin-bottom:4px;line-height:1.2}.stat-label{font-size:14px;color:#6b7280;font-weight:500}@media (max-width: 1200px){.store-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.store-stats-grid{grid-template-columns:1fr}.store-stats-header{flex-direction:column;align-items:flex-start;gap:8px}.stat-value{font-size:24px}}.home-page{padding:24px;background:#f9fafb;min-height:calc(100vh - 120px)}.order-list-page{padding:24px;background:#f8fafc;min-height:calc(100vh - 120px)}.order-list-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.order-list-header-left{display:flex;align-items:center;gap:16px;flex:1}.order-list-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f64d}.order-list-header-content h1{margin:0 0 4px;font-size:22px;font-weight:700;color:#0f172a}.order-list-header-content p{margin:0;font-size:14px;color:#64748b}.order-list-header-right{display:flex;align-items:center;gap:12px}.order-list-search{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:280px;transition:all .2s}.order-list-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.order-list-search svg{color:#94a3b8;flex-shrink:0}.order-list-search input{border:none;background:transparent;outline:none;font-size:14px;color:#1e293b;flex:1;width:100%}.order-list-search input::placeholder{color:#94a3b8}.order-list-import-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.order-list-import-btn:hover{background:#f3f4f6;border-color:#9ca3af}.order-list-create-btn,.order-list-create-btn-large{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px #3b82f64d}.order-list-create-btn:hover,.order-list-create-btn-large:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.order-list-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.order-list-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.order-list-stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.order-list-stat-card svg{color:#3b82f6}.order-list-stat-card:nth-child(2) svg{color:#f59e0b}.order-list-stat-card:nth-child(3) svg{color:#10b981}.order-list-stat-card:nth-child(4) svg{color:#22c55e}.order-list-stat-info{display:flex;flex-direction:column}.order-list-stat-value{font-size:24px;font-weight:700;color:#0f172a}.order-list-stat-label{font-size:13px;color:#64748b;margin-top:2px}.order-list-status-pills{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;padding:4px}.order-list-status-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;transition:all .2s;font-size:13px;color:#64748b}.order-list-status-pill:hover{border-color:var(--pill-color, #3b82f6);background:#f8fafc}.order-list-status-pill.active{background:var(--pill-color, #3b82f6);border-color:var(--pill-color, #3b82f6);color:#fff}.order-list-status-pill.active svg{color:#fff}.order-list-status-pill svg{color:var(--pill-color, #64748b)}.order-list-pill-label{font-weight:500}.order-list-pill-count{background:#00000014;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.order-list-status-pill.active .order-list-pill-count{background:#ffffff40}.order-list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.order-list-toolbar-left,.order-list-toolbar-right{display:flex;align-items:center;gap:10px}.order-list-filter-select{padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;background:#fff;cursor:pointer;outline:none;transition:all .2s}.order-list-filter-select:hover,.order-list-filter-select:focus{border-color:#3b82f6}.order-list-filter-btn,.order-list-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.order-list-filter-btn:hover,.order-list-action-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc}.order-list-loading{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:80px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.order-list-spinner{animation:spin 1s linear infinite;color:#3b82f6}.order-list-loading p{color:#64748b;font-size:14px;margin:0}.order-list-empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:80px 24px;text-align:center}.order-list-empty-icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8}.order-list-empty-state h2{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b}.order-list-empty-state p{margin:0 0 24px;font-size:14px;color:#64748b}.order-list-create-btn-large{margin:0 auto}.order-list-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto}.order-list-table{width:100%;min-width:1100px;border-collapse:collapse}.order-list-table th,.order-list-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #f1f5f9}.order-list-table th{background:#f8fafc;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.order-list-table tbody tr{transition:background .15s}.order-list-table tbody tr:hover{background:#f8fafc}.order-list-table tbody tr:last-child td{border-bottom:none}.order-list-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.order-list-client-cell{display:flex;align-items:center;gap:12px}.order-list-client-avatar{width:38px;height:38px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.order-list-client-info{display:flex;flex-direction:column;gap:2px}.order-list-client-name{font-weight:600;color:#1e293b;font-size:14px}.order-list-client-id{font-size:12px;color:#3b82f6}.order-list-contact-cell{display:flex;flex-direction:column;gap:6px}.order-list-phone{font-weight:500;color:#1e293b;font-size:13px}.order-list-contact-actions{display:flex;gap:6px}.order-list-whatsapp-btn{background:#25d366;color:#fff;border:none;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.order-list-whatsapp-btn:hover{background:#1da851}.order-list-call-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.order-list-call-btn:hover{background:#e2e8f0;color:#3b82f6}.order-list-status-cell{display:flex;flex-direction:column;gap:6px}.order-list-source{font-size:12px;color:#64748b}.order-list-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;background:#f1f5f9;color:#64748b;width:fit-content}.order-list-status-badge.pending{background:#fef3c7;color:#d97706}.order-list-status-badge.confirmed{background:#d1fae5;color:#059669}.order-list-status-badge.shipped{background:#dbeafe;color:#2563eb}.order-list-status-badge.delivered{background:#dcfce7;color:#16a34a}.order-list-status-badge.cancelled{background:#fee2e2;color:#dc2626}.order-list-location-cell{display:flex;flex-direction:column;gap:2px}.order-list-city{font-weight:500;color:#1e293b;font-size:13px}.order-list-address{font-size:12px;color:#64748b;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-list-amount-cell{display:flex;flex-direction:column;gap:2px}.order-list-amount{font-weight:700;color:#0f172a;font-size:14px}.order-list-items{font-size:12px;color:#64748b}.order-list-delivery-cell{display:flex;flex-direction:column;gap:2px}.order-list-delivery-method{font-size:13px;color:#475569}.order-list-shipping-fee{font-size:12px;color:#94a3b8}.order-list-date-cell{display:flex;flex-direction:column;gap:2px}.order-list-date{font-weight:500;color:#1e293b;font-size:13px}.order-list-time-ago{font-size:11px;color:#94a3b8}.order-list-actions{display:flex;gap:6px}.order-list-action-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.order-list-action-icon.view:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.order-list-action-icon.edit:hover{background:#f0fdf4;border-color:#22c55e;color:#22c55e}.order-list-action-icon.copy:hover{background:#faf5ff;border-color:#8b5cf6;color:#8b5cf6}.order-detail-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.order-detail-panel-overlay.active{opacity:1;visibility:visible}.order-detail-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:#fff;box-shadow:-8px 0 32px #00000026;z-index:1001;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.order-detail-panel.active{transform:translate(0)}.order-detail-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;flex-shrink:0}.order-detail-panel-header-left{display:flex;align-items:center;gap:12px}.order-detail-panel-icon{width:40px;height:40px;background:#ffffff26;border-radius:10px;display:flex;align-items:center;justify-content:center}.order-detail-panel-header h2{font-size:16px;font-weight:600;margin:0}.order-detail-panel-header p{font-size:12px;color:#ffffffb3;margin:2px 0 0}.order-detail-panel-close{width:36px;height:36px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.order-detail-panel-close:hover{background:#fff3}.order-detail-panel-content{flex:1;overflow-y:auto;padding:20px}.order-detail-status-section{display:flex;gap:10px;margin-bottom:20px}.order-detail-status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;background:#f1f5f9;color:#64748b}.order-detail-status-badge.pending{background:#fef3c7;color:#d97706}.order-detail-status-badge.confirmed{background:#d1fae5;color:#059669}.order-detail-status-badge.shipped{background:#dbeafe;color:#2563eb}.order-detail-status-badge.delivered{background:#dcfce7;color:#16a34a}.order-detail-status-badge.cancelled{background:#fee2e2;color:#dc2626}.order-detail-source-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;background:#eff6ff;color:#3b82f6}.order-detail-section{background:#f8fafc;border-radius:12px;margin-bottom:16px;overflow:hidden}.order-detail-section.invoice{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.order-detail-section-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff80;border-bottom:1px solid #e2e8f0}.order-detail-section-header svg{color:#3b82f6}.order-detail-section-header h3{font-size:14px;font-weight:600;color:#1e293b;margin:0}.order-detail-section-body{padding:16px}.order-detail-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e2e8f0}.order-detail-info-row:last-of-type{border-bottom:none}.order-detail-info-label{font-size:13px;color:#64748b}.order-detail-info-value{font-size:13px;font-weight:500;color:#1e293b}.order-detail-quick-actions{display:flex;gap:8px;margin-top:12px}.order-detail-quick-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.order-detail-quick-btn.whatsapp{color:#25d366;border-color:#25d366}.order-detail-quick-btn.whatsapp:hover{background:#25d366;color:#fff}.order-detail-quick-btn.call{color:#3b82f6;border-color:#3b82f6}.order-detail-quick-btn.call:hover{background:#3b82f6;color:#fff}.order-detail-quick-btn.email{color:#8b5cf6;border-color:#8b5cf6}.order-detail-quick-btn.email:hover{background:#8b5cf6;color:#fff}.order-detail-products{display:flex;flex-direction:column;gap:8px}.order-detail-product-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.order-detail-product-info{display:flex;align-items:center;gap:10px}.order-detail-product-name{font-size:13px;font-weight:500;color:#1e293b}.order-detail-product-qty{font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:4px}.order-detail-product-price{font-size:13px;font-weight:600;color:#3b82f6}.order-detail-empty{font-size:13px;color:#94a3b8;text-align:center;padding:20px}.order-detail-summary{display:flex;flex-direction:column;gap:8px}.order-detail-summary-row{display:flex;justify-content:space-between;font-size:13px;color:#64748b}.order-detail-summary-row.total{padding-top:10px;margin-top:8px;border-top:2px solid #e2e8f0;font-size:15px;font-weight:700;color:#1e293b}.order-detail-summary-row.total span:last-child{color:#3b82f6}.order-detail-invoice-preview{margin-bottom:16px}.order-detail-invoice-mock{background:#fff;border-radius:8px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.invoice-mock-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid #3b82f6;margin-bottom:12px}.invoice-mock-logo{font-size:16px;font-weight:700;color:#1e293b;letter-spacing:-.5px}.invoice-mock-title{font-size:12px;font-weight:600;color:#3b82f6;background:#eff6ff;padding:4px 10px;border-radius:4px}.invoice-mock-info{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.invoice-mock-row{display:flex;justify-content:space-between;font-size:11px}.invoice-mock-row span:first-child{color:#64748b}.invoice-mock-row span:last-child{color:#1e293b;font-weight:500}.invoice-mock-total{display:flex;justify-content:space-between;padding-top:10px;border-top:1px dashed #e2e8f0;font-size:13px;font-weight:600}.invoice-mock-total span:first-child{color:#64748b}.invoice-mock-total span:last-child{color:#3b82f6}.order-detail-invoice-actions{display:flex;gap:10px}.order-detail-invoice-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 2px 8px #3b82f64d}.order-detail-invoice-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.order-detail-invoice-btn.secondary{background:#fff;color:#475569;border:1px solid #e2e8f0;box-shadow:none}.order-detail-invoice-btn.secondary:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.order-detail-invoice-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.order-detail-invoice-btn .spinning{animation:spin 1s linear infinite}.order-detail-invoice-options{margin-bottom:12px}.invoice-options-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#64748b;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.invoice-options-toggle:hover{background:#e2e8f0;color:#475569}.invoice-options-toggle.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.invoice-options-toggle svg:last-child{transition:transform .2s}.invoice-options-toggle svg:last-child.rotated{transform:rotate(180deg)}.invoice-options-panel{margin-top:10px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.invoice-option-group{display:flex;flex-direction:column;gap:8px}.invoice-option-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#64748b}.invoice-lang-buttons{display:flex;gap:6px}.invoice-lang-btn{flex:1;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.invoice-lang-btn:hover{border-color:#3b82f6;color:#3b82f6}.invoice-lang-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.order-detail-panel-footer{display:flex;gap:12px;padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0}.order-detail-footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.order-detail-footer-btn.secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.order-detail-footer-btn.secondary:hover{border-color:#8b5cf6;color:#8b5cf6}.order-detail-footer-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 2px 8px #3b82f64d}.order-detail-footer-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}@media (max-width: 1200px){.order-list-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.order-list-header{flex-direction:column;align-items:stretch}.order-list-header-right{flex-direction:column}.order-list-search{min-width:100%}.order-list-stats{grid-template-columns:1fr}.order-list-status-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.order-list-toolbar{flex-direction:column;align-items:stretch}.order-list-toolbar-left,.order-list-toolbar-right{flex-wrap:wrap}.order-list-table-container{overflow-x:auto}.order-list-table{min-width:900px}.order-detail-panel{width:100%}}.order-list-export-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.order-list-export-btn:hover{background:#059669}.order-list-table tbody tr.selected{background:#eff6ff}.order-list-table tbody tr.selected:hover{background:#dbeafe}.order-list-bulk-actions{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;background:#1e293b;border-radius:16px;box-shadow:0 8px 32px #0000004d;z-index:100;animation:slideUp .3s ease;min-width:500px}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.order-list-bulk-info{display:flex;align-items:center;gap:12px;color:#fff}.order-list-bulk-info svg{color:#3b82f6}.order-list-bulk-clear{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff1a;color:#94a3b8;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.order-list-bulk-clear:hover{background:#fff3;color:#fff}.order-list-bulk-buttons{display:flex;gap:8px}.order-list-bulk-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.order-list-bulk-btn:disabled{opacity:.5;cursor:not-allowed}.order-list-bulk-btn.status{background:#3b82f6;color:#fff}.order-list-bulk-btn.status:hover:not(:disabled){background:#2563eb}.order-list-bulk-btn.export{background:#10b981;color:#fff}.order-list-bulk-btn.export:hover:not(:disabled){background:#059669}.order-list-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:fadeIn .2s ease}.order-list-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:201;width:420px;max-width:90vw;animation:scaleIn .2s ease}.order-list-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e5e7eb}.order-list-modal-header svg{color:#3b82f6}.order-list-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;flex:1}.order-list-modal-close{background:none;border:none;padding:8px;color:#6b7280;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.order-list-modal-close:hover{background:#f3f4f6;color:#1f2937}.order-list-modal-body{padding:24px}.order-list-modal-info{margin:0 0 20px;font-size:14px;color:#6b7280}.order-list-date-range{display:grid;grid-template-columns:1fr 1fr;gap:16px}.order-list-date-field label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.order-list-date-field input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;transition:border-color .2s}.order-list-date-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.order-list-status-select label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.order-list-status-select select{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer;transition:border-color .2s}.order-list-status-select select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.order-list-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px}.order-list-modal-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.order-list-modal-btn.cancel{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.order-list-modal-btn.cancel:hover{background:#f9fafb;border-color:#d1d5db}.order-list-modal-btn.export{background:#10b981;color:#fff}.order-list-modal-btn.export:hover{background:#059669}.order-list-modal-btn.apply{background:#3b82f6;color:#fff}.order-list-modal-btn.apply:hover:not(:disabled){background:#2563eb}.order-list-modal-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.order-list-bulk-actions{min-width:auto;width:calc(100% - 32px);flex-direction:column;gap:12px;padding:12px 16px}.order-list-bulk-buttons{width:100%;justify-content:center}.order-list-date-range{grid-template-columns:1fr}}.order-list-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px}.order-list-pagination .pagination-info{font-size:14px;color:#64748b}.order-list-pagination .pagination-controls{display:flex;gap:4px}.order-list-pagination .pagination-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.order-list-pagination .pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.order-list-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.order-list-pagination .pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.order-list-pagination .pagination-btn.active:hover{background:#2563eb;border-color:#2563eb}@media (max-width: 768px){.order-list-pagination{flex-direction:column;gap:12px;padding:12px 16px}.order-list-pagination .pagination-controls{flex-wrap:wrap;justify-content:center}.order-list-pagination .pagination-btn{min-width:32px;height:32px;font-size:13px}}.carts-page{padding:32px;max-width:1600px;margin:0 auto}.carts-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:24px}.carts-header-left h1{display:flex;align-items:center;gap:12px;margin:0;font-size:26px;font-weight:700;color:#0f172a}.carts-header-left h1 svg{color:#1e3a5f}.carts-subtitle{margin:6px 0 0;font-size:14px;color:#64748b}.carts-header-right{display:flex;align-items:center;gap:12px}.carts-realtime-toggle .realtime-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.carts-realtime-toggle .realtime-btn.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#16a34a}.carts-realtime-toggle .realtime-btn:hover{transform:translateY(-1px)}.carts-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.carts-refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.carts-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.carts-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.carts-stat-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px}.carts-stat-icon.total{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0284c7}.carts-stat-icon.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.carts-stat-icon.abandoned{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.carts-stat-icon.value{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.carts-stat-info{display:flex;flex-direction:column;gap:4px}.carts-stat-value{font-size:24px;font-weight:700;color:#0f172a}.carts-stat-label{font-size:13px;color:#64748b}.carts-last-update{display:flex;align-items:center;gap:6px;padding:8px 0;margin-bottom:16px;font-size:12px;color:#94a3b8}.carts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:#64748b}.carts-loading .spinner{animation:spin 1s linear infinite;margin-bottom:16px;color:#1e3a5f}.carts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:#fff;border-radius:16px;border:2px dashed #e2e8f0;text-align:center}.carts-empty svg{color:#cbd5e1;margin-bottom:20px}.carts-empty h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#334155}.carts-empty p{margin:0;font-size:14px;color:#64748b}.carts-table-container{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #0000000a}.carts-table{width:100%;border-collapse:collapse;table-layout:fixed}.carts-table th,.carts-table td{padding:14px 16px;text-align:left;vertical-align:middle}.carts-table th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}.carts-table td{border-bottom:1px solid #f1f5f9}.carts-table .col-client{width:22%}.carts-table .col-articles{width:14%}.carts-table .col-total,.carts-table .col-status{width:12%}.carts-table .col-time,.carts-table .col-actions{width:20%}.carts-table tbody tr:last-child td{border-bottom:none}.carts-table tbody tr:hover{background:#f8fafc}.cart-row.active{background:#22c55e08}.cart-row.abandoned{background:#f59e0b08}.cart-customer{display:flex;align-items:center;gap:12px}.cart-customer-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0284c7;border-radius:10px}.cart-customer-info{display:flex;flex-direction:column;gap:2px}.cart-customer-name{font-size:14px;font-weight:500;color:#0f172a}.cart-customer-id{font-size:12px;color:#94a3b8}.cart-items-count{display:flex;align-items:center;gap:6px;font-size:14px;color:#475569}.cart-items-count svg{color:#94a3b8}.cart-total{font-size:14px;color:#0f172a}.cart-status-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.cart-status-badge.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.cart-status-badge.idle{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.cart-status-badge.abandoned{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.cart-time{font-size:13px;color:#64748b;white-space:nowrap}.cart-time svg{display:inline-block;vertical-align:middle;margin-right:6px}.cart-actions{text-align:center;white-space:nowrap}.cart-actions .cart-action-btn{display:inline-flex;margin:0 4px}.cart-action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.cart-action-btn.view{background:#f1f5f9;color:#64748b}.cart-action-btn.view:hover{background:#1e3a5f;color:#fff}.cart-action-btn.delete{background:#fef2f2;color:#ef4444}.cart-action-btn.delete:hover{background:#ef4444;color:#fff}.cart-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.cart-panel{position:fixed;top:0;right:0;width:480px;height:100vh;background:#fff;box-shadow:-10px 0 40px #00000026;z-index:1001;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.cart-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff}.cart-panel-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600}.cart-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.cart-panel-close:hover{background:#ffffff40}.cart-panel-body{flex:1;overflow-y:auto;padding:24px}.cart-panel-section{margin-bottom:28px}.cart-panel-section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;color:#334155;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.cart-panel-section h3 svg{color:#1e3a5f}.cart-panel-info{display:flex;flex-direction:column;gap:12px}.cart-panel-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.cart-panel-row span{color:#64748b}.cart-panel-row strong{color:#0f172a}.cart-panel-items{display:flex;flex-direction:column;gap:12px}.cart-panel-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:10px}.cart-panel-item-image{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.cart-panel-item-image img{width:100%;height:100%;object-fit:cover}.cart-panel-item-image svg{color:#94a3b8}.cart-panel-item-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.cart-panel-item-name{font-size:14px;font-weight:500;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-panel-item-variant{font-size:12px;color:#64748b}.cart-panel-item-qty{font-size:13px;color:#64748b;padding:4px 10px;background:#fff;border-radius:6px}.cart-panel-item-price{font-size:14px;font-weight:600;color:#0f172a;min-width:80px;text-align:right}.cart-panel-totals{padding:20px;background:#f8fafc;border-radius:12px;margin-top:24px}.cart-panel-total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.cart-panel-total-row span:first-child{color:#64748b}.cart-panel-total-row span:last-child{color:#0f172a;font-weight:500}.cart-panel-total-row.discount span:last-child{color:#16a34a}.cart-panel-total-row.grand{padding-top:12px;margin-top:8px;border-top:1px solid #e2e8f0;font-size:16px}.cart-panel-total-row.grand span:last-child{font-weight:700;color:#1e3a5f}@media (max-width: 1200px){.carts-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.carts-page{padding:20px}.carts-header{flex-direction:column;align-items:stretch}.carts-header-right{flex-wrap:wrap}.carts-stats{grid-template-columns:1fr}.carts-table-container{overflow-x:auto}.carts-table{min-width:700px}.cart-panel{width:100%}}.carts-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px}.carts-pagination .pagination-info{font-size:14px;color:#64748b}.carts-pagination .pagination-controls{display:flex;gap:4px}.carts-pagination .pagination-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.carts-pagination .pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.carts-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.carts-pagination .pagination-btn.active{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.carts-pagination .pagination-btn.active:hover{background:#2d5a87;border-color:#2d5a87}@media (max-width: 768px){.carts-pagination{flex-direction:column;gap:12px;padding:12px 16px}.carts-pagination .pagination-controls{flex-wrap:wrap;justify-content:center}.carts-pagination .pagination-btn{min-width:32px;height:32px;font-size:13px}}.customers-page{padding:32px;max-width:1600px;margin:0 auto}.customers-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:24px}.customers-header-left h1{display:flex;align-items:center;gap:12px;margin:0;font-size:26px;font-weight:700;color:#0f172a}.customers-header-left h1 svg{color:#1e3a5f}.customers-subtitle{margin:6px 0 0;font-size:14px;color:#64748b}.customers-export-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.customers-export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.customers-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.customers-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.customers-stat-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px}.customers-stat-icon.total{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0284c7}.customers-stat-icon.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.customers-stat-icon.vip{background:linear-gradient(135deg,#fef3c7,#fde68a)}.customers-stat-icon .vip-badge{font-size:14px;font-weight:700;color:#d97706}.customers-stat-icon.revenue{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.customers-stat-info{display:flex;flex-direction:column;gap:4px}.customers-stat-value{font-size:24px;font-weight:700;color:#0f172a}.customers-stat-label{font-size:13px;color:#64748b}.customers-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.customers-search{display:flex;align-items:center;gap:10px;flex:1;max-width:400px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.customers-search svg{color:#94a3b8}.customers-search input{flex:1;border:none;background:none;font-size:14px;color:#0f172a;outline:none}.customers-search input::placeholder{color:#94a3b8}.customers-toolbar-right{display:flex;align-items:center;gap:12px}.customers-filter-dropdown{position:relative}.customers-filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#475569;cursor:pointer}.customers-filter-btn:hover,.customers-filter-btn.active{border-color:#1e3a5f;color:#1e3a5f}.customers-filter-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 30px #0000001a;z-index:100;overflow:hidden;min-width:180px}.customers-filter-menu button{display:block;width:100%;padding:12px 16px;text-align:left;background:none;border:none;font-size:14px;color:#475569;cursor:pointer}.customers-filter-menu button:hover{background:#f8fafc}.customers-filter-menu button.active{background:#e0f2fe;color:#0284c7;font-weight:500}.customers-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:#64748b}.customers-loading .spinner{animation:spin 1s linear infinite;margin-bottom:16px;color:#1e3a5f}.customers-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:#fff;border-radius:16px;border:2px dashed #e2e8f0;text-align:center}.customers-empty svg{color:#cbd5e1;margin-bottom:20px}.customers-empty h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#334155}.customers-empty p{margin:0;font-size:14px;color:#64748b}.customers-table-container{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #0000000a}.customers-table{width:100%;border-collapse:collapse}.customers-table thead th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}.customers-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.customers-table thead th.sortable:hover{color:#1e3a5f;background:#f1f5f9}.customers-table thead th svg{margin-left:6px;opacity:.5;vertical-align:middle}.customers-table tbody td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155;vertical-align:middle}.customers-table tbody tr:last-child td{border-bottom:none}.customers-table tbody tr:hover{background:#fafbfc}.customer-cell-name{display:flex;align-items:center;gap:12px}.customer-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;font-size:14px;font-weight:600;border-radius:10px;flex-shrink:0}.customer-name{font-weight:500;color:#0f172a}.customer-vip{display:inline-block;margin-top:4px;padding:2px 8px;background:#fef3c7;color:#d97706;font-size:10px;font-weight:700;border-radius:4px;text-transform:uppercase}.customer-cell-contact{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#475569}.customer-cell-contact div{display:flex;align-items:center;gap:6px}.customer-cell-contact svg{color:#94a3b8;flex-shrink:0}.text-muted{color:#94a3b8}.customer-orders-count{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;border-radius:20px;font-size:13px;font-weight:500;color:#475569}.customer-orders-count svg{color:#94a3b8}.customer-spent{font-weight:600;color:#0f172a}.customer-date{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.customer-date svg{color:#94a3b8}.customer-btn-view{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.customer-btn-view:hover{background:#1e3a5f;color:#fff}.customer-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.customer-panel{position:fixed;top:0;right:0;width:480px;height:100vh;background:#fff;box-shadow:-10px 0 40px #00000026;z-index:1001;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.customer-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff}.customer-panel-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600}.customer-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer}.customer-panel-close:hover{background:#ffffff40}.customer-panel-body{flex:1;overflow-y:auto;padding:24px}.customer-panel-profile{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.customer-panel-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;font-size:24px;font-weight:600;border-radius:14px}.customer-panel-name h3{margin:0 0 6px;font-size:20px;font-weight:600;color:#0f172a}.customer-panel-vip{display:inline-flex;padding:4px 12px;background:#fef3c7;color:#d97706;font-size:12px;font-weight:600;border-radius:20px}.customer-panel-section{margin-bottom:28px}.customer-panel-section h4{margin:0 0 16px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.customer-panel-details{display:flex;flex-direction:column;gap:12px}.customer-panel-detail{display:flex;align-items:center;gap:12px;font-size:14px;color:#334155}.customer-panel-detail svg{color:#94a3b8}.customer-panel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.customer-panel-stat{text-align:center;padding:16px;background:#f8fafc;border-radius:12px}.customer-panel-stat-value{display:block;font-size:24px;font-weight:700;color:#1e3a5f;margin-bottom:4px}.customer-panel-stat-label{font-size:12px;color:#64748b}.customer-panel-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.customer-panel-info-item{display:flex;flex-direction:column;gap:4px}.customer-panel-info-item .label{font-size:12px;color:#94a3b8}.customer-panel-info-item .value{font-size:14px;font-weight:500;color:#0f172a}.customer-panel-notes{margin:0;padding:14px;background:#f8fafc;border-radius:10px;font-size:14px;color:#475569;line-height:1.6}@media (max-width: 1200px){.customers-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.customers-page{padding:20px}.customers-header,.customers-toolbar{flex-direction:column;align-items:stretch}.customers-search{max-width:none}.customers-stats{grid-template-columns:1fr}.customers-table-container{overflow-x:auto}.customers-table{min-width:800px}.customer-panel{width:100%}.customer-panel-stats{grid-template-columns:1fr}}.customers-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px}.customers-pagination .pagination-info{font-size:14px;color:#64748b}.customers-pagination .pagination-controls{display:flex;gap:4px}.customers-pagination .pagination-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.customers-pagination .pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.customers-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.customers-pagination .pagination-btn.active{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.customers-pagination .pagination-btn.active:hover{background:#2d5a87;border-color:#2d5a87}@media (max-width: 768px){.customers-pagination{flex-direction:column;gap:12px;padding:12px 16px}.customers-pagination .pagination-controls{flex-wrap:wrap;justify-content:center}.customers-pagination .pagination-btn{min-width:32px;height:32px;font-size:13px}}.import-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.import-modal-content{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:importModalSlideIn .3s ease-out}@keyframes importModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.import-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-radius:16px 16px 0 0}.import-modal-header-left{display:flex;align-items:center;gap:14px}.import-modal-icon{width:44px;height:44px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fff}.import-modal-title-group h2{margin:0;font-size:18px;font-weight:600;color:#fff}.import-modal-subtitle{margin:2px 0 0;font-size:13px;color:#ffffffb3}.import-modal-close{width:36px;height:36px;border-radius:10px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.import-modal-close:hover{background:#fff3}.import-modal-progress{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.import-progress-step{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:13px;font-weight:500}.import-progress-step.active{color:#1e3a5f}.import-progress-step.completed{color:#10b981}.import-progress-circle{width:28px;height:28px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b7280}.import-progress-step.active .import-progress-circle{background:#1e3a5f;color:#fff}.import-progress-step.completed .import-progress-circle{background:#10b981;color:#fff}.import-progress-line{width:60px;height:2px;background:#e5e7eb}.import-modal-body{flex:1;overflow-y:auto;padding:24px}.import-store-selection{display:flex;flex-direction:column;gap:12px}.import-store-list{display:flex;flex-direction:column;gap:10px}.import-store-item{display:flex;align-items:center;gap:14px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.import-store-item:hover{border-color:#1e3a5f;background:#f8fafc}.import-store-item.selected{border-color:#1e3a5f;background:linear-gradient(135deg,#1e3a5f0d,#2d5a870d)}.import-store-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.import-store-info{flex:1;min-width:0}.import-store-info h4{margin:0;font-size:15px;font-weight:600;color:#1e293b}.import-store-info p{margin:4px 0 0;font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-store-check{width:28px;height:28px;border-radius:50%;background:#1e3a5f;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.import-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#64748b}.import-empty-state svg{margin-bottom:16px;opacity:.5}.import-empty-state h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#334155}.import-empty-state p{margin:0;font-size:14px}.import-data-selection{display:flex;flex-direction:column;gap:16px}.import-all-toggle{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#1e3a5f14,#2d5a8714);border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;color:#1e3a5f}.import-all-toggle input{display:none}.import-toggle-slider{width:44px;height:24px;background:#cbd5e1;border-radius:12px;position:relative;transition:all .3s}.import-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 2px 4px #0000001a}.import-all-toggle input:checked+.import-toggle-slider{background:#1e3a5f}.import-all-toggle input:checked+.import-toggle-slider:after{transform:translate(20px)}.import-data-list{display:flex;flex-direction:column;gap:8px}.import-data-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.import-data-item:hover{border-color:#1e3a5f;background:#f8fafc}.import-data-item.selected{border-color:#1e3a5f;background:linear-gradient(135deg,#1e3a5f0d,#2d5a870d)}.import-data-checkbox{position:relative}.import-data-checkbox input{position:absolute;opacity:0;cursor:pointer}.import-checkbox-custom{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.import-data-item.selected .import-checkbox-custom{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.import-data-icon{width:40px;height:40px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.import-data-item.selected .import-data-icon{background:#1e3a5f1a;color:#1e3a5f}.import-data-info{flex:1;min-width:0}.import-data-info h4{margin:0;font-size:14px;font-weight:600;color:#1e293b}.import-data-info p{margin:4px 0 0;font-size:12px;color:#64748b}.import-warning-notice{display:flex;gap:14px;padding:16px;background:linear-gradient(135deg,#f59e0b14,#d9770614);border:1px solid rgba(245,158,11,.2);border-radius:12px;margin-top:8px}.import-warning-notice>svg{flex-shrink:0;color:#d97706;margin-top:2px}.import-warning-notice strong{display:block;font-size:13px;font-weight:600;color:#92400e;margin-bottom:4px}.import-warning-notice p{margin:0;font-size:12px;color:#b45309;line-height:1.5}.import-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px}.import-success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}.import-success h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b}.import-success p{margin:0 0 20px;font-size:14px;color:#64748b}.import-results{width:100%;background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.import-result-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb}.import-result-item:last-child{border-bottom:none}.import-result-type{font-size:14px;font-weight:500;color:#334155}.import-result-count{font-size:14px;color:#10b981;font-weight:600}.import-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;margin-top:16px}.import-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px}.import-btn-cancel{display:flex;align-items:center;gap:6px;padding:10px 20px;border:1px solid #e5e7eb;background:#fff;color:#64748b;font-size:14px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s}.import-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.import-btn-primary{display:flex;align-items:center;gap:6px;padding:10px 24px;border:none;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;font-size:14px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s}.import-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.import-btn-primary:disabled{opacity:.5;cursor:not-allowed}.import-btn-primary .spinner{animation:spin 1s linear infinite}@media (max-width: 600px){.import-modal-content{margin:16px;max-height:calc(100vh - 32px)}.import-modal-header{padding:16px 20px}.import-modal-body{padding:20px}.import-modal-footer{padding:16px 20px}.import-progress-step span{display:none}.import-progress-line{width:40px}}.import-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}.import-popup{background:var(--bg-secondary, #ffffff);border-radius:16px;width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #0003;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.import-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb)}.import-popup-header-content{display:flex;align-items:center;gap:14px}.import-popup-icon{width:44px;height:44px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.import-popup-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #1f2937)}.import-popup-header p{margin:4px 0 0;font-size:13px;color:var(--text-secondary, #6b7280)}.import-popup-close{background:var(--bg-tertiary, #f3f4f6);border:none;padding:10px;cursor:pointer;color:var(--text-secondary, #6b7280);border-radius:10px;transition:all .2s ease}.import-popup-close:hover{background:var(--bg-hover, #e5e7eb);color:var(--text-primary, #1f2937)}.import-popup-tabs{display:flex;padding:0 24px;gap:4px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-tertiary, #f9fafb)}.import-popup-tab{display:flex;align-items:center;gap:8px;padding:14px 18px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-secondary, #6b7280);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-popup-tab:hover{color:var(--text-primary, #1f2937)}.import-popup-tab.active{color:#6366f1;border-bottom-color:#6366f1;background:var(--bg-secondary, #ffffff)}.import-popup-tab-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;min-width:18px;text-align:center}.import-popup-content{flex:1;overflow-y:auto;padding:24px}.import-upload-view{display:flex;flex-direction:column;gap:20px}.import-drop-zone{border:2px dashed var(--border-color, #d1d5db);border-radius:12px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .2s ease;background:var(--bg-tertiary, #f9fafb)}.import-drop-zone:hover{border-color:#6366f1;background:#f5f3ff}.import-drop-zone.active{border-color:#6366f1;border-style:solid;background:#ede9fe}.import-drop-zone.has-file{border-style:solid;border-color:#10b981;background:#ecfdf5;padding:20px 24px}.import-drop-icon{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.import-drop-zone:hover .import-drop-icon,.import-drop-zone.active .import-drop-icon{transform:scale(1.05);transition:transform .2s ease}.import-drop-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.import-drop-title{font-size:15px;font-weight:600;color:var(--text-primary, #1f2937)}.import-drop-subtitle{font-size:13px;color:var(--text-secondary, #6b7280)}.import-file-preview{display:flex;align-items:center;gap:14px;width:100%}.import-file-icon{width:48px;height:48px;background:#10b981;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.import-file-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.import-file-name{font-size:14px;font-weight:600;color:var(--text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-file-size{font-size:12px;color:#059669;font-weight:500}.import-file-remove{width:32px;height:32px;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s ease;flex-shrink:0}.import-file-remove:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.import-error-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;color:#dc2626;border-radius:10px;font-size:14px;border:1px solid #fecaca}.import-actions{display:flex;gap:12px}.import-template-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;background:var(--bg-secondary, white);border:1px solid var(--border-color, #d1d5db);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary, #374151);cursor:pointer;transition:all .2s ease}.import-template-btn:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}.import-start-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#6366f1;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;flex:1}.import-start-btn:hover:not(:disabled){background:#4f46e5}.import-start-btn:disabled{opacity:.5;cursor:not-allowed}.import-features{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:var(--bg-tertiary, #f9fafb);border-radius:10px}.import-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #4b5563)}.import-feature svg{color:#10b981;flex-shrink:0}.import-history-view{display:flex;flex-direction:column;gap:16px}.import-history-header{display:flex;align-items:center;justify-content:space-between}.import-history-count{font-size:13px;color:var(--text-secondary, #6b7280);font-weight:500}.import-refresh-btn{width:32px;height:32px;background:var(--bg-tertiary, #f3f4f6);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s ease}.import-refresh-btn:hover:not(:disabled){background:var(--bg-hover, #e5e7eb);color:var(--text-primary, #1f2937)}.import-history-loading,.import-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px;color:var(--text-secondary, #6b7280)}.import-history-empty-icon{width:64px;height:64px;background:var(--bg-tertiary, #f3f4f6);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #9ca3af)}.import-history-empty h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1f2937)}.import-history-empty p{margin:0;font-size:14px;color:var(--text-secondary, #6b7280)}.import-history-empty-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#6366f1;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:8px}.import-history-empty-btn:hover{background:#4f46e5}.import-jobs-list{display:flex;flex-direction:column;gap:10px}.import-job-card{display:flex;gap:14px;padding:16px;background:var(--bg-secondary, white);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);transition:all .2s ease}.import-job-card:hover{box-shadow:0 2px 8px #0000000f}.import-job-card.processing,.import-job-card.splitting{border-color:#a5b4fc;background:#eef2ff}.import-job-card.completed{border-color:#86efac;background:#f0fdf4}.import-job-card.failed{border-color:#fca5a5;background:#fef2f2}.import-job-status{flex-shrink:0;padding-top:2px}.job-status-icon{width:22px;height:22px}.job-status-icon.pending{color:var(--text-tertiary, #9ca3af)}.job-status-icon.processing{color:#6366f1;animation:spin 1s linear infinite}.job-status-icon.completed{color:#10b981}.job-status-icon.failed{color:#ef4444}.import-job-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.import-job-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.import-job-date{font-size:13px;font-weight:500;color:var(--text-primary, #1f2937)}.import-job-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px}.import-job-badge.pending{background:#f3f4f6;color:#6b7280}.import-job-badge.processing,.import-job-badge.splitting{background:#e0e7ff;color:#4f46e5}.import-job-badge.completed{background:#dcfce7;color:#16a34a}.import-job-badge.failed{background:#fee2e2;color:#dc2626}.import-job-progress{display:flex;align-items:center;gap:10px}.import-job-progress-bar{flex:1;height:6px;background:#6366f133;border-radius:3px;overflow:hidden}.import-job-progress-fill{height:100%;background:#6366f1;border-radius:3px;transition:width .3s ease}.import-job-progress-text{font-size:12px;font-weight:600;color:#6366f1;min-width:32px}.import-job-results{display:flex;gap:16px}.import-job-result{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:500}.import-job-result.success{color:#16a34a}.import-job-result.error{color:#dc2626}.import-job-pending-text{font-size:13px;color:var(--text-secondary, #6b7280)}.import-job-errors{padding-top:8px;border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:4px;margin-top:4px}.import-job-error{font-size:12px;color:#dc2626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-job-error-more{font-size:12px;color:var(--text-tertiary, #9ca3af)}[data-theme=dark] .import-popup{background:var(--bg-secondary, #1f2937)}[data-theme=dark] .import-popup-tabs{background:var(--bg-primary, #111827)}[data-theme=dark] .import-popup-tab.active{background:var(--bg-secondary, #1f2937)}[data-theme=dark] .import-drop-zone{background:var(--bg-primary, #111827);border-color:var(--border-color, #374151)}[data-theme=dark] .import-drop-zone:hover{background:#6366f11a}[data-theme=dark] .import-drop-zone.has-file{background:#10b9811a}[data-theme=dark] .import-job-card{background:var(--bg-primary, #111827);border-color:var(--border-color, #374151)}[data-theme=dark] .import-job-card.processing,[data-theme=dark] .import-job-card.splitting{background:#6366f11a;border-color:#6366f1}[data-theme=dark] .import-job-card.completed{background:#10b9811a;border-color:#10b981}[data-theme=dark] .import-job-card.failed,[data-theme=dark] .import-error-message{background:#ef44441a;border-color:#ef4444}@media (max-width: 540px){.import-popup{max-height:90vh;border-radius:12px}.import-popup-header{padding:16px 20px}.import-popup-content{padding:20px}.import-drop-zone{padding:32px 20px}.import-actions{flex-direction:column}.import-start-btn{flex:none}.import-popup-tabs{padding:0 16px}.import-popup-tab{padding:12px 14px;font-size:13px}.import-features{flex-direction:column}}.product-list-page{padding:24px}.product-list-header{background:#f3f4f6;border-radius:12px;padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.product-list-header-left{display:flex;align-items:center;gap:16px;flex:1}.product-list-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.product-list-header-content h1{margin:0 0 4px;font-size:20px;font-weight:600;color:#1f2937}.product-list-header-content p{margin:0;font-size:14px;color:#6b7280}.product-list-header-right{display:flex;align-items:center;gap:16px}.product-list-search{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:8px;min-width:280px}.product-list-search svg{color:#9ca3af}.product-list-search input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;flex:1}.product-list-search input::placeholder{color:#9ca3af}.product-list-import-wrapper{position:relative}.product-list-import-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.product-list-import-btn:hover{background:#f3f4f6;border-color:#9ca3af}.product-list-import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.product-list-import-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px #0000001f;z-index:100;overflow:hidden}.product-list-import-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:#374151;font-size:14px;cursor:pointer;text-align:left;transition:background .2s}.product-list-import-dropdown button:hover:not(:disabled){background:#f3f4f6}.product-list-import-dropdown button:disabled{color:#9ca3af;cursor:not-allowed}.product-list-import-dropdown button svg{color:#6b7280;flex-shrink:0}.product-list-import-dropdown button:disabled svg{color:#d1d5db}.product-list-import-dropdown .coming-soon{margin-left:auto;padding:2px 8px;background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:500;border-radius:4px}.product-list-import-dropdown .dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.product-list-create-btn,.product-list-create-btn-large{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.product-list-create-btn:hover,.product-list-create-btn-large:hover{background:#2563eb}.product-list-export-wrapper{position:relative}.product-list-export-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.product-list-export-btn:hover{border-color:#3b82f6;color:#3b82f6}.product-list-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.product-list-export-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 40px #0000001f;z-index:100;min-width:220px;overflow:hidden}.product-list-export-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:transparent;font-size:14px;color:#374151;cursor:pointer;transition:all .15s;text-align:left}.product-list-export-dropdown button:hover:not(:disabled){background:#f3f4f6;color:#3b82f6}.product-list-export-dropdown button:disabled{color:#9ca3af;cursor:not-allowed}.product-list-export-dropdown button+button{border-top:1px solid #f3f4f6}.product-list-bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:12px;margin-bottom:20px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.product-list-bulk-info{display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;font-weight:500}.product-list-bulk-info svg{color:#fffc}.product-list-bulk-clear{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff26;border:none;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .15s}.product-list-bulk-clear:hover{background:#ffffff40}.product-list-bulk-buttons{display:flex;gap:10px}.product-list-bulk-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.product-list-bulk-btn.attribute{background:#ffffffe6;color:#3b82f6}.product-list-bulk-btn.attribute:hover{background:#fff}.product-list-bulk-btn.export{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.product-list-bulk-btn.export:hover{background:#ffffff4d}.product-list-bulk-btn.delete{background:#ef4444;color:#fff}.product-list-bulk-btn.delete:hover{background:#dc2626}.product-list-bulk-btn:disabled{opacity:.6;cursor:not-allowed}.product-list-select-all-btn,.product-list-select-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;cursor:pointer;color:#9ca3af;border-radius:6px;transition:all .15s}.product-list-select-all-btn:hover,.product-list-select-btn:hover{background:#f3f4f6;color:#6b7280}.product-list-select-all-btn svg.checked,.product-list-select-btn svg.checked{color:#3b82f6}.product-list-select-all-btn svg.partial{color:#6b7280;background:#e5e7eb;border-radius:3px}.product-list-table tbody tr.selected{background:#eff6ff}.product-list-table tbody tr.selected:hover{background:#dbeafe}.product-list-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;z-index:1000;animation:fadeIn .2s ease-out}.product-list-attribute-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:440px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;z-index:1001;animation:modalSlide .2s ease-out}@keyframes modalSlide{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.product-list-modal-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #e5e7eb}.product-list-modal-header-icon{width:44px;height:44px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.product-list-modal-header h3{margin:0;font-size:17px;font-weight:600;color:#1f2937}.product-list-modal-header p{margin:4px 0 0;font-size:13px;color:#6b7280}.product-list-modal-close{margin-left:auto;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.product-list-modal-close:hover{background:#e5e7eb;color:#1f2937}.product-list-modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.product-list-modal-field{display:flex;flex-direction:column;gap:8px}.product-list-modal-field label{font-size:14px;font-weight:500;color:#374151}.product-list-modal-field select{padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer;outline:none;transition:all .2s}.product-list-modal-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.product-list-modal-input{padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#fff;outline:none;transition:all .2s;width:100%;box-sizing:border-box}.product-list-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.product-list-modal-input::placeholder{color:#9ca3af}.product-list-modal-footer{display:flex;gap:12px;padding:20px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px}.product-list-modal-btn{flex:1;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.product-list-modal-btn.cancel{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.product-list-modal-btn.cancel:hover{border-color:#d1d5db;color:#374151}.product-list-modal-btn.apply{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 2px 8px #3b82f64d}.product-list-modal-btn.apply:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.product-list-modal-btn.apply:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.product-list-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.product-list-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}.product-list-stat-card svg{color:#3b82f6}.product-list-stat-card:nth-child(3) svg{color:#ef4444}.product-list-stat-card:nth-child(4) svg{color:#f59e0b}.product-list-stat-info{display:flex;flex-direction:column}.product-list-stat-value{font-size:24px;font-weight:700;color:#1f2937}.product-list-stat-label{font-size:13px;color:#6b7280;margin-top:2px}.product-list-loading,.product-list-empty-state{background:#fff;border-radius:12px;padding:64px 24px;text-align:center;box-shadow:0 2px 8px #0000000d}.product-list-empty-icon{width:120px;height:120px;margin:0 auto 24px;background:#f9fafb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.product-list-empty-state h2{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.product-list-empty-state p{margin:0 0 24px;font-size:14px;color:#6b7280}.product-list-create-btn-large{margin:0 auto}.product-list-table-container{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.product-list-table{width:100%;min-width:1000px;border-collapse:collapse}.product-list-table th,.product-list-table td{padding:16px;text-align:left;border-bottom:1px solid #f3f4f6}.product-list-table th{background:#f9fafb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.product-list-table tr:hover{background:#fafafa}.product-list-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.product-list-product-cell{display:flex;align-items:center;gap:12px}.product-list-product-image{width:44px;height:44px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#9ca3af}.product-list-product-image img{width:100%;height:100%;object-fit:cover}.product-list-product-info{display:flex;flex-direction:column;gap:2px}.product-list-product-name{font-weight:500;color:#1f2937}.product-list-product-category{font-size:12px;color:#9ca3af}.product-list-reference{font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px}.product-list-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px;white-space:nowrap}.product-list-type-badge.simple{background:#f0f9ff;color:#0369a1}.product-list-type-badge.pack{background:#fef3c7;color:#b45309}.product-list-type-badge.variable{background:#f0fdf4;color:#15803d}.product-list-price{font-weight:600;color:#1f2937}.product-list-stock-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500}.product-list-stock-badge.ok{background:#d1fae5;color:#059669}.product-list-stock-badge.low{background:#fef3c7;color:#d97706}.product-list-stock-badge.out{background:#fee2e2;color:#dc2626}.product-list-status-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#6b7280;transition:all .2s}.product-list-status-toggle.active{background:#d1fae5;border-color:#10b981;color:#059669}.product-list-status-toggle:hover{border-color:#9ca3af}.product-list-actions{display:flex;gap:8px}.product-list-action-btn{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.product-list-action-btn.analytics{color:#3b82f6}.product-list-action-btn.analytics:hover{background:#eff6ff;border-color:#3b82f6}.product-list-action-btn.edit{color:#6b7280}.product-list-action-btn.edit:hover{background:#f3f4f6;color:#1f2937}.product-list-action-btn.delete{color:#ef4444}.product-list-action-btn.delete:hover{background:#fef2f2}.product-analytics-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:fadeIn .2s ease-out}.product-analytics-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:#fff;z-index:1001;transform:translate(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;box-shadow:-4px 0 30px #00000026}.product-analytics-panel.open{transform:translate(0)}.product-analytics-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#3b82f6,#2563eb)}.product-analytics-header-info{display:flex;align-items:center;gap:12px}.product-analytics-header-icon{width:36px;height:36px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.product-analytics-header h2{margin:0;font-size:16px;font-weight:600;color:#fff}.product-analytics-header p{margin:2px 0 0;font-size:12px;color:#fffc;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-analytics-close{width:32px;height:32px;border:none;border-radius:6px;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.product-analytics-close:hover{background:#ffffff4d}.product-analytics-content{flex:1;overflow-y:auto;padding:20px}.product-analytics-product{display:flex;align-items:center;gap:14px;padding:14px;background:#f8fafc;border-radius:10px;margin-bottom:20px}.product-analytics-product-image{width:64px;height:64px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d1d5db;border:1px solid #e5e7eb}.product-analytics-product-image img{width:100%;height:100%;object-fit:cover}.product-analytics-product-info{flex:1}.product-analytics-product-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#1e293b}.product-analytics-ref{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.product-analytics-price{font-size:15px;font-weight:600;color:#3b82f6}.product-analytics-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.product-analytics-stat-card{background:#f8fafc;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.product-analytics-stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.product-analytics-stat-icon.views{background:#dbeafe;color:#3b82f6}.product-analytics-stat-icon.orders{background:#d1fae5;color:#10b981}.product-analytics-stat-icon.revenue{background:#fef3c7;color:#f59e0b}.product-analytics-stat-icon.conversion{background:#dbeafe;color:#3b82f6}.product-analytics-stat-content{flex:1}.product-analytics-stat-value{display:block;font-size:20px;font-weight:700;color:#1e293b}.product-analytics-stat-label{font-size:12px;color:#64748b}.product-analytics-stat-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;width:fit-content}.product-analytics-stat-trend.trend-up{background:#d1fae5;color:#059669}.product-analytics-stat-trend.trend-down{background:#fee2e2;color:#dc2626}.product-analytics-stat-trend.trend-neutral{background:#f3f4f6;color:#6b7280}.product-analytics-chart-section{margin-bottom:20px}.product-analytics-chart-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#1e293b}.product-analytics-mini-chart{display:flex;align-items:flex-end;justify-content:space-between;height:100px;padding:16px;background:#f8fafc;border-radius:12px;gap:8px}.product-analytics-chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.product-analytics-chart-bar{width:100%;max-width:32px;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease-out}.product-analytics-chart-label{font-size:11px;color:#64748b;font-weight:500}.product-analytics-variations-section{margin-bottom:20px}.product-analytics-variations-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#1e293b}.product-analytics-variations-list{display:flex;flex-direction:column;gap:10px}.product-analytics-variation-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.product-analytics-variation-info{display:flex;flex-direction:column;gap:2px}.product-analytics-variation-label{font-size:13px;font-weight:500;color:#1e293b}.product-analytics-variation-stock{font-size:11px;color:#64748b}.product-analytics-variation-stats{display:flex;gap:16px}.product-analytics-variation-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.product-analytics-variation-stat.revenue{font-weight:600;color:#059669}.product-analytics-variation-stat svg{color:#94a3b8}.product-list-filters-section{margin-bottom:24px}.product-list-filters-toggle{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.product-list-filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.product-list-filter-toggle-btn:hover{background:#f9fafb;border-color:#d1d5db}.product-list-filter-toggle-btn.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.product-list-filter-toggle-btn.has-filters{background:#3b82f6;border-color:#3b82f6;color:#fff}.product-list-filter-toggle-btn svg.rotated{transform:rotate(180deg)}.product-list-filter-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:#fff;color:#3b82f6;border-radius:10px;font-size:11px;font-weight:600}.product-list-clear-filters-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:transparent;border:none;font-size:13px;color:#6b7280;cursor:pointer;transition:color .2s}.product-list-clear-filters-btn:hover{color:#ef4444}.product-list-filters-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;animation:slideDown .2s ease-out}.product-list-filter-group{display:flex;flex-direction:column;gap:8px;min-width:0}.product-list-filter-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151;white-space:nowrap}.product-list-filter-group label svg{color:#9ca3af;flex-shrink:0}.product-list-filter-group select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;outline:none;cursor:pointer;transition:border-color .2s;width:100%;min-width:0}.product-list-filter-group select:focus{border-color:#3b82f6}.product-list-filter-group.price-range .product-list-price-inputs{display:flex;align-items:center;gap:8px}.product-list-filter-group.price-range input{flex:1;min-width:0;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;outline:none;transition:border-color .2s}.product-list-filter-group.price-range input:focus{border-color:#3b82f6}.product-list-filter-group.price-range span{color:#9ca3af;flex-shrink:0}.product-list-action-btn.view{color:#3b82f6}.product-list-action-btn.view:hover{background:#eff6ff}.product-list-action-btn.duplicate{color:#8b5cf6}.product-list-action-btn.duplicate:hover{background:#f5f3ff}.product-list-action-btn.share{color:#0891b2}.product-list-action-btn.share:hover{background:#ecfeff}.product-list-action-btn.expand{color:#6b7280;background:#f3f4f6}.product-list-action-btn.expand:hover{background:#e5e7eb;color:#374151;border-color:#d1d5db}.product-list-action-btn.expand.expanded{background:#dbeafe;color:#3b82f6;border-color:#93c5fd}.product-list-table tbody tr.has-variations.expanded{background:#f8fafc}.product-list-table tbody tr.has-variations.expanded:hover{background:#f1f5f9}.product-list-variation-row{background:#fafbfc!important;border-left:3px solid #3b82f6}.product-list-variation-row:hover{background:#f3f4f6!important}.product-list-variation-row td{padding:10px 16px;border-bottom:1px solid #f0f1f3}.product-list-variation-cell{display:flex;align-items:center;gap:10px;padding-left:8px;position:relative}.product-list-variation-connector{position:absolute;left:-12px;top:50%;width:12px;height:1px;background:#d1d5db}.product-list-variation-connector:before{content:"";position:absolute;left:0;top:-12px;width:1px;height:12px;background:#d1d5db}.product-list-variation-image{width:32px;height:32px;background:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#9ca3af;flex-shrink:0}.product-list-variation-image img{width:100%;height:100%;object-fit:cover}.product-list-variation-info{display:flex;flex-direction:column;gap:1px;min-width:0}.product-list-variation-name{font-size:13px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-variation-sku{font-size:11px;color:#9ca3af}.product-list-reference.variation{font-size:11px;padding:2px 6px;background:#f8fafc}.product-list-price.variation{font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}.product-list-variation-discount{font-size:11px;font-weight:600;color:#dc2626;background:#fef2f2;padding:2px 6px;border-radius:4px}.product-view-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:fadeIn .2s ease-out}body:has(.product-view-overlay),body:has(.product-analytics-overlay){overflow:hidden}.product-view-panel{position:fixed;top:0;right:0;width:520px;max-width:100%;height:100vh;background:#fff;z-index:1001;transform:translate(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;box-shadow:-4px 0 30px #00000026}.product-view-panel.open{transform:translate(0)}.product-view-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;flex-shrink:0}.product-view-header-info{display:flex;align-items:center;gap:12px}.product-view-header-icon{width:36px;height:36px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center}.product-view-header h2{margin:0;font-size:17px;font-weight:600}.product-view-header p{margin:2px 0 0;font-size:13px;color:#fffc}.product-view-close{width:32px;height:32px;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.product-view-close:hover{background:#ffffff4d}.product-view-content{flex:1;overflow-y:auto;padding:20px;background:#f8fafc}.product-view-images{margin-bottom:20px}.product-view-main-image{width:100%;aspect-ratio:4/3;background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:12px}.product-view-main-image img{width:100%;height:100%;object-fit:contain}.product-view-thumbnails{display:flex;gap:8px}.product-view-thumbnail{width:64px;height:64px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;cursor:pointer;transition:border-color .2s}.product-view-thumbnail:hover{border-color:#3b82f6}.product-view-thumbnail img{width:100%;height:100%;object-fit:cover}.product-view-thumbnail.more{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9}.product-view-no-image{width:100%;aspect-ratio:4/3;background:#f1f5f9;border-radius:12px;border:1px dashed #d1d5db;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9ca3af}.product-view-no-image span{font-size:13px}.product-view-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;margin-bottom:16px}.product-view-section h3{margin:0 0 10px;font-size:17px;font-weight:600;color:#1e293b}.product-view-section h4{margin:0 0 14px;font-size:14px;font-weight:600;color:#475569}.product-view-badges{display:flex;flex-wrap:wrap;gap:8px}.product-view-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.product-view-status-badge.active{background:#dcfce7;color:#15803d}.product-view-status-badge.inactive{background:#fee2e2;color:#dc2626}.product-view-category-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;background:#eff6ff;color:#3b82f6}.product-view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-view-info-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f8fafc;border-radius:8px}.product-view-info-label{font-size:12px;color:#64748b}.product-view-info-value{font-size:15px;font-weight:600;color:#1e293b}.product-view-info-value.price{color:#3b82f6}.product-view-info-value.out{color:#dc2626}.product-view-info-value.low{color:#f59e0b}.product-view-info-value.ok{color:#16a34a}.product-view-description{margin:0;font-size:14px;color:#475569;line-height:1.6}.product-view-section.variations-section{max-height:none}.product-view-variations-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.product-view-variation-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;transition:all .2s}.product-view-variation-card:hover{border-color:#cbd5e1;background:#f1f5f9}.product-view-variation-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.product-view-variation-image{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid #e2e8f0}.product-view-variation-image img{width:100%;height:100%;object-fit:cover}.product-view-variation-image.placeholder{background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8}.product-view-variation-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.product-view-variation-label{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-view-variation-sku{font-size:11px;color:#64748b}.product-view-variation-details{display:flex;gap:16px;padding-top:10px;border-top:1px dashed #e2e8f0}.product-view-variation-detail{display:flex;flex-direction:column;gap:2px}.product-view-variation-detail .detail-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.product-view-variation-detail .detail-value{font-size:13px;font-weight:600;color:#1e293b}.product-view-variation-detail .detail-value.price{color:#3b82f6}.product-view-variation-detail .detail-value.discount{color:#dc2626;background:#fef2f2;padding:2px 6px;border-radius:4px;font-size:11px}.product-view-variation-detail .detail-value.stock.out{color:#dc2626}.product-view-variation-detail .detail-value.stock.low{color:#f59e0b}.product-view-variation-detail .detail-value.stock.ok{color:#16a34a}.product-view-more-variations{margin:8px 0 0;font-size:12px;color:#3b82f6;text-align:center}.product-view-no-variations{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:10px;color:#94a3b8}.product-view-no-variations span{font-size:13px}.product-view-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:20px;background:#fff;border-top:1px solid #e2e8f0;position:sticky;bottom:0}.product-view-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.product-view-action-btn.edit{background:#3b82f6;color:#fff;border-color:#3b82f6}.product-view-action-btn.edit:hover{background:#2563eb}.product-view-action-btn.duplicate{background:#f5f3ff;color:#7c3aed;border-color:#ddd6fe}.product-view-action-btn.duplicate:hover{background:#ede9fe}.product-view-action-btn.analytics{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.product-view-action-btn.analytics:hover{background:#dcfce7}.product-view-action-btn.delete{background:#fef2f2;color:#dc2626;border-color:#fecaca}.product-view-action-btn.delete:hover{background:#fee2e2}@media (max-width: 1400px){.product-list-filters-panel{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.product-list-stats{grid-template-columns:repeat(2,1fr)}.product-list-header{flex-wrap:wrap;gap:16px}.product-list-header-right{flex-wrap:wrap;gap:12px}}@media (max-width: 992px){.product-list-filters-panel{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.product-list-filter-group.price-range{grid-column:span 2}}@media (max-width: 768px){.product-list-header{flex-direction:column;align-items:stretch;padding:16px}.product-list-header-left{flex-direction:column;align-items:flex-start;gap:12px}.product-list-header-right{flex-direction:column;width:100%}.product-list-search{min-width:100%;width:100%}.product-list-export-wrapper,.product-list-create-btn{width:100%}.product-list-export-btn,.product-list-create-btn{width:100%;justify-content:center}.product-list-stats{grid-template-columns:repeat(2,1fr);gap:12px}.product-list-stat-card{padding:16px}.product-list-filters-section{margin-bottom:16px}.product-list-filters-toggle{flex-direction:row;justify-content:space-between}.product-list-filter-toggle-btn{flex:1;justify-content:center}.product-list-filters-panel{grid-template-columns:1fr;gap:16px;padding:16px}.product-list-filter-group.price-range{grid-column:span 1}.product-list-filter-group.price-range .product-list-price-inputs{flex-direction:row}.product-list-table-container{overflow-x:auto;margin:0 -16px;padding:0 16px}.product-list-table{min-width:800px}.product-view-panel{width:100%}.product-view-actions{grid-template-columns:repeat(2,1fr);gap:8px}.product-list-bulk-actions{flex-direction:column;gap:12px;padding:16px}.product-list-bulk-info{width:100%;justify-content:center}.product-list-bulk-buttons{width:100%;flex-wrap:wrap;justify-content:center}.product-list-bulk-btn{flex:1;min-width:100px;justify-content:center}}@media (max-width: 480px){.product-list-page{padding:12px}.product-list-header{padding:12px;gap:12px}.product-list-icon{width:40px;height:40px}.product-list-header-content h1{font-size:18px}.product-list-header-content p{font-size:13px}.product-list-stats{grid-template-columns:1fr 1fr;gap:8px}.product-list-stat-card{padding:12px;flex-direction:column;text-align:center;gap:8px}.product-list-stat-card svg{width:20px;height:20px}.product-list-stat-value{font-size:20px}.product-list-stat-label{font-size:11px}.product-list-filter-toggle-btn{padding:8px 12px;font-size:13px}.product-list-filters-panel{padding:12px;gap:12px}.product-list-filter-group label{font-size:12px}.product-list-filter-group select,.product-list-filter-group.price-range input{padding:8px 10px;font-size:13px}.product-view-content{padding:16px}.product-view-section{padding:14px;margin-bottom:12px}.product-view-grid{grid-template-columns:1fr}.product-view-actions{grid-template-columns:1fr;padding:12px}.product-view-action-btn{padding:10px 14px;font-size:13px}}.product-list-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px}.pagination-info{font-size:14px;color:#64748b}.pagination-controls{display:flex;gap:4px}.pagination-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-btn.active:hover{background:#2563eb;border-color:#2563eb}@media (max-width: 768px){.product-list-pagination{flex-direction:column;gap:12px;padding:12px 16px}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{min-width:32px;height:32px;font-size:13px}}.category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.category-modal-content{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:categoryModalSlideIn .2s ease-out}@keyframes categoryModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.category-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #f1f5f9}.category-modal-header-left{display:flex;align-items:center;gap:12px}.category-modal-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.category-modal-title-group h2{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 2px}.category-modal-subtitle{font-size:13px;color:#64748b;margin:0}.category-modal-close{width:32px;height:32px;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.category-modal-close:hover{background:#e2e8f0;color:#1e293b}.category-modal-steps{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.category-modal-step{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8}.category-modal-step.active{color:#3b82f6}.category-modal-step.completed{color:#10b981}.category-modal-step-number{width:24px;height:24px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.category-modal-step.active .category-modal-step-number{background:#3b82f6;color:#fff}.category-modal-step.completed .category-modal-step-number{background:#10b981;color:#fff}.category-modal-step-divider{width:32px;height:2px;background:#e2e8f0;border-radius:1px}.category-modal-step-divider.completed{background:#10b981}.category-modal-body{flex:1;overflow-y:auto;padding:24px}.category-modal-section{margin-bottom:24px}.category-modal-section:last-child{margin-bottom:0}.category-modal-section-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.category-modal-fields{display:flex;flex-direction:column;gap:16px}.category-modal-field{display:flex;flex-direction:column;gap:6px}.category-modal-label{font-size:14px;font-weight:500;color:#334155}.category-modal-required{color:#ef4444;margin-left:2px}.category-modal-input,.category-modal-textarea,.category-modal-select{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;font-family:inherit;transition:all .2s}.category-modal-input:focus,.category-modal-textarea:focus,.category-modal-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-modal-input::placeholder,.category-modal-textarea::placeholder{color:#94a3b8}.category-modal-textarea{resize:vertical;min-height:100px}.category-modal-hint{font-size:12px;color:#94a3b8}.category-modal-toggle-card{padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.category-modal-toggle-row{display:flex;justify-content:space-between;align-items:center}.category-modal-toggle-text{font-size:14px;color:#475569;margin:0}.category-modal-switch{position:relative;width:48px;height:26px;cursor:pointer}.category-modal-switch input{opacity:0;width:0;height:0}.category-modal-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:26px}.category-modal-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.category-modal-switch input:checked+.category-modal-slider{background-color:#3b82f6}.category-modal-switch input:checked+.category-modal-slider:before{transform:translate(22px)}.category-modal-seo-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.category-modal-seo-icon{color:#3b82f6}.category-modal-seo-header h3{font-size:14px;font-weight:600;color:#1e293b;margin:0;text-transform:uppercase;letter-spacing:.5px}.category-modal-seo-description{font-size:13px;color:#64748b;margin:0 0 20px}.category-modal-slug-wrapper{display:flex;align-items:stretch;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff;transition:all .2s}.category-modal-slug-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-modal-slug-prefix{padding:12px 14px;font-size:13px;color:#64748b;background:#f8fafc;white-space:nowrap;border-right:1px solid #e2e8f0;display:flex;align-items:center}.category-modal-slug-input{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1}.category-modal-preview-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.category-modal-google-preview{padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.category-modal-google-title{font-size:18px;color:#1a0dab;margin-bottom:6px;font-family:Arial,sans-serif;cursor:pointer;line-height:1.3}.category-modal-google-title:hover{text-decoration:underline}.category-modal-google-url{font-size:14px;color:#006621;margin-bottom:6px;font-family:Arial,sans-serif}.category-modal-google-description{font-size:14px;color:#545454;line-height:1.5;font-family:Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-modal-collapse-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.category-modal-collapse-btn:hover{background:#f1f5f9}.category-modal-collapse-left{display:flex;align-items:center;gap:10px}.category-modal-collapse-left svg:first-child{color:#3b82f6}.category-modal-collapse-left span{font-size:14px;font-weight:500;color:#1e293b}.category-modal-collapse-btn svg:last-child{color:#64748b}.category-modal-collapse-content{margin-top:16px;padding:20px;background:#f8fafc;border-radius:12px}.category-modal-collapse-preview{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.category-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f1f5f9;background:#fafafa;border-radius:0 0 16px 16px}.category-modal-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:6px}.category-modal-btn-back{background:transparent;color:#64748b;margin-right:auto;padding-left:12px}.category-modal-btn-back:hover{color:#1e293b;background:#f1f5f9}.category-modal-btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.category-modal-btn-cancel:hover{border-color:#cbd5e1;color:#475569}.category-modal-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f64d}.category-modal-btn-primary:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.category-modal-btn-primary:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width: 600px){.category-modal-content{max-height:100vh;border-radius:16px 16px 0 0;margin-top:auto}.category-modal-slug-wrapper{flex-direction:column}.category-modal-slug-prefix{border-right:none;border-bottom:1px solid #e2e8f0}}.delete-category-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-category-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;z-index:1001;width:90%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.delete-category-header{display:flex;align-items:flex-start;gap:16px;padding:24px;border-bottom:1px solid #e5e7eb}.delete-category-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;color:#d97706;flex-shrink:0}.delete-category-header-content{flex:1}.delete-category-header-content h2{margin:0 0 4px;font-size:18px;font-weight:600;color:#111827}.delete-category-header-content p{margin:0;font-size:14px;color:#6b7280;font-weight:500}.delete-category-close{background:none;border:none;padding:8px;cursor:pointer;color:#9ca3af;border-radius:8px;transition:all .2s}.delete-category-close:hover{background:#f3f4f6;color:#374151}.delete-category-body{padding:24px;overflow-y:auto;flex:1}.delete-category-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px;color:#6b7280}.delete-category-loading .spin{animation:spin 1s linear infinite}.delete-category-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#fef2f2;border-radius:12px;color:#dc2626;text-align:center}.delete-category-error button{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500}.delete-category-info-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.delete-category-info-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}.delete-category-info-card.ok{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.delete-category-info-card.warning{background:#fef3c7;border-color:#fde68a;color:#b45309}.delete-category-info-card>div{display:flex;flex-direction:column}.delete-category-info-value{font-size:20px;font-weight:700}.delete-category-info-label{font-size:12px;opacity:.8}.delete-category-section{margin-bottom:24px}.delete-category-section h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.delete-category-options{display:flex;flex-direction:column;gap:8px}.delete-category-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.delete-category-option:hover{border-color:#d1d5db;background:#f9fafb}.delete-category-option.selected{border-color:#3b82f6;background:#eff6ff}.delete-category-option.danger.selected{border-color:#dc2626;background:#fef2f2}.delete-category-option input{display:none}.delete-category-option-icon{width:36px;height:36px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280}.delete-category-option.selected .delete-category-option-icon{background:#3b82f6;color:#fff}.delete-category-option.danger.selected .delete-category-option-icon{background:#dc2626;color:#fff}.delete-category-option-content{display:flex;flex-direction:column;gap:2px}.delete-category-option-title{font-size:14px;font-weight:600;color:#111827}.delete-category-option-desc{font-size:12px;color:#6b7280}.delete-category-select-wrapper{margin-top:12px;display:flex;flex-direction:column;gap:8px}.delete-category-select-wrapper label{font-size:13px;font-weight:500;color:#374151}.delete-category-select-wrapper select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.delete-category-select-wrapper select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.delete-category-products-list{margin-top:12px;background:#f9fafb;border-radius:8px;overflow:hidden}.delete-category-products-list summary{padding:10px 12px;cursor:pointer;font-size:13px;color:#6b7280;font-weight:500;-webkit-user-select:none;user-select:none}.delete-category-products-list summary:hover{background:#f3f4f6}.delete-category-products-list ul{margin:0;padding:0 12px 12px;list-style:none}.delete-category-products-list li{padding:6px 0;font-size:13px;color:#374151;border-bottom:1px solid #e5e7eb}.delete-category-products-list li:last-child{border-bottom:none}.delete-category-products-list .product-name{font-weight:500}.delete-category-products-list .product-ref{color:#9ca3af;margin-left:6px}.delete-category-products-list .more{color:#6b7280;font-style:italic}.delete-category-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#374151}.delete-category-checkbox input{width:18px;height:18px;cursor:pointer}.delete-category-hint{margin:8px 0 0;font-size:12px;color:#9ca3af}.delete-category-no-impact{padding:16px;background:#f0fdf4;border-radius:12px;border:1px solid #bbf7d0}.delete-category-no-impact p{margin:0;font-size:14px;color:#15803d}.delete-category-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.delete-category-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.delete-category-btn:disabled{opacity:.5;cursor:not-allowed}.delete-category-btn.cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.delete-category-btn.cancel:hover:not(:disabled){background:#f3f4f6}.delete-category-btn.delete{background:#dc2626;border:none;color:#fff}.delete-category-btn.delete:hover:not(:disabled){background:#b91c1c}.category-list-page{padding:24px}.category-list-header{background:#f3f4f6;border-radius:12px;padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.category-list-header-left{display:flex;align-items:center;gap:16px;flex:1}.category-list-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.category-list-header-content h1{margin:0 0 4px;font-size:20px;font-weight:600;color:#1f2937}.category-list-header-content p{margin:0;font-size:14px;color:#6b7280}.category-list-header-right{display:flex;align-items:center;gap:16px}.category-list-search{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:8px;min-width:250px}.category-list-search svg{color:#9ca3af}.category-list-search input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;flex:1}.category-list-search input::placeholder{color:#9ca3af}.category-list-import-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.category-list-import-btn:hover{background:#f3f4f6;border-color:#9ca3af}.category-list-create-btn,.category-list-create-btn-large{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.category-list-create-btn:hover,.category-list-create-btn-large:hover{background:#2563eb}.category-list-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.category-list-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}.category-list-stat-card svg{color:#3b82f6}.category-list-stat-info{display:flex;flex-direction:column}.category-list-stat-value{font-size:24px;font-weight:700;color:#1f2937}.category-list-stat-label{font-size:13px;color:#6b7280;margin-top:2px}.category-list-loading,.category-list-empty-state{background:#fff;border-radius:12px;padding:64px 24px;text-align:center;box-shadow:0 2px 8px #0000000d}.category-list-empty-icon{width:120px;height:120px;margin:0 auto 24px;background:#f9fafb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.category-list-empty-state h2{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.category-list-empty-state p{margin:0 0 24px;font-size:14px;color:#6b7280}.category-list-create-btn-large{margin:0 auto}.category-list-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.category-list-table{width:100%;border-collapse:collapse}.category-list-table th,.category-list-table td{padding:16px;text-align:left;border-bottom:1px solid #f3f4f6}.category-list-table th{background:#f9fafb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.category-list-table tr:hover{background:#fafafa}.category-list-name{font-weight:500;color:#1f2937}.category-list-description{color:#6b7280;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-list-order{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border-radius:6px;font-size:14px;font-weight:500;color:#1f2937}.category-list-tree-controls{display:flex;gap:8px;margin-bottom:16px}.category-list-tree-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s}.category-list-tree-btn:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.category-list-name-cell{display:flex;align-items:center;gap:8px;position:relative}.category-list-tree-line{position:absolute;left:-12px;top:50%;width:12px;height:1px;background:#d1d5db}.category-list-name-content{display:flex;flex-direction:column;gap:2px}.category-list-path{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.category-list-product-count{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:13px;font-weight:500}.category-list-product-count svg{color:#d97706}.category-list-count-value{font-weight:600}.category-list-count-total{font-size:11px;color:#b45309;font-weight:400}.category-list-sub-count{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#dbeafe;color:#1d4ed8;border-radius:4px;font-size:13px;font-weight:500}.category-list-sub-count svg{color:#3b82f6}.category-list-sub-count-none{color:#9ca3af;font-size:14px}.category-list-parent{display:inline-flex;align-items:center;padding:4px 10px;background:#f0fdf4;color:#15803d;border-radius:4px;font-size:12px;font-weight:500}.category-list-parent-none{color:#9ca3af;font-size:14px}.category-row{transition:background .15s}.category-row.depth-0{background:#fff}.category-row.depth-1{background:#fafafa}.category-row.depth-2{background:#f5f5f5}.category-row.depth-3,.category-row.depth-4,.category-row.depth-5{background:#f0f0f0}.category-row:hover{background:#f3f4f6!important}.category-row.has-children.expanded{border-bottom:2px solid #e5e7eb}.category-row.has-children.expanded .category-list-name{font-weight:600;color:#1d4ed8}.category-list-date{color:#6b7280;font-size:13px}.category-list-status-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#6b7280;transition:all .2s}.category-list-status-toggle.active{background:#d1fae5;border-color:#10b981;color:#059669}.category-list-status-toggle:hover{border-color:#9ca3af}.category-list-actions{display:flex;gap:8px}.category-list-action-btn{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.category-list-action-btn.edit{color:#6b7280}.category-list-action-btn.edit:hover{background:#f3f4f6;color:#1f2937}.category-list-action-btn.delete{color:#ef4444}.category-list-action-btn.delete:hover{background:#fef2f2}.category-list-action-btn.expand{color:#6b7280}.category-list-action-btn.expand:hover{background:#f3f4f6;color:#374151}.category-list-action-btn.expand.expanded{background:#dbeafe;border-color:#93c5fd;color:#2563eb}@media (max-width: 1024px){.category-list-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.category-list-header{flex-direction:column;align-items:stretch}.category-list-header-right{flex-direction:column}.category-list-search{min-width:100%}.category-list-stats{grid-template-columns:1fr}.category-list-table-container{overflow-x:auto}.category-list-table{min-width:800px}}.coupon-list-page{padding:24px}.coupon-list-header-section{margin-bottom:24px}.coupon-list-main-card{background:#fff;border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 2px 8px #0000000d}.coupon-list-card-left{display:flex;gap:16px;flex:1}.coupon-list-card-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.coupon-list-card-content h2{margin:0 0 4px;font-size:20px;font-weight:600;color:#1f2937}.coupon-list-card-content p{margin:0;font-size:14px;color:#6b7280}.coupon-list-header-right{display:flex;align-items:center;gap:16px}.coupon-list-search{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f9fafb;border-radius:8px;min-width:280px;border:1px solid #e5e7eb;transition:all .2s}.coupon-list-search:focus-within{border-color:#3b82f6;background:#fff}.coupon-list-search svg{color:#9ca3af;flex-shrink:0}.coupon-list-search input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;flex:1;min-width:0}.coupon-list-search input::placeholder{color:#9ca3af}.coupon-list-stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.coupon-list-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:center;box-shadow:0 2px 8px #0000000d}.coupon-list-stat-card svg{color:#3b82f6}.coupon-list-stat-content{display:flex;flex-direction:column}.coupon-list-stat-value{font-size:24px;font-weight:700;color:#1f2937}.coupon-list-stat-label{font-size:13px;color:#6b7280;margin-top:2px}.coupon-list-import-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.coupon-list-import-btn:hover{background:#f3f4f6;border-color:#9ca3af}.coupon-list-new-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s;height:fit-content;align-self:flex-start;box-shadow:0 2px 4px #3b82f64d}.coupon-list-new-btn:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f666}.coupon-list-table-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.coupon-list-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#1f2937}.coupon-list-table-container{overflow-x:auto}.coupon-list-table{width:100%;border-collapse:collapse}.coupon-list-table thead{background:#f9fafb}.coupon-list-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.coupon-list-table td{padding:16px;border-top:1px solid #e5e7eb;font-size:14px;color:#1f2937}.coupon-list-table tbody tr:hover{background:#f9fafb}.coupon-list-empty-state{text-align:center;padding:48px 16px!important}.coupon-list-empty-message{color:#9ca3af;font-size:14px}.coupon-list-name{font-weight:500;color:#1f2937}.coupon-list-code{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:13px;color:#1f2937}.coupon-list-discount{background:#dbeafe;color:#1d4ed8;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:500}.coupon-list-usage{font-size:14px;color:#1f2937}.coupon-list-conditions{display:flex;flex-direction:column;gap:4px}.coupon-list-condition-badge{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:3px;width:fit-content}.coupon-list-validity{font-size:13px;color:#6b7280}.coupon-list-status-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#6b7280;transition:all .2s}.coupon-list-status-toggle.active{background:#d1fae5;border-color:#10b981;color:#059669}.coupon-list-status-toggle:hover{border-color:#9ca3af}.coupon-list-actions{display:flex;gap:8px}.coupon-list-action-btn{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.coupon-list-action-btn.edit{color:#6b7280}.coupon-list-action-btn.edit:hover{background:#f3f4f6;color:#1f2937}.coupon-list-action-btn.delete{color:#ef4444}.coupon-list-action-btn.delete:hover{background:#fef2f2}@media (max-width: 1200px){.coupon-list-stats-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.coupon-list-main-card{flex-direction:column;align-items:flex-start}.coupon-list-card-left{width:100%}.coupon-list-new-btn{width:100%;justify-content:center}.coupon-list-stats-section{grid-template-columns:1fr}}.upsell-list-page{padding:24px}.upsell-list-header{background:#f3f4f6;border-radius:12px;padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.upsell-list-header-left{display:flex;align-items:center;gap:16px;flex:1}.upsell-list-back-btn{width:36px;height:36px;border:none;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.upsell-list-back-btn:hover{background:#e5e7eb;color:#1f2937}.upsell-list-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.upsell-list-header-content h1{margin:0 0 4px;font-size:20px;font-weight:600;color:#1f2937}.upsell-list-header-content p{margin:0;font-size:14px;color:#6b7280}.upsell-list-header-right{display:flex;align-items:center;gap:16px}.upsell-list-search{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:8px;min-width:250px}.upsell-list-search svg{color:#9ca3af}.upsell-list-search input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;flex:1}.upsell-list-search input::placeholder{color:#9ca3af}.upsell-list-import-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.upsell-list-import-btn:hover{background:#f3f4f6;border-color:#9ca3af}.upsell-list-create-btn,.upsell-list-create-btn-large{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.upsell-list-create-btn:hover,.upsell-list-create-btn-large:hover{background:#2563eb}.upsell-list-empty-state{background:#fff;border-radius:12px;padding:64px 24px;text-align:center;box-shadow:0 2px 8px #0000000d}.upsell-list-empty-icon{width:120px;height:120px;margin:0 auto 24px;background:#f9fafb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.upsell-list-empty-state h2{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.upsell-list-empty-state p{margin:0 0 24px;font-size:14px;color:#6b7280}.upsell-list-create-btn-large{margin:0 auto}.upsell-list-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.upsell-list-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}.upsell-list-stat-card svg{color:#3b82f6}.upsell-list-stat-info{display:flex;flex-direction:column}.upsell-list-stat-value{font-size:24px;font-weight:700;color:#1f2937}.upsell-list-stat-label{font-size:13px;color:#6b7280;margin-top:2px}.upsell-list-loading{background:#fff;border-radius:12px;padding:64px 24px;text-align:center;box-shadow:0 2px 8px #0000000d}.upsell-list-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.upsell-list-table{width:100%;border-collapse:collapse}.upsell-list-table th,.upsell-list-table td{padding:16px;text-align:left;border-bottom:1px solid #f3f4f6}.upsell-list-table th{background:#f9fafb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.upsell-list-table tr:hover{background:#fafafa}.upsell-list-name{font-weight:500;color:#1f2937}.upsell-list-discount{background:#dbeafe;color:#1d4ed8;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:500}.upsell-list-shipping-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.upsell-list-shipping-badge.yes{background:#d1fae5;color:#059669}.upsell-list-shipping-badge.no{background:#f3f4f6;color:#6b7280}.upsell-list-usage,.upsell-list-revenue{font-size:14px;color:#1f2937}.upsell-list-status-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#6b7280;transition:all .2s}.upsell-list-status-toggle.active{background:#d1fae5;border-color:#10b981;color:#059669}.upsell-list-status-toggle:hover{border-color:#9ca3af}.upsell-list-actions{display:flex;gap:8px}.upsell-list-action-btn{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.upsell-list-action-btn.edit{color:#6b7280}.upsell-list-action-btn.edit:hover{background:#f3f4f6;color:#1f2937}.upsell-list-action-btn.delete{color:#ef4444}.upsell-list-action-btn.delete:hover{background:#fef2f2}@media (max-width: 1024px){.upsell-list-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.upsell-list-header{flex-direction:column;align-items:stretch}.upsell-list-header-right{flex-direction:column}.upsell-list-search{min-width:100%}.upsell-list-stats{grid-template-columns:1fr}.upsell-list-table-container{overflow-x:auto}.upsell-list-table{min-width:800px}}.attr-list-page{padding:24px}.attr-list-header{background:#f3f4f6;border-radius:12px;padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.attr-list-header-left{display:flex;align-items:center;gap:16px;flex:1}.attr-list-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.attr-list-header-content h1{margin:0 0 4px;font-size:20px;font-weight:600;color:#1f2937}.attr-list-header-content p{margin:0;font-size:14px;color:#6b7280}.attr-list-header-right{display:flex;align-items:center;gap:16px}.attr-list-search{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:8px;min-width:250px}.attr-list-search svg{color:#9ca3af}.attr-list-search input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;flex:1}.attr-list-search input::placeholder{color:#9ca3af}.attr-list-import-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.attr-list-import-btn:hover{background:#f3f4f6;border-color:#9ca3af}.attr-list-create-btn,.attr-list-create-btn-large{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.attr-list-create-btn:hover,.attr-list-create-btn-large:hover{background:#2563eb}.attr-list-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.attr-list-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}.attr-list-stat-card svg{color:#3b82f6}.attr-list-stat-info{display:flex;flex-direction:column}.attr-list-stat-value{font-size:24px;font-weight:700;color:#1f2937}.attr-list-stat-label{font-size:13px;color:#6b7280;margin-top:2px}.attr-list-loading,.attr-list-empty-state{background:#fff;border-radius:12px;padding:64px 24px;text-align:center;box-shadow:0 2px 8px #0000000d}.attr-list-empty-icon{width:120px;height:120px;margin:0 auto 24px;background:#f9fafb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.attr-list-empty-state h2{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.attr-list-empty-state p{margin:0 0 24px;font-size:14px;color:#6b7280}.attr-list-create-btn-large{margin:0 auto}.attr-list-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.attr-list-table{width:100%;border-collapse:collapse}.attr-list-table th,.attr-list-table td{padding:16px;text-align:left;border-bottom:1px solid #f3f4f6}.attr-list-table th{background:#f9fafb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.attr-list-table tr:hover{background:#fafafa}.attr-list-expand-btn{width:28px;height:28px;border:none;background:#f3f4f6;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.attr-list-expand-btn:hover{background:#e5e7eb;color:#1f2937}.attr-list-name{font-weight:500;color:#1f2937}.attr-list-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.attr-list-type-badge.color{background:#fce7f3;color:#be185d}.attr-list-type-badge.size{background:#dbeafe;color:#1d4ed8}.attr-list-type-badge.select{background:#d1fae5;color:#059669}.attr-list-type-badge.text{background:#f3f4f6;color:#6b7280}.attr-list-values-count{font-size:14px;color:#6b7280}.attr-list-status-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#6b7280;transition:all .2s}.attr-list-status-toggle.active{background:#d1fae5;border-color:#10b981;color:#059669}.attr-list-status-toggle:hover{border-color:#9ca3af}.attr-list-actions{display:flex;gap:8px}.attr-list-action-btn{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.attr-list-action-btn.edit{color:#6b7280}.attr-list-action-btn.edit:hover{background:#f3f4f6;color:#1f2937}.attr-list-action-btn.delete{color:#ef4444}.attr-list-action-btn.delete:hover{background:#fef2f2}.attr-list-expanded-row,.attr-list-expanded-row:hover{background:#f8fafc!important}.attr-list-values-grid{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px 8px 56px}.attr-list-value-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1f2937}.attr-list-color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.attr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.attr-modal-content{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:attrModalSlideIn .2s ease-out}@keyframes attrModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.attr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #f1f5f9}.attr-modal-header-left{display:flex;align-items:center;gap:12px}.attr-modal-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.attr-modal-title-group h2{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 2px}.attr-modal-subtitle{font-size:13px;color:#64748b;margin:0}.attr-modal-close{width:32px;height:32px;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.attr-modal-close:hover{background:#e2e8f0;color:#1e293b}.attr-modal-body{flex:1;overflow-y:auto;padding:24px}.attr-modal-section{margin-bottom:24px}.attr-modal-section:last-child{margin-bottom:0}.attr-modal-section-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.attr-modal-fields{display:flex;flex-direction:column;gap:16px}.attr-modal-field{display:flex;flex-direction:column;gap:6px}.attr-modal-label{font-size:14px;font-weight:500;color:#334155}.attr-modal-required{color:#ef4444;margin-left:2px}.attr-modal-input,.attr-modal-select{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;font-family:inherit;transition:all .2s}.attr-modal-input:focus,.attr-modal-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.attr-modal-input::placeholder{color:#94a3b8}.attr-modal-toggle-card{padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.attr-modal-toggle-row{display:flex;justify-content:space-between;align-items:center}.attr-modal-toggle-text{font-size:14px;color:#475569;margin:0}.attr-modal-switch{position:relative;width:48px;height:26px;cursor:pointer}.attr-modal-switch input{opacity:0;width:0;height:0}.attr-modal-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:26px}.attr-modal-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.attr-modal-switch input:checked+.attr-modal-slider{background-color:#3b82f6}.attr-modal-switch input:checked+.attr-modal-slider:before{transform:translate(22px)}.attr-modal-add-value{display:flex;gap:8px;margin-bottom:16px}.attr-modal-add-value .attr-modal-input{flex:1}.attr-modal-color-input{width:48px;height:48px;border:1px solid #e2e8f0;border-radius:10px;padding:4px;cursor:pointer}.attr-modal-add-btn{width:48px;height:48px;background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.attr-modal-add-btn:hover{background:#2563eb}.attr-modal-values-list{display:flex;flex-wrap:wrap;gap:8px}.attr-modal-value-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b}.attr-modal-color-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.attr-modal-remove-btn{width:20px;height:20px;background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.attr-modal-remove-btn:hover{background:#fee2e2;color:#ef4444}.attr-modal-no-values{color:#94a3b8;font-size:14px;margin:0;padding:16px;text-align:center;width:100%}.attr-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f1f5f9;background:#fafafa;border-radius:0 0 16px 16px}.attr-modal-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.attr-modal-btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.attr-modal-btn-cancel:hover{border-color:#cbd5e1;color:#475569}.attr-modal-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f64d}.attr-modal-btn-primary:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.attr-modal-btn-primary:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width: 1024px){.attr-list-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.attr-list-header{flex-direction:column;align-items:stretch}.attr-list-header-right{flex-direction:column}.attr-list-search{min-width:100%}.attr-list-stats{grid-template-columns:1fr}.attr-list-table-container{overflow-x:auto}.attr-list-table{min-width:600px}}.brand-list-page{padding:24px}.brand-list-header{background:#f3f4f6;border-radius:12px;padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand-list-header-left{display:flex;align-items:center;gap:16px;flex:1}.brand-list-icon{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.brand-list-header-content h1{margin:0 0 4px;font-size:20px;font-weight:600;color:#1f2937}.brand-list-header-content p{margin:0;font-size:14px;color:#6b7280}.brand-list-header-right{display:flex;align-items:center;gap:16px}.brand-list-search{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:8px;min-width:250px}.brand-list-search svg{color:#9ca3af}.brand-list-search input{border:none;background:transparent;outline:none;font-size:14px;color:#1f2937;flex:1}.brand-list-search input::placeholder{color:#9ca3af}.brand-list-import-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.brand-list-import-btn:hover{background:#f3f4f6;border-color:#9ca3af}.brand-list-create-btn,.brand-list-create-btn-large{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.brand-list-create-btn:hover,.brand-list-create-btn-large:hover{background:#2563eb}.brand-list-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.brand-list-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}.brand-list-stat-card svg{color:#3b82f6}.brand-list-stat-info{display:flex;flex-direction:column}.brand-list-stat-value{font-size:24px;font-weight:700;color:#1f2937}.brand-list-stat-label{font-size:13px;color:#6b7280;margin-top:2px}.brand-list-loading,.brand-list-empty-state{background:#fff;border-radius:12px;padding:64px 24px;text-align:center;box-shadow:0 2px 8px #0000000d}.brand-list-empty-icon{width:120px;height:120px;margin:0 auto 24px;background:#f9fafb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.brand-list-empty-state h2{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.brand-list-empty-state p{margin:0 0 24px;font-size:14px;color:#6b7280}.brand-list-create-btn-large{margin:0 auto}.brand-list-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.brand-list-table{width:100%;border-collapse:collapse}.brand-list-table th,.brand-list-table td{padding:16px;text-align:left;border-bottom:1px solid #f3f4f6}.brand-list-table th{background:#f9fafb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.brand-list-table tr:hover{background:#fafafa}.brand-list-brand-cell{display:flex;align-items:center;gap:12px}.brand-list-brand-logo{width:40px;height:40px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#9ca3af}.brand-list-brand-logo img{width:100%;height:100%;object-fit:contain}.brand-list-name{font-weight:500;color:#1f2937}.brand-list-description{color:#6b7280;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-list-website{display:inline-flex;align-items:center;gap:6px;color:#3b82f6;text-decoration:none;font-size:13px}.brand-list-website:hover{text-decoration:underline}.brand-list-no-website{color:#9ca3af}.brand-list-product-count{font-size:14px;color:#6b7280}.brand-list-status-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#6b7280;transition:all .2s}.brand-list-status-toggle.active{background:#d1fae5;border-color:#10b981;color:#059669}.brand-list-status-toggle:hover{border-color:#9ca3af}.brand-list-actions{display:flex;gap:8px}.brand-list-action-btn{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.brand-list-action-btn.edit{color:#6b7280}.brand-list-action-btn.edit:hover{background:#f3f4f6;color:#1f2937}.brand-list-action-btn.delete{color:#ef4444}.brand-list-action-btn.delete:hover{background:#fef2f2}.brand-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.brand-modal-content{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:brandModalSlideIn .2s ease-out}@keyframes brandModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.brand-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #f1f5f9}.brand-modal-header-left{display:flex;align-items:center;gap:12px}.brand-modal-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.brand-modal-title-group h2{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 2px}.brand-modal-subtitle{font-size:13px;color:#64748b;margin:0}.brand-modal-close{width:32px;height:32px;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.brand-modal-close:hover{background:#e2e8f0;color:#1e293b}.brand-modal-body{flex:1;overflow-y:auto;padding:24px}.brand-modal-section{margin-bottom:24px}.brand-modal-section:last-child{margin-bottom:0}.brand-modal-fields{display:flex;flex-direction:column;gap:16px}.brand-modal-field{display:flex;flex-direction:column;gap:6px}.brand-modal-label{font-size:14px;font-weight:500;color:#334155}.brand-modal-required{color:#ef4444;margin-left:2px}.brand-modal-input,.brand-modal-textarea{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;font-family:inherit;transition:all .2s}.brand-modal-input:focus,.brand-modal-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.brand-modal-input::placeholder,.brand-modal-textarea::placeholder{color:#94a3b8}.brand-modal-textarea{resize:vertical;min-height:80px}.brand-modal-logo-tabs{display:flex;gap:8px;margin-bottom:12px}.brand-modal-logo-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;color:#64748b;transition:all .2s}.brand-modal-logo-tab:hover{background:#f8fafc;border-color:#cbd5e1}.brand-modal-logo-tab.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.brand-modal-upload-area{margin-top:0}.brand-modal-upload-btn{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 24px;border:2px dashed #e2e8f0;border-radius:12px;background:#fafbfc;cursor:pointer;transition:all .2s;color:#64748b;font-size:14px}.brand-modal-upload-btn:hover{border-color:#3b82f6;background:#f0f9ff;color:#3b82f6}.brand-modal-upload-btn:disabled{opacity:.7;cursor:not-allowed}.brand-modal-upload-hint{font-size:12px;color:#94a3b8}.brand-modal-spinner{animation:spin 1s linear infinite}.brand-modal-logo-preview{margin-top:8px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.brand-modal-logo-preview img{max-width:150px;max-height:80px;object-fit:contain}.brand-modal-logo-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:6px;background:#ef4444;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.brand-modal-logo-remove:hover{background:#dc2626}.brand-modal-toggle-card{padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.brand-modal-toggle-row{display:flex;justify-content:space-between;align-items:center}.brand-modal-toggle-text{font-size:14px;color:#475569;margin:0}.brand-modal-switch{position:relative;width:48px;height:26px;cursor:pointer}.brand-modal-switch input{opacity:0;width:0;height:0}.brand-modal-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:26px}.brand-modal-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.brand-modal-switch input:checked+.brand-modal-slider{background-color:#3b82f6}.brand-modal-switch input:checked+.brand-modal-slider:before{transform:translate(22px)}.brand-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f1f5f9;background:#fafafa;border-radius:0 0 16px 16px}.brand-modal-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.brand-modal-btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.brand-modal-btn-cancel:hover{border-color:#cbd5e1;color:#475569}.brand-modal-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f64d}.brand-modal-btn-primary:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.brand-modal-btn-primary:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width: 1024px){.brand-list-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.brand-list-header{flex-direction:column;align-items:stretch}.brand-list-header-right{flex-direction:column}.brand-list-search{min-width:100%}.brand-list-stats{grid-template-columns:1fr}.brand-list-table-container{overflow-x:auto}.brand-list-table{min-width:700px}}.analytics-page{padding:32px;max-width:1800px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px;color:#64748b}.analytics-loading .spinner{animation:spin 1s linear infinite;margin-bottom:16px;color:#1e3a5f}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:24px}.analytics-header-left h1{display:flex;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;color:#0f172a}.analytics-header-left h1 svg{color:#1e3a5f}.analytics-subtitle{margin:8px 0 0;font-size:15px;color:#64748b}.analytics-header-right{display:flex;align-items:center;gap:12px}.analytics-date-picker{position:relative}.analytics-date-btn{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:500;color:#334155;cursor:pointer;transition:all .2s}.analytics-date-btn:hover{border-color:#1e3a5f;color:#1e3a5f}.analytics-date-btn svg:first-child{color:#64748b}.analytics-date-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001a;z-index:100;overflow:hidden;min-width:180px}.analytics-date-dropdown button{display:block;width:100%;padding:12px 18px;text-align:left;background:none;border:none;font-size:14px;color:#475569;cursor:pointer;transition:all .2s}.analytics-date-dropdown button:hover{background:#f8fafc}.analytics-date-dropdown button.active{background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;font-weight:500}.analytics-refresh-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.analytics-refresh-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e3a5f40}.analytics-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:28px}.analytics-kpi-card{background:#fff;border-radius:16px;padding:22px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.analytics-kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.analytics-kpi-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.analytics-kpi-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.analytics-kpi-icon.revenue{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.analytics-kpi-icon.orders{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.analytics-kpi-icon.visitors{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.analytics-kpi-icon.conversion{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.analytics-kpi-icon.aov{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.analytics-kpi-icon.abandonment{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.analytics-kpi-change{display:flex;align-items:center;gap:2px;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:600}.analytics-kpi-change.up{background:#dcfce7;color:#16a34a}.analytics-kpi-change.down{background:#fee2e2;color:#dc2626}.analytics-kpi-value{font-size:26px;font-weight:700;color:#0f172a;margin-bottom:4px}.analytics-kpi-label{font-size:13px;color:#64748b;font-weight:500}.analytics-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:28px}.analytics-chart-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.analytics-chart-card.large{grid-column:span 1}.analytics-chart-header{margin-bottom:20px}.analytics-chart-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;color:#0f172a}.analytics-chart-header h3 svg{color:#1e3a5f}.analytics-middle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:28px}.analytics-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.analytics-card.wide{grid-column:span 2}.analytics-card-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.analytics-card-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;color:#0f172a}.analytics-card-header h3 svg{color:#1e3a5f}.analytics-products-list{display:flex;flex-direction:column;gap:12px}.analytics-product-item{display:flex;align-items:center;gap:14px;padding:14px;background:#f8fafc;border-radius:12px;transition:all .2s}.analytics-product-item:hover{background:#f1f5f9}.analytics-product-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;font-size:12px;font-weight:700;border-radius:8px}.analytics-product-info{flex:1;min-width:0}.analytics-product-name{display:block;font-size:14px;font-weight:500;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-product-stats{font-size:12px;color:#64748b}.analytics-product-growth{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.analytics-product-growth.positive{background:#dcfce7;color:#16a34a}.analytics-product-growth.negative{background:#fee2e2;color:#dc2626}.analytics-pie-container{display:flex;flex-direction:column;gap:16px}.analytics-pie-legend{display:flex;flex-direction:column;gap:10px}.analytics-legend-item{display:flex;align-items:center;gap:10px;font-size:13px}.analytics-legend-color{width:12px;height:12px;border-radius:4px}.analytics-legend-label{flex:1;color:#475569}.analytics-legend-value{font-weight:600;color:#0f172a}.analytics-activity-list{display:flex;flex-direction:column;gap:12px}.analytics-activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:10px}.analytics-activity-status{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px}.analytics-activity-status.completed{background:#dcfce7;color:#16a34a}.analytics-activity-status.processing{background:#fef3c7;color:#d97706}.analytics-activity-status.shipped{background:#dbeafe;color:#2563eb}.analytics-activity-info{flex:1;min-width:0}.analytics-activity-id{display:block;font-size:13px;font-weight:600;color:#0f172a}.analytics-activity-customer{font-size:12px;color:#64748b}.analytics-activity-amount{font-size:14px;font-weight:600;color:#0f172a}.analytics-activity-time{font-size:12px;color:#94a3b8;min-width:40px;text-align:right}.analytics-bottom-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.analytics-sources-list{display:flex;flex-direction:column;gap:16px}.analytics-source-item{display:flex;align-items:center;gap:12px}.analytics-source-info{min-width:120px}.analytics-source-name{display:block;font-size:13px;font-weight:500;color:#0f172a}.analytics-source-visitors{font-size:11px;color:#64748b}.analytics-source-bar-container{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.analytics-source-bar{height:100%;background:linear-gradient(90deg,#1e3a5f,#3b82f6);border-radius:4px;transition:width .5s ease}.analytics-source-percentage{min-width:40px;text-align:right;font-size:13px;font-weight:600;color:#0f172a}.analytics-locations-list{display:flex;flex-direction:column;gap:14px}.analytics-location-item{display:flex;align-items:center;gap:12px}.analytics-location-flag{font-size:24px}.analytics-location-info{min-width:100px}.analytics-location-country{display:block;font-size:13px;font-weight:500;color:#0f172a}.analytics-location-visitors{font-size:11px;color:#64748b}.analytics-location-bar-container{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.analytics-location-bar{height:100%;background:linear-gradient(90deg,#1e3a5f,#3b82f6);border-radius:4px;transition:width .5s ease}.analytics-location-percentage{min-width:40px;text-align:right;font-size:13px;font-weight:600;color:#0f172a}@media (max-width: 1600px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}.analytics-bottom-row{grid-template-columns:repeat(2,1fr)}.analytics-card.wide{grid-column:span 2}}@media (max-width: 1200px){.analytics-page{padding:24px}.analytics-kpis{grid-template-columns:repeat(2,1fr)}.analytics-charts-row,.analytics-middle-row,.analytics-bottom-row{grid-template-columns:1fr}.analytics-card.wide{grid-column:span 1}}@media (max-width: 768px){.analytics-page{padding:16px}.analytics-header{flex-direction:column;align-items:stretch}.analytics-header-right{flex-wrap:wrap}.analytics-kpis{grid-template-columns:1fr}.analytics-kpi-value{font-size:22px}}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin-bottom:24px}.form-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.form-section-header-left{display:flex;align-items:flex-start;gap:12px}.form-section-header-action{flex-shrink:0}.form-section-icon{color:#4a9eff;flex-shrink:0;margin-top:2px}.form-section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.form-section-subtitle{font-size:14px;color:#6b7280;margin:0}.form-section-content{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px;flex:1}.form-field.full-width{width:100%}.form-label{font-size:14px;font-weight:500;color:#1f2937;display:flex;align-items:center;gap:4px}.required{color:#ef4444}.help-icon{width:16px;height:16px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:help;margin-left:4px}.general-info-tab{display:flex;flex-direction:column;gap:24px}.product-type-selector{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px}.product-type-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:14px}.product-type-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-type-option{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.product-type-option:hover{border-color:#cbd5e1;background:#fafafa}.product-type-option.active{border-color:#3b82f6;background:#eff6ff}.product-type-icon{width:48px;height:48px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0;transition:all .2s}.product-type-option.active .product-type-icon{background:#3b82f6;color:#fff}.product-type-icon.pack{background:#fef3c7;color:#d97706}.product-type-option.active .product-type-icon.pack{background:#3b82f6;color:#fff}.product-type-info{display:flex;flex-direction:column;gap:4px}.product-type-name{font-size:15px;font-weight:600;color:#1e293b}.product-type-desc{font-size:13px;color:#64748b;line-height:1.4}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:24px}.form-row.two-cols{grid-template-columns:1fr 1fr}.form-row.four-cols{grid-template-columns:repeat(4,1fr)}.form-row:has(.form-field:nth-child(3)){grid-template-columns:repeat(3,1fr)}.form-input,.form-select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:#4a9eff}.form-input::placeholder{color:#9ca3af}.form-input:disabled,.form-select:disabled{background:#f3f4f6;cursor:not-allowed}.select-with-icon{position:relative;display:flex;align-items:center}.select-with-icon .form-select{padding-right:40px}.refresh-icon{position:absolute;right:8px;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;transition:color .2s;display:flex;align-items:center;justify-content:center}.refresh-icon:hover{color:#4a9eff}.refresh-icon:disabled{cursor:not-allowed;opacity:.5}.refresh-icon .spinning{animation:spin 1s linear infinite}.rich-text-editor{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.toolbar-select{padding:4px 8px;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;background:#fff;margin-right:4px}.toolbar-btn{padding:4px 8px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;transition:all .2s}.toolbar-btn:hover{background:#f3f4f6;border-color:#4a9eff}.toolbar-divider{width:1px;height:20px;background:#e5e7eb;margin:0 4px}.editor-textarea{width:100%;padding:12px;border:none;font-size:14px;color:#1f2937;resize:vertical;min-height:200px;font-family:inherit;box-sizing:border-box}.editor-textarea:focus{outline:none}.editor-textarea::placeholder{color:#9ca3af}@media (max-width: 768px){.form-row,.form-row.two-cols{grid-template-columns:1fr}.form-row.four-cols{grid-template-columns:1fr 1fr}.form-row:has(.form-field:nth-child(3)){grid-template-columns:1fr}.product-type-options{grid-template-columns:1fr}.product-type-option{padding:14px}.product-type-icon{width:40px;height:40px}}.pricing-tab{display:flex;flex-direction:column;gap:24px}.pricing-tab .form-row{display:grid;grid-template-columns:1fr 1fr 140px;gap:24px}.quantity-pricing-empty{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f9fafb;border-radius:6px;border:1px dashed #e5e7eb}.quantity-pricing-empty p{color:#6b7280;font-size:14px;margin:0}.add-tier-btn{padding:8px 16px;background:#4a9eff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-tier-btn:hover{background:#3b8cef}.add-tier-btn-header{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-tier-btn-header:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.pricing-tiers{display:flex;flex-direction:column;gap:12px}.pricing-tier-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 40px;gap:16px;align-items:flex-end;padding:16px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.pricing-tier-field{display:flex;flex-direction:column;gap:6px}.pricing-tier-label{font-size:13px;font-weight:500;color:#64748b}.pricing-tier-input,.pricing-tier-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s}.pricing-tier-input:focus,.pricing-tier-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pricing-tier-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.pricing-tier-remove{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s;margin-bottom:2px}.pricing-tier-remove:hover{background:#fef2f2;color:#ef4444}.packaging-row{margin-top:16px;padding-top:16px;border-top:1px dashed #e2e8f0}.packaging-row .form-field{max-width:350px}.packaging-input-wrapper{display:flex;align-items:center;gap:10px;position:relative}.packaging-icon{color:#64748b;flex-shrink:0}.packaging-input-wrapper .form-input{width:100px;text-align:center}.packaging-unit-suffix{font-size:14px;color:#64748b;white-space:nowrap}@media (max-width: 768px){.pricing-tab .form-row{grid-template-columns:1fr}.quantity-pricing-empty{flex-direction:column;gap:16px;text-align:center}.pricing-tier-row{grid-template-columns:1fr;gap:12px}.pricing-tier-remove{width:100%;justify-content:center;margin-bottom:0}}.images-tab{display:flex;flex-direction:column;gap:24px}.images-section{width:100%}.images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.images-subtitle{font-size:16px;font-weight:600;color:#1f2937;margin:0}.add-images-btn-inline{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4a9eff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-images-btn-inline:hover{background:#3b8cef}.add-images-btn-inline:disabled{background:#9ca3af;cursor:not-allowed}.add-images-btn-inline .spinning{animation:spin 1s linear infinite}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb;transition:all .2s}.image-item.is-main{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff33}.image-item img{width:100%;height:100%;object-fit:cover}.image-item.uploading{display:flex;align-items:center;justify-content:center}.upload-placeholder{display:flex;align-items:center;justify-content:center;color:#4a9eff}.image-item-actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.image-item:hover .image-item-actions{opacity:1}.set-main-btn{width:26px;height:26px;border-radius:6px;background:#fffffff2;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 1px 3px #0000001a}.set-main-btn:hover,.set-main-btn.active{background:#fef3c7;color:#f59e0b}.image-item.is-main .set-main-btn{opacity:1}.remove-image-btn{width:26px;height:26px;border-radius:6px;background:#fffffff2;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 1px 3px #0000001a}.remove-image-btn:hover{background:#fef2f2;color:#dc2626}.main-image-badge{position:absolute;bottom:8px;left:8px;padding:4px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.image-upload-area{position:relative;width:100%;min-height:300px;border:2px dashed #e5e7eb;border-radius:8px;background:#f9fafb;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.image-upload-area:hover{border-color:#4a9eff;background:#eff6ff}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px}.placeholder-icon{color:#9ca3af}.placeholder-text{font-size:16px;color:#6b7280;margin:0;font-weight:500}.placeholder-hint{font-size:14px;color:#9ca3af;margin:0}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.images-header{flex-direction:column;align-items:flex-start;gap:12px}.images-grid{grid-template-columns:repeat(2,1fr)}}.variations-tab{display:flex;flex-direction:column;gap:24px}.variations-info{margin-bottom:24px}.variations-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.variations-toggle-content{flex:1}.variations-text{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 4px}.variations-description{font-size:13px;color:#64748b;margin:0}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer;flex-shrink:0}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toggle-input:checked+.toggle-slider:before{transform:translate(24px)}.variations-content{border-top:1px solid #e2e8f0;padding-top:24px}.variations-actions{margin-bottom:20px}.generate-variations-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #3b82f64d}.generate-variations-btn:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.variations-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.variations-list-header{display:grid;grid-template-columns:36px 1fr 100px 80px 80px 60px 100px 100px 40px;gap:12px;padding:14px 16px;background:#f8fafc;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.variations-col-expand{width:36px}.variation-row-wrapper{border-bottom:1px solid #f1f5f9}.variation-row-wrapper:last-child{border-bottom:none}.variation-row-wrapper.expanded{background:#fafbfc}.variation-row{display:grid;grid-template-columns:36px 1fr 100px 80px 80px 60px 100px 100px 40px;gap:12px;padding:12px 16px;align-items:center}.variation-row-wrapper:hover .variation-row{background:#fafbfc}.variation-expand-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.variation-expand-btn:hover{background:#e2e8f0;color:#1e293b}.variation-name{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#1e293b}.variation-thumb{width:32px;height:32px;border-radius:6px;overflow:hidden;background:#f1f5f9;flex-shrink:0}.variation-thumb img{width:100%;height:100%;object-fit:cover}.variation-stock,.variation-minstock,.variation-packaging,.variation-price,.variation-discount,.variation-reference{display:flex;align-items:center;gap:4px}.variation-input{width:100%;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1e293b;background:#fff;transition:all .2s}.variation-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.variation-input.full-width{width:100%}.variation-currency{font-size:12px;color:#64748b;font-weight:500;flex-shrink:0}.variation-actions{display:flex;justify-content:flex-end}.variation-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .2s}.variation-remove-btn:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.variation-details{padding:16px 16px 16px 64px;background:#f8fafc;border-top:1px solid #e2e8f0}.variation-image-section{max-width:400px}.variation-detail-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#475569;margin-bottom:12px}.variation-image-tabs{display:flex;gap:8px;margin-bottom:12px}.variation-image-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;font-size:12px;color:#64748b;transition:all .2s}.variation-image-tab:hover{background:#f8fafc;border-color:#cbd5e1}.variation-image-tab.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.variation-upload-area{margin-top:0}.variation-upload-btn{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;border:2px dashed #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s;color:#64748b;font-size:13px}.variation-upload-btn:hover{border-color:#3b82f6;background:#f0f9ff;color:#3b82f6}.variation-upload-btn:disabled{opacity:.7;cursor:not-allowed}.variation-spinner{animation:spin 1s linear infinite}.variation-image-preview{position:relative;width:100%;max-width:120px;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.variation-image-preview.small{width:60px;max-width:60px;margin-top:8px}.variation-image-preview img{width:100%;height:100%;object-fit:cover}.variation-image-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:4px;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.variation-image-remove:hover{background:#ef4444}.variation-url-input{display:flex;flex-direction:column;gap:8px}.variation-url-row{display:flex;gap:8px;align-items:stretch}.variation-url-row .variation-input{flex:1}.variation-url-upload-btn{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;padding:0;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.variation-url-upload-btn:hover:not(:disabled){box-shadow:0 2px 8px #3b82f666}.variation-url-upload-btn:disabled{background:#cbd5e1;cursor:not-allowed}.variation-url-error{font-size:12px;color:#ef4444;margin:0}.variation-url-hint{font-size:11px;color:#94a3b8;margin:0}.variations-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;text-align:center;color:#64748b}.variations-empty svg{margin-bottom:12px;opacity:.5}.variations-empty p{font-size:15px;font-weight:500;color:#475569;margin:0 0 4px}.variations-empty span{font-size:13px;color:#94a3b8}.stock-management{display:flex;flex-direction:column;gap:16px;padding-top:20px;border-top:1px solid #e5e7eb}.stock-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.stock-fields{grid-template-columns:1fr}}.stock-fields .field-hint{font-size:12px;color:#64748b;margin-top:6px;line-height:1.4}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#1f2937;cursor:pointer}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.attribute-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.attribute-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.attribute-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 20px;border-bottom:1px solid #e2e8f0}.attribute-modal-title{display:flex;align-items:flex-start;gap:14px}.attribute-modal-title svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.attribute-modal-title h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 4px}.attribute-modal-title p{font-size:13px;color:#64748b;margin:0}.attribute-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.attribute-modal-close:hover{background:#e2e8f0;color:#1e293b}.attribute-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.attribute-loading{text-align:center;padding:40px 20px;color:#64748b;font-size:14px}.attribute-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;color:#64748b}.attribute-empty svg{opacity:.4;margin-bottom:12px}.attribute-empty p{font-size:15px;font-weight:500;color:#475569;margin:0 0 4px}.attribute-empty span{font-size:13px;color:#94a3b8}.attribute-list{display:flex;flex-direction:column;gap:10px}.attribute-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.attribute-item:hover{background:#f1f5f9;border-color:#cbd5e1}.attribute-item input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.attribute-item input[type=checkbox]:checked+.attribute-item-content{color:#1e293b}.attribute-item:has(input:checked){background:#eff6ff;border-color:#3b82f6}.attribute-item-content{flex:1;display:flex;flex-direction:column;gap:4px}.attribute-item-name{font-size:15px;font-weight:600;color:#1e293b}.attribute-item-values{font-size:13px;color:#64748b;line-height:1.4}.attribute-item-count{font-size:12px;color:#94a3b8}.attribute-item-wrapper{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.attribute-item-wrapper:hover{border-color:#cbd5e1}.attribute-item-wrapper.expanded{border-color:#3b82f6;background:#f8fafc}.attribute-item-header{display:flex;align-items:center;gap:12px;padding:14px 16px}.attribute-item-checkbox{display:flex;align-items:center;cursor:pointer}.attribute-item-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.attribute-item-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:0;cursor:pointer;color:#64748b}.attribute-item-toggle:hover{color:#1e293b}.attribute-item-toggle .attribute-item-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.attribute-item-toggle .attribute-item-name{font-size:15px;font-weight:600;color:#1e293b}.attribute-item-toggle .attribute-item-count{font-size:12px;color:#64748b}.attribute-values-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 16px 48px;border-top:1px solid #e2e8f0;margin-top:0;background:#fafbfc}.attribute-value-item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s;font-size:13px}.attribute-value-item:hover{border-color:#cbd5e1;background:#f8fafc}.attribute-value-item:has(input:checked){background:#eff6ff;border-color:#3b82f6}.attribute-value-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.attribute-value-name{color:#1e293b;font-weight:500}.attribute-value-item:has(input:checked) .attribute-value-name{color:#2563eb}.attribute-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.attribute-modal-info{font-size:13px;color:#64748b}.attribute-modal-actions{display:flex;gap:12px}.attribute-modal-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.attribute-modal-btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.attribute-modal-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.attribute-modal-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f64d}.attribute-modal-btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.attribute-modal-btn-primary:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}@media (max-width: 768px){.variations-list-header{display:none}.variation-row{grid-template-columns:1fr;gap:12px}.variation-expand-btn{display:none}.variation-name{margin-bottom:8px}.variation-stock,.variation-minstock,.variation-packaging,.variation-price,.variation-discount,.variation-reference{flex-direction:column;align-items:flex-start}.variation-details{padding:16px}.attribute-modal{max-height:90vh}.attribute-modal-footer{flex-direction:column;gap:12px}.attribute-modal-actions{width:100%}.attribute-modal-btn{flex:1;justify-content:center}}.seo-tab{display:flex;flex-direction:column;gap:24px}.url-preview{display:flex;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.url-prefix{padding:10px 12px;background:#f3f4f6;color:#6b7280;font-size:14px;border-right:1px solid #e5e7eb;white-space:nowrap}.url-input{border:none!important;border-radius:0!important;background:transparent!important}.url-input:focus{box-shadow:none!important}.field-hint{font-size:12px;color:#9ca3af;margin:4px 0 0}.form-textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;resize:vertical;font-family:inherit;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:#4a9eff}.form-textarea:read-only{background:#f9fafb}.google-preview{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:600px}.google-title{font-size:18px;color:#1a0dab;margin-bottom:4px;cursor:pointer}.google-title:hover{text-decoration:underline}.google-url{font-size:14px;color:#006621;margin-bottom:8px}.google-description{font-size:14px;color:#4d5156;line-height:1.5}@media (max-width: 768px){.url-preview{flex-direction:column;align-items:stretch}.url-prefix{border-right:none;border-bottom:1px solid #e5e7eb}}.pack-tab{display:flex;flex-direction:column;gap:24px}.pack-summary-bar{display:flex;align-items:center;gap:24px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px}.pack-summary-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.pack-summary-item svg{color:#94a3b8}.pack-summary-item.highlight{margin-left:auto;padding:8px 16px;background:#3b82f6;color:#fff;border-radius:8px;font-weight:600}.pack-summary-item.highlight svg{color:#fff}.pack-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.pack-empty-icon{width:80px;height:80px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#3b82f6}.pack-empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1e293b}.pack-empty-state p{margin:0 0 24px;font-size:14px;color:#64748b}.pack-add-btn-large{display:flex;align-items:center;gap:8px;padding:14px 28px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.pack-add-btn-large:hover{background:#2563eb;transform:translateY(-1px)}.pack-items-list{display:flex;flex-direction:column;gap:12px}.pack-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.pack-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.pack-item-header{display:flex;align-items:center;gap:16px;padding:16px}.pack-item-number{width:28px;height:28px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#64748b;flex-shrink:0}.pack-item-image{width:56px;height:56px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#94a3b8}.pack-item-image img{width:100%;height:100%;object-fit:cover}.pack-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pack-item-name{font-size:15px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-item-price{font-size:13px;color:#64748b}.pack-item-variation{display:inline-flex;align-items:center;padding:2px 8px;background:#eff6ff;color:#3b82f6;border-radius:4px;font-size:11px;font-weight:500;width:fit-content}.pack-item-quantity{display:flex;align-items:center;gap:4px;flex-shrink:0}.pack-qty-btn{width:32px;height:32px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.pack-qty-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.pack-qty-btn:disabled{opacity:.5;cursor:not-allowed}.pack-qty-input{width:50px;height:32px;border:1px solid #e2e8f0;border-radius:8px;text-align:center;font-size:14px;font-weight:500;color:#1e293b;outline:none;transition:border-color .2s}.pack-qty-input:focus{border-color:#3b82f6}.pack-item-subtotal{min-width:100px;text-align:right;font-size:15px;font-weight:600;color:#1e293b;flex-shrink:0}.pack-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pack-item-expand-btn,.pack-item-remove-btn{width:36px;height:36px;background:transparent;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pack-item-expand-btn{color:#64748b}.pack-item-expand-btn:hover{background:#f1f5f9;color:#3b82f6}.pack-item-remove-btn{color:#94a3b8}.pack-item-remove-btn:hover{background:#fef2f2;color:#dc2626}.pack-item-variations{padding:16px;background:#f8fafc;border-top:1px solid #e2e8f0;animation:slideDown .2s ease-out}.pack-item-variations label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:12px}.pack-variation-options{display:flex;flex-wrap:wrap;gap:8px}.pack-variation-option{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;cursor:pointer;transition:all .2s}.pack-variation-option:hover{border-color:#3b82f6;background:#eff6ff}.pack-variation-option.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.pack-variation-stock{font-size:11px;opacity:.7}.pack-add-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.pack-add-more-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.pack-pricing-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.pack-pricing-option{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.pack-pricing-option:hover{border-color:#cbd5e1;background:#fafafa}.pack-pricing-option.active{border-color:#3b82f6;background:#eff6ff}.pack-pricing-icon{width:48px;height:48px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.pack-pricing-option.active .pack-pricing-icon{background:#3b82f6;color:#fff}.pack-pricing-icon.calculated{background:#fef3c7;color:#d97706}.pack-pricing-option.active .pack-pricing-icon.calculated{background:#3b82f6;color:#fff}.pack-pricing-info{display:flex;flex-direction:column;gap:4px}.pack-pricing-name{font-size:15px;font-weight:600;color:#1e293b}.pack-pricing-desc{font-size:13px;color:#64748b}.pack-custom-price{padding:20px;background:#f8fafc;border-radius:12px}.pack-custom-price label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:12px}.pack-price-comparison{display:flex;align-items:flex-start;gap:20px}.pack-price-input-group{display:flex;align-items:center;gap:8px}.pack-price-input{width:140px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:20px;font-weight:600;color:#1e293b;outline:none;transition:border-color .2s}.pack-price-input:focus{border-color:#3b82f6}.pack-price-currency{font-size:16px;font-weight:500;color:#64748b}.pack-savings{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#dcfce7;border-radius:10px}.pack-savings-amount{font-size:14px;font-weight:600;color:#15803d}.pack-savings-percent{font-size:12px;color:#16a34a}.pack-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease-out}.pack-product-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:640px;max-height:80vh;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;z-index:1001;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.pack-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.pack-modal-header-info{display:flex;align-items:center;gap:12px}.pack-modal-header-info svg{color:#3b82f6}.pack-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.pack-modal-close{width:36px;height:36px;background:#f1f5f9;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.pack-modal-close:hover{background:#e2e8f0;color:#1e293b}.pack-modal-search{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.pack-modal-search svg{color:#94a3b8}.pack-modal-search input{flex:1;border:none;background:transparent;font-size:15px;color:#1e293b;outline:none}.pack-modal-search input::placeholder{color:#94a3b8}.pack-modal-products{flex:1;overflow-y:auto;padding:8px}.pack-modal-loading,.pack-modal-empty{display:flex;align-items:center;justify-content:center;padding:40px;color:#64748b;font-size:14px}.pack-product-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:#fff;border:none;border-radius:10px;cursor:pointer;text-align:left;transition:all .2s}.pack-product-item:hover{background:#f8fafc}.pack-product-item.in-pack{background:#eff6ff}.pack-product-image{width:48px;height:48px;background:#f1f5f9;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0}.pack-product-image img{width:100%;height:100%;object-fit:cover}.pack-product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pack-product-name{font-size:14px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-product-ref{font-size:12px;color:#64748b}.pack-product-price{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap}.pack-product-stock{font-size:12px;color:#64748b;white-space:nowrap}.pack-product-badge{padding:4px 10px;background:#3b82f6;color:#fff;border-radius:6px;font-size:11px;font-weight:600}@media (max-width: 992px){.pack-pricing-options{grid-template-columns:1fr}}@media (max-width: 768px){.pack-summary-bar{flex-direction:column;gap:12px;align-items:flex-start}.pack-summary-item.highlight{margin-left:0;width:100%;justify-content:center}.pack-item-header{flex-wrap:wrap;gap:12px}.pack-item-info{flex:1 1 100%;order:-1;margin-left:44px}.pack-item-number{position:absolute}.pack-item-header{position:relative}.pack-item-subtotal{min-width:auto;flex:1}.pack-price-comparison{flex-direction:column}.pack-product-modal{max-width:calc(100% - 32px);max-height:calc(100vh - 32px)}}@media (max-width: 480px){.pack-item-header{padding:12px}.pack-item-image{width:48px;height:48px}.pack-qty-input{width:40px}.pack-pricing-option{padding:16px}.pack-pricing-icon{width:40px;height:40px}}.specs-tab{display:flex;flex-direction:column;gap:24px}.specs-list{display:flex;flex-direction:column;gap:8px}.spec-item{display:flex;align-items:center;gap:8px}.spec-item .spec-drag{color:#94a3b8;cursor:grab;padding:4px}.spec-item .spec-drag.invisible{visibility:hidden}.spec-item .spec-label{flex:1;max-width:200px}.spec-item .spec-value{flex:2}.spec-remove-btn,.spec-add-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0}.spec-remove-btn{background:#fee2e2;color:#dc2626}.spec-remove-btn:hover{background:#fecaca}.spec-add-btn{background:#dcfce7;color:#16a34a}.spec-add-btn:hover:not(:disabled){background:#bbf7d0}.spec-add-btn:disabled{opacity:.5;cursor:not-allowed}.spec-item.add-new .form-input,.spec-item.add-new .autocomplete-trigger{border-style:dashed}.spec-label-autocomplete{position:relative;flex:1;max-width:200px}.autocomplete-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border:1px dashed #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;min-height:38px}.autocomplete-trigger:hover{border-color:#9ca3af}.autocomplete-trigger.active{border-color:#0891b2;border-style:solid;box-shadow:0 0 0 3px #0891b21a}.autocomplete-trigger .placeholder{color:#9ca3af;font-size:14px}.autocomplete-trigger .has-value{color:#0f172a;font-size:14px}.autocomplete-trigger .chevron{color:#64748b;transition:transform .2s;flex-shrink:0}.autocomplete-trigger .chevron.open{transform:rotate(180deg)}.rich-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:280px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 30px #0000001f;z-index:1000;overflow:hidden}.dropdown-search{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.dropdown-search svg{color:#64748b;flex-shrink:0}.dropdown-search input{flex:1;border:none;background:none;font-size:14px;color:#0f172a;outline:none}.dropdown-search input::placeholder{color:#94a3b8}.dropdown-content{max-height:320px;overflow-y:auto}.dropdown-add-custom{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f0fdfa,#e0f2fe);border-bottom:1px solid #e2e8f0;cursor:pointer;color:#0891b2;font-size:14px;font-weight:500;transition:background .15s}.dropdown-add-custom:hover{background:linear-gradient(135deg,#ccfbf1,#bae6fd)}.dropdown-add-custom svg{flex-shrink:0}.dropdown-add-custom strong{color:#0f172a}.dropdown-section{padding:8px 0}.dropdown-section:not(:last-child){border-bottom:1px solid #e2e8f0}.dropdown-section-header{display:flex;align-items:center;gap:6px;padding:8px 16px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.dropdown-section-header svg{color:#94a3b8}.dropdown-section:first-child .dropdown-section-header{color:#0891b2}.dropdown-section:first-child .dropdown-section-header svg{color:#0891b2}.dropdown-category{margin-top:4px}.dropdown-category-name{padding:4px 16px 4px 24px;font-size:12px;font-weight:500;color:#94a3b8}.dropdown-section-items{display:flex;flex-direction:column}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 32px;font-size:14px;color:#334155;cursor:pointer;transition:all .15s}.dropdown-item:hover{background:#f1f5f9;color:#0f172a}.dropdown-item.custom{padding-left:24px;background:#fefce8}.dropdown-item.custom:hover{background:#fef9c3}.delete-custom-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;opacity:0;transition:all .15s}.dropdown-item:hover .delete-custom-btn{opacity:1}.delete-custom-btn:hover{background:#fee2e2;color:#dc2626}.dropdown-empty{padding:24px 16px;text-align:center;color:#64748b;font-size:13px}.characteristics-list{display:flex;flex-direction:column;gap:8px}.characteristic-item{display:flex;align-items:center;gap:8px}.characteristic-bullet{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#0891b2;font-weight:700;flex-shrink:0}.characteristic-item .form-input{flex:1}.characteristic-remove-btn,.characteristic-add-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0}.characteristic-remove-btn{background:#fee2e2;color:#dc2626}.characteristic-remove-btn:hover{background:#fecaca}.characteristic-add-btn{background:#dcfce7;color:#16a34a}.characteristic-add-btn:hover:not(:disabled){background:#bbf7d0}.characteristic-add-btn:disabled{opacity:.5;cursor:not-allowed}.characteristic-item.add-new .form-input{border-style:dashed}.characteristic-item.add-new .characteristic-bullet{color:#94a3b8}.specs-hint{font-size:12px;color:#64748b;margin-top:8px;font-style:italic}@media (max-width: 768px){.spec-item{flex-wrap:wrap}.spec-item .spec-drag{display:none}.spec-label-autocomplete,.spec-item .spec-label,.spec-item .spec-value{flex:1 1 100%;max-width:none}.spec-label-autocomplete{margin-bottom:4px}.rich-dropdown{min-width:100%;left:0;right:0}.dropdown-content{max-height:250px}}.product-form-page{display:flex;flex-direction:column;height:calc(100vh - 120px);background:#f8fafc;width:100%;overflow:hidden}.product-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.product-form-header-left{display:flex;align-items:center;gap:16px}.product-form-back-btn{width:40px;height:40px;background:#f1f5f9;border:none;border-radius:10px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s}.product-form-back-btn:hover{background:#e2e8f0;color:#1e293b}.product-form-title-section{display:flex;align-items:center;gap:14px}.product-form-icon{width:44px;height:44px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.product-form-icon.pack{background:linear-gradient(135deg,#f59e0b,#d97706)}.product-form-title-text h1{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 2px}.product-form-title-text p{font-size:13px;color:#64748b;margin:0}.product-form-header-actions{display:flex;gap:12px}.product-form-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.product-form-btn-secondary{background:#fff;color:#64748b;border:1px solid #e2e8f0}.product-form-btn-secondary:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc}.product-form-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f64d}.product-form-btn-primary:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.product-form-btn-primary:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.product-form-spinner{animation:productFormSpin 1s linear infinite}@keyframes productFormSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-form-tabs{display:flex;gap:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:0 32px;overflow-x:auto}.product-form-tabs::-webkit-scrollbar{height:0}.product-form-tab{padding:16px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;position:relative;white-space:nowrap}.product-form-tab:hover{color:#3b82f6;background:#f8fafc}.product-form-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:linear-gradient(to bottom,transparent 0%,#eff6ff 100%)}.product-form-content{flex:1;padding:32px;overflow-y:auto;min-height:0}.product-form-content-inner{max-width:900px;margin:0 auto}.product-form-error{padding:14px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border-left:4px solid #dc2626;border-radius:0 8px 8px 0;font-size:14px;margin:0 32px 24px;display:flex;align-items:center;gap:10px}.product-form-success{padding:14px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a;border-left:4px solid #16a34a;border-radius:0 8px 8px 0;font-size:14px;margin:0 32px 24px;display:flex;align-items:center;gap:10px}.product-form-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;z-index:100}.product-form-footer-left{display:flex;align-items:center;gap:16px}.product-form-step-indicator{display:flex;align-items:center;gap:8px}.product-form-step-dots{display:flex;gap:6px}.product-form-step-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:all .2s}.product-form-step-dot.active{background:#3b82f6;width:24px;border-radius:4px}.product-form-step-dot.completed{background:#10b981}.product-form-step-info{font-size:14px;color:#64748b}.product-form-step-info strong{color:#1e293b;font-weight:600}.product-form-footer-actions{display:flex;gap:12px}.product-form-nav-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.product-form-nav-btn-prev{background:#fff;color:#64748b;border:1px solid #e2e8f0}.product-form-nav-btn-prev:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.product-form-nav-btn-next{background:#3b82f6;color:#fff}.product-form-nav-btn-next:hover:not(:disabled){background:#2563eb}.product-form-nav-btn:disabled{opacity:.4;cursor:not-allowed}.product-form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:#64748b}.product-form-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:productFormSpin 1s linear infinite;margin-bottom:16px}@media (max-width: 768px){.product-form-header{flex-direction:column;gap:16px;padding:16px}.product-form-header-left,.product-form-header-actions{width:100%}.product-form-btn{flex:1;justify-content:center}.product-form-tabs{padding:0 16px}.product-form-tab{padding:14px 16px;font-size:13px}.product-form-content{padding:20px 16px}.product-form-footer{flex-direction:column;gap:16px;padding:16px}.product-form-footer-left{width:100%;justify-content:center}.product-form-footer-actions{width:100%}.product-form-nav-btn{flex:1;justify-content:center}.product-form-error,.product-form-success{margin:0 16px 16px}}.order-form-page{display:flex;flex-direction:column;min-height:calc(100vh - 64px);background:linear-gradient(135deg,#f0f4f8,#e8eef3);position:relative}.order-form-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.order-form-header-left{display:flex;align-items:center;gap:16px}.order-form-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s ease}.order-form-back-btn:hover{background:#e2e8f0;transform:translate(-2px)}.order-form-header-info h1{font-size:20px;font-weight:600;color:#1e293b;margin:0}.order-form-header-info p{font-size:13px;color:#64748b;margin:4px 0 0}.order-form-header-right{display:flex;align-items:center;gap:12px}.order-form-header-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:20px;font-size:13px;color:#0369a1}.order-form-header-badge svg{color:#3b82f6}.order-form-content{display:grid;grid-template-columns:1fr 340px;gap:24px;padding:24px 32px 100px;flex:1;overflow-y:auto;min-height:0}.order-form-main{display:flex;flex-direction:column;gap:20px}.order-form-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e7eb;overflow:hidden}.order-form-section-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.order-form-section-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;color:#fff}.order-form-section-title{font-size:15px;font-weight:600;color:#1f2937;margin:0}.order-form-section-body{padding:20px}.order-form-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.order-form-field{display:flex;flex-direction:column;gap:6px}.order-form-field.full-width{grid-column:1 / -1}.order-form-label{font-size:13px;font-weight:500;color:#374151}.order-form-label .required{color:#ef4444;margin-left:2px}.order-form-input,.order-form-select{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#fff;font-family:inherit;transition:all .2s ease}.order-form-input:focus,.order-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.order-form-input::placeholder{color:#9ca3af}.order-form-textarea{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#fff;font-family:inherit;resize:vertical;min-height:80px;transition:all .2s ease}.order-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.order-form-checkboxes{display:flex;gap:20px;flex-wrap:wrap;margin-top:8px}.order-form-checkbox{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;cursor:pointer;padding:8px 14px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.order-form-checkbox:hover{border-color:#3b82f6}.order-form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.order-form-products-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.order-form-products-title{font-size:14px;font-weight:500;color:#374151}.order-form-products-search{position:relative}.order-form-search-wrapper{position:relative;display:flex;align-items:center}.order-form-search-icon{position:absolute;left:12px;color:#9ca3af}.order-form-search-input{width:100%;padding:10px 14px 10px 40px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;transition:all .2s ease;background:#f8fafc}.order-form-search-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.order-form-search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0000001a;z-index:100;max-height:280px;overflow-y:auto;margin-top:4px}.order-form-search-result{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f3f4f6}.order-form-search-result:last-child{border-bottom:none}.order-form-search-result:hover{background:#f8fafc}.order-form-search-result-name{font-size:14px;color:#1f2937;font-weight:500}.order-form-search-result-price{font-size:14px;font-weight:600;color:#3b82f6}.order-form-products-list{margin-top:16px}.order-form-products-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;border:2px dashed #e5e7eb;border-radius:12px;background:#f9fafb}.order-form-products-empty svg{color:#9ca3af;margin-bottom:12px}.order-form-products-empty-text{font-size:15px;font-weight:500;color:#6b7280;margin:0 0 4px}.order-form-products-empty-hint{font-size:13px;color:#9ca3af;margin:0}.order-form-products-items{display:flex;flex-direction:column;gap:10px}.order-form-product-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e5e7eb}.order-form-product-info{display:flex;flex-direction:column;gap:4px;flex:1}.order-form-product-name{font-size:14px;font-weight:500;color:#1f2937}.order-form-product-price{font-size:13px;color:#6b7280}.order-form-product-actions{display:flex;align-items:center;gap:10px}.order-form-qty-input{width:64px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;text-align:center;background:#fff}.order-form-qty-input:focus{outline:none;border-color:#3b82f6}.order-form-remove-btn{width:32px;height:32px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#ef4444;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.order-form-remove-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.order-form-summary{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e7eb;overflow:hidden}.order-form-summary-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.order-form-summary-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff}.order-form-summary-title{font-size:15px;font-weight:600;color:#1f2937;margin:0}.order-form-summary-body{padding:20px}.order-form-summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.order-form-summary-row:last-child{border-bottom:none}.order-form-summary-label{font-size:14px;color:#6b7280}.order-form-summary-value{font-size:14px;font-weight:600;color:#1f2937}.order-form-summary-row.total{margin-top:8px;padding-top:16px;border-top:2px solid #e5e7eb;border-bottom:none}.order-form-summary-row.total .order-form-summary-label{font-size:15px;font-weight:600;color:#1f2937}.order-form-summary-row.total .order-form-summary-value{font-size:20px;font-weight:700;color:#3b82f6}.order-form-discount-input{width:80px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;text-align:right;background:#f8fafc}.order-form-discount-input:focus{outline:none;border-color:#3b82f6;background:#fff}.order-form-sidebar{display:flex;flex-direction:column;gap:20px}.order-form-sidebar-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e7eb;overflow:hidden}.order-form-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.order-form-sidebar-header:hover{background:linear-gradient(135deg,#f1f5f9,#e5e7eb)}.order-form-sidebar-header h4{font-size:14px;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}.order-form-sidebar-header svg{color:#6b7280;transition:transform .2s ease}.order-form-sidebar-header svg.expanded{transform:rotate(180deg)}.order-form-sidebar-body{padding:16px}.order-form-sidebar-empty{font-size:13px;color:#9ca3af;text-align:center;padding:20px}.order-form-sidebar-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#6b7280;font-size:13px}.order-form-sidebar-loading .spinning{animation:spin 1s linear infinite}.client-history-content{display:flex;flex-direction:column;gap:12px}.client-history-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.client-history-stat{text-align:center;padding:10px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px}.client-history-stat-value{display:block;font-size:18px;font-weight:700;color:#0369a1}.client-history-stat-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.client-history-orders{display:flex;flex-direction:column;gap:8px}.client-history-order{padding:10px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;transition:all .15s}.client-history-order:hover{background:#f1f5f9;border-color:#cbd5e1}.client-history-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.client-history-order-id{font-size:13px;font-weight:600;color:#1f2937}.client-history-order-status{font-size:10px;font-weight:500;padding:2px 8px;border-radius:4px;text-transform:uppercase}.client-history-order-status.en-attente,.client-history-order-status.pending{background:#fef3c7;color:#b45309}.client-history-order-status.confirmée,.client-history-order-status.confirmed{background:#dbeafe;color:#1d4ed8}.client-history-order-status.expédiée,.client-history-order-status.shipped{background:#e0e7ff;color:#4338ca}.client-history-order-status.livrée,.client-history-order-status.delivered{background:#dcfce7;color:#15803d}.client-history-order-status.annulée,.client-history-order-status.cancelled{background:#fee2e2;color:#dc2626}.client-history-order-details{display:flex;justify-content:space-between;align-items:center}.client-history-order-amount{font-size:12px;font-weight:600;color:#3b82f6}.client-history-order-date{font-size:11px;color:#9ca3af}.client-history-more{font-size:12px;color:#6b7280;text-align:center;padding:8px;margin:0}.order-form-quick-stats{display:flex;flex-direction:column;gap:12px}.order-form-quick-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc;border-radius:8px}.order-form-quick-stat-label{font-size:13px;color:#6b7280}.order-form-quick-stat-value{font-size:13px;font-weight:600;color:#1f2937}.order-form-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fff;border-top:1px solid #e5e7eb;position:fixed;bottom:0;left:240px;right:0;z-index:100;box-shadow:0 -4px 12px #00000014}.order-form-footer-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.order-form-footer-info svg{color:#3b82f6}.order-form-footer-actions{display:flex;gap:12px}.order-form-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.order-form-btn-cancel{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.order-form-btn-cancel:hover{border-color:#3b82f6;color:#3b82f6}.order-form-btn-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 2px 8px #3b82f64d}.order-form-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.order-form-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.order-form-btn-submit.submitting{background:linear-gradient(135deg,#60a5fa,#3b82f6);pointer-events:none}.order-form-btn-submit .spinning{animation:spin 1s linear infinite}.order-form-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.order-form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 64px);gap:16px;background:#f0f4f8}.order-form-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.order-form-loading-text{font-size:14px;color:#6b7280}@media (max-width: 1200px){.order-form-content{grid-template-columns:1fr;padding:20px}.order-form-sidebar{display:none}.order-form-header{padding:16px 20px}.order-form-footer{padding:16px 20px;flex-direction:column;gap:12px;left:0}.order-form-footer-info{order:2}.order-form-footer-actions{order:1;width:100%;justify-content:stretch}.order-form-btn{flex:1;justify-content:center}}@media (max-width: 768px){.order-form-fields{grid-template-columns:1fr}.order-form-header-badge{display:none}.order-form-footer{left:0}}.order-form-search-result{display:flex;justify-content:space-between;align-items:center}.order-form-search-result-info{display:flex;flex-direction:column;gap:2px}.order-form-search-result-variations{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#8b5cf6;background:#f5f3ff;padding:2px 6px;border-radius:4px;width:fit-content}.order-form-product-variation{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px;margin-top:2px}.order-form-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:fadeIn .2s ease-out}.order-form-variation-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:500px;max-height:80vh;background:#fff;border-radius:16px;box-shadow:0 25px 60px #0003;z-index:1001;display:flex;flex-direction:column;animation:modalSlideIn .25s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.order-form-variation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.order-form-variation-modal-title{display:flex;align-items:center;gap:12px}.order-form-variation-modal-title svg{color:#8b5cf6}.order-form-variation-modal-title h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.order-form-variation-modal-title p{margin:2px 0 0;font-size:13px;color:#6b7280}.order-form-variation-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:#f3f4f6;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .15s}.order-form-variation-modal-close:hover{background:#e5e7eb;color:#1f2937}.order-form-variation-modal-body{padding:16px 24px;overflow-y:auto;flex:1}.order-form-variation-list{display:flex;flex-direction:column;gap:10px}.order-form-variation-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .15s}.order-form-variation-option:hover:not(.out-of-stock){border-color:#c4b5fd;background:#faf5ff}.order-form-variation-option.selected{border-color:#8b5cf6;background:#f5f3ff}.order-form-variation-option.out-of-stock{opacity:.6;cursor:not-allowed;background:#f9fafb}.order-form-variation-option input[type=radio]{width:18px;height:18px;accent-color:#8b5cf6;flex-shrink:0}.order-form-variation-option-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.order-form-variation-image{width:48px;height:48px;border-radius:8px;overflow:hidden;background:#f3f4f6;flex-shrink:0}.order-form-variation-image img{width:100%;height:100%;object-fit:cover}.order-form-variation-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.order-form-variation-label{font-size:14px;font-weight:500;color:#1f2937}.order-form-variation-meta{display:flex;align-items:center;gap:10px}.order-form-variation-price{font-size:14px;font-weight:600;color:#3b82f6}.order-form-variation-stock{font-size:12px;padding:2px 8px;border-radius:4px}.order-form-variation-stock.ok{background:#dcfce7;color:#15803d}.order-form-variation-stock.low{background:#fef3c7;color:#b45309}.order-form-variation-stock.out{background:#fee2e2;color:#dc2626}.order-form-variation-sku{font-size:11px;color:#9ca3af}.order-form-variation-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px}.order-form-variation-modal-footer .order-form-btn{min-width:120px;justify-content:center}.order-form-coupon{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:20px;margin-bottom:20px}.order-form-coupon-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#1f2937}.order-form-coupon-header h3{font-size:16px;font-weight:600;margin:0}.order-form-coupon-input-wrapper{display:flex;gap:10px}.order-form-coupon-input{flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;text-transform:uppercase;transition:border-color .2s}.order-form-coupon-input:focus{outline:none;border-color:#3b82f6}.order-form-coupon-apply{padding:10px 18px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.order-form-coupon-apply:hover:not(:disabled){background:#2563eb}.order-form-coupon-apply:disabled{background:#9ca3af;cursor:not-allowed}.order-form-coupon-error{display:flex;align-items:center;gap:6px;margin-top:10px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.order-form-coupon-applied{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;border-radius:10px}.order-form-coupon-applied-info{display:flex;align-items:center;gap:12px;color:#059669}.order-form-coupon-applied-info>div{display:flex;flex-direction:column;gap:2px}.order-form-coupon-code{font-weight:600;font-size:14px;color:#047857}.order-form-coupon-discount{font-size:12px;color:#059669}.order-form-coupon-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #6ee7b7;border-radius:6px;color:#059669;cursor:pointer;transition:all .2s}.order-form-coupon-remove:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.order-form-coupon-available{margin-top:14px;padding-top:14px;border-top:1px dashed #e5e7eb}.order-form-coupon-available-label{font-size:12px;color:#6b7280;display:block;margin-bottom:10px}.order-form-coupon-chips{display:flex;flex-wrap:wrap;gap:8px}.order-form-coupon-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.order-form-coupon-chip:hover{background:#e0f2fe;border-color:#3b82f6;color:#1d4ed8}.order-form-coupon-chip-discount{font-size:11px;color:#059669;font-weight:600}.order-form-upsells{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;border:1px solid #f59e0b;padding:20px;margin-bottom:20px}.order-form-upsells-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#b45309}.order-form-upsells-header h3{font-size:16px;font-weight:600;margin:0}.order-form-upsells-list{display:flex;flex-direction:column;gap:12px}.order-form-upsell-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.order-form-upsell-info{display:flex;flex-direction:column;gap:4px}.order-form-upsell-name{font-size:14px;font-weight:600;color:#1f2937}.order-form-upsell-product{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:8px}.order-form-upsell-discount{padding:2px 8px;background:#fef2f2;color:#dc2626;border-radius:4px;font-size:11px;font-weight:600}.order-form-upsell-price{font-size:14px;font-weight:600;color:#059669;display:flex;align-items:center;gap:8px}.order-form-upsell-old-price{font-size:12px;color:#9ca3af;text-decoration:line-through;font-weight:400}.order-form-upsell-free-shipping{font-size:11px;padding:2px 8px;background:#dbeafe;color:#1d4ed8;border-radius:4px;font-weight:500}.order-form-upsell-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.order-form-upsell-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.order-form-product-old-price{font-size:12px;color:#9ca3af;text-decoration:line-through;margin-right:6px}.order-form-product-tier-price{color:#059669;font-weight:600}.order-form-product-tier-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.order-form-summary-row.discount-row{background:#f0fdf4;margin:0 -16px;padding:10px 16px}.order-form-summary-row.discount-row .order-form-summary-label{display:flex;align-items:center;gap:6px;color:#059669}.order-form-summary-row.discount-row .order-form-summary-value.discount{color:#059669;font-weight:600}.free-shipping-badge{padding:4px 10px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border-radius:6px;font-size:11px;font-weight:600}.coupon-page{min-height:100vh;background:#f8fafc}.coupon-header{display:flex;align-items:center;gap:16px;padding:20px 32px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.coupon-back-btn{width:40px;height:40px;border:none;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s;flex-shrink:0}.coupon-back-btn:hover{background:#e2e8f0;color:#1e293b}.coupon-header-icon{width:48px;height:48px;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.coupon-header-text{flex:1;min-width:0}.coupon-header-text h1{margin:0;font-size:20px;font-weight:600;color:#1e293b;line-height:1.3}.coupon-header-text p{margin:4px 0 0;font-size:14px;color:#64748b}.coupon-header-actions{display:flex;gap:12px;flex-shrink:0}.coupon-btn-cancel{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;background:#fff;border:1px solid #e2e8f0;color:#64748b}.coupon-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.coupon-btn-save{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0d9488,#14b8a6);border:none;color:#fff}.coupon-btn-save:hover{background:linear-gradient(135deg,#0f766e,#0d9488)}.coupon-btn-cancel:disabled,.coupon-btn-save:disabled{opacity:.6;cursor:not-allowed}.coupon-error{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:14px}.coupon-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;display:flex}.coupon-content{padding:32px;max-width:1400px;margin:0 auto}.coupon-form{display:flex;flex-direction:column;gap:28px;align-items:stretch}.coupon-main{display:flex;flex-direction:column;gap:24px}.coupon-main-full{width:100%;max-width:100%}.coupon-inline-options{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid #f1f5f9}.coupon-inline-options .coupon-toggle-row{flex:1;min-width:200px;padding:12px 16px;background:#f8fafc;border-radius:10px;border-bottom:none}.coupon-inline-options .coupon-toggle-title{font-size:14px}.coupon-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden}.coupon-card-header{display:flex;align-items:center;gap:10px;padding:18px 24px;border-bottom:1px solid #f1f5f9;color:#0d9488}.coupon-card-header h2{margin:0;font-size:16px;font-weight:600;color:#1e293b;flex:1}.coupon-card-header-clickable{cursor:pointer;transition:background .2s}.coupon-card-header-clickable:hover{background:#f8fafc}.coupon-collapse-icon{color:#94a3b8}.coupon-card-body{padding:24px}.coupon-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.coupon-form-row:last-child{margin-bottom:0}.coupon-field{display:flex;flex-direction:column;gap:8px}.coupon-field label{font-size:14px;font-weight:500;color:#475569}.coupon-field input,.coupon-field select,.coupon-field textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s}.coupon-field input:focus,.coupon-field select:focus,.coupon-field textarea:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.coupon-field textarea{resize:vertical;min-height:90px;font-family:inherit}.coupon-input-group{display:flex;gap:10px}.coupon-input-group input{flex:1}.coupon-generate-btn{display:flex;align-items:center;gap:6px;padding:12px 18px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;white-space:nowrap;transition:all .2s}.coupon-generate-btn:hover{background:#e2e8f0}.coupon-input-suffix{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.coupon-input-suffix input{flex:1;border:none;border-radius:0}.coupon-input-suffix input:focus{box-shadow:none}.coupon-input-suffix span{padding:12px 16px;background:#f8fafc;color:#64748b;font-size:14px;font-weight:500;border-left:1px solid #e2e8f0}.coupon-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f1f5f9}.coupon-toggle-row:last-child{border-bottom:none}.coupon-toggle-row-compact{padding:14px 0}.coupon-toggle-info{display:flex;flex-direction:column;gap:4px}.coupon-toggle-title{font-size:15px;font-weight:500;color:#1e293b}.coupon-toggle-accent{color:#d97706}.coupon-toggle-desc{font-size:13px;color:#94a3b8}.coupon-switch{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer;flex-shrink:0}.coupon-switch-sm{width:40px;height:22px}.coupon-switch input{opacity:0;width:0;height:0;position:absolute}.coupon-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:26px}.coupon-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.coupon-switch-sm .coupon-switch-slider:before{height:16px;width:16px}.coupon-switch input:checked+.coupon-switch-slider{background:linear-gradient(135deg,#0d9488,#14b8a6)}.coupon-switch input:checked+.coupon-switch-slider:before{transform:translate(22px)}.coupon-switch-sm input:checked+.coupon-switch-slider:before{transform:translate(18px)}.coupon-date-range{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f0fdfa,#f0f9ff);border-radius:12px;border:1px solid #99f6e4}.coupon-date-range-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#0d9488;font-size:14px;font-weight:600}.coupon-date-inputs{display:flex;align-items:flex-end;gap:16px}.coupon-date-field{flex:1;display:flex;flex-direction:column;gap:8px}.coupon-date-field label{font-size:13px;font-weight:500;color:#475569}.coupon-date-field input{padding:12px 14px;border:1px solid #99f6e4;border-radius:10px;font-size:14px;color:#1e293b;background:#fff}.coupon-date-field input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.coupon-date-arrow{padding-bottom:12px;color:#14b8a6;font-size:20px;font-weight:500}.coupon-subsection{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #f1f5f9}.coupon-subsection:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.coupon-subsection h3{margin:0 0 16px;font-size:15px;font-weight:600;color:#475569}.coupon-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.coupon-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border-radius:24px;font-size:13px;font-weight:500}.coupon-chip button{display:flex;align-items:center;justify-content:center;background:#fff3;border:none;color:#fff;cursor:pointer;padding:3px;border-radius:50%;transition:background .2s}.coupon-chip button:hover{background:#ffffff4d}.coupon-condition-row{display:flex;gap:12px;align-items:center}.coupon-condition-row select{flex:1;padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;cursor:pointer}.coupon-condition-row select:focus{outline:none;border-color:#14b8a6}.coupon-condition-row input{width:100px;padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b}.coupon-condition-row input:focus{outline:none;border-color:#14b8a6}.coupon-add-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s;flex-shrink:0}.coupon-add-btn:hover{transform:scale(1.05)}.coupon-color-picker{display:flex;align-items:center;gap:0;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.coupon-color-picker input[type=color]{width:52px;height:44px;border:none;cursor:pointer;padding:6px;background:#f8fafc}.coupon-color-preview{flex:1;height:44px}.coupon-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:120px}.coupon-sidebar-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:20px}.coupon-sidebar-card h3{margin:0 0 16px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.coupon-sidebar-toggles{display:flex;flex-direction:column;gap:14px}.coupon-sidebar-toggle{display:flex;align-items:center;justify-content:space-between}.coupon-sidebar-toggle span{font-size:14px;color:#475569}.coupon-sidebar-preview{background:#f8fafc}.coupon-preview-box{padding:24px;border-radius:12px;text-align:center;color:#fff;position:relative;overflow:hidden}.coupon-preview-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0)}.coupon-preview-code{font-size:24px;font-weight:700;letter-spacing:3px;margin-bottom:8px;position:relative}.coupon-preview-discount{font-size:36px;font-weight:800;margin-bottom:6px;position:relative}.coupon-preview-name{font-size:13px;opacity:.8;position:relative}.coupon-restrictions{display:flex;flex-direction:column;gap:24px;margin-top:20px;padding:20px;background:#f8fafc;border-radius:12px}.coupon-selector{display:flex;flex-direction:column;gap:12px}.coupon-selector>label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#475569}.coupon-selector>label svg{color:#0d9488}.coupon-selected-items{display:flex;flex-wrap:wrap;gap:8px}.coupon-selected-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border-radius:20px;font-size:13px;font-weight:500}.coupon-selected-item button{display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:2px;transition:background .2s}.coupon-selected-item button:hover{background:#ffffff4d}.coupon-selected-category{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.coupon-search-wrapper{position:relative}.coupon-search-input{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s}.coupon-search-input:focus-within{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.coupon-search-input svg{color:#94a3b8;flex-shrink:0}.coupon-search-input input{flex:1;border:none;outline:none;font-size:14px;color:#1e293b;background:transparent}.coupon-search-input input::placeholder{color:#94a3b8}.coupon-search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 40px #0000001a;margin-top:4px;max-height:300px;overflow-y:auto;z-index:100}.coupon-search-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s}.coupon-search-option:hover{background:#f8fafc}.coupon-search-option:first-child{border-radius:10px 10px 0 0}.coupon-search-option:last-child{border-radius:0 0 10px 10px}.coupon-search-option img{width:40px;height:40px;object-fit:cover;border-radius:8px;background:#f1f5f9}.coupon-search-option svg{color:#6366f1}.coupon-search-option span{flex:1;font-size:14px;color:#1e293b}.coupon-search-price{font-size:13px;font-weight:600;color:#0d9488}.coupon-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.coupon-loading p{margin:0;font-size:14px}.coupon-spinner{animation:coupon-spin 1s linear infinite}@keyframes coupon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1100px){.coupon-form{grid-template-columns:1fr}.coupon-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.coupon-sidebar-card{flex:1;min-width:250px}}@media (max-width: 768px){.coupon-header{flex-wrap:wrap;gap:12px;padding:16px 20px}.coupon-header-text{order:3;width:100%;margin-top:8px}.coupon-header-actions{margin-left:auto}.coupon-content{padding:20px}.coupon-form-row{grid-template-columns:1fr}.coupon-condition-row{flex-wrap:wrap}.coupon-condition-row select,.coupon-condition-row input{flex:1;min-width:100%}.coupon-date-inputs{flex-direction:column;gap:12px}.coupon-date-arrow{display:none}.coupon-sidebar-card{min-width:100%}}.upsell-page{min-height:100vh;background:#f8fafc}.upsell-header{display:flex;align-items:center;gap:16px;padding:20px 32px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.upsell-back-btn{width:40px;height:40px;border:none;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s;flex-shrink:0}.upsell-back-btn:hover{background:#e2e8f0;color:#1e293b}.upsell-header-icon{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.upsell-header-text{flex:1;min-width:0}.upsell-header-text h1{margin:0;font-size:20px;font-weight:600;color:#1e293b;line-height:1.3}.upsell-header-text p{margin:4px 0 0;font-size:14px;color:#64748b}.upsell-header-actions{display:flex;gap:12px;flex-shrink:0}.upsell-btn-cancel{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;background:#fff;border:1px solid #e2e8f0;color:#64748b}.upsell-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.upsell-btn-save{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;color:#fff}.upsell-btn-save:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.upsell-btn-cancel:disabled,.upsell-btn-save:disabled{opacity:.6;cursor:not-allowed}.upsell-error{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:14px}.upsell-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;display:flex}.upsell-content{padding:32px;max-width:1400px;margin:0 auto}.upsell-form{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}.upsell-main{display:flex;flex-direction:column;gap:24px}.upsell-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden}.upsell-card-header{display:flex;align-items:center;gap:10px;padding:18px 24px;border-bottom:1px solid #f1f5f9;color:#8b5cf6}.upsell-card-header h2{margin:0;font-size:16px;font-weight:600;color:#1e293b;flex:1}.upsell-card-body{padding:24px}.upsell-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.upsell-form-row:last-child{margin-bottom:0}.upsell-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.upsell-field:last-child{margin-bottom:0}.upsell-form-row .upsell-field{margin-bottom:0}.upsell-field label{font-size:14px;font-weight:500;color:#475569}.upsell-field input,.upsell-field select,.upsell-field textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s}.upsell-field input:focus,.upsell-field select:focus,.upsell-field textarea:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf61a}.upsell-field textarea{resize:vertical;min-height:90px;font-family:inherit}.upsell-input-suffix{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.upsell-input-suffix input{flex:1;border:none;border-radius:0}.upsell-input-suffix input:focus{box-shadow:none}.upsell-input-suffix span{padding:12px 16px;background:#f8fafc;color:#64748b;font-size:14px;font-weight:500;border-left:1px solid #e2e8f0}.upsell-search-wrapper{position:relative}.upsell-search-input{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;transition:all .2s}.upsell-search-input:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf61a}.upsell-search-input svg{color:#94a3b8;flex-shrink:0}.upsell-search-input input{flex:1;border:none;outline:none;font-size:14px;color:#1e293b;background:transparent;padding:0}.upsell-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 40px #0000001a;z-index:50;max-height:200px;overflow-y:auto}.upsell-dropdown-item{padding:12px 16px;cursor:pointer;font-size:14px;color:#1e293b;transition:background .15s}.upsell-dropdown-item:hover{background:#f1f5f9}.upsell-dropdown-empty{padding:12px 16px;color:#94a3b8;font-size:14px;text-align:center}.upsell-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #f1f5f9;margin-top:20px}.upsell-toggle-info{display:flex;flex-direction:column;gap:4px}.upsell-toggle-title{font-size:15px;font-weight:500;color:#1e293b}.upsell-toggle-desc{font-size:13px;color:#94a3b8}.upsell-switch{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer;flex-shrink:0}.upsell-switch input{opacity:0;width:0;height:0;position:absolute}.upsell-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:26px}.upsell-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.upsell-switch input:checked+.upsell-switch-slider{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.upsell-switch input:checked+.upsell-switch-slider:before{transform:translate(22px)}.upsell-subsection{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #f1f5f9}.upsell-subsection:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.upsell-subsection h3{margin:0 0 16px;font-size:15px;font-weight:600;color:#475569}.upsell-color-picker{display:flex;align-items:center;gap:0;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.upsell-color-picker input[type=color]{width:48px;height:44px;border:none;cursor:pointer;padding:6px;background:#f8fafc}.upsell-color-picker input[type=text]{flex:1;border:none;border-radius:0;padding:12px;font-size:14px;font-family:monospace;text-transform:uppercase}.upsell-color-picker input[type=text]:focus{outline:none}.upsell-btn-preview{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:10px;margin-top:16px}.upsell-btn-preview span{font-size:13px;color:#64748b;font-weight:500}.upsell-btn-preview button{border:none;border-radius:8px;cursor:default;font-weight:500;transition:none}.upsell-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:120px}.upsell-sidebar-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:20px}.upsell-sidebar-card h3{margin:0 0 16px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.upsell-sidebar-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}.upsell-sidebar-preview{background:#faf5ff;border-color:#e9d5ff}.upsell-offer-preview{padding:16px;background:#fff;border-radius:12px;border:1px solid #e9d5ff}.upsell-preview-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px}.upsell-preview-text{font-size:13px;color:#64748b;margin-bottom:12px;line-height:1.5}.upsell-preview-products{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;background:#f8fafc;border-radius:8px}.upsell-preview-product{display:flex;align-items:center;gap:8px;font-size:13px}.upsell-preview-label{color:#8b5cf6;font-weight:500}.upsell-preview-badges{display:flex;gap:8px;margin-bottom:12px}.upsell-preview-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.upsell-badge-discount{background:#dcfce7;color:#16a34a}.upsell-badge-shipping{background:#dbeafe;color:#2563eb}.upsell-preview-buttons{display:flex;gap:10px}.upsell-preview-buttons button{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:default}.upsell-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#64748b}.upsell-loading p{margin:0;font-size:14px}.upsell-spinner{animation:upsell-spin 1s linear infinite}@keyframes upsell-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1100px){.upsell-form{grid-template-columns:1fr}.upsell-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.upsell-sidebar-card{flex:1;min-width:280px}}@media (max-width: 768px){.upsell-header{flex-wrap:wrap;gap:12px;padding:16px 20px}.upsell-header-text{order:3;width:100%;margin-top:8px}.upsell-header-actions{margin-left:auto}.upsell-content{padding:20px}.upsell-form-row{grid-template-columns:1fr}.upsell-sidebar-card{min-width:100%}.upsell-preview-buttons{flex-direction:column}}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(to bottom,#fff,#fafafa);border-bottom:1px solid #e5e7eb;height:60px;flex-shrink:0}.editor-header-left{display:flex;align-items:center;gap:16px;order:1}.quit-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:1px solid transparent;border-radius:8px;color:#4b5563;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.quit-btn:hover{background:#f3f4f6;border-color:#e5e7eb;color:#1f2937}.quit-btn svg{transition:transform .2s}.quit-btn:hover svg{transform:translate(-2px)}.header-divider{width:1px;height:24px;background:#e5e7eb}.store-info{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.store-info svg{color:#16a34a}.editor-header-store-name{font-size:13px;font-weight:600;color:#166534}.page-select{padding:8px 32px 8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#1f2937;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s;height:36px}.page-select:hover{border-color:#d1d5db}.page-select:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.editor-header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;order:2}.device-toggles{display:flex;align-items:center;gap:2px;padding:4px;background:#f3f4f6;border-radius:10px;border:1px solid #e5e7eb}.device-btn{padding:8px 14px;background:transparent;border:none;color:#6b7280;border-radius:7px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.device-btn:hover{color:#374151;background:#ffffff80}.device-btn.active{background:#fff;color:#0891b2;box-shadow:0 1px 3px #0000001a}.loading-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f0f9ff;border-radius:6px;font-size:12px;color:#0369a1}.editor-header-right{display:flex;align-items:center;gap:12px;order:3}.unsaved-badge{font-size:12px;font-weight:500;color:#b45309;padding:6px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:6px;white-space:nowrap}.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;max-height:38px;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;line-height:1;cursor:pointer;transition:all .2s}.header-icon-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.header-icon-btn:disabled{opacity:.5;cursor:not-allowed}.header-icon-btn svg{flex-shrink:0;width:18px;height:18px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s}.header-icon-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:transparent;color:#fff;box-shadow:0 2px 4px #7c3aed4d}.header-icon-btn.active:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);color:#fff}.header-icon-btn.save-btn{background:linear-gradient(135deg,#0891b2,#0e7490);border:1px solid transparent;color:#fff;line-height:1;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 4px #0891b24d}.header-icon-btn.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#0e7490,#155e75);box-shadow:0 2px 6px #0891b266;color:#fff}.header-icon-btn.save-btn:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af;box-shadow:none;color:#fff}.header-icon-btn.save-btn.success{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 4px #0596694d}.store-builder-page[dir=rtl] .editor-header,.store-builder-page.rtl .editor-header,[dir=rtl] .store-builder-page .editor-header,[dir=rtl] .editor-header,.editor-header[dir=rtl],.editor-header.rtl{direction:rtl}.store-builder-page[dir=rtl] .editor-header-left,.store-builder-page.rtl .editor-header-left,[dir=rtl] .store-builder-page .editor-header-left,[dir=rtl] .editor-header-left,.editor-header.rtl .editor-header-left{order:3!important}.store-builder-page[dir=rtl] .editor-header-center,.store-builder-page.rtl .editor-header-center,[dir=rtl] .store-builder-page .editor-header-center,[dir=rtl] .editor-header-center,.editor-header.rtl .editor-header-center{order:2!important}.store-builder-page[dir=rtl] .editor-header-right,.store-builder-page.rtl .editor-header-right,[dir=rtl] .store-builder-page .editor-header-right,[dir=rtl] .editor-header-right,.editor-header.rtl .editor-header-right{order:1!important}.store-builder-page[dir=rtl] .quit-btn:hover svg,.store-builder-page.rtl .quit-btn:hover svg,[dir=rtl] .store-builder-page .quit-btn:hover svg,[dir=rtl] .quit-btn:hover svg,.editor-header.rtl .quit-btn:hover svg{transform:translate(2px)!important}.store-builder-page[dir=rtl] .store-info,.store-builder-page.rtl .store-info,[dir=rtl] .store-builder-page .store-info,[dir=rtl] .store-info,.editor-header.rtl .store-info{flex-direction:row-reverse!important}.store-builder-page[dir=rtl] .page-select,.store-builder-page.rtl .page-select,[dir=rtl] .store-builder-page .page-select,[dir=rtl] .page-select,.editor-header.rtl .page-select{padding:8px 12px 8px 32px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat left 10px center!important;direction:rtl}.store-builder-page[dir=rtl] .editor-header-center,.store-builder-page.rtl .editor-header-center,[dir=rtl] .store-builder-page .editor-header-center,[dir=rtl] .editor-header-center,.editor-header.rtl .editor-header-center{left:50%!important;transform:translate(-50%)!important}.store-builder-page[dir=rtl] .device-toggles,.store-builder-page.rtl .device-toggles,[dir=rtl] .store-builder-page .device-toggles,[dir=rtl] .device-toggles,.editor-header.rtl .device-toggles,.store-builder-page[dir=rtl] .loading-indicator,.store-builder-page.rtl .loading-indicator,[dir=rtl] .store-builder-page .loading-indicator,[dir=rtl] .loading-indicator,.editor-header.rtl .loading-indicator{flex-direction:row-reverse!important}@media (max-width: 1200px){.editor-header{padding:0 16px}.editor-header-left{gap:12px}.quit-btn span{display:none}.quit-btn{padding:8px 10px}.editor-header-store-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unsaved-badge{font-size:11px;padding:4px 8px}}@media (max-width: 900px){.editor-header{padding:0 12px}.editor-header-center{position:static;transform:none}.unsaved-badge,.header-divider{display:none}.store-info{padding:4px 8px}.editor-header-store-name{max-width:80px}.page-select{display:none}.device-btn{padding:6px 10px}.editor-header-right{gap:8px}}@media (max-width: 768px){.editor-header{padding:0 12px;gap:8px}.editor-header-left{gap:8px;flex:0 0 auto}.store-info{display:none}.quit-btn{padding:8px 10px}.editor-header-center{flex:1;justify-content:center}.device-toggles{padding:3px;border-radius:8px}.device-btn{padding:6px 10px;border-radius:6px}.loading-indicator{display:none}.editor-header-right{gap:8px;flex:0 0 auto}}@media (max-width: 480px){.editor-header{padding:0 10px}.quit-btn{padding:8px}.device-toggles{padding:3px;gap:2px}.device-btn{padding:6px 8px}.editor-header-right .language-switcher{transform:scale(.9)}}.hierarchical-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hierarchical-picker-modal{background:#fff;border-radius:12px;width:420px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:pickerSlideIn .2s ease-out}@keyframes pickerSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hierarchical-picker-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #e2e8f0;font-weight:600;font-size:15px;color:#1e293b}.hierarchical-picker-header svg:first-child{color:#0891b2}.hierarchical-picker-header button{margin-left:auto;background:none;border:none;padding:6px;border-radius:6px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.hierarchical-picker-header button:hover{background:#f1f5f9;color:#1e293b}.hierarchical-picker-search{padding:12px 16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:10px;background:#f8fafc}.hierarchical-picker-search svg{color:#94a3b8;flex-shrink:0}.hierarchical-picker-search input{flex:1;border:none;background:none;font-size:14px;outline:none;color:#1e293b}.hierarchical-picker-search input::placeholder{color:#94a3b8}.hierarchical-picker-content{flex:1;overflow-y:auto;min-height:200px;max-height:400px}.hierarchical-picker-loading,.hierarchical-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:#64748b;gap:12px}.hierarchical-picker-loading .spin{animation:spin 1s linear infinite}.hierarchical-picker-tree{padding:8px 0}.category-tree-node{display:flex;flex-direction:column}.category-tree-item{display:flex;align-items:center;gap:6px;width:100%;padding:10px 12px;border:none;background:none;text-align:left;cursor:pointer;transition:background .15s;border-radius:0}.category-tree-item:hover{background:#f1f5f9}.category-tree-item:active{background:#e2e8f0}.category-expand-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:#64748b;flex-shrink:0;transition:all .15s}.category-expand-btn:hover{background:#e2e8f0;color:#1e293b}.category-expand-placeholder{width:20px;flex-shrink:0}.category-icon{color:#0891b2;flex-shrink:0}.category-tree-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.category-tree-name{font-size:14px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-tree-desc{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-children-count{font-size:11px;font-weight:600;color:#64748b;background:#e2e8f0;padding:2px 6px;border-radius:10px;flex-shrink:0}.category-tree-children{border-left:2px solid #e2e8f0;margin-left:22px}.category-tree-node .category-tree-item.has-children .category-icon{color:#0891b2}.category-tree-children .category-tree-item .category-icon{color:#64748b}.category-tree-children .category-tree-children .category-tree-item .category-icon{color:#94a3b8}.category-tree-item.has-children:hover{background:#f0f9ff}.category-tree-item:focus{outline:none;background:#e0f2fe}.category-tree-item:focus .category-tree-name{color:#0891b2}.config-group{display:flex;flex-direction:column;gap:16px}.config-field{display:flex;flex-direction:column;gap:6px}.config-field label{font-size:13px;font-weight:500;color:#374151}.config-field input[type=text],.config-field input[type=number],.config-field select,.config-field textarea{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{outline:none;border-color:#0891b2}.config-field input[type=color]{width:40px;height:32px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#0891b2}.config-hint{font-size:12px;color:#9ca3af;margin:0;font-style:italic}.color-input-group{display:flex;align-items:center;gap:8px}.color-input-group input[type=color]{flex-shrink:0}.color-input-group input[type=text]{flex:1;min-width:0}.config-sections{display:flex;flex-direction:column}.testimonials-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.testimonial-item{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.testimonial-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.testimonial-item-header .item-number{width:24px;height:24px;background:#0891b2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.testimonial-item-header .remove-btn{padding:4px;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.testimonial-item-header .remove-btn:hover{background:#fee2e2;color:#ef4444}.testimonial-item .config-field{margin-bottom:12px}.testimonial-item .config-field:last-child{margin-bottom:0}.rating-input{display:flex;gap:4px}.star-btn{padding:4px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.star-btn:hover{transform:scale(1.2)}.add-testimonial-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#fff;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s}.add-testimonial-btn:hover{border-color:#0891b2;color:#0891b2;background:#f0f9ff}.brands-list{display:flex;flex-direction:column;gap:8px}.brand-item-config{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.brand-item-config>div:first-child{display:flex;gap:12px;align-items:center}.brand-logo-preview{width:48px;height:32px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.logo-placeholder{color:#d1d5db}.brand-info{flex:1;display:flex;align-items:center;gap:8px}.brand-name-input{flex:1;padding:6px 10px;border:1px solid #e5e7eb;border-radius:4px;font-size:13px}.brand-actions{display:flex;gap:4px}.mini-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.mini-btn:hover{border-color:#0891b2;color:#0891b2}.mini-btn.delete:hover{border-color:#ef4444;color:#ef4444;background:#fee2e2}.url-input-inline{display:flex;gap:6px;margin-top:8px}.url-input-inline input{flex:1;padding:6px 10px;border:1px solid #e5e7eb;border-radius:4px;font-size:13px}.url-input-inline button{padding:6px 12px;background:#0891b2;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.brand-info{flex:1;display:flex;flex-direction:column;gap:6px}.link-brand-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:4px;font-size:11px;color:#6b7280;cursor:pointer;transition:all .2s;width:fit-content}.link-brand-btn:hover{border-color:#0891b2;color:#0891b2;background:#f0f9ff}.brand-linked-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;font-size:11px;font-weight:500;color:#059669;width:fit-content}.brand-linked-badge span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-linked-badge button{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;background:none;border:none;border-radius:2px;color:inherit;cursor:pointer;opacity:.7;transition:all .15s}.brand-linked-badge button:hover{opacity:1;background:#0000001a}.search-picker-loading,.search-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:10px;color:#9ca3af;font-size:13px;text-align:center}.search-picker-hint{font-size:11px;color:#b0b5bc}.search-picker-item.selected{background:#ecfdf5;border-color:#a7f3d0}.search-picker-item-image{width:32px;height:32px;object-fit:contain;border-radius:4px;flex-shrink:0;background:#f9fafb}.search-picker-item-desc{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-picker-item-check{color:#059669;flex-shrink:0}.config-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:#9ca3af;margin-top:12px;padding:8px 10px;background:#f9fafb;border-radius:6px}.config-hint svg{flex-shrink:0;color:#0891b2}.stats-list{display:flex;flex-direction:column;gap:6px}.stat-item-config{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.stat-item-config .drag-handle{color:#9ca3af;cursor:grab;flex-shrink:0}.stat-inputs{flex:1;display:flex;gap:8px}.stat-value-input{width:70px;padding:6px 8px;border:1px solid #e5e7eb;border-radius:4px;font-size:13px;font-weight:600}.stat-label-input{flex:1;padding:6px 8px;border:1px solid #e5e7eb;border-radius:4px;font-size:13px}.mosaic-images-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.mosaic-thumb{position:relative;aspect-ratio:1;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.mosaic-thumb img{width:100%;height:100%;object-fit:cover}.mosaic-thumb .thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.mosaic-thumb .thumb-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#0009;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.mosaic-thumb:hover .thumb-remove{opacity:1}.mosaic-thumb .thumb-index{position:absolute;bottom:2px;left:2px;width:16px;height:16px;background:#0009;color:#fff;border-radius:4px;font-size:10px;display:flex;align-items:center;justify-content:center}.add-thumb-btn{aspect-ratio:1;background:#fff;border:2px dashed #d1d5db;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-thumb-btn:hover{border-color:#0891b2;color:#0891b2}.upload-option-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s}.url-input-row button{padding:8px 16px;background:#0891b2;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.theme-settings-panel{padding:0;background:#f9fafb}.theme-settings-panel .config-sections.collapsible-config{padding:16px;display:flex;flex-direction:column;gap:8px}.theme-settings-panel .config-panel-header{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid #e5e7eb;background:#fff;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.collapsible-section{border-radius:8px;background:#fff;overflow:hidden}.collapsible-section.open{border-color:#d1d5db}.collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:#f9fafb;border:none;cursor:pointer;transition:background-color .2s}.collapsible-header:hover{background:#f0f9ff}.collapsible-section.open .collapsible-header{border-bottom:1px solid #e5e7eb}.collapsible-title svg{color:#6b7280}.collapsible-content{padding:16px}.theme-settings-panel .config-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.theme-settings-panel .config-field{display:flex;flex-direction:column;gap:8px}.theme-settings-panel .config-field label{font-size:12px;font-weight:600;color:#6b7280}.theme-settings-panel .config-section{display:flex;flex-direction:column;gap:16px;padding:0;border:none}.theme-settings-panel .config-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#0e7490}.theme-settings-panel .config-panel-header svg{color:#0891b2}.config-panel-hint{padding:14px 20px;margin:0;font-size:12px;line-height:1.5;color:#6b7280;background:#f9fafb}.button-preview-box{padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;display:flex;justify-content:center;margin-bottom:16px}.theme-button-preview{padding:12px 24px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border:none;cursor:default;transition:all .2s}.texture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.texture-preview-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.texture-preview-btn:hover{border-color:#0891b2}.texture-preview-btn.selected{border-color:#0891b2;background:#f0f9ff}.texture-preview-box{width:100%;height:40px;border-radius:4px;position:relative;overflow:hidden;border:1px solid #e5e7eb}.texture-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.texture-label{font-size:10px;font-weight:500;color:#6b7280}.texture-preview-btn.selected .texture-label{color:#0891b2}.color-input-group.compact{display:flex;align-items:center;gap:8px}.color-input-group.compact input[type=color]{width:32px;height:32px;padding:2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex-shrink:0}.color-input-group.compact input[type=color]:hover{border-color:#0891b2}.color-input-group.compact input[type=text]{flex:1;min-width:0;padding:6px 10px;font-size:12px;font-family:Monaco,Menlo,monospace;border:1px solid #d1d5db;border-radius:6px;background:#fff}.color-input-group.compact input[type=text]:focus{outline:none;border-color:#0891b2}.range-with-value input[type=range]{flex:1;height:4px;background:#e5e7eb;border-radius:2px;outline:none;-webkit-appearance:none}.range-with-value input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0891b2;border-radius:50%;cursor:pointer}.range-with-value span{min-width:40px;font-size:12px;color:#6b7280;text-align:right}.product-grid-config{padding:0}.product-grid-config>.config-section{padding:16px;border-bottom:1px solid #e5e7eb}.config-collapsible-section{border-bottom:1px solid #e5e7eb;background:#fff}.config-collapsible-section:last-child{border-bottom:none}.config-collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:#fafafa;border:none;cursor:pointer;transition:background-color .2s}[dir=rtl] .config-collapsible-header{direction:rtl}[dir=rtl] .collapsible-header{direction:ltr}.config-collapsible-header:hover{background:#f3f4f6}.config-collapsible-section.open .config-collapsible-header{background:#f0f9ff;border-bottom:1px solid #e0f2fe}.config-collapsible-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#374151}.config-collapsible-title svg{color:#6b7280}.config-collapsible-section.open .config-collapsible-title{color:#0891b2}.config-collapsible-section.open .config-collapsible-title svg{color:#0891b2}.config-collapsible-header>svg{color:#9ca3af;flex-shrink:0}.config-collapsible-section.open .config-collapsible-header>svg{color:#0891b2}.config-collapsible-content{padding:16px;background:#fff}.config-collapsible-content .config-section{padding:0;border:none}.config-collapsible-content .config-section-title{display:none}.position-selector{display:flex;gap:8px;margin-bottom:16px}.position-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .2s}.position-option:hover{border-color:#0891b2;color:#0891b2}.position-option.active{border-color:#0891b2;background:#f0f9ff;color:#0891b2}.position-option span{font-size:11px;font-weight:500}.config-toggle-row-compact{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.config-toggle-row-compact:last-child{border-bottom:none}.config-toggle-row-compact span{font-size:13px;color:#374151}.config-toggle-row-compact .toggle-button{width:36px;height:20px;border-radius:10px;background:#d1d5db;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.config-toggle-row-compact .toggle-button.active{background:#0891b2}.config-toggle-row-compact .toggle-button .toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.config-toggle-row-compact .toggle-button.active .toggle-knob{transform:translate(16px)}[dir=rtl] .config-toggle-row-compact .toggle-button .toggle-knob{left:auto;right:2px}[dir=rtl] .config-toggle-row-compact .toggle-button.active .toggle-knob{transform:translate(-16px)}.theme-config-panel{display:flex;flex-direction:column;height:100%;background:#fff}.theme-config-panel .detail-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.theme-config-panel .detail-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.theme-config-panel .detail-header svg{color:#0891b2}.theme-config-panel .detail-content{flex:1;overflow-y:auto;padding:0}.theme-config-panel .config-sections{display:flex;flex-direction:column;gap:0}.theme-config-panel .config-section.collapsible{border:none;border-bottom:1px solid #e5e7eb;border-radius:0;padding:0;margin-bottom:0}.theme-config-panel .config-section.collapsible:last-child{border-bottom:none}.theme-config-panel .config-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:#fafafa;border:none;cursor:pointer;transition:background-color .15s}.theme-config-panel .config-section-header:hover{background:#f3f4f6}.theme-config-panel .config-section-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#374151;margin-bottom:0}.theme-config-panel .config-section-title svg{color:#6b7280}.theme-config-panel .config-section-content{padding:16px;display:flex;flex-direction:column;gap:12px;background:#fff}.theme-config-panel .config-field{display:flex;flex-direction:column;gap:6px}.theme-config-panel .config-field label{font-size:13px;font-weight:500;color:#374151}.theme-config-panel .config-field.color-field{display:flex;flex-direction:column;gap:6px}.theme-config-panel .color-input-wrapper{display:flex;align-items:center;gap:8px}.theme-config-panel .color-input-wrapper input[type=color]{width:36px;height:32px;padding:2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex-shrink:0}.theme-config-panel .color-input-wrapper input[type=text]{flex:1;min-width:0;padding:7px 10px;font-size:13px;font-family:Monaco,Menlo,Consolas,monospace;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.theme-config-panel .color-input-wrapper input[type=text]:focus{outline:none;border-color:#0891b2}.theme-config-panel .config-divider{height:1px;background:#e5e7eb;margin:4px 0}.theme-config-panel .config-hint{margin:0 0 8px;font-size:11px;color:#9ca3af;font-style:italic;padding:0;background:transparent}.theme-config-panel .config-field.toggle-field{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 0}.theme-config-panel .config-field.toggle-field label{margin-bottom:0}.theme-config-panel .config-field.toggle-field input[type=checkbox]{width:18px;height:18px;accent-color:#0891b2}.theme-config-panel select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1f2937;background:#fff;cursor:pointer}.theme-config-panel select:focus{outline:none;border-color:#0891b2}.theme-config-panel input[type=range]{width:100%;height:4px;background:#e5e7eb;border-radius:2px;outline:none;-webkit-appearance:none}.theme-config-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0891b2;border-radius:50%;cursor:pointer}.header-menu-config{display:flex;flex-direction:column;gap:0}.header-menu-config .config-section.collapsible{border:none;border-bottom:1px solid #e5e7eb;border-radius:0;padding:0;margin-bottom:0}.header-menu-config .config-section.collapsible:last-child{border-bottom:none}.menu-items-list.clean{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.menu-item-row-clean{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.menu-item-row-clean:hover{background:#f3f4f6;border-color:#d1d5db}.menu-item-row-clean.megamenu{background:#f0f9ff;border-color:#bae6fd}.menu-item-row-clean.megamenu:hover{background:#e0f2fe;border-color:#7dd3fc}.menu-item-row-clean .item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border-radius:6px;color:#6b7280;flex-shrink:0}.menu-item-row-clean.megamenu .item-icon{background:#0891b2;color:#fff}.menu-item-row-clean .item-info{flex:1;min-width:0}.menu-item-row-clean .item-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#1f2937}.menu-item-row-clean .highlight-badge{color:#f59e0b;font-size:12px}.menu-item-row-clean .item-type{font-size:12px;color:#6b7280}.menu-item-row-clean .item-arrow{color:#9ca3af;flex-shrink:0}.add-menu-btns{display:flex;gap:8px}.add-menu-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#fff;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.add-menu-btn:hover{border-color:#0891b2;border-style:solid;color:#0891b2;background:#f0f9ff}.add-menu-btn.mega{background:#f0f9ff;border-color:#bae6fd;border-style:solid;color:#0891b2}.add-menu-btn.mega:hover{background:#e0f2fe}.config-detail-view{display:flex;flex-direction:column;height:100%}.detail-back-btn{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#f9fafb;border:none;border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.detail-back-btn:hover{background:#f3f4f6}.detail-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #e5e7eb;background:#fff}.detail-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.detail-header svg{color:#0891b2}.detail-content{flex:1;padding:16px 12px 16px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-width:0}.config-divider{height:1px;background:#e5e7eb;margin:4px 0}.config-row{display:flex;gap:12px}.config-field.half{flex:1;min-width:0}.columns-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.columns-header{margin-bottom:8px}.columns-title{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.columns-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.column-list-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:background .15s,border-color .15s}.column-list-item:hover{background:#f9fafb;border-color:#d1d5db}.column-reorder-btns{display:flex;flex-direction:column;gap:2px}.reorder-btn{display:flex;align-items:center;justify-content:center;width:22px;height:18px;padding:0;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .15s}.reorder-btn:hover:not(:disabled){background:#e5e7eb;color:#374151;border-color:#d1d5db}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}.column-list-main{flex:1;display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}.column-list-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f3f4f6;border-radius:4px;color:#6b7280}.column-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.column-list-name{font-size:13px;font-weight:500;color:#1f2937}.column-list-width,.column-list-type{font-size:11px;color:#6b7280;text-transform:capitalize}.column-list-arrow{color:#9ca3af}.add-column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.add-col-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;background:#fff;border:1px dashed #d1d5db;border-radius:6px;font-size:11px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.add-col-btn:hover{border-color:#0891b2;border-style:solid;color:#0891b2;background:#f0f9ff}.link-group-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:8px;width:100%;box-sizing:border-box}.link-group-title-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.link-group-title-row .icon-btn{flex-shrink:0;width:28px;height:28px;min-width:28px}.group-title-input{flex:1;min-width:0;padding:8px 10px;font-size:13px;font-weight:600;border:1px solid #e5e7eb;border-radius:6px;background:#fff;box-sizing:border-box}.group-title-input:focus{outline:none;border-color:#0891b2}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s;flex-shrink:0}.icon-btn:hover{background:#f3f4f6}.icon-btn.delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.icon-btn.small{width:24px;height:24px}.links-list{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.link-group-section .link-item{display:block;padding:10px;background:#fff;border:1px solid #d1d5db;border-radius:6px}.link-group-section .link-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.link-group-section .link-item-header .icon-btn{flex-shrink:0;width:28px;height:28px;min-width:28px}.link-group-section .link-item-header input{flex:1;min-width:0;width:100%;padding:8px 10px;font-size:13px;font-weight:500;border:1px solid #e5e7eb;border-radius:4px;background:#fff;box-sizing:border-box}.link-group-section .link-item-header input:focus{outline:none;border-color:#0891b2}.link-group-section .link-item-url{display:flex;align-items:center;gap:8px}.link-group-section .link-item-url span{font-size:12px;color:#6b7280;min-width:30px;flex-shrink:0}.link-group-section .link-item-url input{flex:1;min-width:0;width:100%;padding:7px 10px;font-size:12px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;box-sizing:border-box}.link-group-section .link-item-url input:focus{outline:none;border-color:#0891b2}.add-link-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:1px dashed #d1d5db;border-radius:4px;color:#6b7280;font-size:12px;cursor:pointer;transition:all .15s;align-self:flex-start;margin-top:4px}.add-link-btn:hover{border-color:#0891b2;color:#0891b2}.add-group-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:transparent;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;font-size:13px;cursor:pointer;transition:all .15s;width:100%}.add-group-btn:hover{border-color:#0891b2;color:#0891b2;background:#f0f9ff}.detail-delete-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.detail-delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.toggle-field{display:flex;align-items:center;justify-content:space-between}.toggle-field input[type=checkbox]{width:18px;height:18px;accent-color:#0891b2}.header-menu-config textarea{width:100%;padding:8px 10px;font-size:13px;border:1px solid #e5e7eb;border-radius:6px;resize:vertical;font-family:inherit;line-height:1.5}.header-menu-config textarea:focus{outline:none;border-color:#0891b2}.header-menu-config .config-row{display:flex;gap:12px}.header-menu-config .config-field.half{flex:1;min-width:0}.header-menu-config .config-field.half .color-input-wrapper{width:100%}.logo-preview-box{position:relative;display:flex;align-items:center;justify-content:center;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px}.logo-preview-box img{display:block}.remove-logo-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s}.logo-preview-box:hover .remove-logo-btn{opacity:1}.remove-logo-btn:hover{background:#dc2626}.logo-input-options{display:flex;gap:8px;margin-bottom:12px}.logo-upload-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:8px;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;flex:1;justify-content:center}.logo-upload-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.logo-upload-btn:disabled{opacity:.6;cursor:not-allowed}.logo-upload-btn .spin{animation:spin 1s linear infinite}.logo-sync-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:#6b7280;padding:4px 8px;background:#f3f4f6;border-radius:4px;margin-bottom:8px}.logo-sync-indicator .spin{animation:spin 1s linear infinite}.category-select-btn,.product-select-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s;font-size:13px;color:#374151;text-align:left}.category-select-btn:hover,.product-select-btn:hover{background:#f3f4f6;border-color:#d1d5db}.category-select-btn svg:first-child,.product-select-btn svg:first-child{color:#9ca3af}.category-select-btn span,.product-select-btn span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-select-btn svg:last-child,.product-select-btn svg:last-child{color:#9ca3af}.category-select-btn.small{padding:6px 10px;font-size:12px}.selected-item-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;font-size:12px;color:#059669;margin-top:8px}.selected-item-badge.product{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.selected-item-badge button{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;opacity:.7}.selected-item-badge button:hover{opacity:1;background:#0000001a}.link-item-category-select{display:flex;align-items:center;gap:6px;margin-top:6px}.link-item-category-select .category-select-btn{flex:1}.icon-btn.clear{width:24px;height:24px;padding:0;background:#f3f4f6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn.clear:hover{background:#e5e7eb;color:#374151}.link-type-options{display:flex;gap:8px;margin-bottom:12px}.link-type-options .category-select-btn{flex:1;justify-content:center}.selected-product-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px}.selected-product-card img{width:48px;height:48px;object-fit:cover;border-radius:6px}.selected-product-info{flex:1;min-width:0}.selected-product-name{display:block;font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-product-price{display:block;font-size:13px;font-weight:600;color:#0891b2;margin-top:2px}.config-subtitle{margin:0 0 8px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.alignment-buttons{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px}.align-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s}.align-btn:hover{color:#374151;background:#ffffff80}.align-btn.active{background:#fff;color:#0891b2;box-shadow:0 1px 2px #0000000d}.config-hint{margin:4px 0 0;font-size:11px;color:#9ca3af;font-style:italic}.social-links-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.social-link-item{display:flex;align-items:center;gap:8px}.social-platform-select{width:120px;flex-shrink:0;padding:8px 10px;font-size:12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer}.social-platform-select:focus{outline:none;border-color:#0891b2}.social-url-input{flex:1;min-width:0;padding:8px 10px;font-size:12px;border:1px solid #e5e7eb;border-radius:6px}.add-social-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:transparent;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.add-social-btn:hover{border-color:#0891b2;color:#0891b2;background:#f0f9ff}[dir=rtl] .header-menu-config{direction:rtl;text-align:right}[dir=rtl] .menu-item-row-clean{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-item-row-clean .item-info{text-align:right}[dir=rtl] .menu-item-row-clean .item-label{flex-direction:row-reverse;text-align:right}[dir=rtl] .menu-item-row-clean .item-arrow{order:-1}[dir=rtl] .add-menu-btns{direction:rtl}[dir=rtl] .config-detail-view{direction:rtl;text-align:right}[dir=rtl] .detail-back-btn{flex-direction:row-reverse;text-align:right}[dir=rtl] .detail-back-btn svg{order:1;transform:scaleX(-1)}[dir=rtl] .detail-header,[dir=rtl] .detail-header h3{text-align:right}[dir=rtl] .detail-header svg{order:1}[dir=rtl] .detail-content{direction:rtl;text-align:right;padding-right:16px;padding-left:12px}[dir=rtl] .config-row{direction:rtl}[dir=rtl] .columns-section{direction:rtl;text-align:right}[dir=rtl] .columns-title{text-align:right}[dir=rtl] .columns-list{direction:rtl}[dir=rtl] .column-list-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .column-reorder-btns{order:1}[dir=rtl] .column-list-main{flex-direction:row-reverse;order:2;text-align:right}[dir=rtl] .column-list-info{text-align:right}[dir=rtl] .column-list-arrow{order:-1}[dir=rtl] .add-column-grid{direction:rtl}[dir=rtl] .link-group-section{direction:rtl;text-align:right}[dir=rtl] .link-group-title-row{flex-direction:row-reverse;text-align:right}[dir=rtl] .link-group-title-row .icon-btn{order:1}[dir=rtl] .group-title-input{text-align:right;direction:rtl;order:2}[dir=rtl] .link-group-section .link-item{direction:rtl;text-align:right}[dir=rtl] .link-group-section .link-item-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .link-group-section .link-item-header .icon-btn{order:1}[dir=rtl] .link-group-section .link-item-header input{text-align:right;direction:rtl;order:2}[dir=rtl] .link-group-section .link-item-url{flex-direction:row-reverse;text-align:right}[dir=rtl] .link-group-section .link-item-url span{order:1;text-align:right}[dir=rtl] .link-group-section .link-item-url input{text-align:right;direction:rtl;order:2}[dir=rtl] .add-link-btn,[dir=rtl] .add-group-btn,[dir=rtl] .detail-delete-btn,[dir=rtl] .toggle-field{flex-direction:row-reverse;text-align:right}[dir=rtl] .toggle-field label{order:1;text-align:right}[dir=rtl] .toggle-field input[type=checkbox]{order:2}[dir=rtl] .header-menu-config textarea,[dir=rtl] .header-menu-config .config-field{text-align:right;direction:rtl}[dir=rtl] .header-menu-config .config-field label{text-align:right}[dir=rtl] .header-menu-config .config-field input[type=text],[dir=rtl] .header-menu-config .config-field input[type=number],[dir=rtl] .header-menu-config .config-field select{text-align:right;direction:rtl}[dir=rtl] .logo-preview-box{direction:rtl}[dir=rtl] .remove-logo-btn{right:auto;left:8px}[dir=rtl] .logo-input-options{direction:rtl}[dir=rtl] .logo-upload-btn,[dir=rtl] .logo-sync-indicator,[dir=rtl] .search-picker-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .category-select-btn,[dir=rtl] .product-select-btn{flex-direction:row-reverse;text-align:right}[dir=rtl] .category-select-btn svg:first-child,[dir=rtl] .product-select-btn svg:first-child{order:1}[dir=rtl] .category-select-btn span,[dir=rtl] .product-select-btn span{order:2;text-align:right}[dir=rtl] .category-select-btn svg:last-child,[dir=rtl] .product-select-btn svg:last-child{order:3}[dir=rtl] .selected-item-badge{flex-direction:row-reverse;text-align:right}[dir=rtl] .selected-item-badge button{order:-1}[dir=rtl] .link-item-category-select{flex-direction:row-reverse;text-align:right}[dir=rtl] .link-type-options{direction:rtl}[dir=rtl] .selected-product-card{flex-direction:row-reverse;text-align:right}[dir=rtl] .selected-product-info{text-align:right}.footer-config{display:flex;flex-direction:column;gap:0}.footer-config .config-section.collapsible{border:none;border-bottom:1px solid #e5e7eb;border-radius:0;padding:0;margin-bottom:0}.footer-config .config-section.collapsible:last-child{border-bottom:none}.config-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:transparent;border:none;cursor:pointer;transition:background .15s}.config-section-header:hover{background:#f9fafb}.config-section-header .config-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#374151}.config-section-header svg:last-child{color:#9ca3af}.config-section-content{padding:0 16px 16px}.social-links-config{display:flex;flex-direction:column;gap:12px}.social-link-item{display:flex;flex-direction:column;gap:6px}.social-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.social-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#0891b2}.platform-name{font-size:13px;color:#374151}.social-url-input{padding:8px 10px;font-size:12px;border:1px solid #e5e7eb;border-radius:6px;margin-left:24px}.social-url-input:focus{outline:none;border-color:#0891b2}.links-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.link-item-card{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.link-item-header{display:flex;align-items:center;gap:8px}.link-item-header .drag-handle{color:#9ca3af;cursor:grab;flex-shrink:0}.link-label-text{flex:1;font-size:13px;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;width:fit-content}.link-type-badge.category{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.link-type-badge.custom{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.link-type-badge button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:none;border:none;border-radius:3px;color:inherit;cursor:pointer;opacity:.7;margin-left:2px}.link-type-badge button:hover{opacity:1;background:#0000001a}.link-edit-inline{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid #e5e7eb;margin-top:4px}.link-edit-inline .config-field{margin-bottom:0}.link-edit-inline .config-field label{font-size:11px;color:#6b7280;margin-bottom:4px}.link-edit-inline .config-field input{padding:8px 10px;font-size:13px}.link-actions-row{display:flex;flex-direction:column;gap:8px}.link-to-category-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;background:#ecfeff;border:1px solid #a5f3fc;border-radius:6px;color:#0891b2;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.link-to-category-btn:hover{background:#cffafe;border-color:#22d3ee}.link-item-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f9fafb;border-radius:6px}.link-item-row .drag-handle{color:#9ca3af;cursor:grab}.link-item-row .link-label{flex:1;font-size:13px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.link-item-row .item-actions,.link-item-header .item-actions{display:flex;gap:4px}.link-item-row .action-btn,.link-item-header .action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .15s}.link-item-row .action-btn:hover,.link-item-header .action-btn:hover{background:#f3f4f6;color:#374151}.link-item-row .action-btn.delete:hover,.link-item-header .action-btn.delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.link-edit-form{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:12px}.link-edit-form .config-field{margin-bottom:0}.close-edit-btn{width:100%;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s;text-align:center}.close-edit-btn:hover{background:#f9fafb}.add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:transparent;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;font-size:13px;cursor:pointer;transition:all .15s}.add-btn:hover{background:#f9fafb;border-color:#0891b2;color:#0891b2}.config-field label svg{margin-right:4px;vertical-align:middle}.footer-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.footer-picker-modal{background:#fff;border-radius:12px;width:90%;max-width:380px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.footer-picker-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.footer-picker-header span{flex:1;font-size:14px;font-weight:600;color:#111827}.footer-picker-header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.footer-picker-header button:hover{background:#e5e7eb;color:#374151}.footer-picker-search{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #e5e7eb;background:#fff}.footer-picker-search svg{color:#9ca3af;flex-shrink:0}.footer-picker-search input{flex:1;border:none;outline:none;font-size:13px;background:transparent}.footer-picker-search input::placeholder{color:#9ca3af}.footer-picker-content{flex:1;overflow-y:auto;padding:12px}.footer-picker-loading,.footer-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:10px;color:#9ca3af;font-size:13px;text-align:center}.footer-picker-loading .spin{animation:spin 1s linear infinite}.footer-picker-list{display:flex;flex-direction:column;gap:6px}.footer-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .15s;text-align:left}.footer-picker-item:hover{background:#f9fafb;border-color:#0891b2}.footer-picker-item svg{color:#9ca3af;flex-shrink:0}.footer-picker-item span{flex:1}[dir=rtl] .config-section-header{flex-direction:row-reverse;direction:ltr}[dir=rtl] .link-item-header,[dir=rtl] .link-item-row,[dir=rtl] .social-toggle,[dir=rtl] .link-type-badge,[dir=rtl] .link-to-category-btn,[dir=rtl] .add-btn,[dir=rtl] .footer-picker-header,[dir=rtl] .footer-picker-search,[dir=rtl] .footer-picker-item{flex-direction:row-reverse}.config-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.config-section-title svg{color:#0891b2}.config-badge{background:#0891b2;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;margin-left:auto}.banner-images-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.banner-images-grid::-webkit-scrollbar{height:6px}.banner-images-grid::-webkit-scrollbar-track{background:transparent}.banner-images-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.banner-images-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.banner-image-card{display:flex;flex-direction:column;gap:6px;flex-shrink:0;width:120px}.banner-image-preview{position:relative;width:120px;height:80px;border-radius:8px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb}.banner-image-preview img{width:100%;height:100%;object-fit:cover}.banner-image-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.banner-image-delete{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#0009;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.banner-image-preview:hover .banner-image-delete{opacity:1}.banner-image-delete:hover{background:#ef4444}.banner-image-alt{width:100%;padding:6px 8px;border:1px solid #e5e7eb;border-radius:4px;font-size:11px;color:#6b7280}.banner-image-alt:focus{outline:none;border-color:#0891b2}.banner-images-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;color:#9ca3af;margin-bottom:12px}.banner-images-empty p{margin:8px 0 0;font-size:13px}.add-image-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:#0891b2;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.add-image-btn:hover{background:#0e7490}.image-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.image-modal{width:90%;max-width:400px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0003}.image-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.image-modal-header h4{margin:0;font-size:16px;font-weight:600;color:#1f2937}.modal-close-btn{padding:4px;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:4px}.modal-close-btn:hover{background:#f3f4f6}.image-source-tabs{display:flex;border-bottom:1px solid #e5e7eb}.source-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:transparent;border:none;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s}.source-tab:hover{background:#f9fafb}.source-tab.active{color:#0891b2;border-bottom:2px solid #0891b2;margin-bottom:-1px}.image-modal-body{padding:20px}.upload-zone{position:relative}.upload-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.upload-label:hover{border-color:#0891b2;background:#f0f9ff}.upload-label span{margin-top:12px;font-size:14px}.upload-hint{font-size:12px!important;color:#9ca3af!important;margin-top:4px!important}.url-input-group{display:flex;gap:8px}.url-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.url-input:focus{outline:none;border-color:#0891b2}.url-add-btn{padding:10px 20px;background:#0891b2;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.url-add-btn:hover:not(:disabled){background:#0e7490}.url-add-btn:disabled{opacity:.5;cursor:not-allowed}.config-hint{font-size:12px;color:#0891b2;margin:8px 0 0;padding:8px;background:#f0f9ff;border-radius:4px}.dimension-card{background:#f9fafb;border-radius:10px;margin-bottom:12px;overflow:hidden;border:1px solid #e5e7eb}.dimension-card-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f3f4f6;font-size:13px;font-weight:500;color:#374151;border-bottom:1px solid #e5e7eb}.dimension-card-header svg{color:#6b7280}.dimension-card-body{padding:14px;display:flex;flex-direction:column;gap:12px}.dimension-row{display:flex;align-items:center;gap:8px}.dimension-row label{font-size:12px;color:#6b7280;width:52px;flex-shrink:0}.dimension-control{flex:1;display:flex;align-items:center;gap:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.unit-select{padding:0 8px;height:32px;border:none;border-left:1px solid #e5e7eb;font-size:12px;color:#374151;background:#f9fafb;cursor:pointer;min-width:44px}.unit-select:focus{outline:none}.stepper{display:flex;align-items:center;flex:1}.stepper-btn{width:28px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:all .2s;flex-shrink:0}.stepper-btn:hover:not(:disabled){background:#f3f4f6;color:#0891b2}.stepper-btn:disabled{color:#e5e7eb;cursor:not-allowed}.stepper-value{display:flex;align-items:center;justify-content:center;flex:1;height:32px;gap:1px}.stepper-value input{width:36px;border:none;background:transparent;text-align:right;font-size:13px;font-weight:500;color:#1f2937;padding:0}.stepper-value input:focus{outline:none}.stepper-value input::-webkit-outer-spin-button,.stepper-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-value input[type=number]{-moz-appearance:textfield}.stepper-unit{font-size:11px;color:#9ca3af;margin-left:1px}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#f3f4f6;padding:4px;border-radius:8px}.position-btn{padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.position-btn:hover{border-color:#0891b2}.position-btn.active{background:#0891b2;border-color:#0891b2;color:#fff}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-input-compact{display:flex}.color-input-compact input[type=color]{width:100%;height:36px;padding:2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}input[type=range]{width:100%;height:6px;background:#e5e7eb;border-radius:3px;outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#0891b2;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#0891b2;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.upload-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:#6b7280}.upload-spinner{animation:spin 1s linear infinite;color:#0891b2}.progress-fill{height:100%;background:linear-gradient(90deg,#0891b2,#06b6d4);border-radius:3px;transition:width .3s ease}.progress-text{font-size:13px;font-weight:500;color:#0891b2}.config-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.config-field label{font-size:13px;color:#6b7280;font-weight:500}.config-field select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:#fff;cursor:pointer}.config-field select:focus{outline:none;border-color:#0891b2}.config-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f3f4f6}.config-toggle .toggle-label{font-size:13px;color:#374151}[dir=rtl] .config-toggle,[dir=rtl] .text-style-content .config-toggle,[dir=rtl] .config-toggle.compact{flex-direction:row-reverse}.slider-info{display:flex;align-items:center;gap:10px;padding:14px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:13px}.slider-info svg{flex-shrink:0;color:#9ca3af}.slider-status{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;color:#059669;font-size:13px;font-weight:500;margin-bottom:16px}.slider-status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.slider-mode-buttons{display:flex;gap:10px}.slider-mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s}.slider-mode-btn:hover{background:#f9fafb;border-color:#d1d5db}.slider-mode-btn.active{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#0891b2}.slider-mode-btn .mode-icon{font-size:24px;color:#6b7280}.slider-mode-btn.active .mode-icon{color:#0891b2}.slider-mode-btn .mode-label{font-size:12px;font-weight:600;color:#6b7280}.slider-mode-btn.active .mode-label{color:#0891b2}.config-badge.active{background:#10b981}.display-mode-selector{margin-bottom:16px}.display-mode-selector .config-label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.mode-buttons{display:flex;gap:8px}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.mode-btn:hover{background:#e5e7eb;color:#374151}.mode-btn.active{background:#ecfeff;border-color:#0891b2;color:#0891b2}.mode-btn svg{flex-shrink:0}.mosaic-options{padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}.mosaic-layout-info{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ecfeff;border:1px solid #cffafe;border-radius:6px;margin-bottom:12px}.mosaic-info-icon{font-size:14px}.mosaic-info-text{font-size:12px;color:#0e7490;font-weight:500}.mosaic-options .config-field{margin-bottom:12px}.mosaic-options .config-field:last-child{margin-bottom:0}.mosaic-options .config-label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:6px}.mosaic-options .config-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;background:#fff}.mosaic-options .config-range{width:100%;accent-color:#0891b2}.rounded-side-config{padding:12px;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px}.rounded-side-config:last-of-type{margin-bottom:0}.rounded-side-options{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.direction-select{margin-bottom:12px}.direction-select label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:6px}.direction-buttons{display:flex;gap:8px}.direction-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:11px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.direction-btn:hover{border-color:#9ca3af;color:#374151}.direction-btn.active{background:#ecfeff;border-color:#0891b2;color:#0891b2}.direction-icon{font-size:16px;line-height:1}.direction-icon.out-left,.direction-icon.in-right{transform:rotate(180deg)}.radius-slider label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:6px}.radius-slider .config-range{width:100%;accent-color:#0891b2}.rounded-preview{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;text-align:center}.rounded-preview-svg{width:100%;height:50px;margin-bottom:8px}.rounded-preview-box{width:100%;height:40px;background:linear-gradient(90deg,#0891b2,#06b6d4);margin-bottom:8px}.rounded-hint{font-size:11px;color:#9ca3af}.text-style-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;overflow:hidden}.text-style-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:#f9fafb;border:none;cursor:pointer;font-size:13px;font-weight:500;color:#374151;transition:background-color .2s}.text-style-header:hover{background:#f3f4f6}.text-style-content{padding:12px;border-top:1px solid #e5e7eb;background:#fff}.text-style-content .config-field{margin-bottom:12px}.text-style-content .config-field:last-child{margin-bottom:0}.text-style-content .config-row{display:flex;gap:12px;margin-bottom:12px}.text-style-content .config-row .config-field{flex:1;margin-bottom:0}.color-input-wrapper input[type=color]{width:32px;height:32px;padding:0;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex-shrink:0}.color-text-input{flex:1;font-size:12px;text-transform:uppercase;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px}.text-style-content .config-toggle{padding:8px 0;margin:0;border:none}.text-style-content .toggle-label{font-size:12px;color:#6b7280}.collapsible-config{display:flex;flex-direction:column;gap:2px}.collapsible-section{background:#fff}.collapsible-section.open{margin-bottom:4px}.collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 4px;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s}.collapsible-header:hover{background:#fafafa}.collapsible-section.open .collapsible-header{border-bottom-color:#e5e7eb}.collapsible-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#374151}.collapsible-title svg{color:#0891b2}.collapsible-header>svg{color:#9ca3af}.collapsible-content{padding:12px 4px}.collapsible-content .config-section{padding:0;border:none;margin:0}.collapsible-content .config-section-title{display:none}.image-settings-panel{margin-top:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.image-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.image-settings-header h4{font-size:13px;font-weight:600;color:#374151;margin:0}.image-settings-close{padding:4px;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:4px}.image-settings-close:hover{background:#e5e7eb;color:#374151}.image-settings-preview{width:100%;height:80px;border-radius:6px;overflow:hidden;background:#e5e7eb;margin-bottom:12px}.image-settings-preview img{width:100%;height:100%;object-fit:cover}.image-settings-fields{display:flex;flex-direction:column;gap:10px}.image-settings-field label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:4px}.image-settings-field select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;background:#fff}.image-edit-btn{position:absolute;bottom:4px;left:4px;width:24px;height:24px;background:#0009;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.banner-image-preview:hover .image-edit-btn{opacity:1}.image-edit-btn:hover{background:#0891b2}.image-index-badge{position:absolute;top:4px;left:4px;width:18px;height:18px;background:#0009;border-radius:50%;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.banner-image-card{position:relative}.banner-image-card.editing{outline:2px solid #0891b2;outline-offset:2px;border-radius:8px}.image-settings-field input[type=text]{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151}.image-settings-field input[type=range]{width:100%;accent-color:#0891b2}.config-section-clean{display:flex;flex-direction:column;gap:20px}.config-subsection{display:flex;flex-direction:column;gap:10px}.config-subsection-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding-bottom:6px;border-bottom:1px solid #f3f4f6}.config-subsection-header svg{color:#9ca3af;width:12px;height:12px}.config-row-inline{display:flex;flex-direction:column;gap:12px}.config-field-inline{display:flex;align-items:center;gap:10px}.config-field-inline label{font-size:12px;color:#6b7280;font-weight:500;min-width:55px}.inline-control{display:flex;align-items:center;gap:8px;flex:1}.dimension-input{width:55px;height:32px;padding:0 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;text-align:center;background:#fff}.dimension-input:focus{outline:none;border-color:#0891b2}.dimension-input::-webkit-outer-spin-button,.dimension-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dimension-input[type=number]{-moz-appearance:textfield}.stepper-vertical{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden}.stepper-btn-v{display:flex;align-items:center;justify-content:center;width:20px;height:16px;background:#f9fafb;border:none;color:#9ca3af;cursor:pointer;transition:all .15s;padding:0}.stepper-btn-v:first-child{border-bottom:1px solid #e5e7eb}.stepper-btn-v:hover{background:#f3f4f6;color:#0891b2}.stepper-btn-v:active{background:#e5e7eb}.unit-select-small{padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;background:#fff;cursor:pointer;min-width:50px;flex-shrink:0}.unit-select-small:focus{outline:none;border-color:#0891b2}.unit-label{font-size:12px;color:#6b7280;min-width:20px}.config-toggle-row{display:flex;gap:24px;padding:8px 0}.config-toggle.compact{display:flex;align-items:center;padding:0;border:none;gap:8px}.config-toggle.compact .toggle-label{font-size:13px;color:#374151}.toggle-button.small{width:36px;height:20px}.toggle-button.small .toggle-knob{width:14px;height:14px;top:3px;left:3px}.toggle-button.small.active .toggle-knob{transform:translate(16px)}[dir=rtl] .toggle-button.small .toggle-knob{left:auto;right:3px}[dir=rtl] .toggle-button.small.active .toggle-knob{transform:translate(-16px)}.side-options{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f9fafb;border-radius:8px;margin-top:4px}.side-options-label{font-size:12px;font-weight:500;color:#374151;min-width:50px}.direction-buttons-compact{display:flex;gap:6px}.direction-btn-small{padding:6px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s}.direction-btn-small:hover{background:#f3f4f6;border-color:#d1d5db}.direction-btn-small.active{background:#ecfeff;border-color:#0891b2;color:#0891b2}.config-range-small{flex:1;max-width:100px;height:4px;accent-color:#0891b2}.config-field-slim{display:flex;flex-direction:column;gap:8px;padding-top:8px}.config-field-slim label{font-size:12px;color:#6b7280}.config-field-slim .config-range{width:100%}.shape-config{padding:10px 12px;background:#f9fafb;border-radius:8px;margin-bottom:10px}.shape-config:last-of-type{margin-bottom:0}.shape-config-label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:8px}.shape-options{display:flex;gap:6px;flex-wrap:wrap}.shape-btn{width:40px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.shape-btn:hover{background:#f3f4f6;border-color:#d1d5db}.shape-btn.active{background:#ecfeff;border-color:#0891b2;color:#0891b2}.shape-icon{font-size:18px;line-height:1}.shape-depth{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb}.shape-depth span{font-size:11px;color:#6b7280;min-width:90px}.shape-depth input[type=range]{flex:1;height:4px;accent-color:#0891b2}.shape-mask-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:200px;overflow-y:auto;padding:2px}.shape-mask-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;min-height:54px}.shape-mask-icon{font-size:18px;line-height:1;color:#374151}.mask-position-buttons{display:flex;flex-direction:column;gap:6px}.mask-position-btn{padding:10px 12px;font-size:12px;font-weight:500;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.mask-position-btn:hover{background:#f9fafb;border-color:#d1d5db}.mask-position-btn.active{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#0891b2;color:#0891b2}.countdown-config{display:flex;flex-direction:column;gap:16px}.countdown-style-size-row{display:flex;gap:12px;align-items:flex-start}.countdown-size-position-row{display:flex;gap:12px}.countdown-size-position-row .config-field{flex:1}.countdown-style-btns{display:flex;gap:6px}.countdown-style-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 8px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;font-size:11px;font-weight:600;color:#374151;font-family:monospace}.countdown-style-btn:hover{border-color:#d1d5db;background:#f3f4f6}.countdown-style-btn.active{border-color:#0891b2;background:#ecfeff;color:#0891b2}.countdown-style-btn .cs-box{padding:3px 5px;background:#1f2937;color:#fff;border-radius:3px;font-size:9px}.countdown-style-btn.active .cs-box{background:#0891b2}.countdown-units-row{display:flex;gap:8px}.countdown-unit-check{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.countdown-unit-check:has(input:checked){background:#ecfeff;border-color:#0891b2}.countdown-unit-check input[type=checkbox]{width:16px;height:16px;accent-color:#0891b2;cursor:pointer}.countdown-unit-check span{font-size:11px;font-weight:600;color:#6b7280}.countdown-unit-check:has(input:checked) span{color:#0891b2}.countdown-colors-row{display:flex;gap:12px}.countdown-color-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.countdown-color-item input[type=color]{width:100%;height:36px;padding:2px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;background:#fff}.countdown-color-item input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.countdown-color-item input[type=color]::-webkit-color-swatch{border-radius:5px;border:none}.countdown-color-item span{font-size:11px;color:#6b7280;font-weight:500}.config-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151}.config-input:focus{outline:none;border-color:#0891b2}.config-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:#fff;cursor:pointer}.config-select:focus{outline:none;border-color:#0891b2}.config-color{width:100%;height:36px;padding:2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.link-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.link-type-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.selected-link-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;font-size:13px;font-weight:500;color:#059669;margin-top:8px}.selected-link-badge span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-link-badge button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;opacity:.7;transition:all .15s}.search-picker-modal{background:#fff;border-radius:12px;width:90%;max-width:420px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.search-picker-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.search-picker-header span{flex:1;font-size:15px;font-weight:600;color:#111827}.search-picker-header button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.search-picker-search{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fff}.search-picker-search input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.search-picker-loading,.search-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px;color:#9ca3af}.search-picker-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s;margin-bottom:6px;text-align:left}.search-picker-item-image{width:36px;height:36px;object-fit:cover;border-radius:6px;flex-shrink:0}.search-picker-item-name{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-picker-item-desc{font-size:12px;color:#6b7280;display:flex;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .config-field-inline{flex-direction:row-reverse!important}[dir=rtl] .config-field-inline label{text-align:right!important}[dir=rtl] .inline-control{flex-direction:row-reverse!important}[dir=rtl] .inline-control .dimension-input{text-align:center}[dir=rtl] .inline-control .unit-label{margin-left:0!important;margin-right:8px!important}[dir=rtl] .config-subsection-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .config-subsection-header svg{order:1}[dir=rtl] .config-subsection-header span{order:2;text-align:right}[dir=rtl] .collapsible-header,[dir=rtl] .collapsible-title{flex-direction:row-reverse;text-align:right}[dir=rtl] .collapsible-title svg{order:1}[dir=rtl] .collapsible-title span{order:2}[dir=rtl] .collapsible-header>svg{order:3}[dir=rtl] .config-section-title{flex-direction:row-reverse;text-align:right}[dir=rtl] .config-badge{margin-left:0;margin-right:auto}[dir=rtl] .banner-images-grid{direction:rtl}[dir=rtl] .banner-image-delete{right:auto;left:4px}[dir=rtl] .banner-image-alt{text-align:right;direction:rtl}[dir=rtl] .image-modal-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .image-source-tabs{direction:rtl}[dir=rtl] .url-input-group{flex-direction:row-reverse}[dir=rtl] .dimension-card-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .dimension-row{flex-direction:row-reverse}[dir=rtl] .dimension-row label{text-align:right}[dir=rtl] .dimension-control{flex-direction:row-reverse}[dir=rtl] .unit-select{border-left:none;border-right:1px solid #e5e7eb}[dir=rtl] .stepper{flex-direction:row-reverse}[dir=rtl] .stepper-value input{text-align:left}[dir=rtl] .stepper-unit{margin-left:0;margin-right:1px}[dir=rtl] .position-grid,[dir=rtl] .config-row{direction:rtl}[dir=rtl] .color-input-compact{flex-direction:row-reverse}[dir=rtl] input[type=range]{direction:rtl}[dir=rtl] .slider-info,[dir=rtl] .slider-status{flex-direction:row-reverse;text-align:right}[dir=rtl] .slider-mode-buttons{direction:rtl}[dir=rtl] .mosaic-options{direction:rtl;text-align:right}[dir=rtl] .mosaic-layout-info{flex-direction:row-reverse;text-align:right}[dir=rtl] .rounded-side-config{direction:rtl;text-align:right}[dir=rtl] .direction-buttons{direction:rtl}[dir=rtl] .text-style-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .text-style-content{direction:rtl;text-align:right}[dir=rtl] .text-style-content .config-row{direction:rtl}[dir=rtl] .color-input-wrapper{flex-direction:row-reverse}[dir=rtl] .color-text-input{text-align:right;direction:rtl}[dir=rtl] .image-settings-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .image-settings-fields{direction:rtl;text-align:right}[dir=rtl] .image-edit-btn,[dir=rtl] .image-index-badge{left:auto;right:4px}[dir=rtl] .shape-config{direction:rtl;text-align:right}[dir=rtl] .shape-options{direction:rtl}[dir=rtl] .shape-depth{flex-direction:row-reverse}[dir=rtl] .shape-mask-grid,[dir=rtl] .mask-position-buttons{direction:rtl}[dir=rtl] .mask-position-btn{text-align:right}[dir=rtl] .countdown-style-size-row,[dir=rtl] .countdown-size-position-row,[dir=rtl] .countdown-style-btns,[dir=rtl] .countdown-units-row,[dir=rtl] .countdown-colors-row,[dir=rtl] .link-type-buttons{direction:rtl}[dir=rtl] .selected-link-badge,[dir=rtl] .search-picker-header{flex-direction:row-reverse;text-align:right}.config-panel{width:350px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;order:-1;flex-shrink:0}.config-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.config-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.close-config{padding:4px;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.close-config:hover{background:#f3f4f6;color:#374151}.config-panel-content{flex:1;overflow-y:auto;padding:16px}.config-panel-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:4px;text-align:center;color:#9ca3af;font-size:14px}.config-section-title{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.config-field{margin-bottom:16px}.config-field label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.config-field input[type=text],.config-field input[type=number],.config-field textarea,.config-field select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;transition:border-color .2s}.config-field input:focus,.config-field textarea:focus,.config-field select:focus{outline:none;border-color:#0891b2}.config-field textarea{resize:vertical;min-height:80px}.config-field input[type=color]{width:100%;height:40px;padding:4px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.color-input-group{display:flex;gap:8px}.color-input-group input[type=color]{width:48px;flex-shrink:0}.color-input-group input[type=text]{flex:1}.config-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.config-toggle label{margin:0}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#0891b2}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}[dir=rtl] .toggle-slider:before{left:auto;right:3px}[dir=rtl] .toggle-switch input:checked+.toggle-slider:before{transform:translate(-20px)}.list-items{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;gap:8px;align-items:center}.list-item input{flex:1}.list-item-remove{padding:6px;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:4px}.list-item-remove:hover{background:#fef2f2}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;font-size:13px;cursor:pointer;transition:all .2s;margin-top:8px}.add-item-btn:hover{background:#e5e7eb;color:#374151}.config-section{padding:16px 0;border-bottom:1px solid #f3f4f6}.config-section:last-child{border-bottom:none}.config-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#1f2937;margin-bottom:16px}.config-section-title svg{color:#6b7280}.config-field{margin-bottom:14px}.config-field:last-child{margin-bottom:0}.config-field label{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}.config-field select,.config-field input[type=text],.config-field input[type=number]{width:100%;padding:8px 12px;font-size:13px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#1f2937;transition:border-color .2s}.config-field select:focus,.config-field input:focus{outline:none;border-color:#0891b2}.config-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f3f4f6}.config-toggle:last-child{border-bottom:none}.toggle-label{font-size:13px;color:#374151}.toggle-button{position:relative;width:44px;height:24px;background:#d1d5db;border:none;border-radius:24px;cursor:pointer;transition:background .3s;flex-shrink:0;padding:0}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 1px 3px #0003}.toggle-button.active .toggle-knob{transform:translate(20px)}[dir=rtl] .config-toggle{flex-direction:row-reverse}[dir=rtl] .toggle-button.active .toggle-knob{transform:translate(-20px)}.config-subsection{margin-top:14px;padding:12px;background:#f9fafb;border-radius:8px}.subsection-label{display:block;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.color-input-row{display:flex;gap:8px;align-items:center}.color-picker{width:40px;height:32px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;background:#fff}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-text{flex:1;padding:8px 12px;font-size:13px;font-family:monospace;border:1px solid #e5e7eb;border-radius:6px}.stepper{display:flex;align-items:center;gap:0;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;width:fit-content}.stepper-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border:none;color:#6b7280;cursor:pointer;transition:all .2s}.stepper-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.stepper-btn:disabled{opacity:.5;cursor:not-allowed}.stepper-input{width:60px;height:32px;text-align:center;border:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;font-size:13px;-moz-appearance:textfield}.stepper-input::-webkit-outer-spin-button,.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input:focus{outline:none;background:#f0f9ff}.card-type-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.card-type-btn{width:60px;height:80px;padding:4px;background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.card-type-btn:hover{border-color:#0891b2}.card-type-btn.active{border-color:#0891b2;background:#f0f9ff}.card-type-preview-box{width:100%;height:100%;display:flex;flex-direction:column}.card-type-image{flex:1;background:#e5e7eb;border-radius:4px;margin-bottom:4px}.card-type-content{display:flex;flex-direction:column;gap:3px}.card-type-line{height:4px;background:#d1d5db;border-radius:2px}.card-type-line.short{width:60%}.ratio-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.ratio-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.ratio-btn:hover{border-color:#0891b2}.ratio-btn.active{border-color:#0891b2;background:#f0f9ff}.ratio-box{width:100%;max-width:40px;background:#e5e7eb;border-radius:3px}.ratio-btn span{font-size:10px;color:#6b7280;font-weight:500}.ratio-btn.active span{color:#0891b2}.grid-layout-config{display:flex;flex-direction:column;gap:12px}.columns-preview{display:flex;gap:8px;justify-content:center;margin-top:8px}.column-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.column-btn.active{border-color:#0891b2;background:#0891b2;color:#fff}.toggle-label-inline{font-size:13px;color:#374151;margin-left:10px}.categories-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.category-tag{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#374151}.category-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:50%;transition:all .2s}.category-remove:hover{background:#e5e7eb;color:#ef4444}.category-input-row{display:flex;gap:8px;align-items:center}.category-input-row input{flex:1;padding:8px 12px;font-size:13px;border:1px solid #e5e7eb;border-radius:6px}.category-input-row input:focus{outline:none;border-color:#0891b2}.add-category-confirm{padding:8px 14px;background:#0891b2;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.add-category-confirm:hover{background:#0e7490}.add-category-cancel{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.add-category-cancel:hover{background:#e5e7eb;color:#ef4444}.add-category-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;font-size:13px;cursor:pointer;width:100%;transition:all .2s}.add-category-btn:hover{border-color:#0891b2;color:#0891b2;background:#f0f9ff}.add-category-btn svg{flex-shrink:0}.category-link-section{margin-top:8px}.selected-category-display{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f0f9ff;border:1px solid #0891b2;border-radius:8px;color:#0891b2}.selected-category-display.compact{padding:8px 10px;font-size:12px}.selected-category-display span{flex:1;font-size:13px;font-weight:500}.selected-category-display.compact span{font-size:12px}.clear-category-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:#0891b2;cursor:pointer;border-radius:4px;transition:all .2s}.clear-category-btn:hover{background:#0891b21a;color:#ef4444}.category-search-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.category-search-box.compact{border-radius:6px}.search-input-wrapper{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #f3f4f6}.search-input-wrapper svg{color:#9ca3af;flex-shrink:0}.search-input-wrapper input{flex:1;border:none;outline:none;font-size:13px;color:#374151}.search-input-wrapper input::placeholder{color:#9ca3af}.search-close-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#f3f4f6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.search-close-btn:hover{background:#e5e7eb;color:#ef4444}.category-search-results{max-height:200px;overflow-y:auto}.category-search-results.compact{max-height:150px}.search-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#6b7280;font-size:13px}.search-loading .spin{animation:spin 1s linear infinite}.category-result-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid #f3f4f6;color:#374151;font-size:13px;text-align:left;cursor:pointer;transition:background .2s}.category-result-item:last-child{border-bottom:none}.category-result-item:hover{background:#f0f9ff}.category-result-item svg{color:#9ca3af;flex-shrink:0}.no-results{padding:20px;text-align:center;color:#9ca3af;font-size:13px}.collapsible-subsection{margin-top:16px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.collapsible-subsection.open{border-color:#d1d5db}.collapsible-subsection-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:#f9fafb;border:none;cursor:pointer;transition:background .2s}.collapsible-subsection-header:hover{background:#f3f4f6}.collapsible-subsection.open .collapsible-subsection-header{border-bottom:1px solid #e5e7eb}.collapsible-subsection-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#374151}.collapsible-subsection-title svg{color:#6b7280}.collapsible-subsection-content{padding:14px;background:#fff}.tabs-system-section{display:flex;flex-direction:column;gap:12px}.tabs-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.tab-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:border-color .2s}.tab-item.editing{border-color:#0891b2}.tab-item-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f9fafb;cursor:pointer;transition:background .2s}.tab-item-header:hover{background:#f3f4f6}.tab-item.editing .tab-item-header{background:#f0f9ff}.tab-item-preview{display:flex;align-items:center;gap:10px}.tab-preview-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;border-radius:4px}.tab-category-hint{display:flex;align-items:center;gap:4px;font-size:10px;color:#9ca3af}.tab-item-actions{display:flex;align-items:center;gap:6px;color:#6b7280}.tab-remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:4px;transition:all .2s}.tab-remove-btn:hover{background:#fee2e2;color:#ef4444}.tab-item-editor{padding:14px;background:#fff;border-top:1px solid #e5e7eb}.tab-item-editor .config-field{margin-bottom:12px}.tab-item-editor .config-field:last-child{margin-bottom:0}.add-category-btn.compact{padding:8px 12px;font-size:12px}.config-subsection.compact{margin-top:12px;padding:10px}.config-subsection.compact .subsection-label{font-size:10px;margin-bottom:10px}.add-tab-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.add-tab-btn:hover{border-color:#0891b2;color:#0891b2;background:#f0f9ff}.config-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.config-row-2col:last-child{margin-bottom:0}.config-row-2col .config-field{margin-bottom:0}.config-row-2col input[type=color]{width:100%;height:32px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer}.config-row-2col input[type=color]::-webkit-color-swatch-wrapper{padding:0}.config-row-2col input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.tab-variant-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.tab-variant-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.tab-variant-btn:hover{border-color:#0891b2}.tab-variant-btn.active{border-color:#0891b2;background:#f0f9ff}.tab-variant-btn span:last-child{font-size:10px;font-weight:500;color:#6b7280}.tab-variant-btn.active span:last-child{color:#0891b2}.variant-preview{display:flex;gap:4px;padding:4px;border-radius:4px}.variant-preview .preview-tab{width:20px;height:12px;border-radius:3px;background:#e5e7eb}.variant-preview .preview-tab.active{background:#0891b2}.variant-preview.filled{background:#f3f4f6}.variant-preview.underlined{background:transparent;padding:4px 0;border-bottom:2px solid #e5e7eb;border-radius:0;gap:2px}.variant-preview.underlined .preview-tab{background:transparent;border-radius:0}.variant-preview.underlined .preview-tab.active{background:transparent;border-bottom:2px solid #0891b2;margin-bottom:-2px}.variant-preview.outlined{background:transparent;padding:2px}.variant-preview.outlined .preview-tab{background:transparent;border:1px solid #e5e7eb}.variant-preview.outlined .preview-tab.active{background:#0891b2;border-color:#0891b2}.config-nav-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;margin-top:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.config-nav-btn:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0891b2}.config-nav-btn-content{display:flex;align-items:center;gap:12px}.config-nav-btn-content svg{color:#0891b2}.config-nav-btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.config-nav-btn-title{font-size:13px;font-weight:600;color:#1f2937}.config-nav-btn-desc{font-size:11px;color:#6b7280}.config-nav-btn>svg{color:#9ca3af;transition:transform .2s}.config-nav-btn:hover>svg{color:#0891b2;transform:translate(2px)}.tabs-config-page{display:flex;flex-direction:column;height:100%}.config-page-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e0f2fe}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.back-btn:hover{background:#f9fafb;border-color:#0891b2;color:#0891b2}.config-page-title{display:flex;align-items:center;gap:10px}.config-page-title svg{color:#0891b2}.config-page-title h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.config-page-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.config-section-flat{display:flex;flex-direction:column;gap:12px}.section-label-flat{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.config-section-flat .tabs-list{margin-top:4px}.config-toggle-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border-radius:8px;margin:8px 0}.config-toggle-row svg{color:#6b7280;flex-shrink:0}.config-toggle-row span{flex:1;font-size:13px;color:#374151}.config-toggle-row .toggle-button{width:40px;height:22px;border-radius:11px;background:#d1d5db;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.config-toggle-row .toggle-button.active{background:#0891b2}.config-toggle-row .toggle-button .toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.config-toggle-row .toggle-button.active .toggle-knob{transform:translate(18px)}[dir=rtl] .config-toggle-row .toggle-button .toggle-knob{left:auto;right:2px}[dir=rtl] .config-toggle-row .toggle-button.active .toggle-knob{transform:translate(-18px)}.image-gallery-thumbnails{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.gallery-thumb{position:relative;width:70px;height:70px;border-radius:8px;overflow:hidden;background:#f3f4f6;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.gallery-thumb:hover{border-color:#d1d5db}.gallery-thumb.selected{border-color:#0891b2}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb .thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.gallery-thumb .thumb-remove{position:absolute;top:4px;right:4px;width:18px;height:18px;padding:0;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.gallery-thumb:hover .thumb-remove{opacity:1}.gallery-thumb .thumb-index{position:absolute;bottom:4px;left:4px;font-size:10px;font-weight:600;color:#fff;background:#0009;padding:2px 5px;border-radius:4px}.add-thumb-btn{width:70px;height:70px;border-radius:8px;background:#f9fafb;border:2px dashed #d1d5db;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-thumb-btn:hover{border-color:#0891b2;color:#0891b2;background:#f0f9ff}.upload-options{display:flex;gap:8px;margin-bottom:12px}.upload-option-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s}.upload-option-btn:hover{border-color:#0891b2;color:#0891b2}.upload-option-btn:disabled{opacity:.6;cursor:not-allowed}.url-input-row{display:flex;gap:8px;margin-bottom:12px}.url-input-row input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px}.url-input-row input:focus{outline:none;border-color:#0891b2}.url-input-row button{padding:8px 14px;background:#0891b2;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.url-input-row button:hover{background:#0e7490}.selected-image-settings{padding:12px;background:#f9fafb;border-radius:8px;margin-top:8px}.column-buttons{display:flex;gap:8px}.column-btn{flex:1;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.column-btn:hover{border-color:#0891b2;color:#0891b2}.column-btn.active{background:#0891b2;border-color:#0891b2;color:#fff}.labels-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.label-item{display:flex;align-items:center;gap:10px}.label-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;font-size:12px;font-weight:600;color:#6b7280;flex-shrink:0}.label-item input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px}.label-item input:focus{outline:none;border-color:#0891b2}.label-style-settings{padding-top:16px;border-top:1px solid #e5e7eb}.thumb-has-button{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background:#0891b2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.image-button-config{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.image-button-config .config-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.image-button-config .toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151}.link-type-buttons{display:flex;gap:8px}.link-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.selected-link-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;font-size:12px;font-weight:500;color:#059669}.selected-link-badge.product{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.selected-link-badge svg{flex-shrink:0}.selected-link-badge span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.selected-link-badge button{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;opacity:.7;transition:all .15s}.selected-link-badge button:hover{opacity:1;background:#0000001a}.search-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.search-picker-modal{background:#fff;border-radius:12px;width:90%;max-width:400px;max-height:65vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.search-picker-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.search-picker-header span{flex:1;font-size:14px;font-weight:600;color:#111827}.search-picker-header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.search-picker-header button:hover{background:#e5e7eb;color:#374151}.search-picker-search{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #e5e7eb;background:#fff}.search-picker-search svg{color:#9ca3af;flex-shrink:0}.search-picker-search input{flex:1;border:none;outline:none;font-size:13px;background:transparent}.search-picker-search input::placeholder{color:#9ca3af}.search-picker-results{flex:1;overflow-y:auto;padding:8px}.search-picker-loading,.search-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:10px;color:#9ca3af;font-size:13px}.search-picker-loading .spin{animation:spin 1s linear infinite}.search-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s;margin-bottom:6px;text-align:left}.search-picker-item:hover{background:#f3f4f6;border-color:#d1d5db}.search-picker-item svg{color:#9ca3af;flex-shrink:0}.search-picker-item-image{width:32px;height:32px;object-fit:cover;border-radius:4px;flex-shrink:0}.search-picker-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.search-picker-item-name{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-picker-item-desc{font-size:11px;color:#6b7280;display:flex;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-picker-item-price{font-weight:600;color:#0891b2}.toggle-button{position:relative;width:40px;height:22px;background:#d1d5db;border:none;border-radius:22px;cursor:pointer;transition:background .3s;flex-shrink:0;padding:0}.toggle-button:hover{background:#c0c5cc}.toggle-button.active{background:#0891b2}.toggle-button.active:hover{background:#0e7490}.toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 1px 3px #0003}.toggle-button.active .toggle-knob{transform:translate(18px)}[dir=rtl] .toggle-knob{left:auto;right:3px}.range-with-value{display:flex;align-items:center;gap:12px}.range-with-value input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer}.range-with-value input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0891b2;border-radius:50%;cursor:pointer;transition:transform .15s}.range-with-value input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.range-with-value input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#0891b2;border-radius:50%;border:none;cursor:pointer}.range-with-value span{min-width:45px;text-align:right;font-size:13px;font-weight:500;color:#374151}.button-config-section .config-hint{font-size:12px;color:#6b7280;margin:0 0 12px;line-height:1.4}.button-image-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.button-image-thumb{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;background:#f3f4f6;cursor:pointer;border:2px solid transparent;padding:0;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#9ca3af}.button-image-thumb img{width:100%;height:100%;object-fit:cover}.button-image-thumb:hover{border-color:#d1d5db}.button-image-thumb.selected{border-color:#0891b2;box-shadow:0 0 0 2px #0891b233}.button-image-thumb.has-button{border-color:#10b981}.button-image-thumb.has-button.selected{border-color:#0891b2}.button-image-thumb .thumb-number{position:absolute;bottom:2px;left:2px;font-size:9px;font-weight:600;color:#fff;background:#0009;padding:1px 4px;border-radius:3px}.button-image-thumb .thumb-button-indicator{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.button-config-panel{background:#fff;border-radius:10px;padding:16px;margin-top:8px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a}.button-config-panel .config-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:8px}.button-config-panel .toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151}.button-config-fields{display:flex;flex-direction:column;gap:14px;padding-top:12px;border-top:1px solid #e5e7eb;margin-top:4px}.button-config-fields .config-field{margin-bottom:0}.button-config-fields .config-field label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:6px;white-space:nowrap}.button-config-fields .config-field input[type=text],.button-config-fields .config-field select{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;background:#fff}.button-config-fields .config-field input[type=text]:focus,.button-config-fields .config-field select:focus{outline:none;border-color:#0891b2}.button-config-fields .config-field input[type=color]{width:100%;height:36px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;background:#fff}.button-config-fields .config-row{display:grid;grid-template-columns:80px 1fr;gap:12px;align-items:end}.button-config-fields .config-row .config-field{min-width:0}.button-config-fields .config-row .config-field input[type=color]{width:100%;height:36px}.link-type-buttons{display:flex;gap:6px}.link-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;font-size:11px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.link-type-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.link-type-btn.active{background:#ecfeff;border-color:#0891b2;color:#0891b2}.link-type-btn.active.category{background:#ecfdf5;border-color:#10b981;color:#059669}.link-type-btn.active.product{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.link-type-btn svg{flex-shrink:0}.no-selection-hint{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:#9ca3af;text-align:center;font-size:12px;background:#f9fafb;border-radius:8px;border:1px dashed #e5e7eb}.no-selection-hint svg{opacity:.5}.labels-list{margin-top:14px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 2px #0000000a}.labels-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:13px;font-weight:600;color:#374151}.add-label-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#0891b2;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.add-label-btn:hover{background:#0e7490;transform:translateY(-1px)}.label-item{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s;display:flex;flex-direction:column}.label-item:last-child{border-bottom:none}.label-item:hover{background:#f9fafb}.label-item.selected{background:#f0f9ff;border-left:3px solid #0891b2}.label-item-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:10px;min-height:48px}.label-preview{flex:1;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-label-btn{width:26px;height:26px;padding:0;background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s;flex-shrink:0}.remove-label-btn:hover{background:#fee2e2;color:#dc2626}.label-config{padding:14px;background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:14px}.label-config-row{display:flex;gap:12px;align-items:flex-end}.label-config-field{display:flex;flex-direction:column;gap:6px}.label-config-field.text-field{flex:1;min-width:0}.label-config-field.color-field{flex-shrink:0}.label-config-field label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.label-config-field input[type=text]{width:100%;height:36px;padding:0 12px;font-size:13px;border:1px solid #d1d5db;border-radius:6px;background:#fff;box-sizing:border-box}.label-config-field input[type=text]:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 2px #0891b21a}.label-config-field input[type=color]{width:36px;height:36px;padding:3px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;background:#fff}.label-config-field input[type=color]:hover{border-color:#0891b2}.no-labels-hint{padding:24px 16px;text-align:center;color:#9ca3af;font-size:13px;background:#fafafa}.label-config .link-type-buttons.compact{display:flex;gap:8px}.label-config .link-type-buttons.compact .link-type-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 12px;height:38px;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;color:#6b7280}.label-config .link-type-buttons.compact .link-type-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.label-config .link-type-buttons.compact .link-type-btn.active{background:#ecfeff;border-color:#0891b2;color:#0891b2}.label-config .link-type-buttons.compact .link-type-btn.active.category{background:#ecfdf5;border-color:#10b981;color:#059669}.label-config .link-type-buttons.compact .link-type-btn.active.product{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.label-config .selected-link-badge{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:500;border-radius:8px;background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.label-config .selected-link-badge.product{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.label-config .selected-link-badge svg{flex-shrink:0}.label-config .selected-link-badge span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-config .selected-link-badge button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:4px;color:inherit;cursor:pointer;opacity:.7;transition:all .15s}.label-config .selected-link-badge button:hover{opacity:1;background:#0000001a}.selected-link-badge.small button{flex-shrink:0}.shape-mask-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shape-mask-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.shape-mask-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.shape-mask-btn.active{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#0891b2;box-shadow:0 0 0 2px #0891b21a}.shape-mask-icon{font-size:20px;line-height:1;color:#374151}.shape-mask-btn.active .shape-mask-icon{color:#0891b2}.shape-mask-label{font-size:9px;color:#6b7280;text-align:center;line-height:1.2}.shape-mask-btn.active .shape-mask-label{color:#0891b2;font-weight:500}[dir=rtl] .image-gallery-thumbnails{direction:rtl}[dir=rtl] .gallery-thumb .thumb-remove{right:auto;left:4px}[dir=rtl] .gallery-thumb .thumb-index{left:auto;right:4px}[dir=rtl] .upload-options{direction:rtl}[dir=rtl] .upload-option-btn{flex-direction:row-reverse;text-align:right}[dir=rtl] .url-input-row{flex-direction:row-reverse}[dir=rtl] .url-input-row input{text-align:right;direction:rtl}[dir=rtl] .selected-image-settings{direction:rtl;text-align:right}[dir=rtl] .column-buttons,[dir=rtl] .labels-list{direction:rtl}[dir=rtl] .label-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .label-item input{text-align:right;direction:rtl}[dir=rtl] .label-item.selected{border-left:none;border-right:3px solid #0891b2}[dir=rtl] .label-item-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .label-preview{text-align:right}[dir=rtl] .remove-label-btn{order:-1}[dir=rtl] .label-config{direction:rtl;text-align:right}[dir=rtl] .label-config-row{flex-direction:row-reverse}[dir=rtl] .label-config-field{text-align:right}[dir=rtl] .label-config-field input[type=text]{text-align:right;direction:rtl}[dir=rtl] .labels-header,[dir=rtl] .add-label-btn{flex-direction:row-reverse;text-align:right}[dir=rtl] .image-button-config{direction:rtl;text-align:right}[dir=rtl] .image-button-config .config-toggle{flex-direction:row-reverse;text-align:right}[dir=rtl] .button-config-panel .config-toggle{flex-direction:row-reverse}[dir=rtl] .image-button-config .toggle-label{order:1;text-align:right}[dir=rtl] .image-button-config .toggle-button{order:2}[dir=rtl] .toggle-button.active .toggle-knob{transform:translate(-18px)}[dir=rtl] .button-config-fields{direction:rtl;text-align:right}[dir=rtl] .button-config-fields .config-field{text-align:right;direction:rtl}[dir=rtl] .button-config-fields .config-field label{text-align:right}[dir=rtl] .button-config-fields .config-field input[type=text],[dir=rtl] .button-config-fields .config-field select{text-align:right;direction:rtl}[dir=rtl] .button-config-fields .config-row,[dir=rtl] .link-type-buttons{direction:rtl}[dir=rtl] .selected-link-badge{flex-direction:row-reverse;text-align:right}[dir=rtl] .selected-link-badge button{order:-1}[dir=rtl] .button-image-selector{direction:rtl}[dir=rtl] .button-image-thumb .thumb-number{left:auto;right:2px}[dir=rtl] .button-image-thumb .thumb-button-indicator{right:auto;left:2px}[dir=rtl] .search-picker-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .search-picker-header span{text-align:right}[dir=rtl] .search-picker-search{flex-direction:row-reverse}[dir=rtl] .search-picker-search input{text-align:right;direction:rtl}[dir=rtl] .search-picker-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .search-picker-item-info{text-align:right}[dir=rtl] .range-with-value{flex-direction:row-reverse}[dir=rtl] .range-with-value span{text-align:left}[dir=rtl] input[type=range],[dir=rtl] .shape-mask-grid{direction:rtl}[dir=rtl] .no-selection-hint{direction:rtl;text-align:right}.add-btn-inline{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#374151;cursor:pointer;transition:all .2s}.add-btn-inline:hover{background:#f9fafb;border-color:#0891b2;color:#0891b2}.config-field.color-field{margin-bottom:12px}.color-input-wrapper{display:flex;align-items:center;gap:8px}.color-input-wrapper input[type=color]{width:32px;height:32px;padding:0;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;background:transparent}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-wrapper input[type=color]::-webkit-color-swatch{border-radius:4px;border:none}.color-input-wrapper input[type=text]{flex:1;padding:8px 10px;font-size:13px;font-family:monospace}.faq-items-list{display:flex;flex-direction:column;gap:4px}.faq-item-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .2s}.faq-item-row:hover{border-color:#d1d5db}.drag-handle{color:#9ca3af;cursor:grab;flex-shrink:0}.item-question{flex:1;font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .2s}.action-btn:hover{background:#e5e7eb;color:#374151}.action-btn.delete:hover{background:#fee2e2;color:#ef4444}.faq-edit-form{margin-top:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.close-edit-btn{display:block;width:100%;padding:8px 16px;background:#374151;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:background .2s}.close-edit-btn:hover{background:#1f2937}.product-config{display:flex;flex-direction:column;gap:20px;padding:16px}.product-config .config-section{display:flex;flex-direction:column;gap:16px}.product-config .config-section h4{margin:0;font-size:14px;font-weight:600;color:#1f2937;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.product-config .config-field{display:flex;flex-direction:column;gap:6px}.product-config .config-field label{font-size:13px;font-weight:500;color:#374151}.product-config .config-field.checkbox{flex-direction:row;align-items:center;gap:8px}.product-config .config-field.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#0891b2}.product-config .config-field.checkbox label{font-weight:400;color:#4b5563}.product-config .config-field select,.product-config .config-field input[type=text]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#1f2937;background:#fff}.product-config .config-field select:focus,.product-config .config-field input[type=text]:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 2px #0891b21a}.product-config .config-field input[type=color]{width:100%;height:36px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:2px}.product-config .range-field{display:flex;align-items:center;gap:12px}.product-config .range-field input[type=range]{flex:1;height:6px;accent-color:#0891b2}.product-config .range-field span{font-size:12px;color:#6b7280;min-width:40px;text-align:right}.checkout-config{display:flex;flex-direction:column;gap:20px}.checkout-config .config-section{display:flex;flex-direction:column;gap:12px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.checkout-config .config-section:last-child{border-bottom:none;padding-bottom:0}.checkout-config .config-section h4{margin:0;font-size:14px;font-weight:600;color:#1f2937}.checkout-config .config-toggles{display:flex;flex-direction:column;gap:8px}.checkout-config .config-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.checkout-config .config-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#0891b2;cursor:pointer}.checkout-config .config-toggle span{font-size:13px;color:#4b5563}.checkout-config .config-field{display:flex;flex-direction:column;gap:6px}.checkout-config .config-field label{font-size:12px;font-weight:500;color:#6b7280}.checkout-config .config-field input[type=text]{padding:8px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#1f2937;transition:border-color .2s}.checkout-config .config-field input[type=text]:focus{outline:none;border-color:#0891b2}.checkout-config .color-input-group{display:flex;gap:8px}.checkout-config .color-input-group input[type=color]{width:40px;height:36px;padding:2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.checkout-config .color-input-group input[type=text]{flex:1;min-width:0}[dir=rtl] .checkout-config .config-toggle{flex-direction:row-reverse}.cart-config{padding:20px}.cart-config .config-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.cart-config .config-section{margin-bottom:28px}.cart-config .config-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.cart-config .config-field{margin-bottom:16px}.cart-config .config-field label{display:block;font-size:13px;font-weight:500;color:#4b5563;margin-bottom:6px}.cart-config .config-field input[type=text],.cart-config .config-field input[type=number],.cart-config .config-field textarea,.cart-config .config-field select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.cart-config .config-field input:focus,.cart-config .config-field textarea:focus,.cart-config .config-field select:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b226;outline:none}.cart-config .config-toggle{margin-bottom:12px}.cart-config .config-toggle label{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;cursor:pointer}.cart-config .config-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#0891b2;cursor:pointer}.cart-config .color-input-group{display:flex;gap:8px;align-items:center}.cart-config .color-input-group input[type=color]{width:44px;height:38px;padding:2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;background:#fff}.cart-config .color-input-group input[type=text]{flex:1}[dir=rtl] .cart-config .config-toggle{flex-direction:row-reverse}.header-preview{width:100%;background:var(--header-bg, #ffffff);color:var(--header-text, #1f2937);position:relative;z-index:1}.header-main-bar{background:var(--header-nav-bg, #1f2937);position:relative}.header-news-bar{width:100%;overflow:hidden;padding:8px 0;font-size:13px;font-weight:500;white-space:nowrap}.news-bar-track{display:inline-block;animation:scroll-news linear infinite}@keyframes scroll-news{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.news-bar-track span{display:inline-block;padding:0 24px}.header-banner{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.header-banner img{width:100%;height:100%;object-fit:cover}.header-banner-link{display:block;text-decoration:none}.header-banner-link:hover .header-banner{opacity:.9}.banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#6b7280;font-size:13px}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:24px;height:var(--header-height, 70px);min-height:var(--header-height, 70px)}.header-container.centered{justify-content:center}.header-logo{display:flex;align-items:center;flex-shrink:0}.header-logo.logo-center{position:absolute;left:50%;transform:translate(-50%);z-index:1}.header-container:has(.logo-center){position:relative}.header-container:has(.logo-center) .header-actions{margin-left:auto}.header-container:has(.logo-center) .mobile-menu-toggle{margin-right:auto}.header-logo.centered{justify-content:center}.header-logo-img{height:auto;object-fit:contain}.header-logo-text{font-size:20px;font-weight:700;color:var(--header-text, #1f2937)}.header-3 .header-logo-text{color:#fff}.header-nav{display:flex;align-items:center;gap:24px}.header-nav.mega-nav{flex:1;justify-content:center;gap:8px}.header-nav-bar{display:flex;justify-content:center;gap:32px;padding:12px 24px;border-top:1px solid #e5e7eb}.header-nav-item{display:flex;align-items:center;gap:4px;color:var(--header-menu-text, #1f2937);font-size:var(--header-font-size, 14px);font-weight:var(--header-font-weight, 500);text-decoration:none;cursor:pointer;position:relative;padding:8px 12px;border-radius:4px;transition:color .2s,background .2s;background:none;border:none}.header-3 .header-nav-item{color:var(--header-menu-text, #ffffff)}.header-nav-item:hover{color:var(--header-hover, #0891b2)}.header-3 .header-nav-item:hover{background:#ffffff1a;color:var(--header-hover, #0891b2)}.header-nav-item.highlighted{background:var(--header-highlight-bg, #0891b2);color:var(--header-highlight-text, #ffffff)}.header-nav-item.highlighted:hover{background:var(--header-highlight-bg, #0891b2);filter:brightness(1.1);color:var(--header-highlight-text, #ffffff)}.header-nav-item.mega-trigger{position:relative}.mega-menu-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:auto;max-width:calc(100vw - 48px);background:var(--mega-menu-bg, #ffffff);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:1000;margin-top:8px;padding:var(--mega-menu-padding, 24px)}.mega-menu-dropdown.single-row{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.mega-menu-dropdown.single-row::-webkit-scrollbar{height:6px}.mega-menu-dropdown.single-row::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.mega-menu-dropdown.single-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.mega-menu-dropdown.multi-row{display:flex;flex-direction:column;gap:48px}.mega-menu-row+.mega-menu-row{padding-top:16px;border-top:1px solid #f1f5f9}.mega-menu-row{display:flex;gap:var(--mega-menu-gap, 24px);align-items:stretch}.mega-menu-row.scrollable{flex-wrap:nowrap}.mega-column{flex-shrink:0;flex-grow:0;box-sizing:border-box}.mega-column.links-column{width:180px;min-width:180px;display:flex;flex-direction:column;gap:16px}.mega-column.image-column{width:280px;min-width:280px;display:flex}.mega-column.product-column{width:200px;min-width:200px;display:flex}.mega-column.image-column .mega-image-card,.mega-column.product-column .mega-product-card{display:flex;flex-direction:column;height:100%;min-height:200px}.link-group{display:flex;flex-direction:column;gap:8px}.group-title{font-size:13px;font-weight:700;color:var(--mega-menu-text, #1f2937);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.group-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.group-links li a{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;text-decoration:none;padding:4px 0;transition:color .2s}.group-links li a:hover{color:var(--header-hover, #0891b2)}.link-icon{font-size:14px}.column-button{display:inline-flex;align-items:center;padding:10px 16px;margin-top:8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:500;color:var(--mega-menu-text, #1f2937);text-decoration:none;transition:background .2s,border-color .2s}.column-button:hover{background:#e5e7eb;border-color:#d1d5db}.mega-image-card{display:block;position:relative;width:100%;height:180px;border-radius:10px;overflow:hidden;text-decoration:none}.mega-image-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.mega-image-card:hover img{transform:scale(1.05)}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:#fff}.image-title{font-size:16px;font-weight:700;margin:0 0 4px}.image-subtitle{font-size:13px;margin:0 0 8px;opacity:.9}.image-button{display:inline-block;padding:6px 12px;background:var(--header-hover, #0891b2);border-radius:4px;font-size:12px;font-weight:500;color:#fff;align-self:flex-start}.mega-column.product-column{display:flex}.mega-product-card{display:flex;flex-direction:column;width:100%;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;text-decoration:none;transition:border-color .2s,box-shadow .2s}.mega-product-card:hover{border-color:var(--header-hover, #0891b2);box-shadow:0 4px 12px #0000001a}.mega-product-card img{width:100%;height:140px;object-fit:cover}.product-image-placeholder{width:100%;height:140px;background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.product-info{padding:12px;display:flex;flex-direction:column;gap:4px}.product-info .product-name{font-size:14px;font-weight:600;color:var(--mega-menu-text, #1f2937);margin:0}.product-info .product-price{font-size:14px;font-weight:700;color:var(--header-hover, #0891b2)}.header-actions{display:flex;align-items:center;gap:16px}.header-action-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--header-menu-text, #1f2937);cursor:pointer;padding:8px;border-radius:6px;transition:color .2s,background .2s;position:relative}.header-3 .header-action-btn{color:var(--header-menu-text, #ffffff)}.header-action-btn:hover{color:var(--header-hover, #0891b2);background:#f3f4f6}.header-3 .header-action-btn:hover{background:#ffffff1a;color:var(--header-hover, #0891b2)}.header-action-btn.cart{position:relative}.cart-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;background:var(--header-highlight-bg, #0891b2);color:#fff;font-size:10px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.header-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;flex:1;max-width:300px;transition:border-color .2s,box-shadow .2s}.header-search:hover{border-color:#d1d5db}.header-search:focus-within{border-color:var(--header-hover, #0891b2);box-shadow:0 0 0 3px #0891b21a}.header-search svg{color:#9ca3af;flex-shrink:0}.header-search:focus-within svg{color:var(--header-hover, #0891b2)}.header-search input{flex:1;border:none;background:none;font-size:14px;color:var(--header-text, #1f2937);outline:none;min-width:0}.header-search input::placeholder{color:#9ca3af}.header-search-expandable{position:relative}.header-search-expandable .search-input-wrapper{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;animation:searchExpand .2s ease-out;min-width:200px}@keyframes searchExpand{0%{opacity:0;transform:scale(.9);min-width:40px}to{opacity:1;transform:scale(1);min-width:200px}}.header-search-expandable .search-input-wrapper svg{color:var(--header-hover, #0891b2);flex-shrink:0}.header-search-expandable .search-input-wrapper input{flex:1;border:none;background:none;font-size:14px;color:var(--header-text, #1f2937);outline:none;min-width:0}.header-search-expandable .search-input-wrapper input::placeholder{color:#9ca3af}.header-3 .header-search-expandable .search-input-wrapper{background:#fffffff2}.header-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:#1f2937;color:#fff;font-size:12px}.header-top-bar .header-actions{gap:12px}.header-top-bar .header-action-btn{color:#fff;padding:4px}.header-top-bar .header-action-btn:hover{background:#ffffff1a}.header-top-bar .cart-badge{background:var(--header-highlight-bg, #0891b2)}.header-preview.header-2{text-align:center}.header-preview.header-2 .header-logo-text{font-size:24px}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;background:none;border:none;color:var(--header-text, #1f2937);cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.header-3 .mobile-menu-toggle{color:#fff}.mobile-menu-toggle:hover{background:#0000000d}.header-3 .mobile-menu-toggle:hover{background:#ffffff1a}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9998;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu{display:none;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85%;background:#fff;z-index:9999;transform:translate(-100%);transition:transform .3s ease;flex-direction:column;box-shadow:4px 0 20px #00000026;overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.mobile-menu-header .header-logo{flex:1}.mobile-menu-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s,color .2s}.mobile-menu-close:hover{background:#f3f4f6;color:#1f2937}.mobile-search{display:flex;align-items:center;gap:10px;margin:16px 20px;padding:12px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px}.mobile-search svg{color:#9ca3af;flex-shrink:0}.mobile-search input{flex:1;border:none;background:none;font-size:15px;color:#1f2937;outline:none}.mobile-search input::placeholder{color:#9ca3af}.mobile-nav{flex:1;overflow-y:auto;padding:12px 0}.mobile-nav-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:15px;font-weight:500;color:#1f2937;text-decoration:none;border:none;background:none;width:100%;cursor:pointer;transition:background-color .2s}.mobile-nav-item:hover{background:#f9fafb}.mobile-nav-item.highlighted{color:var(--header-hover, #0891b2);font-weight:600}.mobile-nav-item.has-submenu{justify-content:space-between}.mobile-nav-item .submenu-arrow{color:#9ca3af;transition:transform .2s}.mobile-nav-item .submenu-arrow.open{transform:rotate(180deg)}.mobile-nav-submenu{border-bottom:1px solid #f3f4f6}.mobile-submenu-content{background:#f9fafb;padding:12px 20px 16px}.mobile-link-group{margin-bottom:16px}.mobile-link-group:last-child{margin-bottom:0}.mobile-group-title{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.mobile-group-links{list-style:none;padding:0;margin:0}.mobile-group-links li a{display:flex;align-items:center;gap:8px;padding:10px 0;font-size:14px;color:#4b5563;text-decoration:none;border-bottom:1px solid #e5e7eb}.mobile-group-links li:last-child a{border-bottom:none}.mobile-group-links li a:hover{color:var(--header-hover, #0891b2)}.mobile-image-card{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;text-decoration:none;color:#1f2937;margin-bottom:12px;border:1px solid #e5e7eb}.mobile-image-card img{width:60px;height:60px;object-fit:cover;border-radius:6px}.mobile-image-card span{font-size:14px;font-weight:500}.mobile-product-card{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;text-decoration:none;color:#1f2937;margin-bottom:12px;border:1px solid #e5e7eb}.mobile-product-card img{width:60px;height:60px;object-fit:cover;border-radius:6px}.mobile-product-info{display:flex;flex-direction:column;gap:4px}.mobile-product-info span:first-child{font-size:14px;font-weight:500}.mobile-product-price{font-size:14px;font-weight:700;color:var(--header-hover, #0891b2)!important}.mobile-menu-footer{padding:16px 20px;border-top:1px solid #e5e7eb}.mobile-footer-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f3f4f6;border-radius:8px;color:#1f2937;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .2s}.mobile-footer-link:hover{background:#e5e7eb}.canvas-frame.tablet .mega-menu-dropdown{min-width:400px}.canvas-frame.tablet .mega-column.image-column{display:none}.canvas-frame.tablet .mobile-menu-toggle{display:flex;order:-1}.canvas-frame.tablet .mobile-menu-overlay{display:block}.canvas-frame.tablet .mobile-menu{display:flex}.canvas-frame.tablet .desktop-only{display:none!important}.canvas-frame.tablet .header-container{padding:12px 16px;gap:12px}.canvas-frame.tablet .header-container.centered{justify-content:space-between}.canvas-frame.tablet .header-container.centered .header-logo{flex:1;justify-content:center}.canvas-frame.tablet .header-nav-bar,.canvas-frame.tablet .header-search{display:none}.canvas-frame.tablet .header-actions{gap:8px}.canvas-frame.tablet .header-action-btn{padding:6px}.canvas-frame.tablet .header-top-bar-new{gap:8px;padding:6px 16px;font-size:12px}.canvas-frame.tablet .header-top-bar-new .topbar-left{gap:12px}.canvas-frame.tablet .header-top-bar-new .topbar-right{display:none!important}.canvas-frame.mobile .mega-menu-dropdown{min-width:300px}.canvas-frame.mobile .mega-column.image-column,.canvas-frame.mobile .mega-column.product-column{display:none}.canvas-frame.mobile .mobile-menu-toggle{display:flex;order:-1}.canvas-frame.mobile .mobile-menu-overlay{display:block}.canvas-frame.mobile .mobile-menu{display:flex}.canvas-frame.mobile .desktop-only{display:none!important}.canvas-frame.mobile .header-container{padding:10px 12px;gap:8px}.canvas-frame.mobile .header-container.centered{justify-content:space-between}.canvas-frame.mobile .header-container.centered .header-logo{flex:1;justify-content:center}.canvas-frame.mobile .header-nav-bar,.canvas-frame.mobile .header-search{display:none}.canvas-frame.mobile .header-actions{gap:6px}.canvas-frame.mobile .header-action-btn{padding:4px}.canvas-frame.mobile .header-logo-text{font-size:16px}.canvas-frame.mobile .header-logo-img{max-width:100px;max-height:32px;width:auto!important;height:auto!important}.canvas-frame.mobile .header-top-bar{flex-direction:column;gap:8px;text-align:center;padding:8px 12px}.canvas-frame.mobile .header-top-bar span{font-size:11px}.canvas-frame.mobile .header-news-bar{font-size:11px;padding:6px 0}.canvas-frame.mobile .cart-badge{min-width:14px;height:14px;font-size:9px}.canvas-frame.mobile .header-top-bar-new{padding:6px 12px!important;font-size:11px}.canvas-frame.mobile .header-top-bar-new .topbar-left{flex:1!important;justify-content:space-between!important;gap:8px}.canvas-frame.mobile .header-top-bar-new .topbar-right{display:none!important}@media (max-width: 1100px){.mega-menu-dropdown,.mega-menu-dropdown.single-row{max-width:calc(100vw - 32px)}}@media (max-width: 900px){.mobile-menu-toggle{display:flex;order:-1}.mobile-menu-overlay{display:block}.mobile-menu{display:flex}.desktop-only{display:none!important}.header-container{padding:12px 16px;gap:12px}.header-container.centered{justify-content:space-between}.header-container.centered .header-logo{flex:1;justify-content:center}.header-nav-bar,.header-search{display:none}.header-actions{gap:8px}.header-action-btn{padding:6px}}@media (max-width: 600px){.header-container{padding:10px 12px;gap:8px}.header-logo-text{font-size:16px}.header-logo-img{max-width:100px;max-height:32px;width:auto!important;height:auto!important}.header-top-bar{flex-direction:column;gap:8px;text-align:center;padding:8px 12px}.header-top-bar span{font-size:11px}.header-news-bar{font-size:11px;padding:6px 0}.cart-badge{min-width:14px;height:14px;font-size:9px}.header-top-bar-new{padding:6px 12px!important;font-size:11px}.header-top-bar-new .topbar-left{flex:1!important;justify-content:space-between!important;gap:8px}.header-top-bar-new .topbar-right{display:none!important}}.header-preview.transparent{position:absolute;top:0;left:0;right:0;z-index:100;background:transparent}.header-preview.transparent .header-container{background:transparent}.header-preview.transparent .header-row-1,.header-preview.transparent .header-row-2{background:transparent!important}.header-preview.transparent .header-top-bar-new{background:var(--topbar-bg, #1f2937)}.header-preview.transparent .header-main-bar{background:transparent}.header-preview.two-row .header-row-1{background:var(--header-bg, #ffffff);border-bottom:1px solid rgba(0,0,0,.05)}.header-preview.two-row .header-row-2-wrapper{background:var(--header-nav-bg, #1f2937)}.header-preview.two-row .header-row-2{display:flex;padding:0 24px;max-width:1200px;margin:0 auto}.header-preview.two-row .header-row-2 .header-nav{display:flex;width:100%;padding:12px 0}.header-preview.two-row .header-row-2 .header-nav .header-nav-item{color:var(--header-menu-text, #ffffff)}.header-preview.two-row .header-row-2 .header-nav .header-nav-item:hover{background:#ffffff1a;color:var(--header-hover, #0891b2)}.header-preview.two-row .header-row-2 .header-nav.align-left{justify-content:flex-start;margin:0}.header-preview.two-row .header-row-2 .header-nav.align-center{justify-content:center;margin:0}.header-preview.two-row .header-row-2 .header-nav.align-right{justify-content:flex-end;margin:0}.header-preview.transparent.two-row .header-row-2-wrapper{background:transparent!important}.header-nav.align-left{margin-right:auto;margin-left:24px}.header-nav.align-center{flex:1;justify-content:center}.header-nav.align-right{margin-left:auto;margin-right:0}.header-nav-bar.align-left{justify-content:flex-start}.header-nav-bar.align-center{justify-content:center}.header-nav-bar.align-right{justify-content:flex-end}.header-top-bar-new{display:flex;align-items:center;justify-content:space-between;background:var(--topbar-bg, #1f2937);color:var(--topbar-text, #ffffff);padding:6px 24px;font-size:12px}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-link{display:flex;align-items:center;gap:6px;color:inherit;text-decoration:none;opacity:.9;transition:opacity .15s}.topbar-link:hover{opacity:1}.topbar-text{opacity:.9}.topbar-social{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:inherit;opacity:.8;transition:opacity .15s,transform .15s}.topbar-social:hover{opacity:1;transform:scale(1.1)}[dir=rtl] .header-preview,.header-preview.rtl{direction:rtl}[dir=rtl] .header-container,.header-preview.rtl .header-container{flex-direction:row-reverse}[dir=rtl] .header-logo,.header-preview.rtl .header-logo{order:3}[dir=rtl] .header-nav,.header-preview.rtl .header-nav{order:2;flex-direction:row-reverse}[dir=rtl] .header-actions,.header-preview.rtl .header-actions{order:1;flex-direction:row-reverse}[dir=rtl] .header-nav-item,.header-preview.rtl .header-nav-item,[dir=rtl] .header-nav-item .mega-trigger,.header-preview.rtl .header-nav-item .mega-trigger{flex-direction:row-reverse}[dir=rtl] .header-nav-item .mega-trigger svg,.header-preview.rtl .header-nav-item .mega-trigger svg{order:1;margin-left:6px;margin-right:0}[dir=rtl] .header-nav-item .mega-trigger span,.header-preview.rtl .header-nav-item .mega-trigger span{order:2}[dir=rtl] .header-search,.header-preview.rtl .header-search{flex-direction:row-reverse}[dir=rtl] .header-search input,.header-preview.rtl .header-search input{text-align:right;direction:rtl}[dir=rtl] .header-search svg,.header-preview.rtl .header-search svg{order:2;margin-left:8px;margin-right:0}[dir=rtl] .header-search-expandable,.header-preview.rtl .header-search-expandable{direction:rtl}[dir=rtl] .search-input-wrapper,.header-preview.rtl .search-input-wrapper{flex-direction:row-reverse}[dir=rtl] .search-input-wrapper input,.header-preview.rtl .search-input-wrapper input{text-align:right;direction:rtl}[dir=rtl] .search-input-wrapper svg,.header-preview.rtl .search-input-wrapper svg{order:2;margin-left:8px;margin-right:0}[dir=rtl] .mega-menu-dropdown,.header-preview.rtl .mega-menu-dropdown{direction:rtl;text-align:right}[dir=rtl] .mega-column,.header-preview.rtl .mega-column,[dir=rtl] .group-title,.header-preview.rtl .group-title,[dir=rtl] .group-links,.header-preview.rtl .group-links,[dir=rtl] .group-links a,.header-preview.rtl .group-links a{text-align:right}[dir=rtl] .group-links .link-icon,.header-preview.rtl .group-links .link-icon{order:2;margin-left:8px;margin-right:0}[dir=rtl] .mobile-menu,.header-preview.rtl .mobile-menu{direction:rtl;right:auto;left:0;transform:translate(-100%)}[dir=rtl] .mobile-menu.open,.header-preview.rtl .mobile-menu.open{transform:translate(0)}[dir=rtl] .mobile-menu-header,.header-preview.rtl .mobile-menu-header{flex-direction:row-reverse}[dir=rtl] .mobile-menu-close,.header-preview.rtl .mobile-menu-close{order:1}[dir=rtl] .mobile-menu-header .header-logo,.header-preview.rtl .mobile-menu-header .header-logo{order:2}[dir=rtl] .mobile-search,.header-preview.rtl .mobile-search{flex-direction:row-reverse}[dir=rtl] .mobile-search input,.header-preview.rtl .mobile-search input{text-align:right;direction:rtl}[dir=rtl] .mobile-search svg,.header-preview.rtl .mobile-search svg{order:2;margin-left:8px;margin-right:0}[dir=rtl] .mobile-nav-item,.header-preview.rtl .mobile-nav-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .mobile-nav-item.has-submenu,.header-preview.rtl .mobile-nav-item.has-submenu{flex-direction:row-reverse}[dir=rtl] .mobile-nav-item.has-submenu span,.header-preview.rtl .mobile-nav-item.has-submenu span{order:2}[dir=rtl] .mobile-nav-item.has-submenu .submenu-arrow,.header-preview.rtl .mobile-nav-item.has-submenu .submenu-arrow{order:1;margin-left:0;margin-right:auto}[dir=rtl] .mobile-submenu-content,.header-preview.rtl .mobile-submenu-content{direction:rtl;text-align:right}[dir=rtl] .mobile-group-title,.header-preview.rtl .mobile-group-title,[dir=rtl] .mobile-group-links,.header-preview.rtl .mobile-group-links{text-align:right}[dir=rtl] .mobile-group-links a,.header-preview.rtl .mobile-group-links a,[dir=rtl] .mobile-footer-link,.header-preview.rtl .mobile-footer-link{flex-direction:row-reverse;text-align:right}[dir=rtl] .mobile-footer-link svg,.header-preview.rtl .mobile-footer-link svg{order:2;margin-left:8px;margin-right:0}[dir=rtl] .mobile-footer-link span,.header-preview.rtl .mobile-footer-link span{order:1}[dir=rtl] .header-top-bar-new,.header-preview.rtl .header-top-bar-new{flex-direction:row-reverse}[dir=rtl] .topbar-left,.header-preview.rtl .topbar-left{order:2;flex-direction:row-reverse}[dir=rtl] .topbar-right,.header-preview.rtl .topbar-right{order:1;flex-direction:row-reverse}[dir=rtl] .header-row-1,.header-preview.rtl .header-row-1,[dir=rtl] .header-row-2-wrapper,.header-preview.rtl .header-row-2-wrapper,[dir=rtl] .header-row-2,.header-preview.rtl .header-row-2,[dir=rtl] .header-news-bar,.header-preview.rtl .header-news-bar{direction:rtl}[dir=rtl] .news-bar-track,.header-preview.rtl .news-bar-track{animation:scroll-news-rtl linear infinite}@keyframes scroll-news-rtl{0%{transform:translate(0)}to{transform:translate(33.33%)}}.footer-preview{width:100%;background:var(--footer-bg, #1f2937);color:var(--footer-text, #9ca3af)}.footer-container{max-width:1200px;margin:0 auto;padding:48px 24px 24px}.footer-container.centered{text-align:center}.footer-grid{display:grid;gap:32px}.footer-grid.four-cols{grid-template-columns:repeat(4,1fr)}.footer-grid.three-cols{grid-template-columns:repeat(3,1fr)}.footer-heading{font-size:var(--footer-heading-size, 14px);font-weight:var(--footer-heading-weight, 600);color:var(--footer-heading, #ffffff);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-links li{display:block}.footer-links a{font-size:var(--footer-link-size, 13px);color:var(--footer-link, #d1d5db);text-decoration:none;transition:color .2s;display:block}.footer-links a:hover{color:var(--footer-heading, #ffffff)}.footer-links-inline{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0}.footer-links-inline.compact{margin:8px 0}.footer-links-inline a{font-size:var(--footer-link-size, 13px);color:var(--footer-link, #d1d5db);text-decoration:none;transition:color .2s}.footer-links-inline a:hover{color:var(--footer-heading, #ffffff)}.link-separator{color:var(--footer-text, #9ca3af);margin:0 4px}.footer-links-row{text-align:center}.footer-links-row .footer-heading{margin-bottom:12px}.footer-centered-links{display:flex;justify-content:center;gap:48px;margin:24px 0}.footer-links-column,.footer-links-column .footer-links{text-align:center}.footer-minimal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px;text-align:left}.footer-contact{list-style:none;padding:0;margin:0}.footer-contact li{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:var(--footer-link-size, 13px);color:var(--footer-link, #d1d5db)}.footer-contact svg{flex-shrink:0;color:var(--footer-accent, #0891b2)}.footer-contact-inline{display:flex;gap:24px}.footer-contact-inline .contact-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--footer-link, #d1d5db)}.footer-contact-inline .contact-item svg{color:var(--footer-accent, #0891b2)}.footer-social{display:flex;gap:12px}.footer-social.centered{justify-content:center;margin-bottom:24px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border-radius:8px;color:var(--footer-link, #d1d5db);transition:background .2s,color .2s}.social-link:hover{background:var(--footer-accent, #0891b2);color:#fff}.social-link.small{width:28px;height:28px}.social-link.small svg{width:14px;height:14px}.footer-divider{height:1px;background:#ffffff1a;margin:32px 0}.footer-bottom-row{display:flex;justify-content:space-between;align-items:center}.footer-bottom{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom.centered{margin-top:24px}.footer-bottom p,.footer-bottom-row .copyright{font-size:12px;color:var(--footer-text, #9ca3af);margin:0}.canvas-frame.tablet .footer-container{padding:36px 20px 20px}.canvas-frame.tablet .footer-grid{gap:24px}.canvas-frame.tablet .footer-grid.four-cols,.canvas-frame.tablet .footer-grid.three-cols{grid-template-columns:repeat(2,1fr)}.canvas-frame.tablet .footer-heading{font-size:13px;margin-bottom:12px}.canvas-frame.tablet .footer-links a,.canvas-frame.tablet .footer-links-inline a,.canvas-frame.tablet .footer-contact li{font-size:12px}.canvas-frame.tablet .footer-bottom-row{flex-direction:column;gap:12px;text-align:center}.canvas-frame.tablet .footer-contact-inline{flex-direction:column;gap:8px;align-items:center}.canvas-frame.tablet .social-link{width:32px;height:32px}.canvas-frame.mobile .footer-container{padding:24px 12px 12px}.canvas-frame.mobile .footer-grid{gap:20px}.canvas-frame.mobile .footer-grid.four-cols,.canvas-frame.mobile .footer-grid.three-cols{grid-template-columns:1fr;text-align:center}.canvas-frame.mobile .footer-heading{font-size:12px;margin-bottom:10px}.canvas-frame.mobile .footer-links a,.canvas-frame.mobile .footer-links-inline a{font-size:11px}.canvas-frame.mobile .footer-links li{margin-bottom:8px}.canvas-frame.mobile .footer-contact{justify-content:center}.canvas-frame.mobile .footer-contact li{font-size:11px;margin-bottom:8px;justify-content:center}.canvas-frame.mobile .footer-social{justify-content:center}.canvas-frame.mobile .social-link{width:28px;height:28px}.canvas-frame.mobile .social-link svg{width:14px;height:14px}.canvas-frame.mobile .footer-divider{margin:20px 0}.canvas-frame.mobile .footer-bottom{margin-top:16px;padding-top:16px}.canvas-frame.mobile .footer-bottom p,.canvas-frame.mobile .footer-bottom-row .copyright{font-size:10px}.canvas-frame.mobile .footer-links-inline{flex-direction:column;gap:8px;margin:16px 0}.canvas-frame.mobile .link-separator{display:none}.canvas-frame.mobile .footer-contact-inline{flex-direction:column;gap:6px;align-items:center}.canvas-frame.mobile .footer-contact-inline .contact-item{font-size:10px}.canvas-frame.mobile .footer-centered-links{flex-direction:column;gap:24px}.canvas-frame.mobile .footer-minimal-grid{grid-template-columns:1fr;gap:20px;text-align:center}.canvas-frame.mobile .footer-minimal-grid .footer-contact{justify-content:center}.canvas-frame.tablet .footer-centered-links{gap:32px}.canvas-frame.tablet .footer-minimal-grid{gap:24px}@media (max-width: 900px){.footer-grid.four-cols,.footer-grid.three-cols{grid-template-columns:repeat(2,1fr)}.footer-bottom-row{flex-direction:column;gap:16px;text-align:center}.footer-contact-inline{flex-direction:column;gap:8px;align-items:center}}@media (max-width: 600px){.footer-container{padding:32px 16px 16px}.footer-grid.four-cols,.footer-grid.three-cols{grid-template-columns:1fr}.footer-links-inline{flex-direction:column;gap:12px}.link-separator{display:none}.footer-centered-links{flex-direction:column;gap:24px}.footer-minimal-grid{grid-template-columns:1fr;text-align:center}.footer-minimal-grid .footer-contact{justify-content:center}}[dir=rtl] .footer-preview,.footer-preview.rtl{direction:rtl;text-align:right}[dir=rtl] .footer-container,.footer-preview.rtl .footer-container{direction:rtl}[dir=rtl] .footer-container.centered,.footer-preview.rtl .footer-container.centered{text-align:center}[dir=rtl] .footer-grid,.footer-preview.rtl .footer-grid{direction:rtl}[dir=rtl] .footer-col,.footer-preview.rtl .footer-col{text-align:right;direction:rtl}[dir=rtl] .footer-heading,.footer-preview.rtl .footer-heading,[dir=rtl] .footer-links,.footer-preview.rtl .footer-links,[dir=rtl] .footer-links a,.footer-preview.rtl .footer-links a{text-align:right}[dir=rtl] .footer-contact,.footer-preview.rtl .footer-contact{direction:rtl}[dir=rtl] .footer-contact li,.footer-preview.rtl .footer-contact li{text-align:right}[dir=rtl] .footer-contact li svg,.footer-preview.rtl .footer-contact li svg{order:2;margin-left:10px;margin-right:0}[dir=rtl] .footer-contact li span,.footer-preview.rtl .footer-contact li span{order:1;text-align:right}[dir=rtl] .footer-social,.footer-preview.rtl .footer-social{flex-direction:row-reverse}[dir=rtl] .footer-social.centered,.footer-preview.rtl .footer-social.centered{justify-content:center}[dir=rtl] .footer-bottom,.footer-preview.rtl .footer-bottom{text-align:center;direction:rtl}[dir=rtl] .footer-bottom p,.footer-preview.rtl .footer-bottom p{text-align:center}[dir=rtl] .footer-bottom-row,.footer-preview.rtl .footer-bottom-row{flex-direction:row-reverse}[dir=rtl] .footer-bottom-row .copyright,.footer-preview.rtl .footer-bottom-row .copyright{text-align:right;order:2}[dir=rtl] .footer-bottom-row .footer-social,.footer-preview.rtl .footer-bottom-row .footer-social{order:1}[dir=rtl] .footer-centered-links,.footer-preview.rtl .footer-centered-links{flex-direction:row-reverse}[dir=rtl] .footer-links-column,.footer-preview.rtl .footer-links-column{text-align:center}[dir=rtl] .footer-minimal-grid,.footer-preview.rtl .footer-minimal-grid{direction:rtl;text-align:right}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#1f2937;color:#fff}.preview-header .header-logo{font-size:18px;font-weight:700;padding:8px 16px;background:#374151;border-radius:4px}.header-nav{display:flex;gap:24px}.preview-header .header-nav-link{color:#fff;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:4px}.preview-header .header-nav-arrow{font-size:10px}.header-actions{display:flex;align-items:center;gap:16px;color:#fff}.cart-icon{position:relative}.cart-badge{position:absolute;top:-6px;right:-6px;background:#0891b2;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px}.preview-banner{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;overflow:hidden}.banner-background-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.preview-banner>div:not(.banner-background-container):not(.banner-dots){z-index:10!important}.banner-slider,.banner-slide{position:absolute;top:0;right:0;bottom:0;left:0}.banner-slide img{width:100%;height:100%}.banner-mosaic{position:absolute;top:0;right:0;bottom:0;left:0;padding:0}.banner-mosaic .mosaic-item{position:relative;overflow:hidden;background:#e5e7eb}.banner-mosaic .mosaic-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.banner-mosaic .mosaic-item:hover img{transform:scale(1.05)}.preview-banner.mosaic-mode{padding:0}.banner-mosaic .mosaic-item{background:linear-gradient(145deg,#f0f0f0,#e0e0e0)}.banner-placeholder{display:flex;align-items:center;justify-content:center;color:#fff9;font-size:16px}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.banner-title-text{margin:0 0 8px;line-height:1.2}.banner-subtitle-text{margin:0;font-size:.4em;font-weight:400;opacity:.9}.banner-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1f2937;z-index:20;transition:all .2s}.banner-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.banner-nav.prev{left:16px}.banner-nav.next{right:16px}.banner-dots{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:20}.banner-dot{width:10px;height:10px;background:#ffffff80;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.banner-dot.active{background:#fff;transform:scale(1.2)}.banner-dot:hover{background:#fffc}.banner-paused-indicator{position:absolute;top:16px;right:16px;background:#0009;color:#fff;padding:6px 10px;border-radius:6px;font-size:14px;z-index:3}.banner-cta-btn{display:inline-block;margin-top:20px;text-decoration:none;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid}.banner-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.banner-btn-small{padding:8px 16px;font-size:13px}.banner-btn-medium{padding:12px 24px;font-size:15px}.banner-btn-large{padding:16px 32px;font-size:17px}.banner-btn-solid{border-color:transparent}.banner-btn-outline{background:transparent!important}.banner-btn-ghost{background:transparent!important;border-color:transparent!important}.banner-btn-ghost:hover{background:#ffffff1a!important}.banner-countdown{display:flex;gap:8px;margin:16px 0}.countdown-small .countdown-box{padding:8px 12px;min-width:45px}.countdown-small .countdown-value{font-size:18px}.countdown-small .countdown-label{font-size:9px}.countdown-medium .countdown-box{padding:12px 16px;min-width:60px}.countdown-medium .countdown-value{font-size:28px}.countdown-medium .countdown-label{font-size:10px}.countdown-large .countdown-box{padding:16px 20px;min-width:80px}.countdown-large .countdown-value{font-size:42px}.countdown-large .countdown-label{font-size:12px}.countdown-boxes{display:flex;gap:10px}.countdown-box{display:flex;flex-direction:column;align-items:center;background:var(--countdown-bg);border-radius:8px}.countdown-value{font-weight:700;color:var(--countdown-text);line-height:1;font-variant-numeric:tabular-nums}.countdown-label{color:var(--countdown-label);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.countdown-inline{display:flex;align-items:center;font-weight:700;font-variant-numeric:tabular-nums;background:var(--countdown-bg);padding:12px 20px;border-radius:8px}.countdown-inline span{color:var(--countdown-text)}.countdown-small .countdown-inline{font-size:20px;padding:8px 14px}.countdown-medium .countdown-inline{font-size:32px;padding:12px 20px}.countdown-large .countdown-inline{font-size:48px;padding:16px 28px}.countdown-sep{opacity:.6;margin:0 2px}.countdown-minimal{font-weight:600;color:var(--countdown-text);background:var(--countdown-bg);padding:8px 16px;border-radius:20px}.countdown-small .countdown-minimal{font-size:14px}.countdown-medium .countdown-minimal{font-size:18px}.countdown-large .countdown-minimal{font-size:24px}.preview-banner.slide-transition .banner-slider{display:flex}.preview-banner.flip-transition{transform-style:preserve-3d}.banner-background-container.coverflow-mode{perspective:1000px;perspective-origin:50% 50%}.banner-coverflow-slider{transform-style:preserve-3d}.coverflow-slide{cursor:pointer;backface-visibility:hidden}.coverflow-slide:hover{filter:brightness(1.05)}.coverflow-slide img{display:block;pointer-events:none}.coverflow-mode~.banner-dots{bottom:10px}.coverflow-mode~.banner-nav{z-index:20}.preview-product-grid{padding:40px 24px}.section-title{font-size:24px;font-weight:600;margin:0 0 24px;color:#1f2937}.product-grid{display:grid;gap:20px;align-items:stretch}.product-grid>*{height:100%}.product-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.product-image{aspect-ratio:1;background:#f9fafb;display:flex;align-items:center;justify-content:center;padding:20px}.product-placeholder{width:100%;height:auto}.preview-text-block{padding:60px 40px;text-align:center}.text-title{font-size:28px;font-weight:600;margin:0 0 16px;color:#1f2937}.text-content{font-size:16px;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}[dir=rtl] .preview-text-block,.preview-text-block.rtl{direction:rtl;text-align:right}[dir=rtl] .text-title,.preview-text-block.rtl .text-title{text-align:center}[dir=rtl] .text-content,.preview-text-block.rtl .text-content{text-align:right;direction:rtl}.preview-testimonials{padding:60px 24px;background:#f9fafb}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.testimonial-stars{display:flex;gap:4px;margin-bottom:12px}.testimonial-text{font-size:14px;color:#4b5563;margin:0 0 12px;font-style:italic}.testimonial-name{font-size:13px;color:#9ca3af}.preview-faq{padding:60px 24px}.faq-list{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid #e5e7eb}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:15px;color:#1f2937;cursor:pointer}.preview-form{--form-bg: #f9fafb;--form-text: #1f2937;--form-button-bg: #0891b2;--form-button-text: #ffffff;--form-button-radius: 8px;--form-input-radius: 6px;--form-accent: #0891b2;padding:60px 24px;background:var(--form-bg);color:var(--form-text)}.preview-form .section-title{font-size:28px;font-weight:700;text-align:center;margin:0 0 12px;color:var(--form-text)}.preview-form .section-subtitle{font-size:15px;text-align:center;margin:0 0 32px;color:var(--form-text);opacity:.7}.preview-form .form-content{max-width:600px;margin:0 auto}.preview-form .form-container{max-width:500px;margin:0 auto}.preview-form.form-contact .form-container{background:#fff;padding:28px;border-radius:12px;box-shadow:0 2px 8px #00000014}.preview-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0}.preview-form .form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.preview-form .form-field label{font-size:14px;font-weight:500;color:#374151}.preview-form .form-field label .required{color:#ef4444}.preview-form .form-field input,.preview-form .form-field textarea{padding:12px 14px;border:1px solid #d1d5db;border-radius:var(--form-input-radius);font-size:14px;background:#fff;color:#1f2937;width:100%;box-sizing:border-box}.preview-form .form-submit{width:100%;padding:14px 20px;background:var(--form-button-bg);color:var(--form-button-text);border:none;border-radius:var(--form-button-radius);font-size:15px;font-weight:600;cursor:pointer}.preview-form.form-newsletter .form-container{max-width:450px}.preview-form .newsletter-row{display:flex;gap:12px}.preview-form .newsletter-input{flex:1;padding:14px 16px;border:1px solid #d1d5db;border-radius:var(--form-input-radius);font-size:15px;background:#fff}.preview-form .newsletter-submit{width:auto;padding:14px 24px;white-space:nowrap}.preview-image-gallery{padding:40px 24px}.image-grid{display:grid;gap:16px}.image-placeholder{aspect-ratio:1;border-radius:8px;overflow:hidden}.placeholder-svg{width:100%;height:100%}.preview-footer{background:#1f2937;color:#fff;padding:40px 24px}.footer-content{text-align:center}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.footer-link{color:#9ca3af;text-decoration:none;font-size:14px;transition:color .2s}.footer-link:hover{color:#fff}.footer-copyright{margin:0;font-size:13px;color:#6b7280}.canvas-frame.tablet .preview-banner{min-height:250px}.canvas-frame.tablet .banner-title-text{font-size:32px!important}.canvas-frame.tablet .banner-subtitle-text{font-size:16px!important}.canvas-frame.tablet .banner-cta-btn{padding:12px 24px!important;font-size:15px!important}.canvas-frame.tablet .preview-product-grid{padding:30px 20px}.canvas-frame.tablet .section-title{font-size:20px;margin-bottom:24px}.canvas-frame.tablet .preview-text-block{padding:40px 24px}.canvas-frame.tablet .text-title{font-size:22px}.canvas-frame.tablet .text-content{font-size:14px}.canvas-frame.tablet .testimonials-grid{grid-template-columns:repeat(2,1fr);gap:16px}.canvas-frame.tablet .preview-faq{padding:40px 20px}.canvas-frame.tablet .preview-form{padding:48px 20px}.canvas-frame.tablet .preview-form .section-title{font-size:24px}.canvas-frame.tablet .preview-form.form-contact .form-container{padding:24px}.canvas-frame.tablet .preview-footer{padding:30px 20px}.canvas-frame.tablet .footer-links{gap:16px;flex-wrap:wrap}.canvas-frame.mobile .preview-banner{min-height:180px}.canvas-frame.mobile .preview-banner.mosaic-mode{min-height:200px}.canvas-frame.mobile .banner-mosaic.mosaic-2{grid-template-columns:1fr 1fr}.canvas-frame.mobile .banner-mosaic.mosaic-3,.canvas-frame.mobile .banner-mosaic.mosaic-4{grid-template-columns:1fr 1fr;grid-template-rows:1.5fr 1fr}.canvas-frame.mobile .banner-mosaic.mosaic-3 .mosaic-item-0,.canvas-frame.mobile .banner-mosaic.mosaic-4 .mosaic-item-0{grid-column:span 2}.canvas-frame.mobile .banner-mosaic.mosaic-5{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.canvas-frame.mobile .banner-mosaic.mosaic-5 .mosaic-item-0,.canvas-frame.mobile .banner-mosaic.mosaic-5 .mosaic-item-3{grid-row:span 2;grid-column:auto!important}.canvas-frame.mobile .banner-mosaic.mosaic-5 .mosaic-item-4{grid-column:span 2;grid-row:auto!important}.canvas-frame.mobile .banner-mosaic.mosaic-6{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.canvas-frame.mobile .banner-mosaic.mosaic-6 .mosaic-item-0,.canvas-frame.mobile .banner-mosaic.mosaic-6 .mosaic-item-5{grid-row:span 2;grid-column:auto!important}.canvas-frame.mobile .banner-mosaic .mosaic-item{min-height:60px}.canvas-frame.mobile .banner-title-text{font-size:22px!important;margin-bottom:6px!important}.canvas-frame.mobile .banner-subtitle-text{font-size:13px!important;margin-bottom:12px!important}.canvas-frame.mobile .banner-btn{padding:10px 20px;font-size:12px}.canvas-frame.mobile .banner-cta-btn{margin-top:12px}.canvas-frame.mobile .banner-btn-small{padding:6px 12px!important;font-size:11px!important}.canvas-frame.mobile .banner-btn-medium{padding:8px 16px!important;font-size:12px!important}.canvas-frame.mobile .banner-btn-large,.canvas-frame.mobile .banner-cta-btn{padding:10px 18px!important;font-size:13px!important}.canvas-frame.mobile .slider-nav{display:none}.canvas-frame.mobile .slider-dots{bottom:10px}.canvas-frame.mobile .slider-dots .dot{width:6px;height:6px}.canvas-frame.mobile .preview-product-grid{padding:20px 12px}.canvas-frame.mobile .section-title{font-size:18px;margin-bottom:16px}.canvas-frame.mobile .preview-text-block{padding:32px 16px}.canvas-frame.mobile .text-title{font-size:18px;margin-bottom:12px}.canvas-frame.mobile .text-content{font-size:13px}.canvas-frame.mobile .testimonials-grid{grid-template-columns:1fr;gap:12px}.canvas-frame.mobile .testimonial-card{padding:16px}.canvas-frame.mobile .testimonial-text{font-size:13px}.canvas-frame.mobile .preview-faq{padding:24px 16px}.canvas-frame.mobile .faq-question{font-size:13px;padding:12px 0}.canvas-frame.mobile .preview-form{padding:32px 16px}.canvas-frame.mobile .preview-form .section-title{font-size:22px;margin-bottom:8px}.canvas-frame.mobile .preview-form .section-subtitle{font-size:14px;margin-bottom:24px}.canvas-frame.mobile .preview-form .form-row{grid-template-columns:1fr;gap:0}.canvas-frame.mobile .preview-form .form-field label{font-size:13px}.canvas-frame.mobile .preview-form .form-field input,.canvas-frame.mobile .preview-form .form-field textarea{padding:10px 12px;font-size:14px}.canvas-frame.mobile .preview-form .form-submit{padding:12px 16px;font-size:14px}.canvas-frame.mobile .preview-form .newsletter-row{flex-direction:column}.canvas-frame.mobile .preview-form .newsletter-submit{width:100%}.canvas-frame.mobile .preview-form.form-contact .form-container{padding:20px 16px}.canvas-frame.mobile .preview-image-gallery{padding:20px 12px}.canvas-frame.mobile .preview-footer{padding:24px 16px}[dir=rtl] .preview-form,.preview-form.rtl{direction:rtl;text-align:right}[dir=rtl] .preview-form .section-title,.preview-form.rtl .section-title,[dir=rtl] .preview-form .section-subtitle,.preview-form.rtl .section-subtitle{text-align:center}[dir=rtl] .preview-form .form-content,.preview-form.rtl .form-content{direction:rtl;text-align:right}[dir=rtl] .preview-form .form-container,.preview-form.rtl .form-container{direction:rtl}[dir=rtl] .preview-form .form-field,.preview-form.rtl .form-field,[dir=rtl] .preview-form .form-field label,.preview-form.rtl .form-field label{text-align:right}[dir=rtl] .preview-form .form-field input,[dir=rtl] .preview-form .form-field textarea,.preview-form.rtl .form-field input,.preview-form.rtl .form-field textarea{text-align:right;direction:rtl}[dir=rtl] .preview-form .newsletter-row,.preview-form.rtl .newsletter-row{flex-direction:row-reverse}.canvas-frame.mobile .footer-links{flex-direction:column;gap:12px;align-items:center}.canvas-frame.mobile .footer-link{font-size:13px}.canvas-frame.mobile .footer-copyright{font-size:11px}[dir=rtl] .preview-banner,.preview-banner.rtl{direction:rtl}[dir=rtl] .banner-title-text,.preview-banner.rtl .banner-title-text,[dir=rtl] .banner-subtitle-text,.preview-banner.rtl .banner-subtitle-text{text-align:right}[dir=rtl] .banner-cta-btn,.preview-banner.rtl .banner-cta-btn{text-align:center}[dir=rtl] .banner-nav.prev,.preview-banner.rtl .banner-nav.prev{left:auto;right:16px}[dir=rtl] .banner-nav.next,.preview-banner.rtl .banner-nav.next{right:auto;left:16px}[dir=rtl] .preview-banner [style*="textAlign: 'left'"],.preview-banner.rtl [style*="textAlign: 'left'"]{text-align:right!important}[dir=rtl] .preview-banner [style*="textAlign: 'right'"],.preview-banner.rtl [style*="textAlign: 'right'"]{text-align:left!important}[dir=rtl] .banner-placeholder,.preview-banner.rtl .banner-placeholder{text-align:center}[dir=rtl] .banner-paused-indicator,.preview-banner.rtl .banner-paused-indicator{left:16px;right:auto}.product-card{display:flex;flex-direction:column;overflow:hidden;cursor:pointer;height:100%}.product-card-image{position:relative;width:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.product-image-placeholder svg{width:60%;height:60%;opacity:.5}.product-discount-badge{position:absolute;top:8px;left:8px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px}.product-card-content{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}.product-rating{display:flex;align-items:center;gap:4px}.rating-value{font-size:11px;color:#6b7280;margin-left:4px}.product-title{font-size:14px;font-weight:500;color:#1f2937;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{font-size:12px;color:#6b7280;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price-row{display:flex;align-items:center;gap:8px}.product-price{font-size:16px;font-weight:600;color:#1f2937}.product-original-price{font-size:13px;color:#9ca3af;text-decoration:line-through}.product-variants{display:flex;flex-direction:column;gap:8px;margin-top:4px}.variant-colors{display:flex;flex-wrap:wrap;gap:6px}.variant-color-dot{width:18px;height:18px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer;transition:transform .2s ease}.variant-color-dot:hover{transform:scale(1.15)}.variant-chips{display:flex;flex-wrap:wrap;gap:6px}.variant-chip{padding:3px 8px;background:#f3f4f6;border-radius:4px;font-size:11px;color:#374151;cursor:pointer;transition:background .2s ease}.variant-chip:hover{background:#e5e7eb}.product-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;cursor:pointer;margin-top:auto}.product-add-btn:hover{opacity:.9}.product-card-card-2{flex-direction:row}.product-card-card-2 .product-card-image{width:40%;flex-shrink:0}.product-card-card-2 .product-card-content{flex:1;justify-content:center}.product-card-card-3 .product-card-content{padding:8px}.product-card-card-3 .product-title{font-size:13px}.product-card-card-3 .product-add-btn{padding:8px 12px;font-size:12px}.product-card-card-4 .product-card-image{aspect-ratio:1 / 1!important}.product-card-card-4 .product-card-content{padding:16px;text-align:center}.product-card-card-4 .product-price-row{justify-content:center}.product-card-card-5{border:none!important;background:transparent!important}.product-card-card-5 .product-card-image{border-radius:8px;overflow:hidden}.product-card-card-5 .product-card-content{padding:12px 0}.product-card-card-5 .product-add-btn{width:100%}[dir=rtl] .product-card,.product-card.rtl{direction:rtl;text-align:right}[dir=rtl] .product-card-content,.product-card.rtl .product-card-content{text-align:right;direction:rtl}[dir=rtl] .product-rating,.product-card.rtl .product-rating{flex-direction:row-reverse}[dir=rtl] .rating-value,.product-card.rtl .rating-value{margin-left:0;margin-right:4px}[dir=rtl] .product-title,.product-card.rtl .product-title,[dir=rtl] .product-description,.product-card.rtl .product-description{text-align:right}[dir=rtl] .product-price-row,.product-card.rtl .product-price-row{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .product-price,.product-card.rtl .product-price{order:2}[dir=rtl] .product-original-price,.product-card.rtl .product-original-price{order:1}[dir=rtl] .product-variants,.product-card.rtl .product-variants{direction:rtl;text-align:right}[dir=rtl] .variant-colors,.product-card.rtl .variant-colors,[dir=rtl] .variant-chips,.product-card.rtl .variant-chips{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .product-discount-badge,.product-card.rtl .product-discount-badge{left:auto;right:8px}[dir=rtl] .product-add-btn,.product-card.rtl .product-add-btn{flex-direction:row-reverse;text-align:center}[dir=rtl] .product-add-btn svg,.product-card.rtl .product-add-btn svg{order:2;margin-left:8px;margin-right:0}[dir=rtl] .product-add-btn span,.product-card.rtl .product-add-btn span{order:1}[dir=rtl] .product-card-card-2,.product-card-card-2.rtl{flex-direction:row-reverse}[dir=rtl] .product-card-card-4 .product-card-content,.product-card-card-4.rtl .product-card-content{text-align:center;direction:rtl}[dir=rtl] .product-card-card-4 .product-price-row,.product-card-card-4.rtl .product-price-row{justify-content:center}.shein-grid>*,.trend-grid>*,.premium-display-grid>*,.premium-display-row-2>*,.deal-products>*,.collection-3-products>*{height:100%}.template-premium-detail{padding:40px 24px}.premium-detail-container{display:flex;gap:40px;background:#fff}.premium-detail-image{flex:1;position:relative;border-radius:12px;overflow:hidden;background:#f3f4f6;min-height:400px}.premium-detail-image .image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.live-badge{position:absolute;top:16px;left:16px;background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px}.premium-detail-content{flex:1;padding:20px 0}.premium-detail-content .product-name{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.premium-detail-content .product-price{font-size:24px;font-weight:600;color:#0891b2;margin:0 0 16px}.premium-detail-content .product-description{color:#6b7280;line-height:1.6;margin:0 0 24px}.detail-buttons{display:flex;gap:12px;margin-bottom:24px}.detail-buttons .btn-primary{padding:12px 24px;background:#0891b2;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.detail-buttons .btn-outline{padding:12px 24px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:600;cursor:pointer}.key-features h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 12px}.key-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.key-features li{color:#6b7280;font-size:14px}.template-shein-display{padding:40px 24px}.shein-grid{display:grid;align-items:stretch}.shein-grid>*{height:100%}.template-premium-tabs{padding:40px 24px}.premium-tabs-container{display:flex;gap:24px;background:#fff}.featured-image-section{flex:1}.featured-image{width:100%;aspect-ratio:3/4;border-radius:12px;position:relative;overflow:hidden}.featured-label{position:absolute;bottom:20px;left:20px;background:#fff;padding:12px 16px;border-radius:8px}.featured-label .label-title{display:block;font-weight:600;color:#1f2937;font-size:14px}.featured-label .label-subtitle{display:block;color:#0891b2;font-weight:600;font-size:18px}.featured-image-section .featured-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.featured-image-section .featured-add-btn:hover{opacity:.9}.products-list-section{flex:1;display:flex;flex-direction:column;gap:16px}.product-list-item{display:flex;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;align-items:center}.product-list-item .product-thumb{width:80px;height:80px;background:#e5e7eb;border-radius:8px;flex-shrink:0}.product-list-item .product-info{display:flex;flex-direction:column;gap:4px}.product-list-item .product-name{font-weight:500;color:#1f2937}.product-list-item .product-price{font-weight:600;color:#0891b2}.template-trend-products{padding:40px 24px;background:#f9fafb}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.trend-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.trend-dots{display:flex;gap:8px}.trend-dots .dot{width:8px;height:8px;background:#d1d5db;border-radius:50%}.trend-dots .dot.active{background:#0891b2;width:24px;border-radius:4px}.trend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.template-premium-display{padding:40px 24px}.premium-display-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch;margin-bottom:24px}.premium-product-item{display:flex;flex-direction:column}.color-variants{display:flex;gap:6px;margin-top:8px;padding:0 12px}.color-dot{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer}.premium-display-row-2{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch}.template-deal-of-day{padding:0}.deal-banner{background:linear-gradient(135deg,#1e3a5f,#0f172a);padding:40px;display:flex;justify-content:space-between;align-items:center}.deal-info{color:#fff}.deal-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:8px}.deal-title{font-size:32px;font-weight:700;margin:0 0 8px}.deal-subtitle{margin:0;opacity:.8}.countdown-timer{display:flex;gap:16px}.countdown-item{display:flex;flex-direction:column;align-items:center}.countdown-value{background:#0891b2;color:#fff;font-size:24px;font-weight:700;padding:12px 16px;border-radius:8px;min-width:60px;text-align:center}.countdown-label{color:#fff;font-size:11px;text-transform:uppercase;margin-top:6px;opacity:.8}.deal-products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:40px;align-items:stretch;background:#fff}.template-collection-2{padding:40px 24px}.collection-container{display:flex;gap:40px}.collection-image{flex:1;min-height:500px;border-radius:16px;position:relative;overflow:hidden}.collection-overlay-text{position:absolute;bottom:24px;left:24px;right:24px;background:#fff;padding:16px 20px;border-radius:8px;font-weight:500;color:#1f2937;font-size:14px}.collection-products{flex:1;display:flex;flex-direction:column}.collection-label{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px}.collection-description{color:#6b7280;margin:0 0 24px;line-height:1.6}.collection-product-item{display:flex;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;margin-bottom:16px;align-items:center}.collection-product-item .product-thumb{width:100px;height:100px;background:#e5e7eb;border-radius:8px;flex-shrink:0}.collection-product-item .product-info{display:flex;flex-direction:column;gap:6px}.collection-product-item .product-name{font-weight:500;color:#1f2937}.collection-product-item .product-price{font-weight:600;color:#0891b2;font-size:18px}.template-collection-3{padding:40px 24px}.collection-3-container{display:flex;flex-direction:column;gap:24px}.collection-3-top{text-align:center;padding:0 40px}.collection-3-products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;align-items:stretch}.collection-product-card{background:#f9fafb;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;height:100%}.collection-product-card .product-thumb{width:100%;aspect-ratio:1;background:#e5e7eb;border-radius:8px;margin-bottom:12px}.collection-product-card .product-info{display:flex;flex-direction:column;gap:4px;flex:1}.collection-product-card .product-name{font-weight:500;color:#1f2937;font-size:14px;flex:1}.collection-product-card .product-price{font-weight:600;color:#0891b2;margin-top:auto}.collection-3-image{width:100%;height:300px;border-radius:16px;position:relative;overflow:hidden}.collection-3-image .collection-overlay-text{position:absolute;bottom:24px;left:50%;transform:translate(-50%);white-space:normal;text-align:center;max-width:80%;background:#fffffff2;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;color:#1f2937;box-shadow:0 2px 8px #0000001a}.canvas-frame.tablet .template-premium-detail,.canvas-frame.tablet .template-shein-inspired,.canvas-frame.tablet .template-trend-showcase,.canvas-frame.tablet .template-premium-display,.canvas-frame.tablet .template-flash-deals,.canvas-frame.tablet .template-premium-tabs,.canvas-frame.tablet .template-collection-1,.canvas-frame.tablet .template-collection-2,.canvas-frame.tablet .template-collection-3{padding:30px 20px}.canvas-frame.tablet .premium-detail-container{gap:24px}.canvas-frame.tablet .premium-detail-image{min-height:300px}.canvas-frame.tablet .premium-detail-info h2{font-size:24px}.canvas-frame.tablet .shein-grid,.canvas-frame.tablet .trend-grid,.canvas-frame.tablet .premium-display-grid,.canvas-frame.tablet .premium-display-row-2,.canvas-frame.tablet .deal-products,.canvas-frame.tablet .collection-3-products{grid-template-columns:repeat(2,1fr)!important;gap:16px}.canvas-frame.tablet .deal-banner{padding:24px}.canvas-frame.tablet .deal-title{font-size:20px}.canvas-frame.tablet .collection-hero{min-height:250px}.canvas-frame.tablet .collection-3-container{gap:20px}.canvas-frame.tablet .collection-3-top{padding:0 20px}.canvas-frame.tablet .collection-3-top .section-title{font-size:22px}.canvas-frame.tablet .collection-3-top .collection-description{font-size:13px}.canvas-frame.tablet .collection-3-products{gap:16px;margin-top:20px}.canvas-frame.tablet .collection-product-card{padding:12px;display:flex;flex-direction:column;height:100%}.canvas-frame.tablet .collection-product-card .product-info{flex:1;display:flex;flex-direction:column}.canvas-frame.tablet .collection-product-card .product-name{font-size:13px;flex:1}.canvas-frame.tablet .collection-product-card .product-price{margin-top:auto}.canvas-frame.tablet .collection-3-image{height:200px;border-radius:12px}.canvas-frame.tablet .collection-3-image .collection-overlay-text{font-size:16px}.canvas-frame.mobile .template-premium-detail,.canvas-frame.mobile .template-shein-inspired,.canvas-frame.mobile .template-trend-showcase,.canvas-frame.mobile .template-premium-display,.canvas-frame.mobile .template-flash-deals,.canvas-frame.mobile .template-premium-tabs,.canvas-frame.mobile .template-collection-1,.canvas-frame.mobile .template-collection-2,.canvas-frame.mobile .template-collection-3,.canvas-frame.mobile .preview-product-grid{padding:20px 12px}.canvas-frame.mobile .preview-product-grid .section-title{font-size:18px;margin-bottom:16px}.canvas-frame.mobile .premium-detail-container{flex-direction:column;gap:20px}.canvas-frame.mobile .premium-detail-image{min-height:220px;flex:none;width:100%}.canvas-frame.mobile .premium-detail-info{padding:0}.canvas-frame.mobile .premium-detail-info h2{font-size:20px}.canvas-frame.mobile .premium-detail-info .price{font-size:22px}.canvas-frame.mobile .premium-detail-info p{font-size:13px}.canvas-frame.mobile .add-to-cart-btn{padding:12px 20px;font-size:13px}.canvas-frame.mobile .shein-grid,.canvas-frame.mobile .trend-grid,.canvas-frame.mobile .premium-display-grid,.canvas-frame.mobile .premium-display-row-2,.canvas-frame.mobile .deal-products,.canvas-frame.mobile .collection-3-products{grid-template-columns:repeat(2,1fr)!important;gap:10px}.canvas-frame.mobile .product-grid{gap:10px}.canvas-frame.mobile .trend-header{flex-direction:column;gap:12px;text-align:center}.canvas-frame.mobile .trend-title{font-size:18px}.canvas-frame.mobile .view-all-btn{width:100%;justify-content:center}.canvas-frame.mobile .premium-display-header h2{font-size:18px}.canvas-frame.mobile .premium-product-item .color-variants{display:none}.canvas-frame.mobile .deal-banner{flex-direction:column;gap:16px;padding:16px;text-align:center}.canvas-frame.mobile .deal-title{font-size:18px}.canvas-frame.mobile .countdown{justify-content:center}.canvas-frame.mobile .countdown-item{padding:8px 12px}.canvas-frame.mobile .countdown-item .value{font-size:18px}.canvas-frame.mobile .countdown-item .label{font-size:9px}.canvas-frame.mobile .deal-products{padding:16px}.canvas-frame.mobile .premium-tabs-container{flex-direction:column}.canvas-frame.mobile .premium-tabs-nav{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:8px}.canvas-frame.mobile .premium-tab-btn{white-space:nowrap;padding:8px 16px;font-size:12px}.canvas-frame.mobile .premium-tabs-content{padding:16px}.canvas-frame.mobile .tabs-product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.canvas-frame.mobile .collection-container{flex-direction:column;gap:20px}.canvas-frame.mobile .collection-hero{min-height:180px;flex:none;width:100%}.canvas-frame.mobile .collection-hero h2{font-size:18px}.canvas-frame.mobile .collection-products{padding:0}.canvas-frame.mobile .collection-products h3{font-size:16px}.canvas-frame.mobile .products-row{flex-wrap:wrap;gap:10px}.canvas-frame.mobile .collection-product-card{width:calc(50% - 5px)}.canvas-frame.mobile .collection-product-card .product-name{font-size:12px}.canvas-frame.mobile .collection-3-container{gap:12px}.canvas-frame.mobile .collection-3-top{padding:0}.canvas-frame.mobile .collection-3-top .collection-header{font-size:16px;margin-bottom:6px}.canvas-frame.mobile .collection-3-top .collection-description{font-size:11px;line-height:1.3;margin-bottom:12px}.canvas-frame.mobile .collection-3-top .section-title{font-size:16px;margin-bottom:4px}.canvas-frame.mobile .collection-3-products{display:flex!important;flex-direction:row;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.canvas-frame.mobile .collection-3-products::-webkit-scrollbar{height:4px}.canvas-frame.mobile .collection-3-products::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.canvas-frame.mobile .collection-3-products::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.canvas-frame.mobile .collection-product-card{flex:0 0 120px;min-width:120px;padding:8px;border-radius:8px;scroll-snap-align:start;display:flex;flex-direction:column;height:auto;min-height:160px}.canvas-frame.mobile .collection-product-card .product-thumb{margin-bottom:6px;border-radius:6px;aspect-ratio:1}.canvas-frame.mobile .collection-product-card .product-info{flex:1;display:flex;flex-direction:column}.canvas-frame.mobile .collection-product-card .product-name{font-size:10px;line-height:1.2;flex:1}.canvas-frame.mobile .collection-product-card .product-price{font-size:11px;margin-top:auto}.canvas-frame.mobile .collection-3-image{height:120px;border-radius:8px}.canvas-frame.mobile .collection-3-image .collection-overlay-text{font-size:11px;bottom:10px;padding:6px 12px;background:#fffffff2;border-radius:4px;max-width:85%;line-height:1.3}@media (max-width: 768px){.premium-detail-container,.premium-tabs-container,.collection-container{flex-direction:column}.trend-grid,.deal-products,.premium-display-grid,.premium-display-row-2,.collection-3-products{grid-template-columns:repeat(2,1fr)}.deal-banner{flex-direction:column;gap:24px;text-align:center}.premium-tabs-nav{flex-direction:row;overflow-x:auto}.tabs-product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.template-premium-detail,.template-shein-inspired,.template-trend-showcase,.template-premium-display,.template-flash-deals,.template-premium-tabs,.template-collection-1,.template-collection-2,.template-collection-3{padding:20px 12px}.premium-detail-info h2{font-size:20px}.trend-header{flex-direction:column;gap:12px;text-align:center}.countdown-item{padding:8px 12px}.countdown-item .value,.collection-hero h2{font-size:18px}.collection-3-container{gap:12px}.collection-3-top{padding:0}.collection-3-top .section-title{font-size:16px}.collection-3-top .collection-description{font-size:11px;line-height:1.3}.collection-3-products{display:flex!important;flex-direction:row;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:8px}.collection-product-card{flex:0 0 120px;min-width:120px;padding:8px;border-radius:8px;display:flex;flex-direction:column;min-height:160px}.collection-product-card .product-thumb{margin-bottom:6px}.collection-product-card .product-info{flex:1;display:flex;flex-direction:column}.collection-product-card .product-name{font-size:10px;flex:1}.collection-product-card .product-price{font-size:11px;margin-top:auto}.collection-3-image{height:120px;border-radius:8px}.collection-3-image .collection-overlay-text{font-size:11px;bottom:10px;padding:6px 12px;background:#fffffff2;border-radius:4px;max-width:85%;line-height:1.3}}.product-tabs-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.product-tabs-bar.variant-filled{padding:6px;background:#f3f4f6;border-radius:10px}.product-tabs-bar.variant-underlined{padding:0;background:transparent;border-bottom:2px solid #e5e7eb;border-radius:0;gap:0}.product-tabs-bar.variant-outlined{padding:0;background:transparent;gap:10px}.product-tab-btn{padding:10px 20px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.product-tab-btn:hover{opacity:.85}.variant-filled .product-tab-btn{box-shadow:none}.variant-filled .product-tab-btn.active{box-shadow:0 2px 8px #00000026}.variant-underlined .product-tab-btn{padding:12px 24px;margin-bottom:-2px;background:transparent!important}.variant-underlined .product-tab-btn:hover{opacity:1;background:#00000008!important}.variant-outlined .product-tab-btn{background:transparent}.variant-outlined .product-tab-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.variant-outlined .product-tab-btn.active{box-shadow:0 3px 10px #00000026}@media (max-width: 768px){.product-tabs-bar{gap:6px}.product-tab-btn{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.product-tabs-bar{flex-direction:column;align-items:stretch}.product-tabs-bar.variant-underlined{border-bottom:none}.product-tab-btn{text-align:center}}[dir=rtl] .preview-product-grid,.preview-product-grid.rtl{direction:rtl;text-align:right}[dir=rtl] .preview-product-grid .section-title,.preview-product-grid.rtl .section-title{text-align:center}[dir=rtl] .product-grid,.preview-product-grid.rtl .product-grid{direction:rtl}[dir=rtl] .product-tabs-bar,.preview-product-grid.rtl .product-tabs-bar{direction:rtl;flex-direction:row-reverse}[dir=rtl] .template-premium-detail,.template-premium-detail.rtl{direction:rtl;text-align:right}[dir=rtl] .premium-detail-container,.template-premium-detail.rtl .premium-detail-container{display:flex}[dir=rtl] .premium-detail-content,.template-premium-detail.rtl .premium-detail-content{text-align:right;direction:rtl}[dir=rtl] .live-badge,.template-premium-detail.rtl .live-badge{left:auto;right:16px}[dir=rtl] .detail-buttons,.template-premium-detail.rtl .detail-buttons{justify-content:flex-start}[dir=rtl] .key-features,.template-premium-detail.rtl .key-features,[dir=rtl] .key-features ul,.template-premium-detail.rtl .key-features ul{text-align:right;direction:rtl}[dir=rtl] .template-premium-tabs,.template-premium-tabs.rtl{direction:rtl;text-align:right}[dir=rtl] .premium-tabs-container,.template-premium-tabs.rtl .premium-tabs-container{display:flex}[dir=rtl] .products-list-section,.template-premium-tabs.rtl .products-list-section,[dir=rtl] .product-info,.template-premium-tabs.rtl .product-info{text-align:right;direction:rtl}[dir=rtl] .template-trend-products,.template-trend-products.rtl{direction:rtl;text-align:right}[dir=rtl] .trend-header,.template-trend-products.rtl .trend-header{flex-direction:row-reverse}[dir=rtl] .trend-title,.template-trend-products.rtl .trend-title{text-align:right}[dir=rtl] .trend-dots,.template-trend-products.rtl .trend-dots{flex-direction:row-reverse}[dir=rtl] .template-deal-of-day,.template-deal-of-day.rtl{direction:rtl;text-align:right}[dir=rtl] .deal-banner,.template-deal-of-day.rtl .deal-banner{flex-direction:row-reverse}[dir=rtl] .deal-info,.template-deal-of-day.rtl .deal-info{text-align:right;direction:rtl}[dir=rtl] .countdown-timer,.template-deal-of-day.rtl .countdown-timer{flex-direction:row-reverse}[dir=rtl] .template-collection-2,.template-collection-2.rtl{direction:rtl;text-align:right}[dir=rtl] .collection-container,.template-collection-2.rtl .collection-container{flex-direction:row-reverse}[dir=rtl] .collection-products,.template-collection-2.rtl .collection-products{text-align:right;direction:rtl}[dir=rtl] .collection-label,.template-collection-2.rtl .collection-label,[dir=rtl] .collection-description,.template-collection-2.rtl .collection-description{text-align:right}[dir=rtl] .collection-product-item,.template-collection-2.rtl .collection-product-item{flex-direction:row-reverse}[dir=rtl] .template-collection-3,.template-collection-3.rtl{direction:rtl;text-align:right}[dir=rtl] .collection-3-top,.template-collection-3.rtl .collection-3-top{text-align:right;direction:rtl}[dir=rtl] .collection-3-products,.template-collection-3.rtl .collection-3-products{direction:rtl}[dir=rtl] .collection-product-card,.template-collection-3.rtl .collection-product-card{flex-direction:row-reverse}[dir=rtl] .shein-grid,.template-shein-display.rtl .shein-grid,[dir=rtl] .premium-display-grid,.template-premium-display.rtl .premium-display-grid,[dir=rtl] .premium-display-row-2,.template-premium-display.rtl .premium-display-row-2{direction:rtl}[dir=rtl] .color-variants,.template-premium-display.rtl .color-variants{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .deal-products,.template-deal-of-day.rtl .deal-products{direction:rtl}[dir=rtl] .featured-label,.template-premium-tabs .featured-label{position:absolute;bottom:20px;right:20px;left:70%;background:#fff;padding:12px 16px;border-radius:8px;direction:rtl}.testimonial-template{padding:60px 24px}.testimonial-title{font-size:28px;font-weight:700;text-align:center;margin:0 0 32px}.testimonial-title.small{font-size:18px;color:#6b7280;text-transform:uppercase;letter-spacing:1px}.testimonial-template.style-5{padding:0}.testimonial-banner{background:linear-gradient(135deg,#22d3ee,#06b6d4);padding:20px;text-align:center;font-size:24px;font-weight:700}.testimonial-cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:40px 24px}.testimonial-card.colored{padding:24px;border-radius:12px}.testimonial-cards-row.with-images{padding:40px 24px}.testimonial-card.with-image{padding:20px;border-radius:12px;text-align:center}.testimonial-card.with-image .card-image{display:flex;justify-content:center;margin-bottom:16px}.testimonial-card.with-image .card-image .testimonial-avatar{width:80px;height:80px}.testimonial-avatar{border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-avatar span{color:#fff;font-weight:600;font-size:18px}.testimonial-stars{display:flex;gap:2px;margin-bottom:12px}.testimonial-card.with-image .testimonial-stars{justify-content:center}.testimonial-text{font-size:14px;line-height:1.6;margin:0 0 16px}.testimonial-text.short{font-size:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.testimonial-text.large{font-size:18px;line-height:1.7}.testimonial-text.centered{text-align:center;font-size:18px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-author.small{gap:8px}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-weight:600;font-size:14px}.author-role{font-size:12px;color:#6b7280}.testimonial-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-image-item{aspect-ratio:1;min-height:150px;border-radius:12px;overflow:hidden}.grid-image-item img{width:100%;height:100%;object-fit:cover}.testimonial-large-card{display:flex;gap:24px;padding:32px;border-radius:16px;max-width:800px;margin:0 auto}.testimonial-large-card .card-content{flex:1}.testimonial-template.slider{display:flex;flex-direction:column;align-items:center}.slider-card{padding:48px;border-radius:16px;text-align:center;max-width:700px;position:relative}.quote-mark{font-size:80px;color:#e5e7eb;line-height:.5;display:block;margin-bottom:16px}.slider-author{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:24px}.slider-dots{display:flex;gap:8px;margin-top:24px}.slider-dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;border:none;padding:0;cursor:pointer;transition:all .2s}.slider-dot:hover{background:#9ca3af}.slider-dot.active{background:#0891b2;width:24px;border-radius:5px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-grid-card{padding:24px;border-radius:12px;border:1px solid #e5e7eb}.testimonial-minimal-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.testimonial-minimal-card{padding:32px;border-radius:12px;border:1px solid #e5e7eb}.testimonial-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-card{display:flex;flex-direction:column;gap:12px}.video-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#1f2937,#374151);border-radius:12px;display:flex;align-items:center;justify-content:center}.play-btn{width:56px;height:56px;border-radius:50%;background:#fff3;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.play-btn:hover{background:#ffffff4d;transform:scale(1.1)}.video-author{font-weight:500;color:#374151;text-align:center}.canvas-frame.tablet .testimonial-template{padding:30px 20px}.canvas-frame.tablet .testimonial-title{font-size:22px}.canvas-frame.tablet .testimonial-cards-row,.canvas-frame.tablet .testimonial-grid{grid-template-columns:repeat(2,1fr);gap:16px}.canvas-frame.tablet .testimonial-minimal-row{gap:16px}.canvas-frame.mobile .testimonial-template{padding:20px 12px}.canvas-frame.mobile .testimonial-title{font-size:18px;margin-bottom:16px}.canvas-frame.mobile .testimonial-title.small{font-size:16px}.canvas-frame.mobile .testimonial-cards-row{display:flex!important;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.canvas-frame.mobile .testimonial-cards-row::-webkit-scrollbar{height:4px}.canvas-frame.mobile .testimonial-cards-row::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.canvas-frame.mobile .testimonial-cards-row::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.canvas-frame.mobile .testimonial-cards-row .testimonial-card{flex:0 0 220px;min-width:220px;scroll-snap-align:start}.canvas-frame.mobile .testimonial-cards-row.with-images .testimonial-card{flex:0 0 180px;min-width:180px}.canvas-frame.mobile .testimonial-grid{display:flex!important;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.canvas-frame.mobile .testimonial-grid::-webkit-scrollbar{height:4px}.canvas-frame.mobile .testimonial-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.canvas-frame.mobile .testimonial-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.canvas-frame.mobile .testimonial-grid-card{flex:0 0 200px;min-width:200px;scroll-snap-align:start}.canvas-frame.mobile .testimonial-minimal-row{display:flex!important;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.canvas-frame.mobile .testimonial-minimal-row::-webkit-scrollbar{height:4px}.canvas-frame.mobile .testimonial-minimal-row::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.canvas-frame.mobile .testimonial-minimal-row::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.canvas-frame.mobile .testimonial-minimal-card{flex:0 0 240px;min-width:240px;scroll-snap-align:start}.canvas-frame.mobile .testimonial-video-grid{display:flex!important;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.canvas-frame.mobile .testimonial-video-grid::-webkit-scrollbar{height:4px}.canvas-frame.mobile .testimonial-video-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.canvas-frame.mobile .testimonial-video-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.canvas-frame.mobile .testimonial-video-grid .video-card{flex:0 0 180px;min-width:180px;scroll-snap-align:start}.canvas-frame.mobile .testimonial-video-grid .video-thumb{height:120px}.canvas-frame.mobile .testimonial-image-grid{display:flex!important;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:8px}.canvas-frame.mobile .testimonial-image-grid .grid-image-item{flex:0 0 100px;min-width:100px;min-height:100px}.canvas-frame.mobile .testimonial-large-card{flex-direction:column;text-align:center;padding:20px;gap:16px}.canvas-frame.mobile .testimonial-large-card .testimonial-avatar{margin:0 auto;width:60px;height:60px}.canvas-frame.mobile .testimonial-text{font-size:13px;line-height:1.5}.canvas-frame.mobile .testimonial-text.large{font-size:14px}.canvas-frame.mobile .testimonial-author{font-size:12px}.canvas-frame.mobile .testimonial-template.slider .slider-card{padding:20px}.canvas-frame.mobile .testimonial-template.slider .quote-mark{font-size:40px}.canvas-frame.mobile .testimonial-template.slider .slider-dots{margin-top:16px}.canvas-frame.mobile .testimonial-banner{font-size:16px;padding:16px}@media (max-width: 1024px){.testimonial-cards-row,.testimonial-grid,.testimonial-video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.testimonial-cards-row{display:flex!important;flex-wrap:nowrap;gap:16px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory}.testimonial-cards-row .testimonial-card{flex:0 0 280px;min-width:280px;scroll-snap-align:start}.testimonial-cards-row.with-images .testimonial-card{flex:0 0 220px;min-width:220px}.testimonial-grid{display:flex!important;flex-wrap:nowrap;gap:16px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory}.testimonial-grid-card{flex:0 0 260px;min-width:260px;scroll-snap-align:start}.testimonial-minimal-row{display:flex!important;flex-wrap:nowrap;gap:16px;overflow-x:auto;padding-bottom:16px}.testimonial-minimal-card{flex:0 0 300px;min-width:300px}.testimonial-video-grid{display:flex!important;flex-wrap:nowrap;gap:16px;overflow-x:auto;padding-bottom:16px}.testimonial-video-grid .video-card{flex:0 0 220px;min-width:220px}.testimonial-image-grid{display:flex!important;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:12px}.testimonial-image-grid .grid-image-item{flex:0 0 120px;min-width:120px}.testimonial-large-card{flex-direction:column;text-align:center}.testimonial-large-card .testimonial-avatar{margin:0 auto}.slider-card{padding:24px}.quote-mark{font-size:48px}}[dir=rtl] .testimonial-template,.testimonial-template.rtl{direction:rtl;text-align:right}[dir=rtl] .testimonial-title,.testimonial-template.rtl .testimonial-title,[dir=rtl] .testimonial-banner,.testimonial-template.rtl .testimonial-banner{text-align:center}[dir=rtl] .testimonial-cards-row,.testimonial-template.rtl .testimonial-cards-row{direction:rtl}[dir=rtl] .testimonial-card,.testimonial-template.rtl .testimonial-card{text-align:right;direction:rtl}[dir=rtl] .testimonial-text,.testimonial-template.rtl .testimonial-text{text-align:right}[dir=rtl] .testimonial-text.centered,.testimonial-template.rtl .testimonial-text.centered{text-align:center}[dir=rtl] .author-info,.testimonial-template.rtl .author-info{text-align:right;direction:rtl}[dir=rtl] .testimonial-stars,.testimonial-template.rtl .testimonial-stars{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .testimonial-card.with-image .testimonial-stars,.testimonial-template.rtl .testimonial-card.with-image .testimonial-stars{justify-content:center}[dir=rtl] .testimonial-grid,.testimonial-template.rtl .testimonial-grid{direction:rtl}[dir=rtl] .testimonial-grid-card,.testimonial-template.rtl .testimonial-grid-card{text-align:right;direction:rtl}[dir=rtl] .testimonial-minimal-row,.testimonial-template.rtl .testimonial-minimal-row{direction:rtl}[dir=rtl] .testimonial-minimal-card,.testimonial-template.rtl .testimonial-minimal-card{text-align:right;direction:rtl}[dir=rtl] .testimonial-large-card,.testimonial-template.rtl .testimonial-large-card{flex-direction:row-reverse}[dir=rtl] .testimonial-large-card .card-content,.testimonial-template.rtl .testimonial-large-card .card-content{text-align:right;direction:rtl}[dir=rtl] .slider-card,.testimonial-template.rtl .slider-card{text-align:center;direction:rtl}[dir=rtl] .slider-author,.testimonial-template.rtl .slider-author{flex-direction:column;align-items:center}[dir=rtl] .slider-dots,.testimonial-template.rtl .slider-dots{flex-direction:row-reverse}[dir=rtl] .testimonial-video-grid,.testimonial-template.rtl .testimonial-video-grid{direction:rtl}[dir=rtl] .video-author,.testimonial-template.rtl .video-author{text-align:center}[dir=rtl] .testimonial-image-grid,.testimonial-template.rtl .testimonial-image-grid{direction:rtl}[dir=rtl] .author-name,.testimonial-template.rtl .author-name,[dir=rtl] .author-role,.testimonial-template.rtl .author-role{text-align:right}.faq-preview{padding:60px 24px;min-height:300px}.faq-header{margin-bottom:32px}.faq-header.centered{text-align:center}.faq-title{font-size:28px;font-weight:700;margin:0 0 4px;line-height:1.2}.faq-title.large{font-size:32px;margin-bottom:24px}.faq-subtitle{font-size:15px;margin:12px 0 0;line-height:1.5}.faq-items{display:flex;flex-direction:column;gap:8px;max-width:800px}.faq-items.centered{margin:0 auto}.faq-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:box-shadow .2s}.faq-item:hover{box-shadow:0 2px 8px #0000000d}.faq-item.compact{border-radius:6px}.faq-item.wide{border-radius:0;border-left:none;border-right:none;border-top:none}.faq-item.wide:first-child{border-top:1px solid #e5e7eb}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:transparent;border:none;font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:background .2s}.faq-item.compact .faq-question{padding:12px 16px;font-size:14px}.faq-question:hover{background:#00000005}.faq-question span{flex:1;padding-right:12px}.faq-question .chevron{flex-shrink:0;transition:transform .2s}.faq-question .chevron.rotated,.faq-item.open .faq-question .chevron.rotated{transform:rotate(90deg)}.faq-2 .faq-question .chevron.rotated{transform:rotate(180deg)}.faq-answer{padding:0 20px 16px;font-size:14px;line-height:1.6}.faq-item.compact .faq-answer{padding:0 16px 12px;font-size:13px}.faq-preview.faq-2{display:flex;gap:48px;align-items:flex-start}.faq-left-col{flex:0 0 35%;position:sticky;top:20px}.faq-right-col{flex:1;display:flex;flex-direction:column;gap:6px}.faq-cta-btn{display:inline-block;margin-top:20px;padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:opacity .2s}.faq-cta-btn:hover{opacity:.9}.faq-preview.faq-simple{padding:80px 24px}.faq-preview.faq-simple .faq-items{max-width:700px;gap:0}.canvas-frame.tablet .faq-preview{padding:40px 20px}.canvas-frame.tablet .faq-title{font-size:24px}.canvas-frame.tablet .faq-title.large{font-size:28px}.canvas-frame.tablet .faq-subtitle{font-size:14px}.canvas-frame.tablet .faq-header{margin-bottom:24px}.canvas-frame.tablet .faq-items{max-width:100%}.canvas-frame.tablet .faq-question{padding:14px 16px;font-size:14px}.canvas-frame.tablet .faq-answer{padding:0 16px 14px;font-size:13px}.canvas-frame.tablet .faq-preview.faq-2{gap:32px}.canvas-frame.tablet .faq-left-col{flex:0 0 40%}.canvas-frame.mobile .faq-preview{padding:24px 12px;min-height:auto}.canvas-frame.mobile .faq-preview.faq-simple{padding:32px 12px}.canvas-frame.mobile .faq-header{margin-bottom:20px}.canvas-frame.mobile .faq-title{font-size:18px;margin-bottom:4px}.canvas-frame.mobile .faq-title.large{font-size:20px;margin-bottom:16px}.canvas-frame.mobile .faq-subtitle{font-size:12px;margin-top:8px;line-height:1.4}.canvas-frame.mobile .faq-items{gap:6px;max-width:100%}.canvas-frame.mobile .faq-item{border-radius:6px}.canvas-frame.mobile .faq-question{padding:12px 14px;font-size:13px;gap:8px}.canvas-frame.mobile .faq-question span{padding-right:8px;line-height:1.4}.canvas-frame.mobile .faq-question .chevron{width:16px;height:16px}.canvas-frame.mobile .faq-answer{padding:0 14px 12px;font-size:12px;line-height:1.5}.canvas-frame.mobile .faq-preview.faq-2{flex-direction:column;gap:20px}.canvas-frame.mobile .faq-left-col{flex:none;position:static;text-align:center}.canvas-frame.mobile .faq-right-col{gap:6px}.canvas-frame.mobile .faq-cta-btn{padding:10px 20px;font-size:13px;margin-top:16px}@media (max-width: 768px){.faq-preview{padding:40px 16px}.faq-preview.faq-2{flex-direction:column;gap:32px}.faq-left-col{flex:none;position:static;text-align:center}.faq-title{font-size:22px}.faq-title.large{font-size:26px}.faq-subtitle{font-size:14px}.faq-items{max-width:100%}.faq-question{padding:14px 16px;font-size:14px}.faq-answer{padding:0 16px 14px;font-size:13px}}@media (max-width: 480px){.faq-preview{padding:28px 12px;min-height:auto}.faq-preview.faq-simple{padding:36px 12px}.faq-header{margin-bottom:20px}.faq-title{font-size:20px}.faq-title.large{font-size:22px}.faq-subtitle{font-size:13px}.faq-item{border-radius:6px}.faq-question{padding:12px 14px;font-size:13px}.faq-answer{padding:0 14px 12px;font-size:12px}.faq-cta-btn{padding:10px 20px;font-size:13px}}[dir=rtl] .faq-preview,.faq-preview.rtl{direction:rtl;text-align:right}[dir=rtl] .faq-header,.faq-preview.rtl .faq-header{text-align:right}[dir=rtl] .faq-header.centered,.faq-preview.rtl .faq-header.centered{text-align:center}[dir=rtl] .faq-preview.rtl,[dir=rtl] .faq-subtitle,.faq-preview.rtl .faq-subtitle{text-align:right}[dir=rtl] .faq-items,.faq-preview.rtl .faq-items{direction:rtl}[dir=rtl] .faq-question,.faq-preview.rtl .faq-question{flex-direction:row-reverse;text-align:right}[dir=rtl] .faq-question span,.faq-preview.rtl .faq-question span{padding-right:0;padding-left:12px;order:2}[dir=rtl] .faq-question .chevron,.faq-preview.rtl .faq-question .chevron{order:1}[dir=rtl] .faq-answer,.faq-preview.rtl .faq-answer,[dir=rtl] .faq-left-col,.faq-preview.rtl .faq-left-col{text-align:right}[dir=rtl] .faq-right-col,.faq-preview.rtl .faq-right-col{direction:rtl}.gallery-template{padding:40px 24px}.gallery-template .section-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 24px;text-align:center}.gallery-grid{display:grid;gap:16px}.gallery-grid.cols-2{grid-template-columns:repeat(2,1fr)}.gallery-grid.cols-3{grid-template-columns:repeat(3,1fr)}.gallery-grid.cols-4{grid-template-columns:repeat(4,1fr)}.gallery-grid.tall{min-height:400px}.gallery-grid.vertical .image-vertical-item{display:flex;flex-direction:column}.gallery-image-box{position:relative;border-radius:12px;overflow:hidden;background:#f3f4f6;min-height:200px}.gallery-image-box img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.gallery-image-box .image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.gallery-image-box .placeholder-svg{width:100%;height:100%}.gallery-image-box.tall{min-height:350px}.gallery-image-box.wide{min-height:300px;aspect-ratio:21/9}.gallery-image-box.large{min-height:350px}.gallery-image-box.vertical{aspect-ratio:3/4;min-height:auto}.gallery-image-box .gallery-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;transition:opacity .3s ease}.gallery-image-wrapper{display:flex;flex-direction:column}.gallery-image-wrapper.with-under-labels .gallery-image-box{flex:1}.labels-frame{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;z-index:4}.labels-frame.position-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px;justify-content:center}.labels-frame.position-top{position:absolute;top:12px;left:12px;right:12px;border-radius:8px;justify-content:center}.labels-frame.position-bottom{position:absolute;bottom:12px;left:12px;right:12px;border-radius:8px;justify-content:center}.labels-frame.position-left{position:absolute;top:50%;left:12px;transform:translateY(-50%);flex-direction:column;border-radius:8px}.labels-frame.position-right{position:absolute;top:50%;right:12px;transform:translateY(-50%);flex-direction:column;border-radius:8px}.labels-frame.position-under{position:relative;border-radius:0 0 8px 8px;justify-content:center;margin-top:-4px}.image-label-btn{font-size:12px;font-weight:600;padding:8px 16px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.image-label-btn:hover{opacity:.85;transform:scale(1.02)}.gallery-image-box .image-overlay-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;background:#fffffff2;padding:24px 32px;border-radius:8px;min-width:200px}.image-overlay-content .overlay-subtitle{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.image-overlay-content .overlay-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:12px}.image-overlay-content .overlay-btn{font-size:11px;font-weight:600;background:#1f2937;color:#fff;border:none;padding:8px 16px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.image-with-text-below{display:flex;flex-direction:column}.image-with-text-below .gallery-image-box{aspect-ratio:1;min-height:auto}.image-with-text-below .text-below,.image-vertical-item .text-below{margin-top:12px;font-size:13px;font-weight:500;color:#374151;text-align:center}.image-vertical-item .gallery-image-box{flex:1}.box-image-item{display:flex;flex-direction:column}.box-image-item .gallery-image-box{aspect-ratio:1;min-height:auto;border-radius:12px 12px 0 0}.box-image-item .box-content{padding:16px;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px}.box-content .box-title{font-size:16px;font-weight:600;color:#ea580c;margin:0 0 8px}.box-content .box-description{font-size:13px;color:#6b7280;line-height:1.5;margin:0}.gallery-template.image-plus-text{padding:60px 24px}.image-text-container{display:flex;gap:40px;align-items:center}.image-text-container .gallery-image-box{flex:1;min-height:350px}.image-text-container .text-content{flex:1;padding:20px 0}.text-content .content-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 16px}.text-content .content-description{font-size:15px;color:#6b7280;line-height:1.7;margin:0 0 24px}.text-content .content-btn{padding:12px 24px;background:#0891b2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.text-content .content-btn:hover{background:#0e7490}.gallery-template.image-single{padding:0}.gallery-template.image-single .gallery-image-box{border-radius:0;min-height:350px}.gallery-image-box{overflow:hidden}.gallery-image-box img{transition:transform .4s ease}.gallery-image-box:hover img{transform:scale(1.05)}.canvas-frame.tablet .gallery-template{padding:30px 20px}.canvas-frame.tablet .gallery-template .section-title{font-size:20px;margin-bottom:20px}.canvas-frame.tablet .gallery-grid.cols-4{grid-template-columns:repeat(2,1fr)}.canvas-frame.tablet .gallery-image-box{min-height:150px}.canvas-frame.tablet .gallery-image-box.tall,.canvas-frame.tablet .gallery-image-box.large{min-height:250px}.canvas-frame.tablet .image-text-container{gap:24px}.canvas-frame.tablet .image-text-container .gallery-image-box{min-height:280px}.canvas-frame.tablet .text-content .content-title{font-size:22px}.canvas-frame.tablet .text-content .content-description{font-size:14px}.canvas-frame.tablet .gallery-image-box .image-overlay-content{padding:16px 24px;min-width:160px}.canvas-frame.tablet .image-overlay-content .overlay-title{font-size:15px}.canvas-frame.mobile .gallery-template{padding:24px 16px}.canvas-frame.mobile .gallery-template .section-title{font-size:18px;margin-bottom:16px}.canvas-frame.mobile .gallery-grid{gap:12px}.canvas-frame.mobile .gallery-grid.cols-2{grid-template-columns:1fr}.canvas-frame.mobile .gallery-grid.cols-3,.canvas-frame.mobile .gallery-grid.cols-4{grid-template-columns:repeat(2,1fr)}.canvas-frame.mobile .gallery-image-box{min-height:120px;border-radius:8px}.canvas-frame.mobile .gallery-image-box.tall,.canvas-frame.mobile .gallery-image-box.large{min-height:180px}.canvas-frame.mobile .gallery-image-box.wide{min-height:150px}.canvas-frame.mobile .labels-frame{padding:8px 10px;gap:4px}.canvas-frame.mobile .image-label-btn{font-size:10px;padding:6px 10px}.canvas-frame.mobile .gallery-image-box .image-overlay-content{padding:10px 12px;min-width:100px;max-width:85%}.canvas-frame.mobile .image-overlay-content .overlay-subtitle{font-size:8px;letter-spacing:.5px}.canvas-frame.mobile .image-overlay-content .overlay-title{font-size:11px;margin-bottom:6px;line-height:1.3}.canvas-frame.mobile .image-overlay-content .overlay-btn{font-size:8px;padding:5px 10px}.canvas-frame.mobile .gallery-template.image-simple-2 .gallery-grid.cols-2{grid-template-columns:1fr;gap:10px}.canvas-frame.mobile .gallery-template.image-simple-2 .gallery-image-box.tall{min-height:160px}.canvas-frame.mobile .gallery-template.image-simple-3 .gallery-grid.cols-3{grid-template-columns:1fr;gap:10px}.canvas-frame.mobile .gallery-template.image-simple-4 .gallery-grid.cols-4{grid-template-columns:repeat(2,1fr);gap:8px}.canvas-frame.mobile .gallery-grid.tall{min-height:auto}.canvas-frame.mobile .image-with-text-below .text-below,.canvas-frame.mobile .image-vertical-item .text-below{font-size:11px;margin-top:8px}.canvas-frame.mobile .box-image-item .box-content{padding:12px}.canvas-frame.mobile .box-content .box-title{font-size:14px;margin-bottom:6px}.canvas-frame.mobile .box-content .box-description{font-size:11px}.canvas-frame.mobile .gallery-template.image-plus-text{padding:32px 16px}.canvas-frame.mobile .image-text-container{flex-direction:column;gap:20px}.canvas-frame.mobile .image-text-container .gallery-image-box{width:100%;min-height:200px}.canvas-frame.mobile .image-text-container .text-content{padding:0;text-align:center}.canvas-frame.mobile .text-content .content-title{font-size:20px;margin-bottom:12px}.canvas-frame.mobile .text-content .content-description{font-size:13px;margin-bottom:16px}.canvas-frame.mobile .text-content .content-btn{padding:10px 20px;font-size:13px;width:100%}.canvas-frame.mobile .gallery-template.image-single .gallery-image-box{min-height:200px}@media (max-width: 768px){.gallery-template{padding:24px 16px}.gallery-template .section-title{font-size:18px}.gallery-grid.cols-3,.gallery-grid.cols-4{grid-template-columns:repeat(2,1fr)}.image-text-container{flex-direction:column}.image-text-container .gallery-image-box{width:100%;min-height:250px}.image-text-container .text-content{text-align:center}.gallery-image-box .image-overlay-content{padding:16px 20px;min-width:150px}.image-overlay-content .overlay-title{font-size:14px}}@media (max-width: 480px){.gallery-grid.cols-2{grid-template-columns:1fr}.gallery-grid.cols-3{grid-template-columns:repeat(2,1fr)}.gallery-image-box{min-height:150px}.labels-frame{padding:8px 10px;gap:4px}.image-label-btn{font-size:10px;padding:6px 10px}.gallery-image-box .image-overlay-content{padding:12px 16px;min-width:120px}.image-overlay-content .overlay-subtitle{font-size:9px}.image-overlay-content .overlay-title{font-size:12px}.image-overlay-content .overlay-btn{font-size:9px;padding:6px 12px}.text-content .content-title{font-size:20px}.text-content .content-btn{width:100%}}.gallery-image-wrapper.has-shape-mask{display:flex;justify-content:center;align-items:center}.gallery-image-wrapper.has-shape-mask .gallery-image-box{background:transparent;min-height:auto;aspect-ratio:1}.gallery-image-wrapper.has-shape-mask .gallery-image-box:hover img{transform:scale(1.02)}[dir=rtl] .gallery-template,.gallery-template.rtl{direction:rtl;text-align:right}[dir=rtl] .gallery-template .section-title,.gallery-template.rtl .section-title{text-align:center}[dir=rtl] .gallery-grid,.gallery-template.rtl .gallery-grid,[dir=rtl] .gallery-image-wrapper,.gallery-template.rtl .gallery-image-wrapper{direction:rtl}[dir=rtl] .labels-frame,.gallery-template.rtl .labels-frame{text-align:right;flex-direction:row-reverse}[dir=rtl] .labels-frame.position-left,.gallery-template.rtl .labels-frame.position-left{left:auto;right:12px}[dir=rtl] .labels-frame.position-right,.gallery-template.rtl .labels-frame.position-right{right:auto;left:12px}[dir=rtl] .labels-frame.position-center,.gallery-template.rtl .labels-frame.position-center,[dir=rtl] .labels-frame.position-top,.gallery-template.rtl .labels-frame.position-top,[dir=rtl] .labels-frame.position-bottom,.gallery-template.rtl .labels-frame.position-bottom,[dir=rtl] .labels-frame.position-under,.gallery-template.rtl .labels-frame.position-under,[dir=rtl] .image-label-btn,.gallery-template.rtl .image-label-btn{text-align:center}[dir=rtl] .image-text-container,.gallery-template.rtl .image-text-container{flex-direction:row-reverse}[dir=rtl] .text-content,.gallery-template.rtl .text-content{text-align:right;direction:rtl}[dir=rtl] .text-content .content-title,.gallery-template.rtl .text-content .content-title,[dir=rtl] .text-content .content-description,.gallery-template.rtl .text-content .content-description{text-align:right}[dir=rtl] .text-content .content-btn,.gallery-template.rtl .text-content .content-btn{text-align:center}[dir=rtl] .box-content,.gallery-template.rtl .box-content{text-align:right;direction:rtl}[dir=rtl] .box-content .box-title,.gallery-template.rtl .box-content .box-title,[dir=rtl] .box-content .box-description,.gallery-template.rtl .box-content .box-description{text-align:right}[dir=rtl] .image-overlay-content,.gallery-template.rtl .image-overlay-content{text-align:center;direction:rtl}[dir=rtl] .text-below,.gallery-template.rtl .text-below{text-align:center}.countdown-preview{display:flex;align-items:center;justify-content:center;padding:20px 24px;min-height:80px}.countdown-content{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.countdown-label{font-size:16px;font-weight:500}.countdown-boxes{display:flex;align-items:center;gap:8px}.count-box{display:flex;flex-direction:column;align-items:center;padding:12px 16px;border-radius:8px;min-width:70px}.count-value{font-size:28px;font-weight:700;line-height:1}.count-unit{font-size:11px;color:#6b7280;text-transform:uppercase;margin-top:4px}.count-separator{font-size:24px;font-weight:700}.countdown-inline{font-size:18px;font-weight:600}.countdown-preview.dark .count-unit{color:#9ca3af}.brands-preview{padding:40px 24px;overflow:hidden}.brands-title{font-size:18px;font-weight:600;text-align:center;margin:0 0 24px}.brands-track-wrapper{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.brands-track-wrapper.pause-on-hover:hover .brands-track{animation-play-state:paused}.brands-track{display:flex;gap:48px;animation:scroll-brands linear infinite;width:max-content}@keyframes scroll-brands{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-item{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 16px}.brand-item.grayscale{filter:grayscale(100%);opacity:.6;transition:filter .3s,opacity .3s}.brand-item.grayscale:hover{filter:grayscale(0%);opacity:1}.brand-item img{max-height:100%;width:auto;object-fit:contain}.brand-placeholder{padding:8px 24px;background:#f3f4f6;border-radius:6px;font-size:12px;color:#6b7280;white-space:nowrap}.mosaic-preview{padding:60px 24px}.mosaic-preview.with-content{display:flex;gap:48px;align-items:center}.mosaic-content{flex:0 0 35%;max-width:400px}.mosaic-title{font-size:32px;font-weight:700;margin:0 0 16px;line-height:1.2}.mosaic-subtitle{font-size:16px;line-height:1.6;margin:0 0 32px}.mosaic-stats{display:flex;flex-wrap:wrap;gap:24px}.mosaic-stat{display:flex;flex-direction:column;gap:4px}.mosaic-stat .stat-value{font-size:28px;font-weight:700}.mosaic-stat .stat-label{font-size:13px}.mosaic-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,120px);gap:12px}.mosaic-item{overflow:hidden;background:#f3f4f6}.mosaic-item img{width:100%;height:100%;object-fit:cover}.mosaic-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb,#f3f4f6,#e5e7eb)}.mosaic-grid .item-1{grid-column:1;grid-row:1 / 3}.mosaic-grid .item-2{grid-column:2;grid-row:1}.mosaic-grid .item-3{grid-column:3;grid-row:1}.mosaic-grid .item-4{grid-column:4;grid-row:1 / 3}.mosaic-grid .item-5{grid-column:2;grid-row:2}.mosaic-grid .item-6{grid-column:3;grid-row:2 / 4}.mosaic-grid .item-7{grid-column:1;grid-row:3}.mosaic-grid .item-8{grid-column:2;grid-row:3}.mosaic-preview.simple{padding:40px 24px}.mosaic-grid-simple{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,200px);gap:12px;max-width:1000px;margin:0 auto}.mosaic-item-simple{overflow:hidden;background:#f3f4f6}.mosaic-item-simple img{width:100%;height:100%;object-fit:cover}.canvas-frame.tablet .countdown-preview{padding:16px 20px}.canvas-frame.tablet .countdown-content{gap:16px}.canvas-frame.tablet .countdown-label{font-size:14px}.canvas-frame.tablet .count-box{padding:10px 12px;min-width:55px}.canvas-frame.tablet .count-value{font-size:22px}.canvas-frame.tablet .brands-preview{padding:30px 20px}.canvas-frame.tablet .brands-title{font-size:16px;margin-bottom:20px}.canvas-frame.tablet .brands-track{gap:32px}.canvas-frame.tablet .mosaic-preview{padding:40px 20px}.canvas-frame.tablet .mosaic-preview.with-content{gap:32px}.canvas-frame.tablet .mosaic-title{font-size:24px}.canvas-frame.tablet .mosaic-subtitle{font-size:14px}.canvas-frame.tablet .mosaic-grid{grid-template-rows:repeat(3,90px);gap:8px}.canvas-frame.tablet .mosaic-grid-simple{grid-template-rows:repeat(2,150px);gap:8px}.canvas-frame.mobile .countdown-preview{padding:12px;min-height:60px}.canvas-frame.mobile .countdown-content{flex-direction:column;gap:10px}.canvas-frame.mobile .countdown-label{font-size:12px}.canvas-frame.mobile .countdown-boxes{gap:6px}.canvas-frame.mobile .count-box{padding:6px 8px;min-width:40px}.canvas-frame.mobile .count-value{font-size:16px}.canvas-frame.mobile .count-unit{font-size:8px}.canvas-frame.mobile .count-separator{font-size:16px}.canvas-frame.mobile .countdown-inline{font-size:14px}.canvas-frame.mobile .brands-preview{padding:24px 12px}.canvas-frame.mobile .brands-title{font-size:14px;margin-bottom:16px}.canvas-frame.mobile .brands-track{gap:24px}.canvas-frame.mobile .brand-item{padding:0 8px}.canvas-frame.mobile .brand-placeholder{padding:6px 16px;font-size:10px}.canvas-frame.mobile .mosaic-preview{padding:20px 12px}.canvas-frame.mobile .mosaic-preview.with-content{flex-direction:column;gap:20px;align-items:stretch}.canvas-frame.mobile .mosaic-content{flex:none;max-width:100%;text-align:center;padding:0 8px}.canvas-frame.mobile .mosaic-title{font-size:18px;margin-bottom:8px;line-height:1.3}.canvas-frame.mobile .mosaic-subtitle{font-size:12px;margin-bottom:16px;line-height:1.4}.canvas-frame.mobile .mosaic-stats{justify-content:center;gap:20px;flex-wrap:wrap}.canvas-frame.mobile .mosaic-stat{align-items:center;min-width:60px}.canvas-frame.mobile .mosaic-stat .stat-value{font-size:18px}.canvas-frame.mobile .mosaic-stat .stat-label{font-size:10px;text-align:center}.canvas-frame.mobile .mosaic-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:90px 90px 90px 90px;gap:8px;width:100%}.canvas-frame.mobile .mosaic-grid .item-1{grid-column:1;grid-row:1 / 3}.canvas-frame.mobile .mosaic-grid .item-2{grid-column:2;grid-row:1}.canvas-frame.mobile .mosaic-grid .item-3{grid-column:2;grid-row:2}.canvas-frame.mobile .mosaic-grid .item-4{grid-column:1;grid-row:3}.canvas-frame.mobile .mosaic-grid .item-5{grid-column:2;grid-row:3 / 5}.canvas-frame.mobile .mosaic-grid .item-6{grid-column:1;grid-row:4}.canvas-frame.mobile .mosaic-grid .item-7,.canvas-frame.mobile .mosaic-grid .item-8{display:none}.canvas-frame.mobile .mosaic-preview.simple{padding:20px 12px}.canvas-frame.mobile .mosaic-grid-simple{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,100px);gap:6px}@media (max-width: 768px){.countdown-content{flex-direction:column;gap:16px}.count-box{padding:8px 12px;min-width:50px}.count-value{font-size:20px}.mosaic-preview.with-content{flex-direction:column;gap:24px;align-items:stretch}.mosaic-content{flex:none;max-width:100%;text-align:center;padding:0 12px}.mosaic-title{font-size:22px;margin-bottom:10px}.mosaic-subtitle{font-size:14px;margin-bottom:20px}.mosaic-stats{justify-content:center;gap:24px}.mosaic-stat{align-items:center}.mosaic-stat .stat-value{font-size:22px}.mosaic-stat .stat-label{font-size:12px;text-align:center}.mosaic-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:100px 100px 100px 100px;gap:10px}.mosaic-grid .item-1{grid-column:1;grid-row:1 / 3}.mosaic-grid .item-2{grid-column:2;grid-row:1}.mosaic-grid .item-3{grid-column:2;grid-row:2}.mosaic-grid .item-4{grid-column:1;grid-row:3}.mosaic-grid .item-5{grid-column:2;grid-row:3 / 5}.mosaic-grid .item-6{grid-column:1;grid-row:4}.mosaic-grid .item-7,.mosaic-grid .item-8{display:none}.mosaic-grid-simple{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,120px);gap:8px}}@media (max-width: 480px){.countdown-preview{padding:12px}.countdown-label{font-size:12px}.count-box{padding:6px 8px;min-width:40px}.count-value{font-size:16px}.count-unit{font-size:8px}.brands-preview{padding:24px 12px}.brands-title{font-size:14px}.mosaic-title{font-size:20px}.mosaic-grid{grid-template-rows:repeat(4,70px)}.mosaic-grid-simple{grid-template-rows:repeat(3,100px)}}[dir=rtl] .brands-preview,.brands-preview.rtl{direction:rtl;text-align:right}[dir=rtl] .brands-title,.brands-preview.rtl .brands-title{text-align:right}[dir=rtl] .brands-track-wrapper,.brands-preview.rtl .brands-track-wrapper{mask-image:linear-gradient(to left,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to left,transparent,black 10%,black 90%,transparent)}[dir=rtl] .brands-track.rtl-scroll,.brands-preview.rtl .brands-track.rtl-scroll{animation:scroll-brands-rtl linear infinite}@keyframes scroll-brands-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}[dir=rtl] .brand-item,.brands-preview.rtl .brand-item{direction:ltr}[dir=rtl] .countdown-preview,.countdown-preview.rtl{direction:rtl;text-align:right}[dir=rtl] .countdown-label,.countdown-preview.rtl .countdown-label{text-align:right}[dir=rtl] .countdown-boxes,.countdown-preview.rtl .countdown-boxes{flex-direction:row-reverse}[dir=rtl] .countdown-inline,.countdown-preview.rtl .countdown-inline,[dir=rtl] .mosaic-preview,.mosaic-preview.rtl{direction:rtl;text-align:right}[dir=rtl] .mosaic-content,.mosaic-preview.rtl .mosaic-content{text-align:right;direction:rtl}[dir=rtl] .mosaic-title,.mosaic-preview.rtl .mosaic-title,[dir=rtl] .mosaic-subtitle,.mosaic-preview.rtl .mosaic-subtitle{text-align:right}[dir=rtl] .mosaic-stats,.mosaic-preview.rtl .mosaic-stats{justify-content:flex-start}[dir=rtl] .mosaic-stat,.mosaic-preview.rtl .mosaic-stat{text-align:right;direction:rtl}[dir=rtl] .mosaic-grid,.mosaic-preview.rtl .mosaic-grid,[dir=rtl] .mosaic-grid-simple,.mosaic-preview.rtl .mosaic-grid-simple{direction:rtl}.product-page-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:24px;max-width:1200px;margin:0 auto}.product-gallery{display:flex;flex-direction:column;gap:12px}.product-gallery.thumbnail-left{flex-direction:row-reverse}.product-gallery.thumbnail-right{flex-direction:row}.product-gallery.thumbnail-left .gallery-thumbnails,.product-gallery.thumbnail-right .gallery-thumbnails{flex-direction:column;width:80px}.gallery-main{position:relative;flex:1}.main-image{aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f3f4f6}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e5e7eb}.product-image-placeholder.main{min-height:400px}.placeholder-icon{width:60%;height:60%;opacity:.5}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;transition:all .2s;z-index:2}.gallery-nav:hover{background:#f9fafb;border-color:#d1d5db}.gallery-nav.prev{left:12px}.gallery-nav.next{right:12px}.gallery-thumbnails{display:flex;gap:8px}.thumbnail{width:80px;height:80px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;padding:0;background:#f3f4f6;transition:border-color .2s}.thumbnail:hover{border-color:#d1d5db}.thumbnail.active{border-color:#0891b2}.product-info{display:flex;flex-direction:column;gap:16px}.product-brand{font-size:14px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.product-title{font-size:28px;font-weight:600;color:#1f2937;margin:0;line-height:1.3}.product-rating{display:flex;align-items:center;gap:8px}.stars{display:flex;gap:2px}.review-count{font-size:14px;color:#6b7280}.product-price{display:flex;align-items:center;gap:12px}.product-price.price-small .current-price{font-size:20px}.product-price.price-medium .current-price{font-size:26px}.product-price.price-large .current-price{font-size:32px}.current-price{font-weight:700;color:#1f2937}.original-price{font-size:18px;color:#9ca3af;text-decoration:line-through}.discount-badge{padding:4px 8px;background:#fef2f2;color:#dc2626;font-size:14px;font-weight:600;border-radius:4px}.product-stock{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.stock-indicator{width:8px;height:8px;border-radius:50%}.stock-indicator.in-stock{background:#10b981}.stock-indicator.low-stock{background:#f59e0b}.stock-indicator.out-of-stock{background:#ef4444}.quantity-selector{display:flex;align-items:center;gap:16px}.quantity-label{font-size:14px;font-weight:500;color:#374151}.quantity-controls{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.quantity-controls button{width:40px;height:40px;border:none;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;transition:background-color .2s}.quantity-controls button:hover{background:#f3f4f6}.quantity-value{width:48px;text-align:center;font-size:16px;font-weight:500;color:#1f2937}.product-actions{display:flex;gap:12px;padding-top:8px}.add-to-cart-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:opacity .2s}.add-to-cart-btn:hover{opacity:.9}.wishlist-btn,.share-btn{width:48px;height:48px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.wishlist-btn:hover,.share-btn:hover{border-color:#d1d5db;color:#374151}.product-variants{display:flex;flex-direction:column;gap:20px}.variant-group{display:flex;flex-direction:column;gap:10px}.variant-label{font-size:14px;font-weight:500;color:#374151}.variant-label .selected-value{color:#1f2937;font-weight:600}.variant-options{display:flex;flex-wrap:wrap;gap:8px}.variant-option{padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.variant-option:hover{border-color:#d1d5db}.variant-option.selected{border-color:#0891b2;background:#ecfeff;color:#0891b2}.variant-options.style-swatches .variant-option{width:40px;height:40px;padding:0;border-radius:50%}.product-description{border-top:1px solid #e5e7eb;padding-top:24px}.product-description .section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;cursor:pointer}.product-description .section-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.product-description.collapsible .section-header{padding:12px 0}.description-content{padding-top:16px;font-size:15px;line-height:1.7;color:#4b5563}.description-content p{margin:0 0 16px}.description-content ul{margin:16px 0;padding-left:24px}.description-content li{margin-bottom:8px}.product-specs{border-top:1px solid #e5e7eb;padding-top:24px}.product-specs .section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;cursor:pointer}.product-specs .section-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.product-specs.collapsible .section-header{padding:12px 0}.specs-content{padding-top:16px}.specs-table{width:100%;border-collapse:collapse}.specs-table tr{border-bottom:1px solid #f3f4f6}.specs-table tr:last-child{border-bottom:none}.specs-table th,.specs-table td{padding:12px 0;text-align:left;font-size:14px}.specs-table th{color:#6b7280;font-weight:500;width:40%}.specs-table td{color:#1f2937}.specs-list{list-style:none;padding:0;margin:0}.specs-list li{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid #f3f4f6;font-size:14px}.specs-list .spec-label{color:#6b7280}.specs-list .spec-value{color:#1f2937}.related-products{padding-top:40px;border-top:1px solid #e5e7eb}.related-products .section-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 24px}.related-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.related-product-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.related-product-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.related-product-image{aspect-ratio:1;background:#f3f4f6}.related-product-info{padding:12px}.related-product-info h4{font-size:14px;font-weight:500;color:#1f2937;margin:0 0 4px}.related-product-price{font-size:15px;font-weight:600;color:#0891b2}.canvas-frame.tablet .product-page-layout{gap:24px;padding:20px}.canvas-frame.tablet .product-page-left,.canvas-frame.tablet .product-page-right{gap:20px}.canvas-frame.tablet .main-image{border-radius:10px}.canvas-frame.tablet .product-image-placeholder.main{min-height:300px}.canvas-frame.tablet .thumbnail{width:60px;height:60px}.canvas-frame.tablet .gallery-nav{width:36px;height:36px}.canvas-frame.tablet .product-title{font-size:22px}.canvas-frame.tablet .product-price.price-large .current-price{font-size:26px}.canvas-frame.tablet .product-price.price-medium .current-price{font-size:22px}.canvas-frame.tablet .original-price{font-size:16px}.canvas-frame.tablet .add-to-cart-btn{padding:12px 20px;font-size:15px}.canvas-frame.tablet .wishlist-btn,.canvas-frame.tablet .share-btn{width:44px;height:44px}.canvas-frame.tablet .variant-option{padding:8px 14px;font-size:13px}.canvas-frame.tablet .product-description .section-header h3,.canvas-frame.tablet .product-specs .section-header h3{font-size:16px}.canvas-frame.tablet .description-content{font-size:14px}.canvas-frame.tablet .specs-table th,.canvas-frame.tablet .specs-table td{font-size:13px;padding:10px 0}.canvas-frame.tablet .related-products{padding-top:32px}.canvas-frame.tablet .related-products .section-title{font-size:18px;margin-bottom:20px}.canvas-frame.tablet .related-products-grid{grid-template-columns:repeat(3,1fr);gap:16px}.canvas-frame.tablet .related-product-info{padding:10px}.canvas-frame.tablet .related-product-info h4{font-size:13px}.canvas-frame.tablet .related-product-price{font-size:14px}.canvas-frame.mobile .product-page-layout{grid-template-columns:1fr;gap:16px;padding:12px}.canvas-frame.mobile .product-page-left,.canvas-frame.mobile .product-page-right{gap:16px}.canvas-frame.mobile .product-gallery{gap:10px}.canvas-frame.mobile .product-gallery.thumbnail-left,.canvas-frame.mobile .product-gallery.thumbnail-right{flex-direction:column}.canvas-frame.mobile .product-gallery.thumbnail-left .gallery-thumbnails,.canvas-frame.mobile .product-gallery.thumbnail-right .gallery-thumbnails{flex-direction:row;width:100%;justify-content:center}.canvas-frame.mobile .main-image{border-radius:10px}.canvas-frame.mobile .product-image-placeholder.main{min-height:220px}.canvas-frame.mobile .gallery-nav{width:32px;height:32px}.canvas-frame.mobile .gallery-nav.prev{left:8px}.canvas-frame.mobile .gallery-nav.next{right:8px}.canvas-frame.mobile .gallery-thumbnails{gap:6px;overflow-x:auto;padding-bottom:4px}.canvas-frame.mobile .thumbnail{width:50px;height:50px;flex-shrink:0;border-radius:6px}.canvas-frame.mobile .product-info{gap:12px}.canvas-frame.mobile .product-brand{font-size:12px}.canvas-frame.mobile .product-title{font-size:18px}.canvas-frame.mobile .product-rating{gap:6px}.canvas-frame.mobile .stars svg{width:14px;height:14px}.canvas-frame.mobile .review-count{font-size:12px}.canvas-frame.mobile .product-price{gap:10px}.canvas-frame.mobile .product-price.price-large .current-price{font-size:22px}.canvas-frame.mobile .product-price.price-medium .current-price{font-size:20px}.canvas-frame.mobile .product-price.price-small .current-price{font-size:18px}.canvas-frame.mobile .original-price{font-size:14px}.canvas-frame.mobile .discount-badge{padding:3px 6px;font-size:12px}.canvas-frame.mobile .product-stock{font-size:12px}.canvas-frame.mobile .stock-indicator{width:6px;height:6px}.canvas-frame.mobile .product-variants{gap:14px}.canvas-frame.mobile .variant-group{gap:8px}.canvas-frame.mobile .variant-label{font-size:13px}.canvas-frame.mobile .variant-options{gap:6px}.canvas-frame.mobile .variant-option{padding:8px 12px;font-size:12px;border-radius:6px}.canvas-frame.mobile .variant-options.style-swatches .variant-option{width:32px;height:32px}.canvas-frame.mobile .quantity-selector{gap:12px}.canvas-frame.mobile .quantity-label{font-size:13px}.canvas-frame.mobile .quantity-controls button{width:36px;height:36px}.canvas-frame.mobile .quantity-value{width:40px;font-size:14px}.canvas-frame.mobile .product-actions{gap:10px;flex-wrap:wrap}.canvas-frame.mobile .add-to-cart-btn{padding:12px 16px;font-size:14px;border-radius:8px;min-width:0;flex:1 1 100%}.canvas-frame.mobile .wishlist-btn,.canvas-frame.mobile .share-btn{width:44px;height:44px}.canvas-frame.mobile .product-description,.canvas-frame.mobile .product-specs{padding-top:16px}.canvas-frame.mobile .product-description .section-header h3,.canvas-frame.mobile .product-specs .section-header h3{font-size:15px}.canvas-frame.mobile .description-content{padding-top:12px;font-size:13px;line-height:1.6}.canvas-frame.mobile .description-content ul{padding-left:20px}.canvas-frame.mobile .specs-content{padding-top:12px}.canvas-frame.mobile .specs-table th,.canvas-frame.mobile .specs-table td,.canvas-frame.mobile .specs-list li{font-size:12px;padding:8px 0}.canvas-frame.mobile .related-products{padding-top:24px}.canvas-frame.mobile .related-products .section-title{font-size:16px;margin-bottom:16px}.canvas-frame.mobile .related-products-grid{display:flex!important;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.canvas-frame.mobile .related-products-grid::-webkit-scrollbar{height:4px}.canvas-frame.mobile .related-products-grid::-webkit-scrollbar-track{background:#e5e7eb;border-radius:2px}.canvas-frame.mobile .related-products-grid::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:2px}.canvas-frame.mobile .related-product-card{flex:0 0 140px;min-width:140px;scroll-snap-align:start;border-radius:10px}.canvas-frame.mobile .related-product-image{aspect-ratio:1}.canvas-frame.mobile .related-product-info{padding:10px}.canvas-frame.mobile .related-product-info h4{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-frame.mobile .related-product-price{font-size:13px}@media (max-width: 1024px){.product-page-layout{gap:24px;padding:20px}.related-products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.product-page-layout{grid-template-columns:1fr;gap:20px;padding:16px}.product-gallery.thumbnail-left,.product-gallery.thumbnail-right{flex-direction:column}.product-gallery.thumbnail-left .gallery-thumbnails,.product-gallery.thumbnail-right .gallery-thumbnails{flex-direction:row;width:100%;justify-content:center}.product-image-placeholder.main{min-height:300px}.thumbnail{width:60px;height:60px}.product-title{font-size:22px}.product-price.price-large .current-price{font-size:26px}.add-to-cart-btn{flex:1 1 100%}.product-actions{flex-wrap:wrap}.related-products-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.product-page-layout{padding:12px;gap:16px}.product-image-placeholder.main{min-height:250px}.thumbnail{width:50px;height:50px}.gallery-thumbnails{overflow-x:auto;justify-content:flex-start;padding-bottom:4px}.product-title{font-size:20px}.product-price.price-large .current-price{font-size:24px}.variant-option{padding:8px 12px;font-size:13px}.related-products-grid{display:flex!important;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.related-product-card{flex:0 0 150px;min-width:150px;scroll-snap-align:start}.related-product-info h4{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-product-price{font-size:14px}}.fast-checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:32px;padding:24px;max-width:1200px;margin:0 auto}.fc-left-column{display:flex;flex-direction:column;gap:24px}.fc-product-card{display:flex;gap:24px;padding:24px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.fc-gallery{flex-shrink:0;width:280px;display:flex;flex-direction:column;gap:12px}.fc-main-image{position:relative;width:100%;height:280px;cursor:pointer;border-radius:12px;overflow:hidden}.fc-main-image:hover .fc-zoom-btn{opacity:1}.fc-zoom-btn{position:absolute;bottom:12px;right:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:8px;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;box-shadow:0 2px 8px #00000026}.fc-zoom-btn:hover{background:#fff}.fc-zoom-btn svg{color:#374151}.fc-thumbnails{display:flex;gap:8px}.fc-thumb{width:60px;height:60px;padding:0;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:border-color .2s,transform .2s}.fc-thumb:hover{border-color:#d1d5db}.fc-thumb.active{border-color:#0891b2}.fc-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:64px}.fc-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.fc-lightbox-content{position:relative;width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;padding:20px}.fc-lightbox-close{position:absolute;top:0;right:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s}.fc-lightbox-close:hover{background:#fff3}.fc-lightbox-main{display:flex;flex-direction:column;align-items:center;gap:16px}.fc-lightbox-image{width:500px;height:500px;background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:120px}.fc-lightbox-label{color:#fff;font-size:16px;font-weight:500;margin:0}.fc-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s}.fc-lightbox-nav:hover{background:#fff3}.fc-lightbox-prev{left:20px}.fc-lightbox-next{right:20px}.fc-lightbox-thumbnails{display:flex;gap:12px;margin-top:24px}.fc-lightbox-thumb{width:70px;height:70px;padding:0;background:#ffffff1a;border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;transition:border-color .2s,background .2s}.fc-lightbox-thumb:hover{background:#ffffff26}.fc-lightbox-thumb.active{border-color:#0891b2;background:#0891b233}.fc-lightbox-counter{margin-top:16px;color:#ffffffb3;font-size:14px}.fc-product-info{flex:1;display:flex;flex-direction:column;gap:16px}.fc-product-title{margin:0;font-size:24px;font-weight:700;color:#1f2937}.fc-product-price{display:flex;align-items:center;gap:12px}.fc-price{font-size:28px;font-weight:700;color:#0891b2}.fc-original-price{font-size:18px;color:#9ca3af;text-decoration:line-through}.fc-variants{display:flex;flex-direction:column;gap:16px}.fc-variant-group{display:flex;align-items:center;gap:12px}.fc-variant-group label{font-size:14px;font-weight:500;color:#6b7280;min-width:60px}.fc-variant-options{display:flex;gap:8px}.fc-variant-btn{padding:8px 16px;font-size:13px;font-weight:500;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s}.fc-variant-btn:hover{border-color:#9ca3af}.fc-variant-btn.active{background:#0891b2;color:#fff;border-color:#0891b2}.fc-color-btn{width:32px;height:32px;border-radius:50%;border:2px solid #d1d5db;cursor:pointer;transition:all .2s}.fc-color-btn.black{background:#1f2937}.fc-color-btn.white{background:#fff}.fc-color-btn.navy{background:#1e3a5f}.fc-color-btn.active{border-color:#0891b2;box-shadow:0 0 0 3px #0891b233}.fc-quantity-row{display:flex;align-items:center;gap:12px}.fc-quantity-row label{font-size:14px;font-weight:500;color:#6b7280}.fc-quantity-controls{display:flex;align-items:center;background:#f3f4f6;border-radius:8px;padding:4px}.fc-qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:6px;font-size:18px;font-weight:500;color:#374151;cursor:pointer;transition:background .2s}.fc-qty-btn:hover{background:#e5e7eb}.fc-qty-value{width:40px;text-align:center;font-size:16px;font-weight:600;color:#1f2937}.fc-description{padding:24px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.fc-description h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937}.fc-description p{margin:0 0 16px;font-size:14px;line-height:1.6;color:#4b5563}.fc-features{margin:0;padding-left:20px;list-style:disc}.fc-features li{font-size:14px;color:#4b5563;margin-bottom:8px}.fc-right-column{position:sticky;top:24px;align-self:start}.fc-order-form{padding:24px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a}.fc-form-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#1f2937;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.fc-form-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.fc-field-row{display:flex;gap:12px}.fc-field{flex:1;display:flex;flex-direction:column;gap:6px}.fc-field-small{flex:0 0 120px}.fc-field label{font-size:13px;font-weight:500;color:#374151}.fc-field input,.fc-field textarea{padding:12px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;color:#1f2937;transition:border-color .2s,background .2s}.fc-field input:focus,.fc-field textarea:focus{outline:none;border-color:#0891b2;background:#fff}.fc-field input::placeholder,.fc-field textarea::placeholder{color:#9ca3af}.fc-field textarea{min-height:80px;resize:vertical}.fc-order-summary{padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:16px}.fc-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#4b5563}.fc-summary-row.fc-total{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:16px;font-size:16px;font-weight:600;color:#1f2937}.fc-summary-row.fc-total span:last-child{font-size:20px;color:#0891b2}.fc-cod-notice{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fef3c7;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500;color:#92400e}.fc-cod-icon{font-size:18px}.fc-buy-btn{width:100%;padding:16px 24px;font-size:16px;font-weight:600;color:#fff;background:#0891b2;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.fc-buy-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.fc-buy-btn:active{transform:translateY(0)}.fc-guarantee{text-align:center;margin:16px 0 0;font-size:12px;color:#6b7280;line-height:1.5}.fc-related-products{padding:32px 24px;background:#f9fafb}.fc-related-title{margin:0 0 24px;font-size:20px;font-weight:600;color:#1f2937;text-align:center}.fc-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto}.fc-related-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:box-shadow .2s,transform .2s}.fc-related-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.fc-related-image{height:120px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;font-size:36px}.fc-related-info{padding:12px}.fc-related-info h4{margin:0 0 4px;font-size:14px;font-weight:500;color:#1f2937}.fc-related-price{font-size:16px;font-weight:600;color:#0891b2}.fc-related-btn{width:100%;padding:10px;font-size:13px;font-weight:500;background:#f3f4f6;border:none;color:#374151;cursor:pointer;transition:background .2s}.fc-related-btn:hover{background:#e5e7eb}.canvas-frame.tablet .fast-checkout-layout{grid-template-columns:1fr 320px;gap:24px;padding:20px}.canvas-frame.tablet .fc-product-card{padding:20px;gap:20px}.canvas-frame.tablet .fc-gallery{width:220px}.canvas-frame.tablet .fc-main-image{height:220px}.canvas-frame.tablet .fc-thumb{width:50px;height:50px}.canvas-frame.tablet .fc-product-title{font-size:20px}.canvas-frame.tablet .fc-price{font-size:24px}.canvas-frame.tablet .fc-original-price{font-size:16px}.canvas-frame.tablet .fc-variant-btn{padding:6px 12px;font-size:12px}.canvas-frame.tablet .fc-description{padding:20px}.canvas-frame.tablet .fc-description h3{font-size:16px}.canvas-frame.tablet .fc-description p,.canvas-frame.tablet .fc-features li{font-size:13px}.canvas-frame.tablet .fc-order-form{padding:20px}.canvas-frame.tablet .fc-form-title{font-size:16px}.canvas-frame.tablet .fc-field label{font-size:12px}.canvas-frame.tablet .fc-field input,.canvas-frame.tablet .fc-field textarea{padding:10px 12px;font-size:13px}.canvas-frame.tablet .fc-buy-btn{padding:14px 20px;font-size:15px}.canvas-frame.tablet .fc-related-products{padding:24px 20px}.canvas-frame.tablet .fc-related-title{font-size:18px;margin-bottom:20px}.canvas-frame.tablet .fc-related-grid{grid-template-columns:repeat(3,1fr);gap:12px}.canvas-frame.tablet .fc-related-image{height:100px}.canvas-frame.tablet .fc-related-info{padding:10px}.canvas-frame.tablet .fc-related-info h4{font-size:13px}.canvas-frame.tablet .fc-related-price{font-size:14px}.canvas-frame.tablet .fc-related-btn{padding:8px;font-size:12px}.canvas-frame.mobile .fast-checkout-layout{grid-template-columns:1fr;gap:16px;padding:12px}.canvas-frame.mobile .fc-left-column{gap:16px}.canvas-frame.mobile .fc-product-card{flex-direction:column;padding:16px;gap:16px;border-radius:10px}.canvas-frame.mobile .fc-gallery{width:100%}.canvas-frame.mobile .fc-main-image{height:200px;border-radius:8px}.canvas-frame.mobile .fc-zoom-btn{width:36px;height:36px;opacity:1;bottom:10px;right:10px}.canvas-frame.mobile .fc-thumbnails{justify-content:center;gap:6px}.canvas-frame.mobile .fc-thumb{width:48px;height:48px;border-radius:6px}.canvas-frame.mobile .fc-product-info{gap:12px}.canvas-frame.mobile .fc-product-title{font-size:18px}.canvas-frame.mobile .fc-product-price{gap:10px}.canvas-frame.mobile .fc-price{font-size:22px}.canvas-frame.mobile .fc-original-price{font-size:14px}.canvas-frame.mobile .fc-variants{gap:12px}.canvas-frame.mobile .fc-variant-group{flex-direction:column;align-items:flex-start;gap:8px}.canvas-frame.mobile .fc-variant-group label{font-size:13px;min-width:auto}.canvas-frame.mobile .fc-variant-options{flex-wrap:wrap;gap:6px}.canvas-frame.mobile .fc-variant-btn{padding:6px 12px;font-size:12px}.canvas-frame.mobile .fc-color-btn{width:28px;height:28px}.canvas-frame.mobile .fc-quantity-row{gap:10px}.canvas-frame.mobile .fc-quantity-row label{font-size:13px}.canvas-frame.mobile .fc-qty-btn{width:28px;height:28px}.canvas-frame.mobile .fc-qty-value{font-size:14px;width:32px}.canvas-frame.mobile .fc-description{padding:16px;border-radius:10px}.canvas-frame.mobile .fc-description h3{font-size:16px;margin-bottom:12px}.canvas-frame.mobile .fc-description p{font-size:13px;margin-bottom:12px}.canvas-frame.mobile .fc-features{padding-left:16px}.canvas-frame.mobile .fc-features li{font-size:12px;margin-bottom:6px}.canvas-frame.mobile .fc-right-column{position:static}.canvas-frame.mobile .fc-order-form{padding:16px;border-radius:10px}.canvas-frame.mobile .fc-form-title{font-size:16px;margin-bottom:16px;padding-bottom:12px}.canvas-frame.mobile .fc-form-fields{gap:12px;margin-bottom:16px}.canvas-frame.mobile .fc-field-row{flex-direction:column;gap:12px}.canvas-frame.mobile .fc-field-small{flex:1}.canvas-frame.mobile .fc-field label{font-size:12px}.canvas-frame.mobile .fc-field input,.canvas-frame.mobile .fc-field textarea{padding:10px 12px;font-size:14px;border-radius:6px}.canvas-frame.mobile .fc-field textarea{min-height:60px}.canvas-frame.mobile .fc-order-summary{padding:12px;border-radius:6px;margin-bottom:12px}.canvas-frame.mobile .fc-summary-row{font-size:13px;padding:6px 0}.canvas-frame.mobile .fc-summary-row.fc-total{font-size:15px;padding-top:12px;margin-top:6px}.canvas-frame.mobile .fc-summary-row.fc-total span:last-child{font-size:18px}.canvas-frame.mobile .fc-cod-notice{padding:10px;font-size:12px;border-radius:6px;margin-bottom:12px}.canvas-frame.mobile .fc-buy-btn{padding:14px 20px;font-size:15px;border-radius:8px}.canvas-frame.mobile .fc-guarantee{font-size:11px;margin-top:12px}.canvas-frame.mobile .fc-related-products{padding:20px 12px}.canvas-frame.mobile .fc-related-title{font-size:16px;margin-bottom:16px}.canvas-frame.mobile .fc-related-grid{display:flex!important;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.canvas-frame.mobile .fc-related-grid::-webkit-scrollbar{height:4px}.canvas-frame.mobile .fc-related-grid::-webkit-scrollbar-track{background:#e5e7eb;border-radius:2px}.canvas-frame.mobile .fc-related-grid::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:2px}.canvas-frame.mobile .fc-related-card{flex:0 0 150px;min-width:150px;scroll-snap-align:start;border-radius:10px}.canvas-frame.mobile .fc-related-image{height:100px;font-size:28px}.canvas-frame.mobile .fc-related-info{padding:10px}.canvas-frame.mobile .fc-related-info h4{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-frame.mobile .fc-related-price{font-size:14px}.canvas-frame.mobile .fc-related-btn{padding:8px;font-size:11px}.canvas-frame.mobile .fc-lightbox-content{padding:12px}.canvas-frame.mobile .fc-lightbox-image{width:100%;height:auto;aspect-ratio:1;max-width:280px;font-size:60px}.canvas-frame.mobile .fc-lightbox-close{width:40px;height:40px;top:0;right:12px}.canvas-frame.mobile .fc-lightbox-nav{width:40px;height:40px}.canvas-frame.mobile .fc-lightbox-prev{left:8px}.canvas-frame.mobile .fc-lightbox-next{right:8px}.canvas-frame.mobile .fc-lightbox-thumbnails{gap:8px;margin-top:16px}.canvas-frame.mobile .fc-lightbox-thumb{width:44px;height:44px;font-size:18px}.canvas-frame.mobile .fc-lightbox-counter{font-size:12px;margin-top:12px}@media (max-width: 1024px){.fast-checkout-layout{grid-template-columns:1fr 340px;gap:24px;padding:20px}.fc-gallery{width:240px}.fc-main-image{height:240px}}@media (max-width: 900px){.fast-checkout-layout{grid-template-columns:1fr}.fc-right-column{position:static}.fc-product-card{flex-direction:column}.fc-gallery{width:100%;max-width:400px;margin:0 auto}.fc-main-image{height:300px}.fc-thumbnails{justify-content:center}.fc-related-grid{grid-template-columns:repeat(3,1fr)}.fc-lightbox-image{width:90vw;height:90vw;max-width:400px;max-height:400px}.fc-lightbox-nav{width:44px;height:44px}.fc-lightbox-prev{left:10px}.fc-lightbox-next{right:10px}}@media (max-width: 600px){.fast-checkout-layout{padding:16px;gap:16px}.fc-product-card{padding:16px}.fc-main-image{height:250px}.fc-product-title{font-size:20px}.fc-price{font-size:24px}.fc-variant-group{flex-direction:column;align-items:flex-start;gap:8px}.fc-variant-group label{min-width:auto}.fc-field-row{flex-direction:column}.fc-field-small{flex:1}.fc-related-grid{display:flex!important;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.fc-related-card{flex:0 0 160px;min-width:160px;scroll-snap-align:start}.fc-lightbox-thumbnails{gap:8px}.fc-lightbox-thumb{width:50px;height:50px;font-size:20px}}@media (max-width: 400px){.fast-checkout-layout{padding:12px}.fc-main-image{height:200px}.fc-thumb{width:48px;height:48px}.fc-related-card{flex:0 0 140px;min-width:140px}.fc-related-image{height:90px}}[dir=rtl] .fast-checkout-layout,.fast-checkout-layout.rtl{direction:rtl}[dir=rtl] .fc-left-column,.fast-checkout-layout.rtl .fc-left-column{direction:rtl;text-align:right}[dir=rtl] .fc-product-card,.fast-checkout-layout.rtl .fc-product-card{flex-direction:row-reverse}[dir=rtl] .fc-product-info,.fast-checkout-layout.rtl .fc-product-info,[dir=rtl] .fc-product-title,.fast-checkout-layout.rtl .fc-product-title{text-align:right}[dir=rtl] .fc-variant-group,.fast-checkout-layout.rtl .fc-variant-group{flex-direction:row-reverse}[dir=rtl] .fc-variant-group label,.fast-checkout-layout.rtl .fc-variant-group label{text-align:right}[dir=rtl] .fc-variant-options,.fast-checkout-layout.rtl .fc-variant-options,[dir=rtl] .fc-quantity-row,.fast-checkout-layout.rtl .fc-quantity-row{flex-direction:row-reverse}[dir=rtl] .fc-quantity-row label,.fast-checkout-layout.rtl .fc-quantity-row label{text-align:right}[dir=rtl] .fc-quantity-controls,.fast-checkout-layout.rtl .fc-quantity-controls{flex-direction:row-reverse}[dir=rtl] .fc-description,.fast-checkout-layout.rtl .fc-description{text-align:right;direction:rtl}[dir=rtl] .fc-description h3,.fast-checkout-layout.rtl .fc-description h3,[dir=rtl] .fc-description p,[dir=rtl] .fc-description ul,.fast-checkout-layout.rtl .fc-description p,.fast-checkout-layout.rtl .fc-description ul{text-align:right}[dir=rtl] .fc-features,.fast-checkout-layout.rtl .fc-features{padding-right:20px;padding-left:0}[dir=rtl] .fc-right-column,.fast-checkout-layout.rtl .fc-right-column,[dir=rtl] .fc-order-form,.fast-checkout-layout.rtl .fc-order-form{direction:rtl;text-align:right}[dir=rtl] .fc-form-title,.fast-checkout-layout.rtl .fc-form-title,[dir=rtl] .fc-field label,.fast-checkout-layout.rtl .fc-field label{text-align:right}[dir=rtl] .fc-field input,[dir=rtl] .fc-field textarea,.fast-checkout-layout.rtl .fc-field input,.fast-checkout-layout.rtl .fc-field textarea{text-align:right;direction:rtl}[dir=rtl] .fc-order-summary,.fast-checkout-layout.rtl .fc-order-summary{direction:rtl}[dir=rtl] .fc-summary-row,.fast-checkout-layout.rtl .fc-summary-row{flex-direction:row-reverse;justify-content:space-between}[dir=rtl] .fc-summary-row span:first-child,.fast-checkout-layout.rtl .fc-summary-row span:first-child{text-align:right;order:2}[dir=rtl] .fc-summary-row span:last-child,.fast-checkout-layout.rtl .fc-summary-row span:last-child{text-align:left;direction:ltr;order:1}[dir=rtl] .fc-cod-notice,.fast-checkout-layout.rtl .fc-cod-notice{flex-direction:row-reverse}[dir=rtl] .fc-guarantee,.fast-checkout-layout.rtl .fc-guarantee{text-align:center;direction:rtl}[dir=rtl] .fc-lightbox-close,.fast-checkout-layout.rtl .fc-lightbox-close{left:20px;right:auto}[dir=rtl] .fc-lightbox-prev,.fast-checkout-layout.rtl .fc-lightbox-prev{right:20px;left:auto}[dir=rtl] .fc-lightbox-next,.fast-checkout-layout.rtl .fc-lightbox-next{left:20px;right:auto}[dir=rtl] .fc-related-products,.fc-related-products.rtl{direction:rtl;text-align:right}[dir=rtl] .fc-related-title,.fc-related-products.rtl .fc-related-title{text-align:center}[dir=rtl] .fc-related-info,.fc-related-products.rtl .fc-related-info,[dir=rtl] .fc-related-info h4,.fc-related-products.rtl .fc-related-info h4{text-align:right}.cart-page-layout{display:flex;gap:40px;padding:40px;background-color:#fff;max-width:1200px;margin:20px auto}.cart-details-section{flex:1.5;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000000f}.cart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.cart-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#1f2937;margin:0}.cart-count{font-size:14px;color:#6b7280;background:#f3f4f6;padding:6px 14px;border-radius:20px}.cart-empty{text-align:center;padding:60px 20px;color:#6b7280}.cart-empty svg{margin-bottom:16px;opacity:.4}.cart-empty p{font-size:16px;margin-bottom:24px}.continue-shopping-btn{padding:12px 24px;background:#0891b2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.continue-shopping-btn:hover{background:#0e7490}.cart-items{margin-bottom:30px}.cart-items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 60px;gap:16px;padding:12px 0;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.cart-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 60px;gap:16px;padding:20px 0;border-bottom:1px solid #f3f4f6;align-items:center}.cart-item:last-child{border-bottom:none}.cart-item-product{display:flex;align-items:center;gap:16px}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:8px;background:#f9fafb;border:1px solid #e5e7eb}.cart-item-info{flex:1}.cart-item-name{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 4px}.cart-item-variant{font-size:13px;color:#6b7280;margin:0}.cart-item-price{font-size:15px;color:#374151;font-weight:500}.cart-item-quantity{display:flex;align-items:center;gap:8px}.qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.qty-btn:hover{background:#f3f4f6;border-color:#9ca3af}.qty-value{font-size:15px;font-weight:500;color:#1f2937;min-width:24px;text-align:center}.cart-item-total{font-size:15px;font-weight:600;color:#1f2937}.cart-item-actions{display:flex;justify-content:center}.remove-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:#9ca3af;cursor:pointer;transition:all .2s}.remove-btn:hover{background:#fee2e2;color:#dc2626}.cart-summary{background:#f9fafb;border-radius:10px;padding:24px;margin-top:20px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;font-size:15px;color:#4b5563}.summary-row.total{border-top:2px solid #e5e7eb;margin-top:12px;padding-top:16px;font-size:18px;font-weight:700;color:#1f2937}.free-shipping{color:#10b981;font-weight:500}.cart-checkout-form-section{flex:1;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000000f;align-self:flex-start;position:sticky;top:20px}.checkout-form-container{display:flex;flex-direction:column;gap:24px}.form-section-title{font-size:20px;font-weight:600;color:#1f2937;margin:0;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.form-fields{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px}.form-field{flex:1;display:flex;flex-direction:column;gap:6px}.form-field.full{flex:1 1 100%}.form-field label{font-size:13px;font-weight:500;color:#374151}.form-field input,.form-field select,.form-field textarea{padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b226;outline:none}.form-field textarea{resize:vertical;min-height:80px}.checkout-submit-btn{width:100%;padding:16px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.checkout-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0891b24d}.checkout-guarantees{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:12px;color:#6b7280;margin-top:8px}.guarantee-item{color:#10b981;font-weight:500}.guarantee-separator{color:#d1d5db}.canvas-frame.tablet .cart-page-layout{padding:24px;gap:24px}.canvas-frame.tablet .cart-details-section{padding:24px}.canvas-frame.tablet .cart-header{margin-bottom:20px;padding-bottom:16px}.canvas-frame.tablet .cart-title{font-size:20px;gap:10px}.canvas-frame.tablet .cart-count{font-size:12px;padding:5px 12px}.canvas-frame.tablet .cart-items-header{grid-template-columns:2fr 1fr 1fr 1fr 50px;font-size:11px;gap:12px}.canvas-frame.tablet .cart-item{grid-template-columns:2fr 1fr 1fr 1fr 50px;gap:12px;padding:16px 0}.canvas-frame.tablet .cart-item-image{width:70px;height:70px}.canvas-frame.tablet .cart-item-name{font-size:14px}.canvas-frame.tablet .cart-item-variant{font-size:12px}.canvas-frame.tablet .cart-item-price,.canvas-frame.tablet .cart-item-total{font-size:14px}.canvas-frame.tablet .qty-btn{width:26px;height:26px}.canvas-frame.tablet .qty-value{font-size:14px}.canvas-frame.tablet .cart-summary{padding:20px}.canvas-frame.tablet .summary-row{font-size:14px}.canvas-frame.tablet .summary-row.total{font-size:16px}.canvas-frame.tablet .cart-checkout-form-section{padding:24px}.canvas-frame.tablet .form-section-title{font-size:18px;padding-bottom:14px}.canvas-frame.tablet .form-field label{font-size:12px}.canvas-frame.tablet .form-field input,.canvas-frame.tablet .form-field select,.canvas-frame.tablet .form-field textarea{padding:10px 12px;font-size:13px}.canvas-frame.tablet .checkout-submit-btn{padding:14px 20px;font-size:15px}.canvas-frame.mobile .cart-page-layout{flex-direction:column;padding:12px;gap:16px}.canvas-frame.mobile .cart-details-section{padding:16px;border-radius:10px}.canvas-frame.mobile .cart-header{margin-bottom:16px;padding-bottom:12px;flex-direction:column;align-items:flex-start;gap:8px}.canvas-frame.mobile .cart-title{font-size:18px;gap:8px}.canvas-frame.mobile .cart-count{font-size:11px;padding:4px 10px}.canvas-frame.mobile .cart-items-header{display:none}.canvas-frame.mobile .cart-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:10px;margin-bottom:10px;border:none}.canvas-frame.mobile .cart-item:last-child{margin-bottom:0}.canvas-frame.mobile .cart-item-product{width:100%;gap:12px}.canvas-frame.mobile .cart-item-image{width:70px;height:70px;border-radius:8px}.canvas-frame.mobile .cart-item-name{font-size:14px}.canvas-frame.mobile .cart-item-variant{font-size:11px}.canvas-frame.mobile .cart-item-price,.canvas-frame.mobile .cart-item-total{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:13px;padding:6px 0;border-top:1px solid #e5e7eb}.canvas-frame.mobile .cart-item-price:before{content:"Prix unitaire";color:#6b7280;font-weight:400;font-size:12px}.canvas-frame.mobile .cart-item-total:before{content:"Sous-total";color:#6b7280;font-weight:400;font-size:12px}.canvas-frame.mobile .cart-item-quantity{display:flex;justify-content:space-between;align-items:center;width:100%;padding:6px 0;border-top:1px solid #e5e7eb}.canvas-frame.mobile .cart-item-quantity:before{content:"Quantité";color:#6b7280;font-size:12px}.canvas-frame.mobile .qty-btn{width:28px;height:28px}.canvas-frame.mobile .qty-value{font-size:14px;min-width:28px}.canvas-frame.mobile .cart-item-actions{justify-content:flex-end;padding-top:8px;border-top:1px solid #e5e7eb}.canvas-frame.mobile .remove-btn{width:32px;height:32px}.canvas-frame.mobile .cart-summary{padding:16px;border-radius:8px;margin-top:16px}.canvas-frame.mobile .summary-row{font-size:13px;padding:8px 0}.canvas-frame.mobile .summary-row.total{font-size:16px;margin-top:10px;padding-top:12px}.canvas-frame.mobile .cart-empty{padding:40px 16px}.canvas-frame.mobile .cart-empty p{font-size:14px}.canvas-frame.mobile .continue-shopping-btn{padding:10px 20px;font-size:13px}.canvas-frame.mobile .cart-checkout-form-section{padding:16px;border-radius:10px;position:static}.canvas-frame.mobile .form-section-title{font-size:16px;padding-bottom:12px}.canvas-frame.mobile .checkout-form-container{gap:20px}.canvas-frame.mobile .form-fields{gap:12px}.canvas-frame.mobile .form-row{flex-direction:column;gap:12px}.canvas-frame.mobile .form-field label{font-size:12px}.canvas-frame.mobile .form-field input,.canvas-frame.mobile .form-field select,.canvas-frame.mobile .form-field textarea{padding:10px 12px;font-size:14px;border-radius:6px}.canvas-frame.mobile .form-field textarea{min-height:60px}.canvas-frame.mobile .checkout-submit-btn{padding:14px 20px;font-size:15px;border-radius:8px}.canvas-frame.mobile .checkout-guarantees{font-size:11px;gap:6px}@media (max-width: 1024px){.cart-page-layout{padding:24px;gap:24px}.cart-details-section,.cart-checkout-form-section{padding:24px}.cart-items-header,.cart-item{grid-template-columns:2fr 1fr 1fr 1fr 50px}}@media (max-width: 768px){.cart-page-layout{flex-direction:column;padding:16px;gap:16px}.cart-details-section,.cart-checkout-form-section{padding:20px}.cart-checkout-form-section{position:static}.cart-header{flex-direction:column;align-items:flex-start;gap:8px}.cart-title{font-size:20px}.cart-items-header{display:none}.cart-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f9fafb;border-radius:10px;margin-bottom:10px;border:none}.cart-item-product{width:100%}.cart-item-price,.cart-item-quantity,.cart-item-total{display:flex;justify-content:space-between;width:100%;padding:8px 0;border-top:1px solid #e5e7eb}.cart-item-price:before{content:"Prix unitaire";color:#6b7280;font-size:13px}.cart-item-quantity:before{content:"Quantité";color:#6b7280;font-size:13px}.cart-item-total:before{content:"Sous-total";color:#6b7280;font-size:13px}.cart-item-actions{justify-content:flex-end;width:100%;padding-top:8px;border-top:1px solid #e5e7eb}.form-row{flex-direction:column;gap:12px}}@media (max-width: 480px){.cart-page-layout{padding:12px;gap:12px}.cart-details-section,.cart-checkout-form-section{padding:16px;border-radius:10px}.cart-title{font-size:18px}.cart-item-image{width:60px;height:60px}.cart-item-name{font-size:14px}.cart-summary{padding:16px}.summary-row{font-size:14px}.summary-row.total,.form-section-title{font-size:16px}.checkout-submit-btn{padding:14px 20px;font-size:15px}}[dir=rtl] .cart-details-section,.cart-details-section.rtl{direction:rtl;text-align:right}[dir=rtl] .cart-header,.cart-details-section.rtl .cart-header,[dir=rtl] .cart-title,.cart-details-section.rtl .cart-title{flex-direction:row-reverse}[dir=rtl] .cart-items-header,.cart-details-section.rtl .cart-items-header{text-align:right}[dir=rtl] .cart-item,.cart-details-section.rtl .cart-item{direction:rtl}[dir=rtl] .cart-item-product,.cart-details-section.rtl .cart-item-product{flex-direction:row-reverse}[dir=rtl] .cart-item-image,.cart-details-section.rtl .cart-item-image{margin-left:16px;margin-right:0}[dir=rtl] .cart-item-info,.cart-details-section.rtl .cart-item-info,[dir=rtl] .cart-item-name,.cart-details-section.rtl .cart-item-name,[dir=rtl] .cart-item-variant,.cart-details-section.rtl .cart-item-variant{text-align:right}[dir=rtl] .cart-item-price,[dir=rtl] .cart-item-total,.cart-details-section.rtl .cart-item-price,.cart-details-section.rtl .cart-item-total{text-align:left;direction:ltr}[dir=rtl] .cart-item-quantity,.cart-details-section.rtl .cart-item-quantity{flex-direction:row-reverse}[dir=rtl] .cart-item-actions,.cart-details-section.rtl .cart-item-actions{justify-content:flex-start}[dir=rtl] .cart-summary,.cart-details-section.rtl .cart-summary{direction:rtl;text-align:right}[dir=rtl] .summary-row,.cart-details-section.rtl .summary-row{flex-direction:row-reverse;justify-content:space-between}[dir=rtl] .summary-row span:first-child,.cart-details-section.rtl .summary-row span:first-child{text-align:right;order:2}[dir=rtl] .summary-row span:last-child,.cart-details-section.rtl .summary-row span:last-child{text-align:left;direction:ltr;order:1}[dir=rtl] .cart-empty,.cart-details-section.rtl .cart-empty{text-align:center}[dir=rtl] .cart-checkout-form-section,.cart-checkout-form-section.rtl{direction:rtl;text-align:right}[dir=rtl] .form-section-title,.cart-checkout-form-section.rtl .form-section-title,[dir=rtl] .form-field label,.cart-checkout-form-section.rtl .form-field label{text-align:right}[dir=rtl] .form-field input,[dir=rtl] .form-field textarea,.cart-checkout-form-section.rtl .form-field input,.cart-checkout-form-section.rtl .form-field textarea{text-align:right;direction:rtl}[dir=rtl] .checkout-guarantees,.cart-checkout-form-section.rtl .checkout-guarantees{flex-direction:row-reverse;flex-wrap:wrap}.collection-banner-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;position:relative}.collection-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin-bottom:16px}.breadcrumb-separator{color:#d1d5db}.breadcrumb-current{color:#374151;font-weight:500}.collection-banner-title{font-size:32px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.collection-banner-subtitle{font-size:15px;margin:0 0 16px;max-width:500px}.collection-product-count{font-size:13px;color:#6b7280;background:#fffc;padding:4px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.collection-layout-preview{width:100%}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:16px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:16px}.result-count{font-size:13px;color:#6b7280}.mobile-filter-btn{display:none;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s}.mobile-filter-btn:hover{background:#f3f4f6;border-color:#d1d5db}.toolbar-right{display:flex;align-items:center;gap:12px}.sort-dropdown{position:relative;display:flex;align-items:center}.sort-dropdown select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 32px 8px 12px;font-size:13px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;transition:border-color .2s}.sort-dropdown select:hover{border-color:#d1d5db}.sort-dropdown select:focus{outline:none;border-color:#0891b2}.sort-dropdown .dropdown-icon{position:absolute;right:10px;pointer-events:none;color:#9ca3af}.view-toggle{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.view-toggle button{padding:8px 10px;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:all .2s}.view-toggle button:not(:last-child){border-right:1px solid #e5e7eb}.view-toggle button:hover{background:#f9fafb;color:#6b7280}.view-toggle button.active{background:#0891b2;color:#fff}.collection-content{min-height:400px}.collection-filter-panel,.collection-products-panel{background:#fff}.filter-placeholder,.products-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:#9ca3af;border:2px dashed #e5e7eb;border-radius:12px;font-size:14px}.mobile-filter-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.mobile-filter-panel{position:absolute;right:0;top:0;bottom:0;width:320px;max-width:90%;background:#fff;display:flex;flex-direction:column;animation:slideIn .3s ease}.mobile-filter-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.mobile-filter-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.mobile-filter-header button{padding:4px;background:transparent;border:none;color:#6b7280;cursor:pointer}.mobile-filter-content{flex:1;overflow-y:auto;padding:16px 20px}.mobile-filter-footer{padding:16px 20px;border-top:1px solid #e5e7eb}.apply-filters-btn{width:100%;padding:12px;background:#0891b2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.apply-filters-btn:hover{background:#0e7490}.product-filter-preview{display:flex;flex-direction:column;gap:8px}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.filter-title{font-size:16px;font-weight:600;margin:0}.filter-clear-btn{font-size:12px;color:#0891b2;background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:0}.filter-clear-btn:hover{color:#0e7490}.active-filters{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:8px}.active-filter-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#e0f2fe;color:#0e7490;border-radius:4px;font-size:12px;font-weight:500}.active-filter-tag button{display:flex;align-items:center;padding:0;background:transparent;border:none;color:#0e7490;cursor:pointer;opacity:.7;transition:opacity .2s}.active-filter-tag button:hover{opacity:1}.filter-section{border-bottom:1px solid #f3f4f6;padding-bottom:12px}.filter-section:last-child{border-bottom:none;padding-bottom:0}.filter-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;background:transparent;border:none;text-align:left}.filter-section-title{font-size:14px;font-weight:600}.filter-section-header svg{color:#9ca3af}.filter-section-content{padding-bottom:8px}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-checkbox{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-checkbox input[type=checkbox]{display:none}.checkbox-custom{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all .2s;flex-shrink:0}.filter-checkbox input:checked+.checkbox-custom{background:var(--checkbox-color, #0891b2);border-color:var(--checkbox-color, #0891b2)}.filter-checkbox input:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.filter-count{color:#9ca3af;font-size:12px;margin-left:auto}.filter-options.color-options{flex-direction:row;flex-wrap:wrap;gap:8px}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #e5e7eb;cursor:pointer;position:relative;transition:all .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--checkbox-color, #0891b2);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--checkbox-color, #0891b2)}.swatch-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.price-range-filter{padding:8px 0}.price-inputs{display:flex;align-items:center;gap:8px;margin-bottom:12px}.price-input{flex:1;display:flex;flex-direction:column;gap:4px}.price-input span{font-size:11px;color:#9ca3af}.price-input input{padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;width:100%}.price-input input:focus{outline:none;border-color:#0891b2}.price-separator{color:#d1d5db;margin-top:16px}.price-slider{width:100%;height:4px;border-radius:2px;background:#e5e7eb;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--slider-color, #0891b2);cursor:pointer;box-shadow:0 2px 4px #0000001a}.rating-options{gap:10px}.rating-checkbox{gap:8px}.rating-stars{display:flex;gap:2px}.rating-label{font-size:12px;color:#9ca3af}@media (max-width: 768px){.collection-banner-title{font-size:24px}.collection-banner-subtitle{font-size:14px}.collection-filter-panel{display:none}.mobile-filter-btn{display:flex}.mobile-filter-overlay{display:block}.collection-content{flex-direction:column!important}.toolbar-left .result-count{display:none}}[dir=rtl] .collection-banner-preview,.collection-banner-preview.rtl{direction:rtl}[dir=rtl] .collection-breadcrumb,.collection-banner-preview.rtl .collection-breadcrumb{flex-direction:row-reverse}[dir=rtl] .collection-banner-title,[dir=rtl] .collection-banner-subtitle,.collection-banner-preview.rtl .collection-banner-title,.collection-banner-preview.rtl .collection-banner-subtitle{text-align:right}[dir=rtl] .collection-layout-preview,.collection-layout-preview.rtl{direction:rtl}[dir=rtl] .collection-toolbar,.collection-layout-preview.rtl .collection-toolbar{flex-direction:row-reverse}[dir=rtl] .toolbar-left,.collection-layout-preview.rtl .toolbar-left{order:2;flex-direction:row-reverse}[dir=rtl] .toolbar-right,.collection-layout-preview.rtl .toolbar-right{order:1;flex-direction:row-reverse}[dir=rtl] .result-count,.collection-layout-preview.rtl .result-count{text-align:right}[dir=rtl] .mobile-filter-btn,.collection-layout-preview.rtl .mobile-filter-btn{flex-direction:row-reverse}[dir=rtl] .sort-dropdown,.collection-layout-preview.rtl .sort-dropdown{direction:rtl}[dir=rtl] .sort-dropdown select,.collection-layout-preview.rtl .sort-dropdown select{text-align:right;padding-right:12px;padding-left:32px;direction:rtl}[dir=rtl] .sort-dropdown .dropdown-icon,.collection-layout-preview.rtl .sort-dropdown .dropdown-icon{left:10px;right:auto}[dir=rtl] .view-toggle,.collection-layout-preview.rtl .view-toggle{flex-direction:row-reverse}[dir=rtl] .view-toggle button:not(:last-child),.collection-layout-preview.rtl .view-toggle button:not(:last-child){border-right:none;border-left:1px solid #e5e7eb}[dir=rtl] .collection-content,.collection-layout-preview.rtl .collection-content{direction:rtl}[dir=rtl] .collection-filter-panel,.collection-layout-preview.rtl .collection-filter-panel,[dir=rtl] .collection-products-panel,.collection-layout-preview.rtl .collection-products-panel{text-align:right}[dir=rtl] .filter-placeholder,[dir=rtl] .products-placeholder,.collection-layout-preview.rtl .filter-placeholder,.collection-layout-preview.rtl .products-placeholder{text-align:center}[dir=rtl] .mobile-filter-overlay,.collection-layout-preview.rtl .mobile-filter-overlay{direction:rtl}[dir=rtl] .mobile-filter-panel,.collection-layout-preview.rtl .mobile-filter-panel{left:0;right:auto;animation:slideInRTL .3s ease}@keyframes slideInRTL{0%{transform:translate(-100%)}to{transform:translate(0)}}[dir=rtl] .mobile-filter-header,.collection-layout-preview.rtl .mobile-filter-header{flex-direction:row-reverse}[dir=rtl] .mobile-filter-header h3,.collection-layout-preview.rtl .mobile-filter-header h3{text-align:right}[dir=rtl] .mobile-filter-content,.collection-layout-preview.rtl .mobile-filter-content{direction:rtl;text-align:right}.canvas-section{position:relative;z-index:1}.canvas-section--header{z-index:100}.canvas-section--header.selected:before{z-index:101}.canvas-section--header.hovered{outline:2px dashed #94a3b8;outline-offset:-2px}.canvas-section--header.selected{outline:3px dashed #0891b2;outline-offset:-3px}.canvas-section--footer.selected:before{z-index:10}.canvas-section--footer.hovered{outline:2px dashed #94a3b8;outline-offset:-2px}.canvas-section--footer.selected{outline:3px dashed #0891b2;outline-offset:-3px}.canvas-section.hovered{outline:2px dashed #94a3b8;outline-offset:-2px}.canvas-section.selected{outline:3px dashed #0891b2;outline-offset:-3px;background-color:#0891b205}.canvas-section.selected:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:3px dashed #0891b2;pointer-events:none;z-index:5}.section-controls{position:absolute;bottom:8px;right:8px;display:flex;gap:4px;background:#fff;padding:4px;border-radius:6px;box-shadow:0 2px 8px #00000026;z-index:10}.canvas-section--header .section-controls{top:8px;bottom:auto;z-index:102}.control-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#6b7280;border-radius:4px;cursor:pointer}.control-btn:hover{background:#f3f4f6;color:#374151}.control-btn.drag{cursor:grab}.control-btn.delete:hover{background:#fef2f2;color:#ef4444}.section-preview{position:relative}.unknown-section{padding:40px;text-align:center;color:#9ca3af;background:#f9fafb}.editor-canvas{flex:1;background:#e5e7eb;padding:24px;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;align-items:flex-start}.canvas-frame{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:visible;transition:width .3s ease;flex-shrink:0;min-height:600px;position:relative;transform:translateZ(0)}.canvas-texture{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;border-radius:8px}.canvas-frame.desktop{width:100%;max-width:1200px}.canvas-frame.tablet{width:768px}.canvas-frame.mobile{width:375px}.canvas-content{min-height:600px;overflow:visible;position:relative;z-index:1}.canvas-frame.mobile,.canvas-frame.tablet{overflow:hidden}.canvas-frame.mobile .canvas-content,.canvas-frame.tablet .canvas-content{overflow:hidden;min-height:100%}.canvas-empty-hint{display:flex;align-items:center;justify-content:center;padding:80px 40px;color:#9ca3af;font-size:14px;text-align:center}.product-page-container{padding:24px;background:#fff}.product-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto}.product-page-left,.product-page-right{display:flex;flex-direction:column;gap:24px}.product-page-full{max-width:1200px;margin:0 auto;padding-top:24px}.canvas-frame.tablet .product-page-grid,.canvas-frame.mobile .product-page-grid{grid-template-columns:1fr}.canvas-frame.mobile .product-page-container{padding:16px}.canvas-frame.mobile .product-page-grid{gap:24px}.canvas-section--header{position:relative;z-index:100}.canvas-content.header-overlay-mode .canvas-section--header{position:absolute;top:0;left:0;right:0}.collection-page-layout{display:flex;max-width:1400px;margin:0 auto;padding:24px}.collection-page-layout.filter-top{flex-direction:column}.collection-filter-column{flex-shrink:0}.collection-filter-column.mobile-only{display:none}.collection-products-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.canvas-frame.tablet .collection-page-layout{padding:16px}.canvas-frame.tablet .collection-filter-column.desktop-only{width:220px!important}.canvas-frame.mobile .collection-page-layout{flex-direction:column;padding:16px}.canvas-frame.mobile .collection-filter-column.desktop-only{display:none}.canvas-frame.mobile .collection-filter-column.mobile-only{display:block;width:100%!important;order:1;margin-bottom:16px;padding:16px;background:#f9fafb;border-radius:12px}.canvas-frame.mobile .collection-products-column{width:100%;order:2}.section-category{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:8px;text-align:left}.section-category:hover{border-color:#0891b2;background:#f0f9ff}.category-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;font-size:20px}.category-info{flex:1;display:flex;flex-direction:column;gap:2px}.category-name{font-size:14px;font-weight:500;color:#1f2937}.category-count{font-size:12px;color:#6b7280}.category-arrow{color:#9ca3af}.header-menu-templates-picker{display:flex;flex-direction:column;gap:12px;padding:12px}.header-menu-template-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease;flex-shrink:0}.header-menu-template-card:hover{border-color:#0891b2;box-shadow:0 4px 12px #0891b226;transform:translateY(-2px)}.header-menu-template-card .template-preview{padding:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:70px;height:70px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-menu-template-card .template-name{padding:10px 12px;font-size:12px;font-weight:600;color:#475569;text-align:center;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.preview-header-menu{width:100%;display:flex;flex-direction:column;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #00000014}.preview-bar{display:flex;align-items:center;padding:8px 12px;gap:10px}.preview-header-menu.minimal{background:#fff}.preview-header-menu.minimal .minimal-bar{justify-content:center;padding:10px 12px;border-bottom:1px solid #f1f5f9}.preview-logo-text{font-size:10px;font-weight:800;letter-spacing:2px;color:#0f172a}.preview-logo-text.light{color:#fff}.preview-nav-row{display:flex;justify-content:center;padding:6px}.nav-dots{display:flex;gap:8px}.nav-dots .dot{width:4px;height:4px;border-radius:50%;background:#94a3b8}.nav-dots .dot:nth-child(2){background:#0891b2}.preview-header-menu.classic{background:#fff}.classic-bar{justify-content:space-between;padding:10px 14px}.preview-logo-box{width:36px;height:14px;background:linear-gradient(135deg,#0f172a,#334155);border-radius:3px}.preview-logo-box.accent{background:linear-gradient(135deg,#0891b2,#06b6d4)}.preview-nav-items{display:flex;gap:8px;align-items:center}.nav-line{width:24px;height:3px;background:#cbd5e1;border-radius:2px}.nav-line.light{background:#fff9}.nav-line.active,.nav-line.highlight{background:#0891b2}.nav-line.mega-trigger{font-size:5px;width:auto;height:auto;background:none;color:#fffc}.preview-icons{display:flex;gap:5px}.icon-circle{width:10px;height:10px;border-radius:50%;background:#e2e8f0;border:1.5px solid #94a3b8}.icon-circle.light{background:#fff3;border-color:#ffffff80}.icon-circle.filled{background:#0891b2;border-color:#0891b2}.preview-header-menu.two-row{background:#fff}.preview-topbar-strip{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:#0f172a;gap:6px}.strip-dot{width:3px;height:3px;border-radius:50%;background:#22d3ee}.strip-text{flex:1;height:2px;background:#ffffff4d;border-radius:1px;max-width:50px}.strip-icons{display:flex;gap:3px}.micro-icon{width:5px;height:5px;border-radius:50%;background:#fff6}.main-bar{justify-content:space-between;padding:8px 12px;background:#fff}.preview-search-pill{flex:1;max-width:70px;height:10px;background:#f1f5f9;border-radius:5px;border:1px solid #e2e8f0}.preview-nav-strip{display:flex;justify-content:center;gap:10px;padding:6px 12px;background:#f8fafc;border-top:1px solid #e2e8f0}.preview-header-menu.glass{background:transparent}.preview-glass-bg{background:linear-gradient(135deg,#1e293b,#334155,#475569);border-radius:6px;padding:2px}.glass-bar{justify-content:space-between;padding:10px 14px;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px}.preview-header-menu.news-style{background:#fff}.preview-newsbar-animated{display:flex;align-items:center;justify-content:center;padding:4px 10px;background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626);overflow:hidden}.marquee-text{font-size:6px;font-weight:700;color:#fff;letter-spacing:.5px;animation:marquee-preview 3s linear infinite}@keyframes marquee-preview{0%{transform:translate(0)}to{transform:translate(-20px)}}.news-bar{justify-content:space-between;padding:10px 14px}.preview-header-menu.mega-showcase{background:#0f172a}.mega-bar{justify-content:space-between;padding:10px 14px}.mega-bar.dark{background:#0f172a}.preview-mega-panel{background:#fff;padding:8px;border-top:2px solid #0891b2}.mega-grid{display:flex;gap:8px}.mega-links-col{flex:1;display:flex;flex-direction:column;gap:3px}.link-bar{width:80%;height:3px;background:#e2e8f0;border-radius:1px}.link-bar:first-child{width:50%;background:#0f172a;height:4px}.mega-img-col{width:40px;height:30px;background:linear-gradient(135deg,#e0f2fe,#bae6fd,#7dd3fc);border-radius:3px}.preview-header-menu.gradient-trans{background:transparent}.preview-gradient-bg{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border-radius:6px;padding:2px}.gradient-bar{justify-content:space-between;padding:10px 14px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px}.preview-logo-box.light{background:#ffffffe6}.nav-line.light.active{background:#fffffff2;box-shadow:0 0 8px #ffffff80}.preview-header-menu.dark-trans{background:transparent}.preview-dark-bg{background:linear-gradient(135deg,#18181b,#27272a,#3f3f46);border-radius:6px;padding:2px}.dark-trans-bar{justify-content:space-between;padding:12px 14px;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:4px;border:1px solid rgba(212,175,55,.2)}.preview-logo-text.gold{color:#d4af37;font-weight:800;letter-spacing:3px;font-size:9px}.preview-nav-items.centered{flex:1;justify-content:center}.nav-pill{width:20px;height:4px;background:#ffffff4d;border-radius:4px;transition:all .2s}.nav-pill.active{background:#d4af37;width:28px}.icon-circle.gold{background:transparent;border-color:#d4af37}.icon-circle.gold:last-child{background:#d4af374d}.preview-header-menu.mega-two-row-trans{background:transparent}.preview-trans-bg.premium{background:linear-gradient(135deg,#0c4a6e,#0369a1 30%,#0ea5e9 70%,#38bdf8);border-radius:6px;overflow:hidden}.preview-topbar-glass{display:flex;align-items:center;justify-content:space-between;padding:3px 10px;background:#0006;gap:6px}.glass-dot{width:3px;height:3px;border-radius:50%;background:#22d3ee}.glass-text{flex:1;height:2px;background:#fff6;border-radius:1px;max-width:40px}.glass-socials{display:flex;gap:2px}.glass-icon{width:4px;height:4px;border-radius:50%;background:#ffffff80}.preview-bar.glass-main{justify-content:space-between;padding:8px 12px;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-nav-glass{display:flex;justify-content:center;gap:10px;padding:5px 12px;background:#ffffff14;border-top:1px solid rgba(255,255,255,.1)}.nav-line.mega-ind{font-size:6px;width:auto;height:auto;background:none!important;color:#fffc}.icon-circle.light.filled{background:#ffffff4d}.banner-templates-picker{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:hidden;height:100%}.banner-templates-picker .templates-categories{display:flex;gap:6px;padding:4px;background:#f3f4f6;border-radius:8px;overflow-x:auto;flex-shrink:0}.banner-templates-picker .templates-categories::-webkit-scrollbar{display:none}.banner-templates-picker .category-tab{padding:8px 12px;font-size:11px;font-weight:600;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap}.banner-templates-picker .category-tab:hover{background:#e5e7eb;color:#374151}.banner-templates-picker .category-tab.active{background:#fff;color:#0891b2;box-shadow:0 1px 3px #0000001a}.banner-templates-picker .templates-grid{display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;flex:1 1 0;min-height:0;padding:4px 8px 4px 4px;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.banner-templates-picker .templates-grid::-webkit-scrollbar{width:6px}.banner-templates-picker .templates-grid::-webkit-scrollbar-track{background:transparent}.banner-templates-picker .templates-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.banner-templates-picker .templates-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.banner-templates-picker .banner-template-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s;flex-shrink:0}.banner-templates-picker .banner-template-card:hover{border-color:#0891b2;box-shadow:0 4px 12px #0891b226}.banner-templates-picker .banner-template-card .template-preview{height:100px;min-height:100px;overflow:hidden;position:relative}.banner-templates-picker .banner-template-card .template-name{padding:8px 12px;font-size:12px;font-weight:500;color:#374151;text-align:center;border-top:1px solid #f3f4f6;background:#fff}.preview-banner-template{width:100%;height:100%;min-height:100px;position:relative}.banner-preview-bg{width:100%;height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;padding:12px;position:relative;background-size:cover;background-position:center}.banner-preview-bg.shape-mask-preview{display:flex;align-items:center;justify-content:center}.banner-preview-bg.shape-mask-preview.circle{clip-path:circle(45% at 50% 50%)}.banner-preview-bg.shape-mask-preview.oval{clip-path:ellipse(45% 40% at 50% 50%)}.banner-preview-bg.shape-mask-preview.diamond{clip-path:polygon(50% 5%,95% 50%,50% 95%,5% 50%)}.banner-preview-bg.shape-mask-preview.hexagon{clip-path:polygon(25% 5%,75% 5%,95% 50%,75% 95%,25% 95%,5% 50%)}.banner-preview-bg.shape-mask-preview.star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.banner-preview-bg.shape-mask-preview.triangle{clip-path:polygon(50% 5%,95% 95%,5% 95%)}.banner-preview-bg.shape-mask-preview.pentagon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.preview-overlay.dark{background:#0006}.preview-overlay.light{background:#fff6}.preview-overlay.gradient{background:linear-gradient(to right,rgba(0,0,0,.6) 0%,transparent 100%)}.banner-preview-content{display:flex;flex-direction:column;gap:6px;max-width:80%;position:relative;z-index:2}.banner-preview-content.center{align-items:center;text-align:center}.banner-preview-content.center-left{align-items:flex-start;text-align:left;position:absolute;left:20px}.banner-preview-content.center-right{align-items:flex-end;text-align:right;position:absolute;right:20px}.banner-preview-content.bottom-left{align-items:flex-start;text-align:left;position:absolute;left:16px;bottom:16px}.banner-preview-content.left{align-items:flex-start;text-align:left}.banner-preview-content.right{align-items:flex-end;text-align:right}.preview-text{line-height:1.2}.preview-text.title{font-size:16px;font-weight:700;color:#fff}.preview-text.title.dark{color:#1f2937}.preview-text.title.gold{color:#d4af37}.preview-text.title.big{font-size:28px}.preview-text.title.small{font-size:14px}.preview-text.title.elegant{font-size:18px;letter-spacing:4px}.preview-text.subtitle{font-size:10px;color:#ffffffd9}.preview-text.subtitle.light{color:#ffffffe6}.preview-text.subtitle.dark{color:#6b7280}.preview-badge{display:inline-block;padding:3px 10px;background:#fff;color:#f5576c;font-size:9px;font-weight:700;border-radius:20px;letter-spacing:1px;margin-bottom:4px}.preview-btn{display:inline-block;margin-top:8px;padding:6px 14px;font-size:9px;font-weight:600;background:#fff;color:#667eea;border-radius:4px;border:none}.preview-btn.small{padding:4px 10px;font-size:8px}.preview-btn.outline,.preview-btn.outline-dark{background:transparent;border:1px solid #1f2937;color:#1f2937}.preview-btn.outline-light{background:transparent;border:1px solid white;color:#fff}.preview-btn.light{background:#1e3a5f;color:#fff}.preview-btn.white{background:#fff;color:#f5576c}.preview-btn.gold-outline,.preview-btn.gold{background:transparent;border:1px solid #d4af37;color:#d4af37}.preview-btn.elegant{background:#d4af37;color:#1a1a2e}.preview-btn.cyan{background:#06b6d4;color:#fff;border-radius:4px}.preview-btn.orange{background:#f97316;color:#fff}.preview-btn.dark{background:#1f2937;color:#fff;border-radius:20px}.preview-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:3}.preview-dots span{width:6px;height:6px;background:#fff6;border-radius:50%}.preview-dots span.active{background:#fff}.preview-arrows{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 8px;z-index:3}.preview-arrows span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#fffc;border-radius:50%;font-size:14px;color:#1f2937}.preview-banner-template.mosaic-preview{padding:0}.mosaic-grid-3{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:3px;width:100%;height:100%}.mosaic-grid-3 .mosaic-large{grid-row:span 2;background-size:cover;background-position:center}.mosaic-grid-3 .mosaic-small{background-size:cover;background-position:center}.mosaic-grid-4{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:3px;width:100%;height:100%}.mosaic-grid-4 .mosaic-large-left{grid-row:span 3;background-size:cover;background-position:center}.mosaic-grid-4 .mosaic-stack-1,.mosaic-grid-4 .mosaic-stack-2,.mosaic-grid-4 .mosaic-stack-3{background-size:cover;background-position:center}.mosaic-grid-5{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;width:100%;height:100%}.mosaic-grid-5 .m-tall-left,.mosaic-grid-5 .m-tall-right{grid-row:span 2;background-size:cover;background-position:center}.mosaic-grid-5 .m-small-1,.mosaic-grid-5 .m-small-2{background-size:cover;background-position:center}.mosaic-grid-5 .m-wide{grid-column:span 2;background-size:cover;background-position:center}.no-templates{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;font-size:14px;text-align:center}.preview-countdown{display:flex;gap:6px;margin:8px 0}.preview-countdown .cd-box{display:inline-block;padding:6px 8px;background:#0000004d;color:#fff;font-size:12px;font-weight:700;border-radius:4px;font-variant-numeric:tabular-nums}.preview-countdown.gold .cd-box{background:transparent;color:#d4af37}.preview-countdown.light .cd-box{background:#fff3}.preview-countdown .cd-inline{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:inherit}.preview-countdown.gold .cd-inline{color:#d4af37}.preview-countdown .cd-sep{font-size:14px;font-weight:700;opacity:.6}.banner-preview-bg.coverflow-preview,.banner-preview-bg.coverflow-mask-preview{flex-direction:column;justify-content:flex-end;padding-bottom:16px}.coverflow-slides{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);display:flex;align-items:center;justify-content:center;width:100%;perspective:300px}.coverflow-slide{width:35px;height:35px;border-radius:6px;background-size:cover;background-position:center;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.coverflow-slide.left{transform:translate(-5px) rotateY(25deg) scale(.75);opacity:.7}.coverflow-slide.center{transform:scale(1.1);z-index:2;box-shadow:0 6px 25px #0006}.coverflow-slide.right{transform:translate(5px) rotateY(-25deg) scale(.75);opacity:.7}.coverflow-slides.masked .coverflow-slide.center.hexagon{clip-path:polygon(25% 5%,75% 5%,95% 50%,75% 95%,25% 95%,5% 50%)}.banner-preview-content.bottom-center{align-items:center;text-align:center;position:relative;margin-top:auto}.banner-preview-bg.partial-mask-preview{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.banner-preview-bg.partial-mask-preview.left-mask,.banner-preview-bg.partial-mask-preview.right-mask{flex-direction:row}.banner-preview-bg.partial-mask-preview.center-mask{justify-content:center}.partial-mask-shape{width:50px;height:50px;background-size:cover;background-position:center;flex-shrink:0}.partial-mask-shape.circle{clip-path:circle(50% at 50% 50%);border-radius:50%}.partial-mask-shape.hexagon{clip-path:polygon(25% 5%,75% 5%,95% 50%,75% 95%,25% 95%,5% 50%)}.partial-mask-shape.diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.partial-mask-shape.triangle{clip-path:polygon(50% 0%,100% 100%,0% 100%)}.partial-mask-shape.star{background:linear-gradient(135deg,#fbbf24,#f59e0b);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.banner-preview-content.left-side{align-items:flex-start;text-align:left;flex:1;padding-right:10px}.banner-preview-content.right-side{align-items:flex-end;text-align:right;flex:1;padding-left:10px}.banner-preview-content.overlay-text{position:absolute;align-items:center;text-align:center;z-index:2}.preview-btn.green{background:#22c55e;color:#fff;border-radius:6px}.product-templates-picker{display:flex;flex-direction:column;gap:16px;padding:16px;overflow-y:auto;flex:1}.product-template-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:0;cursor:pointer;transition:border-color .2s,box-shadow .2s;overflow:hidden;text-align:left}.product-template-card:hover{border-color:#0891b2;box-shadow:0 4px 12px #0891b226}.template-preview{width:100%;aspect-ratio:16 / 10;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.template-name{padding:12px 16px;font-size:13px;font-weight:500;color:#1f2937;border-top:1px solid #f3f4f6}.no-results{text-align:center;padding:40px;color:#9ca3af}.template-preview .line{height:6px;background:#d1d5db;border-radius:3px;width:100%}.template-preview .line.short{width:60%}.template-preview .line.price{width:40%;background:#0891b2}.preview-product-list-template{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.preview-header-bar{width:100%;height:4px;background:linear-gradient(90deg,#0891b2,#0891b2 40%,#e5e7eb 40%);border-radius:2px;margin-bottom:8px}.preview-product-thumb{width:50px;height:60px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:center}.preview-bag-icon{font-size:20px;opacity:.5}.preview-premium-detail{width:100%;display:flex;gap:12px;background:#fff;border-radius:8px;overflow:hidden}.preview-large-image{flex:1;aspect-ratio:1;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:6px;position:relative;min-height:80px}.preview-badge{position:absolute;top:4px;left:4px;background:#ef4444;color:#fff;font-size:8px;padding:2px 6px;border-radius:4px}.preview-detail-content{flex:1;display:flex;flex-direction:column;gap:6px;padding:4px 0}.preview-title-text{font-size:10px;font-weight:600;color:#1f2937}.preview-price-text{font-size:9px;color:#0891b2;font-weight:600}.preview-description-lines{display:flex;flex-direction:column;gap:4px}.preview-description-lines .line{height:4px}.preview-buttons-row{display:flex;gap:4px;margin-top:auto}.preview-btn{flex:1;height:16px;border-radius:4px}.preview-btn.primary{background:#0891b2}.preview-btn.outline{background:#fff;border:1px solid #e5e7eb}.preview-shein-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preview-shein-item{background:#fff;border-radius:4px;overflow:hidden}.preview-shein-item .preview-img{aspect-ratio:1;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.preview-shein-item .preview-info{padding:4px;display:flex;flex-direction:column;gap:3px}.preview-shein-item .line{height:4px}.preview-tabs-layout{width:100%;display:flex;gap:8px;background:#fff;border-radius:6px}.preview-featured-img{flex:1;aspect-ratio:3/4;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;position:relative;min-height:100px}.preview-label{position:absolute;bottom:8px;left:8px;background:#fff;font-size:7px;padding:3px 6px;border-radius:3px;color:#1f2937}.preview-products-col{flex:1;display:flex;flex-direction:column;gap:6px}.preview-product-row{display:flex;gap:6px;background:#f9fafb;padding:4px;border-radius:4px}.preview-img-small{width:30px;height:30px;background:#e5e7eb;border-radius:4px;flex-shrink:0}.preview-price-col{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.preview-price-col .line{height:4px}.preview-trend-grid{width:100%;background:#fff;border-radius:6px;padding:8px}.preview-section-label{font-size:9px;font-weight:600;color:#1f2937;margin-bottom:8px}.preview-trend-items{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preview-trend-item{display:flex;flex-direction:column;gap:4px}.preview-trend-item .preview-img{aspect-ratio:1;background:#f3f4f6;border-radius:4px}.preview-trend-item .line{height:4px}.preview-premium-grid{width:100%;background:#fff;border-radius:6px;padding:8px}.preview-premium-grid .preview-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.preview-premium-item{display:flex;flex-direction:column;gap:3px}.preview-premium-item .preview-img{aspect-ratio:1;background:#f3f4f6;border-radius:4px}.preview-colors{display:flex;gap:2px;height:8px}.preview-colors:before,.preview-colors:after{content:"";width:8px;height:8px;background:#ef4444;border-radius:50%}.preview-colors:after{background:#3b82f6}.preview-premium-item .line{height:3px}.preview-color-btn{height:24px;background:#f3f4f6;border-radius:4px}.preview-deal-day{width:100%;background:#1e3a5f;border-radius:6px;overflow:hidden}.preview-deal-banner{padding:8px;display:flex;justify-content:space-between;align-items:center}.preview-deal-title{font-size:8px;font-weight:600;color:#fff}.preview-countdown{display:flex;gap:3px}.count-box{background:#0891b2;color:#fff;font-size:7px;padding:2px 4px;border-radius:2px}.preview-deal-products{display:flex;gap:8px;padding:8px;background:#fff}.preview-deal-products .preview-img{flex:1;aspect-ratio:1;background:#f3f4f6;border-radius:4px}.preview-collection-2,.preview-collection-3{width:100%;display:flex;gap:8px;background:#fff;border-radius:6px;padding:8px}.preview-collection-2.reverse{flex-direction:row-reverse}.preview-collection-img{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px}.preview-collection-img.large{flex:1;min-height:100px}.preview-collection-img.wide{width:100%;height:60px}.preview-collection-products{flex:1;display:flex;flex-direction:column;gap:6px}.preview-collection-products.horizontal{flex-direction:row;flex-wrap:wrap}.preview-about-text{font-size:8px;color:#6b7280;margin-bottom:4px}.preview-collection-item{display:flex;gap:6px;padding:4px;background:#f9fafb;border-radius:4px}.preview-collection-item.small{flex:1;flex-direction:column;min-width:40px}.preview-collection-item.small .preview-img-small{width:100%;height:40px}.preview-item-info{flex:1;display:flex;flex-direction:column;gap:3px;justify-content:center}.preview-item-info .line{height:4px}.preview-collection-3{flex-direction:column}.image-templates-picker{display:flex;flex-direction:column;gap:20px;padding:16px;overflow-y:auto;flex:1;min-height:0}.image-template-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:0;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden;text-align:left;min-height:180px;flex-shrink:0}.image-template-card:hover{border-color:#0891b2;box-shadow:0 4px 12px #0891b226;transform:translateY(-2px)}.image-template-card .template-preview{padding:20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;min-height:120px;display:flex;align-items:center;justify-content:center}.image-template-card .template-name{padding:16px 18px;font-size:14px;font-weight:500;color:#374151}.preview-image-template{display:flex;gap:10px;min-height:110px;width:100%}.preview-image-template.two-cols{display:grid;grid-template-columns:1fr 1fr}.preview-image-template.three-cols{display:grid;grid-template-columns:repeat(3,1fr)}.preview-image-template.four-cols{display:grid;grid-template-columns:repeat(4,1fr)}.preview-image-template.single{display:block}.preview-image-template.image-text-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preview-img-box{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:8px;min-height:90px;position:relative;display:flex;align-items:center;justify-content:center}.preview-img-box.tall{min-height:130px}.preview-img-box.wide{min-height:110px}.preview-img-box.large{min-height:130px}.preview-img-box.vertical{aspect-ratio:3/4;min-height:auto}.preview-frame{display:flex;gap:4px;padding:6px 10px;border-radius:4px;background:#000000b3}.preview-frame.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center}.preview-frame.center-multi{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;background:#fffffff2;padding:10px 14px}.preview-frame.center-multi .preview-label,.preview-frame.center-multi .preview-label-sm,.preview-frame.center-multi .preview-label-xs{color:#1f2937}.preview-frame.top{position:absolute;top:6px;left:6px}.preview-frame.bottom{position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.preview-frame.bottom-sm{position:absolute;bottom:6px;left:50%;transform:translate(-50%);padding:4px 8px}.preview-frame.under{position:absolute;bottom:-24px;left:0;right:0;border-radius:0 0 4px 4px;justify-content:center;background:#1f2937}.preview-label{color:#fff;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.preview-label-sm{color:#fff;font-size:7px;font-weight:500;text-transform:uppercase}.preview-label-xs{color:#fff;font-size:6px;font-weight:600;text-transform:uppercase}.preview-img-box.with-frame{overflow:visible}.preview-img-box.with-under{margin-bottom:24px}.preview-img-box.with-centered-frame{overflow:visible}.preview-image-template.three-cols.vertical{padding-bottom:4px}.faq-templates-picker{display:flex;flex-direction:column;gap:16px;padding:16px;overflow-y:auto;flex:1}.faq-template-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:0;cursor:pointer;transition:border-color .2s,box-shadow .2s;overflow:hidden;text-align:left}.faq-template-card:hover{border-color:#0891b2;box-shadow:0 4px 12px #0891b226}.faq-template-card .template-preview{padding:12px;background:#f9fafb;border-bottom:1px solid #e5e7eb;min-height:100px}.faq-template-card .template-name{padding:14px 16px;font-size:14px;font-weight:500;color:#374151}.preview-faq-template{display:flex;flex-direction:column;gap:8px}.preview-faq-header{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.preview-faq-header.centered{align-items:center}.preview-faq-title{font-size:11px;font-weight:600;color:#005e54}.preview-faq-title.secondary{color:#005e54}.preview-faq-title.small{font-size:9px}.preview-faq-subtitle{display:flex;flex-direction:column;gap:3px;margin-top:4px}.preview-faq-subtitle .line{height:2px;background:#d1d5db;border-radius:1px;width:80%}.preview-faq-subtitle .line.short{width:50%}.preview-faq-btn{width:50px;height:14px;background:#005e54;border-radius:4px;margin-top:8px}.preview-faq-items{display:flex;flex-direction:column;gap:4px}.preview-faq-items.centered{max-width:90%;margin:0 auto}.preview-faq-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px}.preview-faq-item.compact{padding:4px 6px}.preview-faq-item.wide{padding:8px 12px}.preview-faq-item .line.question{height:3px;background:#9ca3af;border-radius:2px;width:70%}.preview-faq-item .chevron{color:#005e54;font-size:10px;font-weight:700}.preview-faq-template.style-2{flex-direction:row;gap:12px}.preview-faq-left{flex:0 0 40%}.preview-faq-right{flex:1;display:flex;flex-direction:column;gap:3px}.preview-faq-template.style-3 .preview-faq-title{font-size:12px;color:#1f2937}.extras-templates-picker{display:flex;flex-direction:column;gap:20px;padding:16px;overflow-y:auto;flex:1}.no-templates{text-align:center;color:#9ca3af;padding:40px 20px;font-size:14px}.extras-category-group{display:flex;flex-direction:column;gap:12px}.category-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.templates-grid{display:flex;flex-direction:column;gap:12px}.extras-template-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:0;cursor:pointer;transition:border-color .2s,box-shadow .2s;overflow:hidden;text-align:left}.extras-template-card:hover{border-color:#0891b2;box-shadow:0 4px 12px #0891b226}.extras-template-card .template-preview{padding:12px;background:#f9fafb;border-bottom:1px solid #e5e7eb;min-height:60px}.extras-template-card .template-name{padding:12px 16px;font-size:13px;font-weight:500;color:#374151}.preview-countdown-template{display:flex;align-items:center;justify-content:center;padding:8px;background:#fff;border-radius:6px}.preview-countdown-template.dark{background:#1f2937}.preview-countdown-content{display:flex;align-items:center;gap:12px}.preview-countdown-label{font-size:9px;font-weight:500;color:#374151}.preview-countdown-template.dark .preview-countdown-label{color:#f9fafb}.preview-countdown-boxes{display:flex;align-items:center;gap:4px}.preview-countdown-boxes.inline{gap:0}.preview-count-box{display:flex;flex-direction:column;align-items:center;padding:4px 6px;background:#f3f4f6;border-radius:4px;min-width:28px}.preview-countdown-template.dark .preview-count-box{background:#374151}.count-value{font-size:10px;font-weight:700;color:#1f2937}.preview-countdown-template.dark .count-value{color:#f9fafb}.count-label{font-size:6px;color:#6b7280;text-transform:uppercase}.preview-countdown-template.dark .count-label{color:#9ca3af}.count-separator{font-size:10px;font-weight:700;color:#6b7280}.count-inline{font-size:10px;font-weight:600;color:#ef4444}.preview-brands-template{display:flex;flex-direction:column;gap:8px;padding:8px}.preview-brands-title{font-size:8px;font-weight:600;color:#374151;text-align:center}.preview-brands-track{display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden}.preview-brand-logo{width:32px;height:16px;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:2px;flex-shrink:0}.preview-mosaic-template{display:flex;gap:12px;padding:8px}.preview-mosaic-template.simple{padding:4px}.preview-mosaic-left{flex:0 0 40%;display:flex;flex-direction:column;gap:8px}.preview-mosaic-text{display:flex;flex-direction:column;gap:3px}.preview-mosaic-text .line{height:3px;background:#d1d5db;border-radius:2px}.preview-mosaic-text .line.title{height:4px;width:80%;background:#374151}.preview-mosaic-text .line.short{width:60%}.preview-mosaic-stats{display:flex;gap:8px;margin-top:4px}.stat-item{display:flex;flex-direction:column;gap:1px}.stat-value{font-size:8px;font-weight:700;color:#1f2937}.stat-label{font-size:5px;color:#6b7280}.preview-mosaic-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,20px);gap:3px}.preview-mosaic-grid-simple{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,35px);gap:4px;width:100%}.preview-mosaic-item{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:3px}.preview-mosaic-grid .item-1{grid-column:1;grid-row:1 / 3}.preview-mosaic-grid .item-2{grid-column:2;grid-row:1}.preview-mosaic-grid .item-3{grid-column:3;grid-row:1}.preview-mosaic-grid .item-4{grid-column:4;grid-row:1 / 3}.preview-mosaic-grid .item-5{grid-column:2;grid-row:2}.preview-mosaic-grid .item-6{grid-column:3;grid-row:2 / 4}.preview-mosaic-grid .item-7{grid-column:1;grid-row:3}.preview-mosaic-grid .item-8{grid-column:2;grid-row:3}.footer-templates-picker{display:flex;flex-direction:column;gap:12px;padding:12px;overflow-y:auto;flex:1}.footer-template-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s}.footer-template-card:hover{border-color:#0891b2;box-shadow:0 2px 8px #0891b226}.footer-template-card .template-preview{padding:12px;background:#f9fafb;min-height:80px}.footer-template-card .template-name{padding:10px;font-size:12px;font-weight:500;color:#374151;text-align:center;border-top:1px solid #e5e7eb}.no-templates{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px}.preview-footer-template{display:flex;flex-direction:column;gap:6px;background:#1f2937;border-radius:4px;padding:10px}.preview-footer-row{display:flex;gap:10px}.preview-footer-row.centered{justify-content:center}.preview-footer-row.compact{gap:8px}.preview-footer-row.bottom{justify-content:space-between;align-items:center}.preview-footer-grid{display:flex;flex-direction:column;gap:6px}.preview-footer-col{display:flex;flex-direction:column;gap:3px;flex:1}.preview-footer-col.wide{align-items:center}.preview-footer-col .col-title{font-size:5px;color:#fff;margin-bottom:2px;font-weight:600}.line{height:3px;background:#4b5563;border-radius:1px}.line.link{width:50%;height:3px;background:#6b7280}.line.copyright{width:40%;height:3px;background:#4b5563}.links-row{display:flex;gap:6px;justify-content:center}.links-row .line.link{width:20%}.social-icons{display:flex;gap:3px;margin-top:3px}.social-icon{width:10px;height:10px;background:#4b5563;border-radius:2px}.social-icon.small{width:8px;height:8px}.preview-footer-links-row{display:flex;justify-content:center;align-items:center;gap:4px;padding:4px 0}.separator{width:2px;height:2px;background:#6b7280;border-radius:50%}.preview-footer-divider{height:1px;background:#374151;margin:4px 0}.preview-footer-bottom{display:flex;justify-content:center;padding-top:4px;border-top:1px solid #374151}.contact-item{display:flex;align-items:center;gap:3px}.contact-inline{display:flex;gap:8px}.icon-small{width:6px;height:6px;background:#0891b2;border-radius:1px}.product-page-panel{width:280px;display:flex;flex-direction:column;height:100%;background:#fff;border-right:1px solid #e5e7eb}.panel-header{padding:16px;border-bottom:1px solid #e5e7eb;background:#fff}.panel-header h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#1f2937}.panel-description{margin:0;font-size:12px;color:#6b7280;line-height:1.4}.inherited-notice{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fef3c7;color:#92400e;font-size:12px;border-bottom:1px solid #fcd34d}.inherited-notice svg{flex-shrink:0}.sections-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.section-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.section-item:hover{border-color:#d1d5db}.section-item.selected{border-color:#0891b2;box-shadow:0 0 0 2px #0891b21a}.section-item.hidden-section{opacity:.5}.section-drag{color:#9ca3af;cursor:grab}.section-drag:active{cursor:grabbing}.section-content{flex:1;min-width:0}.section-name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#1f2937}.lock-icon{color:#9ca3af}.section-description{font-size:12px;color:#6b7280;margin-top:2px}.section-actions{display:flex;gap:4px}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:#6b7280;cursor:pointer;transition:background-color .2s,color .2s}.action-btn:hover{background:#f3f4f6;color:#1f2937}.panel-info{padding:12px 16px;border-top:1px solid #e5e7eb;background:#fff}.panel-info p{margin:0;font-size:12px;color:#6b7280}.section-panel{width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%}.section-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.section-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.close-btn{padding:4px;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f3f4f6;color:#374151}.section-categories{flex:1;overflow-y:auto;padding:8px}.back-btn{padding:6px;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.back-btn:hover{background:#f3f4f6;color:#0891b2}.section-search{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.section-search svg{color:#9ca3af;flex-shrink:0}.section-search input{flex:1;border:none;background:transparent;font-size:14px;color:#1f2937;outline:none}.section-search input::placeholder{color:#9ca3af}.section-panel-header.with-back{gap:12px}.section-panel-header .header-info{flex:1;display:flex;flex-direction:column;gap:2px}.section-panel-header .header-info h3{margin:0;font-size:15px;font-weight:600;color:#1f2937}.section-panel-header .section-count{font-size:12px;color:#6b7280}.section-panel>.banner-templates-picker,.section-panel>.product-templates-picker,.section-panel>.image-templates-picker,.section-panel>.faq-templates-picker,.section-panel>.extras-templates-picker,.section-panel>.footer-templates-picker,.section-panel>.header-menu-templates-picker{flex:1;min-height:0;overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.section-panel>.banner-templates-picker::-webkit-scrollbar,.section-panel>.product-templates-picker::-webkit-scrollbar,.section-panel>.image-templates-picker::-webkit-scrollbar,.section-panel>.faq-templates-picker::-webkit-scrollbar,.section-panel>.extras-templates-picker::-webkit-scrollbar,.section-panel>.footer-templates-picker::-webkit-scrollbar,.section-panel>.header-menu-templates-picker::-webkit-scrollbar{width:6px}.section-panel>.banner-templates-picker::-webkit-scrollbar-track,.section-panel>.product-templates-picker::-webkit-scrollbar-track,.section-panel>.image-templates-picker::-webkit-scrollbar-track,.section-panel>.faq-templates-picker::-webkit-scrollbar-track,.section-panel>.extras-templates-picker::-webkit-scrollbar-track,.section-panel>.footer-templates-picker::-webkit-scrollbar-track,.section-panel>.header-menu-templates-picker::-webkit-scrollbar-track{background:transparent}.section-panel>.banner-templates-picker::-webkit-scrollbar-thumb,.section-panel>.product-templates-picker::-webkit-scrollbar-thumb,.section-panel>.image-templates-picker::-webkit-scrollbar-thumb,.section-panel>.faq-templates-picker::-webkit-scrollbar-thumb,.section-panel>.extras-templates-picker::-webkit-scrollbar-thumb,.section-panel>.footer-templates-picker::-webkit-scrollbar-thumb,.section-panel>.header-menu-templates-picker::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.section-panel>.banner-templates-picker::-webkit-scrollbar-thumb:hover,.section-panel>.product-templates-picker::-webkit-scrollbar-thumb:hover,.section-panel>.image-templates-picker::-webkit-scrollbar-thumb:hover,.section-panel>.faq-templates-picker::-webkit-scrollbar-thumb:hover,.section-panel>.extras-templates-picker::-webkit-scrollbar-thumb:hover,.section-panel>.footer-templates-picker::-webkit-scrollbar-thumb:hover,.section-panel>.header-menu-templates-picker::-webkit-scrollbar-thumb:hover{background:#9ca3af}.store-builder-page{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#f3f4f6;z-index:9999}.editor-body{flex:1;display:flex;overflow:hidden;direction:ltr}[dir=rtl] .editor-body{direction:ltr}[dir=rtl] .editor-body .config-panel{order:-1;border-right:1px solid #e5e7eb;border-left:none}.floating-actions{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:10001}@media (min-width: 1024px){.floating-btn.config-btn{display:none}}.floating-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000026,0 2px 8px #0000001a;transition:all .2s ease}.floating-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px #0003,0 4px 12px #00000026}.floating-btn:active{transform:scale(.95)}.floating-btn.add-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.floating-btn.add-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.floating-btn.config-btn{background:#fff;color:#6b7280;width:48px;height:48px}.floating-btn.config-btn:hover{color:#8b5cf6;background:#fff}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10002;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.bottom-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 -10px 40px #00000026}.bottom-sheet.config-sheet{max-height:90vh}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-header{display:flex;align-items:center;justify-content:center;padding:12px 16px 8px;position:relative;flex-shrink:0}.bottom-sheet-handle{width:40px;height:4px;background:#d1d5db;border-radius:2px}.bottom-sheet-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.bottom-sheet-close:hover{background:#e5e7eb;color:#374151}.bottom-sheet-content{flex:1;overflow-y:auto;overflow-x:hidden}.bottom-sheet .section-panel,.bottom-sheet .config-panel{width:100%;height:auto;border:none;border-radius:0}.bottom-sheet .section-panel-header,.bottom-sheet .config-panel-header{padding:12px 20px}.bottom-sheet .section-panel-header .close-btn,.bottom-sheet .config-panel-header .close-config{display:none}.bottom-sheet .section-categories{padding:12px 16px 24px}.bottom-sheet .config-panel-content{padding:16px 20px 32px}.side-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10002;display:flex;align-items:stretch;justify-content:flex-end;animation:fadeIn .2s ease;direction:ltr}[dir=rtl] .side-panel-overlay{direction:ltr}.side-panel{background:#fff;width:380px;max-width:90vw;height:100%;display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000026;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.side-panel-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}[dir=rtl] .side-panel{animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.side-panel-header{display:flex;align-items:center;justify-content:flex-end;padding:16px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.side-panel-close{width:36px;height:36px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.side-panel-close:hover{background:#e5e7eb;color:#374151}.side-panel-content{flex:1;overflow-y:auto;overflow-x:hidden}.side-panel .section-panel{width:100%;height:100%;border:none;border-radius:0}.side-panel .section-panel-header .close-btn{display:none}@media (min-width: 1024px){.bottom-sheet-overlay{display:none}}.storefront-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background:#fff}.storefront-dev-banner{display:flex;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-size:13px;font-family:SF Mono,Fira Code,monospace;border-bottom:2px solid #0891b2}.dev-badge{padding:4px 8px;background:#0891b2;color:#fff;font-size:11px;font-weight:600;border-radius:4px;letter-spacing:.5px}.store-name{font-weight:600;color:#f0f0f0}.store-slug{color:#888;font-size:12px}.storefront-iframe{flex:1;width:100%;border:none;background:#fff}.storefront-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#0891b2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.storefront-loading p{color:#64748b;font-size:16px;font-weight:500}.storefront-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;background:linear-gradient(135deg,#fef2f2,#fee2e2);text-align:center;padding:20px}.storefront-error h1{font-size:64px;color:#991b1b;margin:0;font-weight:300}.storefront-error p{font-size:18px;color:#7f1d1d;margin:0}.debug-info{color:#888;font-size:11px}.debug-html{position:fixed;bottom:0;left:0;right:0;max-height:200px;overflow:auto;background:#1a1a2e;color:#0f0;font-size:11px;z-index:9999}.debug-html summary{padding:8px 16px;cursor:pointer;background:#16213e;color:#fff}.debug-html pre{padding:16px;margin:0;white-space:pre-wrap;word-break:break-all}.rich-text-editor{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff}.rte-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.rte-toolbar-group{display:flex;align-items:center;gap:2px}.rte-toolbar-divider{width:1px;height:24px;background:#e2e8f0;margin:0 8px}.rte-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#475569;cursor:pointer;transition:all .15s}.rte-btn:hover{background:#e2e8f0;color:#0f172a}.rte-btn:active,.rte-btn.active{background:#0891b2;color:#fff}.rte-btn-label{font-size:9px;font-weight:600;margin-left:2px}.rte-btn:has(.rte-btn-label){width:auto;padding:0 8px;gap:2px}.rte-select{height:32px;padding:0 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;font-size:13px;cursor:pointer;outline:none;transition:all .15s}.rte-select:hover{border-color:#cbd5e1}.rte-select:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.rte-content{padding:16px;outline:none;font-size:14px;line-height:1.7;color:#1e293b;overflow-y:auto;max-height:500px}.rte-content [style*="direction: rtl"],.rte-content [style*="direction: ltr"]{unicode-bidi:embed}.rte-content:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.rte-content:focus{background:#fafbfc}.rte-content p{margin:0 0 1em}.rte-content ul,.rte-content ol{margin:0 0 1em;padding-left:24px}.rte-content li{margin-bottom:4px}.rte-content b,.rte-content strong{font-weight:600}.rte-content u{text-decoration:underline}@media (max-width: 480px){.rte-toolbar{padding:6px 8px}.rte-toolbar-divider{margin:0 4px}.rte-btn{width:28px;height:28px}.rte-select{height:28px;padding:0 4px;font-size:12px}}.terms-settings{display:flex;flex-direction:column;gap:24px}.terms-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f0fdfa,#e0f2fe);border-radius:12px;gap:16px}.terms-toggle-info h4{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 4px}.terms-toggle-info p{font-size:13px;color:#64748b;margin:0}.terms-switch{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.terms-switch input{position:absolute;opacity:0;width:0;height:0}.terms-switch-track{position:relative;width:52px;height:28px;background:#cbd5e1;border-radius:14px;transition:background .3s ease;flex-shrink:0}.terms-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s ease}.terms-switch input:checked+.terms-switch-track{background:#0891b2}.terms-switch input:checked+.terms-switch-track:after{transform:translate(24px)}.terms-switch input:focus+.terms-switch-track{box-shadow:0 0 0 3px #0891b233}.terms-switch-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#64748b;white-space:nowrap;min-width:80px}.terms-switch input:checked~.terms-switch-label{color:#0891b2}.terms-field{display:flex;flex-direction:column;gap:8px}.terms-field label{font-size:13px;font-weight:600;color:#374151}.terms-field input{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;transition:border-color .2s,box-shadow .2s}.terms-field input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.terms-language-indicator{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.terms-language-indicator.rtl{flex-direction:row-reverse;background:linear-gradient(135deg,#fef3c7,#fde68a 50%);border-color:#f59e0b}.language-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fff;border-radius:6px;font-size:13px;font-weight:600;color:#374151;box-shadow:0 1px 2px #0000000d}.terms-language-indicator.rtl .language-badge{background:#f59e0b;color:#fff}.language-hint{font-size:12px;color:#64748b}.terms-language-indicator.rtl .language-hint{color:#92400e;text-align:right}.terms-field.rtl-editor .rich-text-editor{direction:rtl}.terms-field.rtl-editor .rte-content{direction:rtl;text-align:right}.terms-last-updated{font-size:12px;color:#94a3b8;font-style:italic;margin:0}.rebuild-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#0891b2}.rebuild-status .spinner{animation:spin 1s linear infinite}.settings-save-section-btn.disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.terms-toggle-row{flex-direction:column;align-items:flex-start;gap:12px}.terms-switch{align-self:flex-start}}.privacy-settings{display:flex;flex-direction:column;gap:24px}.privacy-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:12px;gap:16px}.privacy-toggle-info h4{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 4px}.privacy-toggle-info p{font-size:13px;color:#64748b;margin:0}.privacy-switch{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.privacy-switch input{position:absolute;opacity:0;width:0;height:0}.privacy-switch-track{position:relative;width:52px;height:28px;background:#cbd5e1;border-radius:14px;transition:background .3s ease;flex-shrink:0}.privacy-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s ease}.privacy-switch input:checked+.privacy-switch-track{background:#9333ea}.privacy-switch input:checked+.privacy-switch-track:after{transform:translate(24px)}.privacy-switch input:focus+.privacy-switch-track{box-shadow:0 0 0 3px #9333ea33}.privacy-switch-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#64748b;white-space:nowrap;min-width:80px}.privacy-switch input:checked~.privacy-switch-label{color:#9333ea}.privacy-field{display:flex;flex-direction:column;gap:8px}.privacy-field label{font-size:13px;font-weight:600;color:#374151}.privacy-field input{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;transition:border-color .2s,box-shadow .2s}.privacy-field input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.privacy-language-indicator{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.privacy-language-indicator.rtl{flex-direction:row-reverse;background:linear-gradient(135deg,#fef3c7,#fde68a 50%);border-color:#f59e0b}.privacy-language-indicator .language-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fff;border-radius:6px;font-size:13px;font-weight:600;color:#374151;box-shadow:0 1px 2px #0000000d}.privacy-language-indicator.rtl .language-badge{background:#f59e0b;color:#fff}.privacy-language-indicator .language-hint{font-size:12px;color:#64748b}.privacy-language-indicator.rtl .language-hint{color:#92400e;text-align:right}.privacy-field.rtl-editor .rich-text-editor{direction:rtl}.privacy-field.rtl-editor .rte-content{direction:rtl;text-align:right}.privacy-last-updated{font-size:12px;color:#94a3b8;font-style:italic;margin:0}.settings-section-footer .rebuild-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#9333ea}.settings-section-footer .rebuild-status .spinner{animation:spin 1s linear infinite}.settings-section-footer .settings-save-section-btn.disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.privacy-toggle-row{flex-direction:column;align-items:flex-start;gap:12px}.privacy-switch{align-self:flex-start}}.team-settings-body{padding:0!important}.team-member-count{background:var(--accent-color, #6366f1);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:8px}.team-error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:13px}.team-error-banner button{margin-left:auto;background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;display:flex;opacity:.7}.team-error-banner button:hover{opacity:1}.team-invite-section{padding:20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(to bottom,#f8fafc,#fff)}.team-invite-section h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;color:#374151}.team-invite-form{display:flex;flex-direction:column;gap:12px}.team-invite-row{display:flex;gap:10px;align-items:stretch}.team-invite-email{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s}.team-invite-email:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.team-invite-email svg{color:#9ca3af;flex-shrink:0}.team-invite-email input{flex:1;border:none;background:none;padding:12px 0;font-size:14px;outline:none}.team-invite-email input::placeholder{color:#9ca3af}.team-invite-role select{padding:12px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;cursor:pointer;min-width:140px;transition:all .2s}.team-invite-role select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.team-invite-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.team-invite-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.team-invite-btn:disabled{opacity:.6;cursor:not-allowed}.team-invite-error{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#fef2f2;border-radius:8px;color:#dc2626;font-size:13px}.team-invite-success{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#f0fdf4;border-radius:8px;color:#16a34a;font-size:13px}.team-custom-permissions{margin-top:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.team-permissions-table{width:100%;border-collapse:collapse;font-size:13px}.team-permissions-table th{background:#f8fafc;padding:10px 12px;text-align:center;font-weight:600;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.team-permissions-table th:first-child{text-align:left;width:120px}.team-permissions-table td{padding:10px 12px;text-align:center;border-bottom:1px solid #f1f5f9}.team-permissions-table td.category-label{text-align:left;font-weight:500;color:#334155;background:#f8fafc}.team-permissions-table td.empty-cell{background:#f8fafc}.team-permissions-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6366f1}.team-permissions-table .other-perm{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;white-space:nowrap}.team-permissions-table .other-perm input{width:14px;height:14px}.perm-indicator{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.perm-indicator.yes{background:#dcfce7;color:#16a34a}.perm-indicator.no{background:#f1f5f9;color:#94a3b8}.team-permissions-table tbody tr:hover{background:#f8fafc}.team-permissions-table tbody tr:hover td.category-label{background:#f1f5f9}.team-members-section{padding:20px}.team-members-section h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;color:#374151}.team-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:#6b7280}.team-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px;color:#9ca3af;text-align:center}.team-empty svg{opacity:.5}.team-empty p{margin:0;font-weight:500;color:#6b7280}.team-empty span{font-size:13px}.team-members-list{display:flex;flex-direction:column;gap:10px}.team-member-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s}.team-member-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.team-member-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}.team-member-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.team-member-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#6366f1;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.team-member-details{display:flex;flex-direction:column;gap:2px;min-width:0}.team-member-name{font-weight:500;color:#111827;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member-email{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.team-role-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.team-role-badge.owner{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.team-role-badge.admin{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.team-role-badge.editor{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.team-role-badge.viewer{background:#f3f4f6;color:#6b7280}.team-role-badge.custom{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#9d174d}.team-action-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.team-action-btn:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb}.team-action-btn.edit:hover{color:#6366f1;border-color:#c7d2fe;background:#eef2ff}.team-action-btn.remove:hover{color:#dc2626;border-color:#fecaca;background:#fef2f2}.team-action-btn.save{color:#fff;background:#16a34a;border-color:#16a34a}.team-action-btn.save:hover:not(:disabled){background:#15803d}.team-action-btn.cancel{color:#6b7280}.team-action-btn.confirm-remove{color:#fff;background:#dc2626;border-color:#dc2626}.team-action-btn:disabled{opacity:.6;cursor:not-allowed}.team-member-edit{padding:16px;border-top:1px solid #e5e7eb;background:#f9fafb}.team-edit-role{display:flex;align-items:center;gap:12px;margin-bottom:12px}.team-edit-role label{font-size:13px;font-weight:500;color:#374151}.team-edit-role select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;cursor:pointer}.team-edit-role select:focus{outline:none;border-color:#6366f1}.team-edit-permissions{margin-top:12px}@media (max-width: 768px){.team-invite-row{flex-direction:column}.team-invite-role select{min-width:100%}.team-invite-btn{justify-content:center}.team-member-header{flex-direction:column;align-items:flex-start}.team-member-actions{width:100%;justify-content:space-between;padding-top:12px;border-top:1px solid #f3f4f6;margin-top:12px}.team-permissions-grid{font-size:10px;grid-template-columns:80px repeat(5,1fr)}.team-permissions-header-cell,.team-permissions-category-cell,.team-permissions-cell{padding:6px 4px}}@media (prefers-color-scheme: dark){.team-invite-section{background:linear-gradient(to bottom,#1f2937,#111827)}.team-invite-email{background:#1f2937;border-color:#374151}.team-invite-email input{color:#fff}.team-invite-role select{background:#1f2937;border-color:#374151;color:#fff}.team-custom-permissions{background:#1f2937;border-color:#374151}.team-permissions-grid{background:#374151}.team-permissions-header-cell{background:#1f2937;color:#9ca3af}.team-permissions-category-cell{background:#1f2937;color:#e5e7eb}.team-permissions-cell{background:#111827}.team-permissions-cell.empty{background:#1f2937}.team-member-card{background:#1f2937;border-color:#374151}.team-member-name{color:#fff}.team-member-avatar{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff}.team-action-btn{background:#1f2937;border-color:#374151;color:#9ca3af}.team-member-edit{background:#111827;border-color:#374151}.team-edit-role select{background:#1f2937;border-color:#374151;color:#fff}}.settings-page{padding:32px;max-width:900px;margin:0 auto}.settings-loading,.settings-no-store{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:#64748b}.settings-loading .spinner,.settings-save-btn .spinner{animation:spin 1s linear infinite}.settings-no-store svg{color:#94a3b8;margin-bottom:16px}.settings-no-store h2{margin:0 0 8px;font-size:18px;color:#1e293b}.settings-no-store p{margin:0;font-size:14px}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.settings-header-left{display:flex;align-items:center;gap:16px}.settings-header-icon{width:52px;height:52px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.settings-header-content h1{margin:0;font-size:24px;font-weight:700;color:#0f172a}.settings-header-content p{margin:4px 0 0;font-size:14px;color:#64748b}.settings-save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.settings-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.settings-save-btn:disabled{opacity:.7;cursor:not-allowed}.settings-content{display:flex;flex-direction:column;gap:16px}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.settings-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;background:transparent;border:none;cursor:pointer;transition:all .2s}.settings-section-header:hover{background:#f8fafc}.settings-section-header.active{background:#f1f5f9}.settings-section-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#1e293b}.settings-section-title svg{color:#1e3a5f}.settings-section-badge{padding:2px 8px;background:#e0e7ff;color:#4f46e5;font-size:12px;font-weight:600;border-radius:10px}.settings-section-header>svg{color:#64748b}.settings-section-body{padding:0 24px 24px;border-top:1px solid #e2e8f0}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-top:20px}@media (max-width: 640px){.settings-grid{grid-template-columns:1fr}}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field.full-width{grid-column:1 / -1;margin-top:20px}.settings-field:first-child.full-width{margin-top:0;padding-top:20px}.settings-field label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#374151}.settings-field label svg{color:#64748b}.settings-field input,.settings-field select,.settings-field textarea{padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s;font-family:inherit}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.settings-field textarea{resize:vertical;min-height:80px}.settings-field-hint{font-size:12px;color:#64748b;margin-top:4px}.settings-logo-input{display:flex;gap:16px;align-items:flex-start}.settings-logo-input input{flex:1;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px}.settings-logo-input input:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.logo-upload-tabs{display:flex;gap:8px;margin-bottom:12px}.logo-upload-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.logo-upload-tab:hover{background:#e2e8f0;color:#475569}.logo-upload-tab.active{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.logo-upload-tab svg{width:16px;height:16px}.logo-file-upload{position:relative}.logo-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.logo-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .2s}.logo-file-label:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8}.logo-file-label svg{color:#64748b}.logo-file-label span{font-size:14px;font-weight:500;color:#475569}.logo-file-hint{font-size:12px!important;font-weight:400!important;color:#94a3b8!important}.logo-file-label .spinner{animation:spin 1s linear infinite;color:#1e3a5f}.settings-logo-preview{display:flex;align-items:center;gap:16px;margin-top:16px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.settings-logo-preview img{width:80px;height:80px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #e2e8f0}.logo-remove-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.logo-remove-btn:hover{background:#fee2e2}.notification-types{padding:20px 0;border-bottom:1px solid #f1f5f9}.notification-types-header{margin-bottom:16px}.notification-types-header span{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.notification-types-header p{margin:0;font-size:13px;color:#64748b}.notification-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 768px){.notification-checkboxes{grid-template-columns:1fr}}.notification-checkbox{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.notification-checkbox:hover{background:#f1f5f9;border-color:#cbd5e1}.notification-checkbox input{display:none}.checkbox-custom{width:20px;height:20px;min-width:20px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:2px}.checkbox-custom:after{content:"";width:10px;height:10px;background:transparent;border-radius:3px;transition:all .2s}.notification-checkbox input:checked+.checkbox-custom{background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-color:#1e3a5f}.notification-checkbox input:checked+.checkbox-custom:after{background:#fff}.checkbox-content{display:flex;align-items:flex-start;gap:10px;flex:1}.checkbox-content>svg{color:#64748b;margin-top:2px;flex-shrink:0}.notification-checkbox input:checked~.checkbox-content>svg{color:#1e3a5f}.checkbox-content>div{flex:1}.checkbox-content strong{display:block;font-size:13px;font-weight:600;color:#1e293b;margin-bottom:2px}.checkbox-content p{margin:0;font-size:12px;color:#64748b;line-height:1.4}.settings-toggle-field{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #f1f5f9}.settings-toggle-field:first-child{padding-top:20px}.settings-toggle-field:last-child{border-bottom:none;padding-bottom:0}.settings-toggle-info{display:flex;align-items:flex-start;gap:14px}.settings-toggle-info svg{color:#64748b;flex-shrink:0;margin-top:2px}.settings-toggle-info svg.warning-icon{color:#f59e0b}.settings-toggle-info strong{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.settings-toggle-info p{margin:0;font-size:13px;color:#64748b}.settings-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.settings-toggle.small{width:40px;height:22px}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:26px;transition:all .3s}.settings-toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 2px 4px #0000001a}.settings-toggle.small .settings-toggle-slider:before{height:16px;width:16px}.settings-toggle input:checked+.settings-toggle-slider{background:linear-gradient(135deg,#1e3a5f,#2d5a87)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(22px)}.settings-toggle.small input:checked+.settings-toggle-slider:before{transform:translate(18px)}.settings-toggle input:disabled+.settings-toggle-slider{opacity:.5;cursor:not-allowed}.settings-add-row{display:flex;gap:12px;padding:20px 0;border-bottom:1px solid #f1f5f9}.settings-add-row input{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.settings-add-row input:focus{outline:none;border-color:#1e3a5f}.settings-add-row input[type=number]{width:100px;flex:none}.settings-add-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#1e3a5f;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.settings-add-btn:hover{background:#2d5a87}.settings-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#94a3b8}.settings-empty svg{margin-bottom:12px}.settings-empty p{margin:0;font-size:14px}.settings-list{display:flex;flex-direction:column}.settings-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f1f5f9}.settings-list-item:last-child{border-bottom:none}.settings-list-item.inactive{opacity:.5}.settings-list-item-info{display:flex;align-items:center;gap:16px}.settings-list-item-name{font-size:14px;font-weight:500;color:#1e293b}.settings-list-item-value{font-size:14px;color:#64748b;padding:4px 10px;background:#f1f5f9;border-radius:6px}.settings-list-item-actions{display:flex;align-items:center;gap:12px}.settings-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s}.settings-delete-btn:hover{background:#fef2f2;color:#ef4444}.settings-order-states{display:flex;flex-direction:column;gap:8px;padding:20px 0}.settings-order-state{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8fafc;border-radius:10px}.settings-order-state .drag-handle{color:#94a3b8;cursor:grab}.settings-color-picker{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;padding:0;overflow:hidden}.settings-color-picker::-webkit-color-swatch-wrapper{padding:0}.settings-color-picker::-webkit-color-swatch{border:none;border-radius:8px}.settings-state-name{flex:1;padding:8px 12px;border:1px solid transparent;border-radius:6px;font-size:14px;background:#fff}.settings-state-name:focus{outline:none;border-color:#1e3a5f}.settings-state-name:disabled{background:transparent;cursor:default}.settings-default-badge{padding:4px 10px;background:#e0e7ff;color:#4f46e5;font-size:11px;font-weight:600;border-radius:6px}.settings-add-state-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:transparent;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b;font-size:14px;cursor:pointer;transition:all .2s}.settings-add-state-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b}.settings-add-social{display:flex;gap:12px;padding:20px 0;border-bottom:1px solid #f1f5f9}.settings-add-social select{width:200px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}.settings-add-social select:focus{outline:none;border-color:#1e3a5f}.settings-add-social input{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.settings-add-social input:focus{outline:none;border-color:#1e3a5f}.settings-social-list{display:flex;flex-direction:column;gap:8px;padding-top:16px}.settings-social-item{display:flex;align-items:center;gap:12px}.settings-social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:10px;color:#64748b}.settings-social-item input{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.settings-social-item input:focus{outline:none;border-color:#1e3a5f}.settings-section-footer{display:flex;justify-content:flex-end;padding-top:20px;margin-top:20px;border-top:1px solid #f1f5f9}.settings-save-section-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.settings-save-section-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1e3a5f4d}.settings-save-section-btn:disabled{opacity:.7;cursor:not-allowed}.settings-save-section-btn .spinner{animation:spin 1s linear infinite}.settings-editable-name{padding:6px 10px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;background:transparent;transition:all .2s}.settings-editable-name:hover{background:#f8fafc;border-color:#e2e8f0}.settings-editable-name:focus{outline:none;background:#fff;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.settings-tax-rate{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f1f5f9;border-radius:6px}.settings-tax-rate input{width:60px;padding:4px 8px;border:1px solid transparent;border-radius:4px;font-size:14px;text-align:right;background:transparent}.settings-tax-rate input:focus{outline:none;background:#fff;border-color:#1e3a5f}.settings-tax-rate span{font-size:14px;color:#64748b}.settings-section.danger .settings-section-header{color:#b91c1c}.settings-section.danger .settings-section-title svg{color:#dc2626}.settings-danger-zone{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:20px 0}.settings-danger-info h4{margin:0 0 8px;font-size:15px;font-weight:600;color:#b91c1c}.settings-danger-info p{margin:0;font-size:13px;color:#64748b;line-height:1.5}.settings-delete-store-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.settings-delete-store-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.settings-delete-disabled{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047;border-radius:10px;color:#a16207;font-size:13px;font-weight:500;line-height:1.4;max-width:400px}.settings-delete-disabled svg{flex-shrink:0;color:#ca8a04}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;z-index:1001;overflow:hidden}.settings-modal-header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid #e2e8f0;position:relative}.settings-modal-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.settings-modal-icon.danger{background:#fef2f2;color:#dc2626}.settings-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.settings-modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.settings-modal-close:hover{background:#f1f5f9;color:#1e293b}.settings-modal-body{padding:24px}.settings-modal-warning{margin:0 0 16px;font-size:14px;color:#475569;line-height:1.6}.settings-delete-list{margin:0 0 24px;padding-left:20px;font-size:13px;color:#64748b;line-height:1.8}.settings-delete-list li{margin-bottom:4px}.settings-delete-confirm{display:flex;flex-direction:column;gap:8px}.settings-delete-confirm label{font-size:13px;color:#475569}.settings-delete-confirm label strong{color:#1e293b;font-weight:600}.settings-delete-confirm input{padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s}.settings-delete-confirm input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.settings-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.settings-modal-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.settings-modal-btn.cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b}.settings-modal-btn.cancel:hover{background:#f1f5f9}.settings-modal-btn.delete{background:#dc2626;border:none;color:#fff}.settings-modal-btn.delete:hover:not(:disabled){background:#b91c1c}.settings-modal-btn.delete:disabled{opacity:.5;cursor:not-allowed}.settings-modal-btn .spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.settings-page{padding:20px}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-toggle-label{flex:1}.settings-toggle-label strong{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.settings-toggle-label .settings-field-hint{display:block;font-size:13px;color:#64748b;margin:0}.settings-field-description{font-size:14px;color:#64748b;margin:0 0 16px;padding:12px 16px;background:#f8fafc;border-radius:8px;border-left:3px solid #1e3a5f}.settings-field-description strong{color:#1e293b}.settings-section-body .settings-fields-grid .settings-field.full-width .settings-toggle-row{padding:16px 0;border-bottom:1px solid #f1f5f9}.settings-section-body .settings-fields-grid .settings-field:not(.full-width){padding:12px 0;border-bottom:1px solid #f1f5f9}.settings-section-body .settings-fields-grid .settings-field:not(.full-width):last-child{border-bottom:none}.settings-header{flex-direction:column;align-items:flex-start;gap:16px}.settings-save-btn{width:100%;justify-content:center}.settings-add-row,.settings-add-social{flex-direction:column}.settings-add-row input[type=number],.settings-add-social select{width:100%}}.profile-container{max-width:700px;margin:0 auto;padding:24px}.profile-message{padding:14px 18px;border-radius:10px;font-size:14px;margin-bottom:24px}.profile-message.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.profile-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.password-message{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.password-message.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.password-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.profile-section{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.profile-section-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.profile-section-header svg{color:#3b82f6}.profile-section-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.profile-form{padding:24px;display:flex;flex-direction:column;gap:20px}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:8px}.profile-field label svg{color:#6b7280}.profile-field input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:15px;color:#1f2937;background:#fff;transition:all .2s ease;box-sizing:border-box}.profile-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.profile-field input.disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.profile-field input::placeholder{color:#9ca3af}.field-hint{font-size:12px;color:#6b7280}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:#374151}.profile-button{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content}.profile-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.profile-button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.profile-button.primary:disabled{opacity:.6;cursor:not-allowed}.profile-button.danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.profile-button.danger:hover{background:#fee2e2}.danger-zone .profile-section-header{background:#fef2f2;border-color:#fecaca}.danger-zone .profile-section-header h3{color:#dc2626}.danger-content{padding:24px;display:flex;justify-content:space-between;align-items:center}.danger-content p{margin:0;color:#6b7280;font-size:14px}@media (max-width: 640px){.profile-container{padding:16px}.profile-form{padding:20px}.danger-content{flex-direction:column;gap:16px;align-items:flex-start}.profile-button{width:100%}}.billing-container{padding:32px;max-width:900px;margin:0 auto}.billing-current-plan{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#1e293b;border-radius:12px;color:#fff;margin-bottom:20px}.billing-current-plan-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff26;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.billing-current-plan-name{font-size:20px;font-weight:600;margin:0 0 4px}.billing-current-plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.billing-price-amount{font-size:24px;font-weight:700}.billing-price-period{font-size:14px;opacity:.7}.billing-current-plan-renewal{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.7}.billing-current-plan-actions{display:flex;gap:10px}.billing-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.billing-btn-secondary{background:#ffffff26;color:#fff}.billing-btn-secondary:hover{background:#ffffff40}.billing-btn-outline{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.25)}.billing-btn-outline:hover{background:#ffffff1a}.billing-btn-text{background:transparent;color:#6b7280;padding:6px 10px}.billing-btn-text:hover{color:#ef4444}.billing-section{background:#fff;border-radius:10px;border:1px solid #e5e7eb;padding:18px;margin-bottom:16px}.billing-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.billing-section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1f2937;margin:0 0 4px}.billing-section-title svg{color:#6b7280}.billing-section-subtitle{font-size:13px;color:#9ca3af;margin:0}.billing-period-toggle{display:flex;background:#f3f4f6;border-radius:6px;padding:3px}.billing-period-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:none;border-radius:4px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.billing-period-btn.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #00000014}.billing-save-badge{padding:2px 6px;background:#10b981;color:#fff;border-radius:4px;font-size:10px;font-weight:600}.billing-plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1100px){.billing-plans-grid{grid-template-columns:repeat(2,1fr)}}.billing-plan-card{position:relative;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .2s ease}.billing-plan-card:hover,.billing-plan-card.highlighted{border-color:#9ca3af;background:#f9fafb}.billing-plan-card.current{border-color:#10b981;background:#f0fdf4}.billing-plan-popular{position:absolute;top:-10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:4px 10px;background:#475569;color:#fff;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap}.billing-plan-header{text-align:center;margin-bottom:12px}.billing-plan-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;margin-bottom:8px}.billing-plan-name{font-size:14px;font-weight:600;color:#1f2937;margin:0}.billing-plan-price{text-align:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #e5e7eb}.billing-plan-amount{font-size:28px;font-weight:700;color:#1f2937}.billing-plan-currency{font-size:14px;font-weight:500;color:#6b7280;margin-left:2px}.billing-plan-period{font-size:12px;color:#9ca3af}.billing-plan-features{list-style:none;padding:0;margin:0 0 14px}.billing-plan-features li{display:flex;align-items:flex-start;gap:8px;padding:4px 0;font-size:12px;color:#6b7280}.billing-plan-features li svg{flex-shrink:0;margin-top:1px;width:14px;height:14px}.billing-plan-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#e5e7eb;border:none;border-radius:6px;font-size:12px;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s ease}.billing-plan-btn:hover:not(:disabled){background:#d1d5db}.billing-plan-btn.highlighted{background:#475569;color:#fff}.billing-plan-btn.highlighted:hover:not(:disabled){background:#334155}.billing-plan-btn.current{background:#dcfce7;color:#15803d;cursor:default}.billing-plan-btn:disabled{cursor:not-allowed;opacity:.6}.billing-payment-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px}.billing-payment-info{display:flex;align-items:center;gap:12px}.billing-card-icon{width:44px;height:30px;background:#334155;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff}.billing-card-icon svg{width:18px;height:18px}.billing-card-details{display:flex;flex-direction:column;gap:1px}.billing-card-type{font-size:13px;font-weight:600;color:#1f2937}.billing-card-number{font-size:12px;color:#6b7280;font-family:monospace}.billing-card-expiry{font-size:11px;color:#9ca3af}.billing-payment-actions{display:flex;gap:8px}.billing-payment-actions .billing-btn-outline{color:#4b5563;border-color:#d1d5db;padding:6px 12px;font-size:12px}.billing-payment-actions .billing-btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}.billing-add-payment{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:#fff;border:1px dashed #d1d5db;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.billing-add-payment:hover{border-color:#9ca3af;color:#4b5563;background:#f9fafb}.billing-add-payment svg:last-child{margin-left:auto}.billing-invoices-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.billing-invoices-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 50px;padding:10px 14px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.billing-invoices-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af}.billing-invoices-empty svg{width:32px;height:32px}.billing-invoices-empty p{margin-top:8px;font-size:13px}.billing-invoices-list{max-height:300px;overflow-y:auto}.billing-invoice-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 50px;align-items:center;padding:12px 14px;border-bottom:1px solid #f3f4f6;transition:background .2s ease}.billing-invoice-row:last-child{border-bottom:none}.billing-invoice-row:hover{background:#f9fafb}.billing-invoice-id{display:flex;align-items:center;gap:10px}.billing-invoice-id svg{color:#9ca3af;width:16px;height:16px}.billing-invoice-number{display:block;font-size:13px;font-weight:600;color:#1f2937}.billing-invoice-desc{display:block;font-size:11px;color:#6b7280}.billing-invoice-date{font-size:13px;color:#6b7280}.billing-invoice-amount{font-size:13px;font-weight:600;color:#1f2937}.billing-status-badge{display:inline-flex;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500}.billing-status-badge.paid{background:#dcfce7;color:#15803d}.billing-status-badge.pending{background:#fef3c7;color:#b45309}.billing-status-badge.failed{background:#fee2e2;color:#dc2626}.billing-invoice-download{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.billing-invoice-download:hover{background:#475569;border-color:#475569;color:#fff}.billing-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.billing-info-item{display:flex;flex-direction:column;gap:4px}.billing-info-item label{font-size:11px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px}.billing-info-item span{font-size:13px;color:#1f2937}.billing-support-section{margin-top:16px}.billing-support-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.billing-support-card svg:first-child{color:#6b7280;flex-shrink:0;width:24px;height:24px}.billing-support-card h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px}.billing-support-card p{font-size:12px;color:#6b7280;margin:0}.billing-support-card .billing-btn{margin-left:auto;background:#475569;color:#fff;white-space:nowrap;font-size:12px;padding:8px 14px}.billing-support-card .billing-btn:hover{background:#334155}@media (max-width: 640px){.billing-container{padding:16px}.billing-current-plan{flex-direction:column;gap:14px;text-align:center}.billing-current-plan-actions{flex-direction:column;width:100%}.billing-current-plan-actions .billing-btn{width:100%}.billing-section-header{flex-direction:column;gap:12px}.billing-plans-grid{grid-template-columns:1fr}.billing-plan-card.highlighted{order:-1}.billing-payment-card{flex-direction:column;gap:12px;text-align:center}.billing-payment-info{flex-direction:column}.billing-invoices-header,.billing-invoice-row{grid-template-columns:1fr 1fr;gap:6px}.billing-invoices-header span:nth-child(2),.billing-invoice-row .billing-invoice-date{display:none}.billing-info-grid{grid-template-columns:1fr}.billing-support-card{flex-direction:column;text-align:center;gap:10px}.billing-support-card .billing-btn{margin-left:0;width:100%}}.support-page{padding:0;min-height:100%}.support-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:24px 24px 0}.support-page .header-left h1{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 4px}.support-page .header-subtitle{font-size:14px;color:#6b7280;margin:0}.support-page .header-actions{display:flex;gap:12px}.support-page .btn-primary,.support-page .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.support-page .btn-primary{background:#3b82f6;color:#fff;border:none}.support-page .btn-primary:hover{background:#2563eb}.support-page .btn-secondary{background:#fff;color:#374151;border:1px solid #e5e7eb}.support-page .btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.support-page .status-cards{display:flex;gap:12px;padding:0 24px;margin-bottom:24px;flex-wrap:wrap}.support-page .status-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;min-width:140px}.support-page .status-card:hover,.support-page .status-card.active{border-color:var(--status-color);box-shadow:0 4px 6px -1px #0000001a}.support-page .status-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:10px}.support-page .status-card-info{display:flex;flex-direction:column}.support-page .status-card-count{font-size:20px;font-weight:600;color:#1f2937}.support-page .status-card-label{font-size:12px;color:#6b7280}.support-page .search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin:0 24px 24px}.support-page .search-bar input{flex:1;border:none;outline:none;font-size:14px;color:#1f2937}.support-page .search-bar input::placeholder{color:#9ca3af}.support-page .search-bar svg{color:#9ca3af}.support-page .clear-search{background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:4px}.support-page .clear-search:hover{background:#f3f4f6;color:#6b7280}.support-page .messages-list{background:#fff;border-radius:12px;margin:0 24px 24px;overflow:hidden;border:1px solid #e5e7eb}.support-page .messages-table{width:100%;border-collapse:collapse}.support-page .messages-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.support-page .messages-table td{padding:16px;font-size:14px;color:#1f2937;border-bottom:1px solid #f3f4f6;vertical-align:middle}.support-page .messages-table tr{cursor:pointer;transition:background .15s}.support-page .messages-table tr:hover{background:#f9fafb}.support-page .messages-table tr.unread{background:#eff6ff}.support-page .messages-table tr.unread:hover{background:#dbeafe}.support-page .messages-table tr:last-child td{border-bottom:none}.support-page .sender-cell{min-width:200px}.support-page .sender-info{display:flex;align-items:center;gap:12px}.support-page .sender-avatar{width:36px;height:36px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.support-page .sender-avatar.large{width:48px;height:48px}.support-page .sender-name{display:block;font-weight:500;color:#1f2937}.support-page .sender-email{display:block;font-size:12px;color:#6b7280}.support-page .subject-cell{max-width:200px}.support-page .subject-text{font-weight:500}.support-page .message-preview-cell{max-width:250px}.support-page .message-preview{color:#6b7280}.support-page .date-cell{white-space:nowrap}.support-page .date-text{color:#6b7280;font-size:13px}.support-page .status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.support-page .actions-cell{width:100px}.support-page .action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s;text-decoration:none}.support-page .action-btn:hover{background:#f3f4f6;color:#1f2937}.support-page .loading-state,.support-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.support-page .loading-state svg,.support-page .empty-state svg{color:#d1d5db;margin-bottom:16px}.support-page .spinning{animation:spin 1s linear infinite}.support-page .empty-state h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.support-page .empty-state p{margin:0;font-size:14px}.support-page .detail-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1000;animation:fadeIn .2s ease}.support-page .detail-panel{width:500px;max-width:100%;height:100%;background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.support-page .detail-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.support-page .detail-panel-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.support-page .close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:6px;display:flex;align-items:center;justify-content:center}.support-page .close-btn:hover{background:#f3f4f6;color:#1f2937}.support-page .detail-panel-content{flex:1;overflow-y:auto;padding:24px}.support-page .message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.support-page .message-sender-info{display:flex;gap:16px;align-items:flex-start}.support-page .sender-details h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.support-page .sender-email-link,.support-page .sender-phone-link{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;text-decoration:none;margin-bottom:4px}.support-page .sender-email-link:hover,.support-page .sender-phone-link:hover{color:#3b82f6}.support-page .message-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.support-page .message-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.support-page .message-subject{padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:20px;font-size:14px}.support-page .message-subject strong{color:#6b7280}.support-page .message-body{padding:20px;background:#f9fafb;border-radius:8px;margin-bottom:24px}.support-page .message-body p{margin:0;font-size:14px;line-height:1.7;color:#374151;white-space:pre-wrap}.support-page .message-actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 1024px){.support-page .status-cards{flex-wrap:wrap}.support-page .status-card{min-width:calc(50% - 6px)}}@media (max-width: 768px){.support-page .page-header{flex-direction:column;gap:16px;padding:16px}.support-page .status-cards{padding:0 16px}.support-page .status-card{min-width:100%}.support-page .search-bar{margin:0 16px 16px}.support-page .messages-list{margin:0 16px 16px;overflow-x:auto}.support-page .messages-table{min-width:700px}.support-page .detail-panel{width:100%}}.domain-config{display:flex;flex-direction:column;height:100%;max-height:60vh}.domain-config-content{flex:1;overflow-y:auto;padding:0 1rem}.domain-loading{display:flex;align-items:center;gap:.75rem;padding:2rem;justify-content:center;color:#6b7280}.domain-activating{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem}.domain-activating h3{margin:1rem 0 .5rem;color:#1f2937;font-size:1.1rem}.domain-activating p{margin:0 0 1.5rem;color:#6b7280;font-size:.85rem;max-width:300px}.activation-steps{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:280px}.activation-steps .step{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9fafb;border-radius:6px;font-size:.8rem;color:#9ca3af}.activation-steps .step.active{background:#eff6ff;color:#3b82f6;font-weight:500}.activation-steps .step.done{background:#f0fdf4;color:#10b981}.activation-steps .step-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.domain-input-group{display:flex;gap:.75rem;margin-bottom:1rem}.domain-input-wrapper{display:flex;align-items:center;gap:.5rem;flex:1;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:0 .75rem}.domain-input-wrapper svg{color:#6b7280;flex-shrink:0}.domain-input-wrapper input{flex:1;border:none;background:transparent;padding:.6rem 0;font-size:.9rem;color:#1f2937;min-width:0}.domain-input-wrapper input:focus{outline:none}.domain-input-wrapper input::placeholder{color:#9ca3af}.domain-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.domain-btn.primary{background:#3b82f6;color:#fff}.domain-btn.primary:hover:not(:disabled){background:#2563eb}.domain-btn.danger{background:#ef4444;color:#fff;border:1px solid #ef4444}.domain-btn.danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.domain-btn.danger-outline{background:transparent;color:#6b7280;border:1px solid #e5e7eb}.domain-btn.danger-outline:hover:not(:disabled){background:#fef2f2;color:#ef4444;border-color:#ef4444}.domain-btn:disabled{opacity:.6;cursor:not-allowed}.domain-error{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;margin-bottom:.75rem;font-size:.8rem}.domain-help{background:#f9fafb;border-radius:6px;padding:.75rem 1rem;margin-top:.75rem}.domain-help p{margin:0 0 .5rem;color:#1f2937;font-weight:500;font-size:.85rem}.domain-help ol{margin:0;padding-left:1.25rem;color:#6b7280;font-size:.8rem}.domain-help li{margin-bottom:.25rem}.domain-status-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem}.domain-status-header.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.domain-status-info{display:flex;align-items:center;gap:.6rem}.domain-status-info strong{display:block;font-size:.95rem;color:#1f2937}.domain-status-info .status-text{display:block;font-size:.8rem;color:#6b7280}.domain-status-info .status-text.success{color:#10b981}.status-icon.pending{color:#f59e0b}.status-icon.success{color:#10b981}.domain-instructions{padding:0}.domain-instructions h4{margin:0 0 .25rem;color:#1f2937;font-size:.9rem;font-weight:600}.domain-instructions>p{margin:0 0 .5rem;color:#6b7280;font-size:.8rem}.ns-records-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.ns-record{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.ns-record code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem;color:#1f2937;font-weight:500}.copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#f3f4f6;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s;flex-shrink:0}.copy-btn:hover{background:#3b82f6;color:#fff}.copy-btn .copied{color:#10b981}.domain-info-box{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:6px}.domain-info-box svg{flex-shrink:0;color:#3b82f6;width:14px;height:14px;margin-top:1px}.domain-info-box p{margin:0;font-size:.75rem;color:#4b5563;line-height:1.4}.domain-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem;background:#fff;border-top:1px solid #e5e7eb;margin:0 -1rem -1rem;position:sticky;bottom:0}.domain-progress{padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.75rem}.domain-progress p{margin:0;color:#6b7280;font-size:.8rem}.domain-active-info{padding:0}.domain-active-info>p{margin:0 0 .5rem;color:#6b7280;font-size:.85rem}.domain-urls{display:flex;flex-direction:column;gap:.35rem}.domain-url{display:flex;align-items:center;gap:.4rem;padding:.6rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#3b82f6;text-decoration:none;font-weight:500;font-size:.85rem;transition:all .2s}.domain-url:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.spinner{animation:spin 1s linear infinite}@media (max-width: 480px){.domain-config{max-height:70vh}.domain-config-content{padding:0 .75rem}.domain-input-group{flex-direction:column;gap:.5rem}.domain-btn{width:100%;justify-content:center}.domain-status-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.6rem .75rem}.domain-status-info strong{font-size:.9rem}.ns-record code{font-size:.7rem;word-break:break-all}.domain-actions{justify-content:stretch;gap:.5rem;padding:.75rem}.domain-actions .domain-btn{flex:1}.domain-help ol{font-size:.75rem;padding-left:1rem}}.whatsapp-config{padding:24px}.whatsapp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#6b7280}.whatsapp-loading .spin{animation:spin 1s linear infinite}.whatsapp-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.whatsapp-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.whatsapp-title{flex:1}.whatsapp-title h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 4px}.whatsapp-title p{font-size:14px;color:#6b7280;margin:0}.whatsapp-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.whatsapp-close:hover{background:#f3f4f6;color:#374151}.whatsapp-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px}.whatsapp-alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.whatsapp-alert.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.whatsapp-step{display:flex;flex-direction:column;gap:20px}.whatsapp-instructions{text-align:center;color:#4b5563}.whatsapp-instructions p{margin:0 0 8px}.whatsapp-instructions .hint{font-size:13px;color:#9ca3af}.phone-display{font-size:18px;font-weight:600;color:#1f2937;background:#f3f4f6;padding:8px 16px;border-radius:8px;display:inline-block;margin-top:8px}.whatsapp-form{display:flex;flex-direction:column;gap:16px}.whatsapp-input-group{display:flex;align-items:center;gap:12px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:12px 16px;transition:all .2s}.whatsapp-input-group:focus-within{border-color:#25d366;background:#fff}.whatsapp-input-group svg{color:#9ca3af;flex-shrink:0}.whatsapp-input-group input{flex:1;border:none;background:none;font-size:16px;color:#1f2937;outline:none}.whatsapp-input-group input::placeholder{color:#9ca3af}.whatsapp-otp-input{display:flex;justify-content:center}.whatsapp-otp-input input{width:180px;text-align:center;font-size:32px;font-weight:600;letter-spacing:8px;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:#1f2937;outline:none;transition:all .2s}.whatsapp-otp-input input:focus{border-color:#25d366;background:#fff}.whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.whatsapp-btn:disabled{opacity:.6;cursor:not-allowed}.whatsapp-btn.primary{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.whatsapp-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.whatsapp-btn.danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.whatsapp-btn.danger:hover:not(:disabled){background:#fee2e2}.whatsapp-actions-secondary{display:flex;justify-content:center;gap:24px;padding-top:8px}.whatsapp-btn-link{display:flex;align-items:center;gap:6px;background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.whatsapp-btn-link:hover:not(:disabled){color:#25d366;background:#f0fdf4}.whatsapp-btn-link:disabled{opacity:.5;cursor:not-allowed}.whatsapp-connected{text-align:center;padding:24px 0}.whatsapp-connected-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.whatsapp-connected h4{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.verified-date{font-size:13px;color:#9ca3af;margin-top:8px}.whatsapp-connected-info{background:#f0fdf4;border-radius:12px;padding:16px 20px;text-align:left}.whatsapp-connected-info p{font-size:14px;color:#166534;margin:0 0 12px;font-weight:500}.whatsapp-connected-info ul{margin:0;padding-left:20px}.whatsapp-connected-info li{font-size:13px;color:#4b5563;margin-bottom:4px}.whatsapp-settings{background:#f9fafb;border-radius:12px;padding:20px;margin:8px 0}.whatsapp-settings h5{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#374151;margin:0 0 16px}.whatsapp-setting-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;background:#fff;border-radius:10px;margin-bottom:12px;border:1px solid #e5e7eb}.whatsapp-setting-info{display:flex;gap:12px;flex:1}.whatsapp-setting-info>svg{color:#25d366;flex-shrink:0;margin-top:2px}.whatsapp-setting-info strong{display:block;font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.whatsapp-setting-info p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.whatsapp-setting-badge{display:inline-block;font-size:11px;font-weight:600;color:#166534;background:#dcfce7;padding:2px 8px;border-radius:99px;margin-top:6px}.whatsapp-toggle{position:relative;width:48px;height:26px;flex-shrink:0}.whatsapp-toggle input{opacity:0;width:0;height:0}.whatsapp-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.3s;border-radius:26px}.whatsapp-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.whatsapp-toggle input:checked+.whatsapp-toggle-slider{background:linear-gradient(135deg,#25d366,#128c7e)}.whatsapp-toggle input:checked+.whatsapp-toggle-slider:before{transform:translate(22px)}.whatsapp-btn.secondary{background:#fff;color:#374151;border:1px solid #e5e7eb;margin-top:4px}.whatsapp-btn.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.whatsapp-info-box{display:flex;gap:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:16px}.whatsapp-info-box>svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.whatsapp-info-box strong{display:block;font-size:14px;font-weight:600;color:#1e40af;margin-bottom:4px}.whatsapp-info-box p{font-size:13px;color:#3b82f6;margin:0;line-height:1.5}@media (max-width: 480px){.whatsapp-config{padding:16px}.whatsapp-header{flex-wrap:wrap}.whatsapp-otp-input input{width:160px;font-size:28px;letter-spacing:6px}.whatsapp-actions-secondary{flex-direction:column;gap:8px}}.integrations-page{padding:24px;background:#f8fafc;min-height:calc(100vh - 120px)}.integrations-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.integrations-header-left{display:flex;align-items:center;gap:16px}.integrations-icon{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.integrations-header-content h1{margin:0 0 4px;font-size:22px;font-weight:700;color:#0f172a}.integrations-header-content p{margin:0;font-size:14px;color:#64748b}.integrations-section{margin-bottom:32px}.integrations-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.section-icon.apps{background:linear-gradient(135deg,#3b82f6,#2563eb)}.section-icon.livraison{background:linear-gradient(135deg,#10b981,#059669)}.integrations-section-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.integrations-section-header p{margin:2px 0 0;font-size:13px;color:#64748b}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.integration-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .2s;position:relative}.integration-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.integration-card.connected{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.integration-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-card-content{flex:1;min-width:0}.integration-card-content h3{margin:0 0 6px;font-size:15px;font-weight:600;color:#1e293b}.integration-card-content p{margin:0;font-size:13px;color:#64748b;line-height:1.5}.integration-status{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.integration-status.connected{background:#dcfce7;color:#16a34a}.integration-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9998;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.integration-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:9999;width:480px;max-width:90vw;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.integration-modal-header{display:flex;align-items:flex-start;gap:16px;padding:24px;border-bottom:1px solid #e5e7eb}.integration-modal-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-modal-title{flex:1}.integration-modal-title h2{margin:0 0 4px;font-size:18px;font-weight:600;color:#1e293b}.integration-modal-title p{margin:0;font-size:13px;color:#64748b}.integration-modal-close{background:none;border:none;padding:8px;color:#6b7280;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.integration-modal-close:hover{background:#f3f4f6;color:#1f2937}.integration-modal-body{padding:24px;max-height:calc(80vh - 200px);overflow-y:auto;flex:1}.integration-instructions{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px;margin-bottom:20px}.integration-instructions pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:13px;color:#0369a1;line-height:1.6}.integration-fields{display:flex;flex-direction:column;gap:16px}.integration-field label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.integration-field label svg{color:#9ca3af}.integration-field input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;transition:all .2s}.integration-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.integration-field input::placeholder{color:#9ca3af}.integration-field select,.integration-field .wilaya-select{width:100%;padding:12px 40px 12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background-color:#fff;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.integration-field select:focus,.integration-field .wilaya-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.integration-field select:disabled,.integration-field .wilaya-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.integration-docs-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13px;color:#3b82f6;text-decoration:none;transition:color .2s}.integration-docs-link:hover{color:#2563eb;text-decoration:underline}.integration-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px;flex-shrink:0;flex-wrap:wrap}.integration-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.integration-btn:disabled{opacity:.6;cursor:not-allowed}.integration-btn.cancel{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.integration-btn.cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.integration-btn.disconnect{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;margin-right:auto}.integration-btn.disconnect:hover:not(:disabled){background:#fee2e2}.integration-btn.sync{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.integration-btn.sync:hover:not(:disabled){background:#dcfce7}.whatsapp-modal{width:480px;max-width:95vw}.whatsapp-modal .integration-modal-body{padding:0}.integration-btn.save{background:#3b82f6;color:#fff}.integration-btn.save:hover:not(:disabled){background:#2563eb}.integration-btn .spin{animation:spin 1s linear infinite}.integration-modal.domain-modal{width:560px;max-width:95vw}.integration-modal.domain-modal .integration-modal-body{padding:0}.integration-modal.domain-modal .domain-config{padding:24px}@media (max-width: 768px){.integration-modal.domain-modal{width:calc(100% - 16px);max-width:none;max-height:90vh;border-radius:16px}.integration-modal.domain-modal .domain-config{padding:16px}.integration-modal.domain-modal .domain-input-group,.integration-modal.domain-modal .domain-actions{flex-direction:column}.integration-modal.domain-modal .domain-btn{width:100%;justify-content:center}.integration-modal.domain-modal .ns-record{flex-direction:column;align-items:flex-start;gap:8px}.integration-modal.domain-modal .ns-record code{font-size:.8rem;word-break:break-all}.integration-modal.domain-modal .copy-btn{align-self:flex-end}}@media (max-width: 768px){.integrations-page,.integrations-header{padding:16px}.integrations-grid{grid-template-columns:1fr}.integration-modal{width:calc(100% - 32px)}.integration-modal-footer{flex-wrap:wrap}.integration-btn.disconnect{width:100%;margin-right:0;margin-bottom:8px;justify-content:center}}.integration-field.toggle-field{padding:12px 14px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.toggle-label{display:flex!important;align-items:center;gap:12px;cursor:pointer;margin:0!important}.toggle-label input[type=checkbox]{display:none}.toggle-switch{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:12px;transition:background .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:#10b981}.toggle-label input[type=checkbox]:checked+.toggle-switch:after{transform:translate(20px)}.toggle-text{font-size:14px;font-weight:500;color:#374151}.translation-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:32px}.header-content{display:flex;align-items:center;gap:12px;margin-bottom:8px}.header-content h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}.page-description{color:#6b7280;font-size:14px;margin:0}.translation-content{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.translation-content.full-width{grid-template-columns:1fr}.config-panel{background:#fff;padding:4px;box-shadow:0 1px 3px #0000001a}.jobs-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.new-translation-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#0891b2;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.new-translation-btn:hover{background:#0e7490}.config-panel h2,.jobs-panel h2{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 24px}.config-section{margin-bottom:24px}.config-section label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#1f2937}.form-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.section-checkboxes{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.checkbox-label:hover{background:#f9fafb;border-color:#0891b2}.checkbox-label input[type=checkbox]{margin-top:2px;cursor:pointer}.checkbox-content{flex:1;display:flex;flex-direction:column;gap:4px}.checkbox-label-text{font-size:14px;font-weight:500;color:#1f2937}.checkbox-description{font-size:12px;color:#6b7280}.checkbox-label.select-all{background:#f0fdfa;border-color:#99f6e4}.checkbox-label.select-all:hover{background:#ccfbf1;border-color:#5eead4}.checkbox-label.select-all .checkbox-label-text{color:#0891b2;font-weight:600}.section-divider{height:1px;background:#e5e7eb;margin:4px 0}.preview-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.preview-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.preview-content{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px;font-size:13px}.preview-item{padding:6px 0;color:#374151}.translate-button{width:100%;padding:12px 24px;background:#0891b2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.translate-button:hover:not(:disabled){background:#0e7490}.translate-button:disabled{background:#d1d5db;cursor:not-allowed}.button-hint{font-size:.75rem;color:#6b7280;margin-top:.5rem;text-align:center}.button-hint.error{color:#dc2626}.jobs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.jobs-header-actions{display:flex;align-items:center;gap:8px}.reset-translations-btn{padding:8px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#dc2626}.reset-translations-btn:hover{background:#fee2e2;border-color:#fca5a5}.refresh-button{padding:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.refresh-button:hover{background:#f3f4f6;border-color:#d1d5db}.empty-state{text-align:center;padding:48px 24px;color:#6b7280}.empty-state p{margin:8px 0}.empty-state-hint{font-size:13px;color:#9ca3af}.jobs-list{display:flex;flex-direction:column;gap:16px}.job-batch{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.batch-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;transition:background .2s}.batch-header.clickable{cursor:pointer}.batch-header.clickable:hover{background:#e5e7eb}.batch-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1;min-width:0}.batch-languages{font-weight:600;color:#0891b2;font-size:14px}.batch-date{font-size:12px;color:#6b7280}.batch-stats{display:flex;align-items:center;gap:8px;flex-shrink:0}.batch-count{font-size:11px;color:#6b7280;padding:3px 8px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;white-space:nowrap}.batch-progress{font-size:11px;color:#0891b2;font-weight:500;white-space:nowrap}.job-delete-btn{padding:4px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .15s}.job-delete-btn:hover{background:#fef2f2;color:#dc2626}.batch-expand-icon{display:flex;align-items:center;justify-content:center;color:#6b7280}.batch-progress-bar{height:4px;background:#e5e7eb}.batch-progress-bar .progress-fill{height:100%;background:#0891b2;transition:width .3s}.job-progress-text{font-size:11px;color:#6b7280}.batch-jobs{padding:12px;display:flex;flex-direction:column;gap:10px}.job-card{padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.job-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.job-status{display:flex;align-items:center;gap:8px}.status-icon{flex-shrink:0}.status-icon.completed{color:#10b981}.status-icon.failed{color:#ef4444}.status-icon.processing{color:#0891b2}.status-icon.pending{color:#6b7280}.status-icon.spinning{animation:spin 1s linear infinite}.job-status-text{font-size:13px;font-weight:500;text-transform:capitalize;color:#374151}.job-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#6b7280}.job-section-type{padding:4px 8px;background:#fff;border-radius:4px;font-weight:500}.job-details{display:flex;flex-direction:column;gap:8px}.job-languages{font-size:13px;color:#374151;font-weight:500}.job-progress{font-size:12px;color:#6b7280}.progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#0891b2;transition:width .3s}.job-error{display:flex;align-items:center;gap:8px;padding:8px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:12px;color:#dc2626}.job-actions{display:flex;gap:8px;margin-top:12px}.view-details-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0891b2;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.view-details-btn:hover{background:#0e7490}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.modal-close-btn{padding:8px;background:transparent;border:none;cursor:pointer;color:#6b7280;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#f3f4f6;color:#1f2937}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-body.settings-body{overflow-y:scroll!important;max-height:calc(80vh - 140px);scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.modal-body.settings-body::-webkit-scrollbar{width:8px}.modal-body.settings-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-body.settings-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-body.settings-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.translation-item{padding:16px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;background:#f9fafb}.translation-item:last-child{margin-bottom:0}.translation-path{display:flex;align-items:center;gap:12px;margin-bottom:12px}.translation-path .path-label{font-size:14px;font-weight:500;color:#1f2937}.translation-path .path-technical{font-size:11px;color:#9ca3af;font-family:monospace;padding:2px 6px;background:#f3f4f6;border-radius:4px}.translation-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.translation-field{display:flex;flex-direction:column;gap:6px}.translation-field label{font-size:12px;font-weight:500;color:#374151}.translation-field .original-text{padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#6b7280;min-height:60px}.translation-field textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;resize:vertical;min-height:60px;font-family:inherit}.translation-field textarea:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.modal-cancel-btn{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer}.modal-cancel-btn:hover{background:#f3f4f6}.modal-save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#0891b2;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#fff;cursor:pointer}.modal-save-btn:hover{background:#0e7490}.modal-save-btn:disabled{background:#d1d5db;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#6b7280}.loading-state .spinning{animation:spin 1s linear infinite}.reset-modal{max-width:500px}.reset-description{color:#4b5563;font-size:14px;line-height:1.6;margin-bottom:20px}.reset-warning{display:flex;align-items:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:13px;color:#dc2626;margin-top:16px}.modal-delete-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#dc2626;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#fff;cursor:pointer}.modal-delete-btn:hover{background:#b91c1c}.modal-delete-btn:disabled{background:#d1d5db;cursor:not-allowed}.settings-modal{max-width:700px;max-height:85vh;display:flex!important;flex-direction:column!important;overflow:hidden!important}.settings-modal .modal-header{flex-shrink:0;border-bottom:1px solid #e5e7eb}.settings-modal .modal-body.settings-body{flex:1 1 auto!important;overflow-y:auto!important;display:block!important;padding:20px 24px;min-height:0;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.settings-modal .modal-footer{flex-shrink:0;background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px}.settings-modal .modal-body.settings-body::-webkit-scrollbar{width:8px}.settings-modal .modal-body.settings-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.settings-modal .modal-body.settings-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.settings-modal .modal-body.settings-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.settings-row{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px}.settings-field{flex:1}.settings-field label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:6px}.settings-arrow{font-size:20px;color:#0891b2;padding-bottom:8px}.settings-section{margin-bottom:16px;border-radius:6px}.settings-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.settings-section-header>label{font-size:13px;font-weight:500;color:#374151}.select-all-inline{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;cursor:pointer}.select-all-inline input{cursor:pointer}.sections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:200px;overflow-y:auto;padding:2px}.section-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .15s}.section-chip:hover{background:#f3f4f6;border-color:#d1d5db}.section-chip:has(input:checked){background:#ecfeff;border-color:#0891b2}.product-options-section{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.product-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.product-option-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s;font-size:13px;color:#374151}.product-option-item:hover{background:#f3f4f6;border-color:#d1d5db}.product-option-item:has(input:checked){background:#ecfeff;border-color:#0891b2;color:#0e7490}.product-option-item input,.section-chip input{cursor:pointer;accent-color:#0891b2}.chip-label{font-size:12px;color:#374151;white-space:nowrap}.page-type-static .static-value{padding:8px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#6b7280}.settings-preview{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px;font-size:13px;color:#0891b2}.settings-preview .preview-details{color:#6b7280;font-size:12px}.translate-btn{background:#0891b2!important}.translate-btn:hover:not(:disabled){background:#0e7490!important}@media (max-width: 1024px){.translation-content,.translation-row{grid-template-columns:1fr}.modal-content{max-width:100%;max-height:90vh}.settings-row{flex-direction:column;align-items:stretch}.settings-arrow{display:none}.sections-grid{grid-template-columns:repeat(2,1fr);max-height:180px;overflow-y:auto}.translation-path{flex-direction:column;align-items:flex-start;gap:4px}.batch-header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.batch-info{width:100%;gap:8px}.batch-stats{width:100%;justify-content:space-between}.job-status-text,.batch-languages{font-size:12px}.batch-date{font-size:10px}.jobs-header{flex-direction:column;align-items:flex-start;gap:12px}.jobs-header-actions{width:100%;justify-content:space-between}.new-translation-btn{flex:1;justify-content:center}}.templates-page{padding:24px;max-width:1400px;margin:0 auto}.templates-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:24px}.templates-header-content{display:flex;align-items:flex-start;gap:16px}.templates-header-icon{width:56px;height:56px;background:#294568;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.templates-header h1{margin:0 0 6px;font-size:28px;font-weight:700;color:var(--text-primary, #294568)}.templates-header p{margin:0;font-size:15px;color:var(--text-secondary, #6b7280)}.templates-header-stats{display:flex;gap:16px}.templates-stat{background:var(--bg-secondary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:16px 24px;text-align:center}.templates-stat-value{display:block;font-size:28px;font-weight:700;color:#294568}.templates-stat-label{font-size:13px;color:var(--text-secondary, #6b7280)}.templates-filters{margin-bottom:32px}.templates-category-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;background:var(--bg-secondary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:14px}.templates-category-tab{padding:10px 20px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.templates-category-tab:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #294568)}.templates-category-tab.active{background:#294568;color:#fff;box-shadow:0 4px 12px #1f29374d}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.template-card{background:var(--bg-secondary, white);border:1px solid var(--border-color, #e5e7eb);border-radius:16px;overflow:hidden;transition:all .3s ease}.template-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:#d1d5db}.template-thumbnail{position:relative;aspect-ratio:16 / 10;overflow:hidden}.template-thumbnail-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ffffffe6}.template-thumbnail-placeholder span{font-size:18px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.template-badges{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:2}[dir=rtl] .template-badges{left:auto;right:12px}.template-badge{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.template-badge.new{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.template-badge.popular{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.template-devices{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;color:#fff;z-index:2}[dir=rtl] .template-devices{right:auto;left:12px}.template-actions-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;opacity:0;transition:opacity .3s ease;z-index:3}.template-card:hover .template-actions-overlay{opacity:1}.template-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:200px;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.template-action-btn.view{background:#fff;color:#294568}.template-action-btn.view:hover{background:#f3f4f6;transform:scale(1.02)}.template-action-btn.use{background:#294568;color:#fff;box-shadow:0 4px 15px #1f293766}.template-action-btn.use:hover:not(:disabled){transform:scale(1.02);background:#374151;box-shadow:0 6px 20px #1f293780}.template-action-btn.use:disabled{opacity:.7;cursor:not-allowed}.template-info{padding:20px}.template-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.template-name{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #294568)}.template-category{padding:4px 10px;background:var(--bg-tertiary, #f3f4f6);border-radius:6px;font-size:12px;font-weight:500;color:var(--text-secondary, #6b7280);white-space:nowrap}.template-description{margin:0 0 16px;font-size:14px;color:var(--text-secondary, #6b7280);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.template-feature{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#ecfdf5;color:#059669;border-radius:20px;font-size:12px;font-weight:500}.template-feature svg{flex-shrink:0}.template-colors{display:flex;gap:6px}.template-color{width:24px;height:24px;border-radius:6px;border:2px solid white;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s ease}.template-color:hover{transform:scale(1.15)}.templates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--text-secondary, #6b7280)}.templates-empty svg{margin-bottom:16px;opacity:.5}.templates-empty h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary, #294568)}.templates-empty p{margin:0;font-size:14px}.spin{animation:spin 1s linear infinite}[data-theme=dark] .template-card{background:var(--bg-secondary, #294568)}[data-theme=dark] .template-feature{background:#10b98126}[data-theme=dark] .template-action-btn.view{background:#374151;color:#fff}[data-theme=dark] .template-action-btn.view:hover{background:#4b5563}@media (max-width: 768px){.templates-page{padding:16px}.templates-header{flex-direction:column}.templates-header-stats{width:100%}.templates-stat{flex:1}.templates-grid{grid-template-columns:1fr}.templates-category-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.templates-category-tab{white-space:nowrap;flex-shrink:0}}@media (max-width: 480px){.templates-header h1{font-size:22px}.template-action-btn{padding:10px 20px;font-size:13px}}.poster-generator{min-height:100vh;padding:24px;background:#f8fafc}.poster-generator.rtl{direction:rtl}.poster-generator-header{margin-bottom:24px;max-width:1200px;margin-left:auto;margin-right:auto}.poster-header-title{display:flex;align-items:center;gap:10px;margin-bottom:4px}.poster-header-title h1{font-size:20px;font-weight:700;color:#1e293b;margin:0}.poster-header-icon{width:24px;height:24px;color:#6366f1}.poster-header-subtitle{color:#64748b;font-size:13px;margin:0}.poster-generator-content{display:grid;grid-template-columns:380px 1fr;gap:24px;max-width:1200px;margin:0 auto}.poster-settings-panel{background:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;height:fit-content;max-height:calc(100vh - 150px);overflow-y:auto}.poster-accordion{display:flex;flex-direction:column;gap:8px}.poster-accordion-section{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s}.poster-accordion-section.open{border-color:#6366f1;box-shadow:0 0 0 1px #6366f11a}.poster-accordion-header{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:#f8fafc;border:none;cursor:pointer;font-size:13px;font-weight:600;color:#1e293b;transition:all .2s}.poster-accordion-header:hover{background:#f1f5f9}.poster-accordion-section.open .poster-accordion-header{background:#eef2ff;color:#6366f1}.poster-accordion-header svg:first-child{color:#6366f1}.poster-accordion-header span{flex:1;text-align:left}.poster-accordion-header svg:last-child{color:#94a3b8}.poster-accordion-content{padding:14px;display:flex;flex-direction:column;gap:12px;background:#fff;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.poster-section{display:flex;flex-direction:column;gap:12px}.poster-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0}.poster-section-title svg{width:16px;height:16px;color:#6366f1}.poster-source-tabs{display:flex;gap:4px;padding:4px;background:#f1f5f9;border-radius:10px}.poster-source-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;background:transparent;border-radius:8px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.poster-source-tab svg{width:16px;height:16px}.poster-source-tab:hover{color:#1e293b;background:#ffffff80}.poster-source-tab.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a}.poster-product-selector{display:flex;flex-direction:column;gap:10px}.poster-product-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.poster-product-dropdown-trigger:hover{border-color:#6366f1}.poster-selected-product{display:flex;align-items:center;gap:10px}.poster-selected-product img{width:36px;height:36px;object-fit:cover;border-radius:6px}.poster-selected-product span{font-size:13px;color:#1e293b;font-weight:500}.poster-placeholder{color:#94a3b8;font-size:13px}.poster-product-dropdown-trigger svg{color:#94a3b8}.poster-product-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.poster-product-search{padding:12px;border:none;border-bottom:1px solid #e2e8f0;font-size:13px;outline:none;background:transparent;color:#1e293b}.poster-product-search::placeholder{color:#94a3b8}.poster-product-list{overflow-y:auto;max-height:220px}.poster-product-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:all .15s}.poster-product-item:hover{background:#f8fafc}.poster-product-item.selected{background:#eef2ff}.poster-product-item img{width:40px;height:40px;object-fit:cover;border-radius:6px}.poster-product-info{flex:1;min-width:0}.poster-product-name{font-size:13px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.poster-product-price{font-size:12px;color:#6366f1;font-weight:600}.poster-product-item svg{color:#6366f1}.poster-image-selector{display:flex;gap:8px;flex-wrap:wrap}.poster-image-thumb{width:48px;height:48px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .2s}.poster-image-thumb:hover{border-color:#cbd5e1}.poster-image-thumb.selected{border-color:#6366f1}.poster-image-thumb img{width:100%;height:100%;object-fit:cover}.poster-upload-area{border:2px dashed #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s}.poster-upload-area:hover{border-color:#6366f1;background:#fafaff}.poster-upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;width:100%;background:transparent;border:none;color:#94a3b8;cursor:pointer}.poster-upload-button:hover{color:#6366f1}.poster-upload-button span{font-size:13px}.poster-uploaded-preview{position:relative}.poster-uploaded-preview img{width:100%;display:block}.poster-remove-upload{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0009;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.poster-remove-upload:hover{background:#ef4444}.poster-url-input,.poster-text-input{padding:12px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;background:#fff;color:#1e293b;outline:none;width:100%;transition:all .2s}.poster-url-input::placeholder,.poster-text-input::placeholder{color:#94a3b8}.poster-url-input:focus,.poster-text-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.poster-text-inputs{display:flex;flex-direction:column;gap:8px}.poster-process-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#6366f1;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.poster-process-button:hover:not(:disabled){background:#4f46e5}.poster-process-button:disabled{opacity:.5;cursor:not-allowed}.poster-process-button .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.poster-backgrounds-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.poster-bg-thumb{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;position:relative}.poster-bg-thumb:hover{border-color:#cbd5e1;transform:scale(1.05)}.poster-bg-thumb.selected{border-color:#6366f1}.poster-bg-thumb img{width:100%;height:100%;object-fit:cover}.poster-bg-thumb .check-icon{position:absolute;bottom:4px;right:4px;background:#6366f1;color:#fff;border-radius:50%;padding:2px}.poster-regenerate-text{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#f1f5f9;border:none;border-radius:8px;font-size:12px;color:#64748b;cursor:pointer;transition:all .2s}.poster-regenerate-text:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.poster-regenerate-text:disabled{opacity:.5}.poster-slider-group{display:flex;flex-direction:column;gap:4px;flex:1}.poster-slider-group label{font-size:11px;color:#64748b;display:flex;justify-content:space-between}.poster-curve-settings{margin-top:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px}.poster-curve-settings .poster-slider-group label{font-size:12px;color:#475569;font-weight:500}.poster-slider-row{display:flex;gap:12px}.poster-toggle-row{display:flex;align-items:center}.poster-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#475569}.poster-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;cursor:pointer}.poster-toggle-label{display:flex;align-items:center;gap:6px}.poster-toggle-label svg{color:#6366f1}.poster-price-settings{display:flex;flex-direction:column;gap:10px;padding:10px;background:#f0fdf4;border-radius:8px;border:1px solid #bbf7d0}.poster-promo-settings{display:flex;flex-direction:column;gap:10px;padding:10px;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.poster-input-small{padding:8px 10px!important;font-size:12px!important}.poster-bg-colors-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.poster-bg-color-btn{width:36px;height:36px;border-radius:8px;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s}.poster-bg-color-btn:hover{transform:scale(1.1);border-color:#cbd5e1}.poster-bg-color-btn.active{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}.poster-color-picker{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;padding:0;overflow:hidden}.poster-color-picker::-webkit-color-swatch-wrapper{padding:0}.poster-color-picker::-webkit-color-swatch{border:2px solid #e2e8f0;border-radius:8px}.poster-gradient-settings{display:flex;flex-direction:column;gap:12px}.poster-type-selector{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px}.poster-type-btn{flex:1;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.poster-type-btn:hover{color:#1e293b}.poster-type-btn.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a}.poster-color-row{display:flex;align-items:center;gap:10px}.poster-color-picker-large{width:48px;height:36px;border:none;border-radius:8px;cursor:pointer;padding:0}.poster-color-picker-large::-webkit-color-swatch-wrapper{padding:2px}.poster-color-picker-large::-webkit-color-swatch{border:2px solid #e2e8f0;border-radius:6px}.poster-color-hex{font-family:monospace;font-size:12px;color:#64748b;text-transform:uppercase}.poster-gradient-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.poster-gradient-preset{aspect-ratio:1;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s}.poster-gradient-preset:hover{transform:scale(1.05);border-color:#cbd5e1}.poster-gradient-preset.active{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}.poster-gradient-colors{display:flex;gap:16px}.poster-gradient-color-item{display:flex;flex-direction:column;gap:4px;flex:1}.poster-gradient-color-item label{font-size:11px;color:#64748b}.poster-color-picker-medium{width:100%;height:36px;border:none;border-radius:8px;cursor:pointer;padding:0}.poster-color-picker-medium::-webkit-color-swatch-wrapper{padding:2px}.poster-color-picker-medium::-webkit-color-swatch{border:2px solid #e2e8f0;border-radius:6px}.poster-gradient-preview{height:48px;border-radius:8px;border:1px solid #e2e8f0}.poster-slider{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none;cursor:pointer}.poster-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.poster-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.poster-option-row{display:flex;flex-direction:column;gap:8px}.poster-option-row label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.poster-shapes-visual-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.poster-shape-visual-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.poster-shape-visual-btn:hover{border-color:#6366f1}.poster-shape-visual-btn.active{border-color:#6366f1;background:#fafaff;box-shadow:0 0 0 2px #6366f133}.poster-shape-visual-btn .shape-preview{font-size:20px;line-height:1;color:#1e293b}.poster-shape-visual-btn .shape-label{font-size:9px;color:#64748b;text-align:center;white-space:nowrap}.poster-effects-visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.poster-effect-visual-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;transition:all .2s;min-height:72px;aspect-ratio:1}.poster-effect-visual-btn:hover{border-color:#6366f1;transform:scale(1.02)}.poster-effect-visual-btn.active{border-color:#6366f1;background:#fafaff;box-shadow:0 0 0 2px #6366f133}.effect-preview{font-size:28px;font-weight:700;color:#1e293b;line-height:1;font-family:Arial Black,Helvetica Neue,sans-serif}.effect-label{font-size:10px;color:#64748b;text-transform:capitalize;margin-top:2px}.effect-none{color:#1e293b}.effect-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.4)}.effect-lift{text-shadow:0 6px 12px rgba(0,0,0,.3),0 3px 6px rgba(0,0,0,.2)}.effect-hollow{color:transparent;-webkit-text-stroke:1.5px #1e293b}.effect-splice{color:transparent;-webkit-text-stroke:1px #1e293b;text-shadow:2px 2px 0 #1e293b}.effect-outline{-webkit-text-stroke:2px #1e293b;paint-order:stroke fill;color:#fff}.effect-echo{text-shadow:2px 2px 0 rgba(128,128,128,.3),4px 4px 0 rgba(128,128,128,.2),6px 6px 0 rgba(128,128,128,.1)}.effect-glitch{text-shadow:-2px 0 #ff00ff,2px 0 #00ffff;animation:glitchEffect .5s infinite}@keyframes glitchEffect{0%,to{text-shadow:-2px 0 #ff00ff,2px 0 #00ffff}25%{text-shadow:2px 0 #ff00ff,-2px 0 #00ffff}50%{text-shadow:-1px 1px #ff00ff,1px -1px #00ffff}75%{text-shadow:1px -1px #ff00ff,-1px 1px #00ffff}}.effect-neon{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #ff00de,0 0 30px #ff00de}.effect-background{background:#1e293b;color:#fff;padding:2px 6px;border-radius:3px}.poster-shapes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.poster-shape-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 12px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;transition:all .2s;aspect-ratio:1.3}.poster-shape-btn:hover{border-color:#6366f1;transform:scale(1.02)}.poster-shape-btn.active{border-color:#6366f1;background:#fafaff;box-shadow:0 0 0 2px #6366f133}.shape-preview{font-size:18px;font-weight:700;color:#1e293b;letter-spacing:2px;font-family:Arial Black,Helvetica Neue,sans-serif}.shape-label{font-size:10px;color:#64748b}.poster-shape-btn:first-child .shape-preview{text-decoration:underline;text-underline-offset:4px}.poster-shape-btn:last-child .shape-preview{background:linear-gradient(to right,transparent 0%,transparent 5%,#1e293b 5%,#1e293b 95%,transparent 95%);background-size:100% 2px;background-position:bottom;background-repeat:no-repeat;padding-bottom:6px;letter-spacing:3px;position:relative}.poster-shape-btn:last-child .shape-preview:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:8px;border-bottom:2px solid #1e293b;border-radius:0 0 50% 50%}.shape-curve{letter-spacing:2px}.poster-preview-text.curved .poster-preview-headline{display:inline-block;text-transform:uppercase}.poster-preview-text.curved .poster-preview-subtext{letter-spacing:1px;margin-top:8px}.poster-effects-grid{display:flex;flex-wrap:wrap;gap:6px}.poster-effect-btn{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:11px;color:#64748b;cursor:pointer;transition:all .2s}.poster-effect-btn:hover{border-color:#6366f1;color:#6366f1}.poster-effect-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.poster-colors-grid{display:flex;gap:6px;flex-wrap:wrap}.poster-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s}.poster-color-btn:hover{transform:scale(1.1)}.poster-color-btn.active{border-color:#1e293b;box-shadow:0 0 0 2px #fff,0 0 0 4px #6366f1}.poster-text-bg-colors{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.poster-text-bg-btn{width:28px;height:28px;border-radius:6px;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;background:transparent}.poster-text-bg-btn:hover{transform:scale(1.1);border-color:#cbd5e1}.poster-text-bg-btn.active{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}.poster-text-bg-btn .no-bg-icon{font-size:14px;color:#94a3b8}.poster-text-bg-picker{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;padding:0}.poster-text-bg-picker::-webkit-color-swatch-wrapper{padding:2px}.poster-text-bg-picker::-webkit-color-swatch{border:2px solid #e2e8f0;border-radius:4px}.poster-colors-square-grid{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.poster-color-square-btn{width:28px;height:28px;border-radius:6px;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;background:transparent;padding:0}.poster-color-square-btn:hover{transform:scale(1.1);border-color:#cbd5e1}.poster-color-square-btn.active{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}.poster-color-square-btn.no-color{background:linear-gradient(135deg,#fff 45%,#ef4444 45%,#ef4444 55%,#fff 55%)}.poster-color-square-btn .no-bg-icon{font-size:12px;color:#64748b}.poster-color-square-picker{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;padding:0}.poster-color-square-picker::-webkit-color-swatch-wrapper{padding:2px}.poster-color-square-picker::-webkit-color-swatch{border:2px solid #e2e8f0;border-radius:4px}.poster-language-selector{display:flex;gap:6px}.poster-lang-btn{flex:1;padding:8px 10px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:11px;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.poster-lang-btn:hover{border-color:#6366f1;color:#6366f1}.poster-lang-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.poster-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.poster-format-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;cursor:pointer;transition:all .2s}.poster-format-btn:hover{border-color:#6366f1;transform:scale(1.02)}.poster-format-btn.active{border-color:#6366f1;background:#fafaff;box-shadow:0 0 0 2px #6366f133}.poster-format-preview{width:36px;height:36px;background:#e2e8f0;border-radius:4px;display:flex;align-items:center;justify-content:center}.poster-format-btn.active .poster-format-preview{background:#6366f1}.poster-format-label{font-size:11px;font-weight:600;color:#1e293b}.poster-format-name{font-size:9px;color:#64748b}.poster-format-info{text-align:center;font-size:11px;color:#64748b;padding-top:8px;border-top:1px solid #e2e8f0}.poster-download-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:500px;padding:16px 24px;margin-top:16px;background:#274466;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.poster-download-button:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.poster-download-button:disabled{background:#d1d5db;cursor:not-allowed;opacity:.7}.poster-error{display:flex;align-items:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:12px}.poster-preview-panel{position:sticky;top:24px;display:flex;flex-direction:column;align-items:center}.poster-preview-container{background:#f1f5f9;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:500px}.poster-canvas{display:block;border-radius:0}.poster-preview-container .canvas-container{margin:0 auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-radius:12px;overflow:hidden}.poster-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;color:#94a3b8;text-align:center;width:100%;background:#f1f5f9}.poster-preview-placeholder span{font-size:13px;max-width:200px}.poster-preview-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:24px}.poster-preview-product{object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));transition:all .2s ease}.poster-preview-text{position:absolute;text-align:center;padding:0 24px;transform:translate(-50%,-50%);transition:all .2s ease;white-space:nowrap}.poster-preview-headline{font-size:28px;font-weight:700;margin:0 0 6px;line-height:1.2}.poster-preview-subtext{font-size:16px;margin:0 0 8px;opacity:.9}.poster-preview-price{display:inline-block;font-size:22px;font-weight:700;margin:8px 0 0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.poster-preview-promo{position:absolute;transform:translate(-50%,-50%);background:#ef4444;color:#fff;font-size:14px;font-weight:700;padding:12px 16px;border-radius:50%;min-width:50px;min-height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ef444466;animation:pulseBadge 2s ease infinite;z-index:10}@keyframes pulseBadge{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.poster-cached-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:#10b981e6;color:#fff;border-radius:20px;font-size:11px;font-weight:500}@media (max-width: 900px){.poster-generator-content{grid-template-columns:1fr}.poster-preview-panel{position:static;order:-1;width:100%}.poster-preview-container{max-width:100%;margin:0 auto}.poster-download-button{max-width:500px;margin:16px auto 0}}.poster-product-list::-webkit-scrollbar{width:6px}.poster-product-list::-webkit-scrollbar-track{background:#f1f5f9}.poster-product-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.poster-mobile-settings-btn,.poster-mobile-overlay,.poster-mobile-sheet-close{display:none}@media (max-width: 768px){.poster-generator{padding:12px;min-height:100vh;min-height:100dvh}.poster-generator-header{margin-bottom:12px}.poster-header-subtitle{display:none}.poster-header-title h1{font-size:18px}.poster-generator-content{grid-template-columns:1fr;gap:12px}.poster-generator:not(.has-processed-image) .poster-settings-panel{display:flex;position:static;max-height:none;border-radius:16px;box-shadow:none}.poster-generator:not(.has-processed-image) .poster-preview-panel{display:none}.poster-generator:not(.has-processed-image) .poster-mobile-settings-btn{display:none}.poster-generator.has-processed-image .poster-settings-panel{display:none;position:fixed;bottom:0;left:0;right:0;max-height:70vh;max-height:70dvh;border-radius:16px 16px 0 0;z-index:1002;box-shadow:0 -4px 20px #00000026;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}.poster-generator.has-processed-image.mobile-sheet-open .poster-settings-panel,.poster-generator.has-processed-image .poster-mobile-settings-btn{display:flex}.poster-generator.has-processed-image.mobile-sheet-open .poster-mobile-settings-btn{display:none}.poster-preview-panel{order:0;width:100%}.poster-preview-container{max-width:100%;border-radius:12px;overflow:hidden}.poster-preview-container .canvas-container{max-width:100%!important;width:100%!important;height:auto!important}.poster-preview-container .canvas-container canvas{max-width:100%!important;height:auto!important}.poster-download-button{width:100%;max-width:none;margin:12px 0 0}.poster-mobile-settings-btn{position:fixed;bottom:20px;right:20px;width:56px;height:56px;align-items:center;justify-content:center;background:#6366f1;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:1000;box-shadow:0 4px 12px #6366f166;transition:all .2s}.poster-mobile-settings-btn:hover{background:#5558e3;transform:scale(1.05)}.poster-mobile-settings-btn:active{transform:scale(.95)}.poster-mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:1001}.poster-mobile-sheet-close{display:flex;position:fixed;top:calc(30vh - 48px);top:calc(30dvh - 48px);right:16px;width:36px;height:36px;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;z-index:1003;box-shadow:0 2px 8px #0000001a}.poster-mobile-sheet-close:hover{background:#f1f5f9;color:#1e293b}}.app-layout{display:flex;min-height:100vh;background:#f8fafc}.app-layout>.main-content{flex:1;margin-left:240px;padding-top:120px;min-width:0;overflow-x:hidden;transition:margin-left .25s ease}.app-layout:has(.sidebar.collapsed)>.main-content{margin-left:72px}