:root{--primary:#0f766e;--primary-hover:#115e59;--primary-dark:#134e4a;--primary-light:#f0fdfa;--primary-glow:#0f766e1f;--accent:#d97706;--accent-light:#fffbeb;--accent-glow:#d977061f;--caramel:#b45309;--caramel-light:#fef3c7;--success:#16a34a;--success-light:#f0fdf4;--danger:#dc2626;--danger-light:#fef2f2;--text-dark:#0f172a;--text-medium:#334155;--text-light:#64748b;--text-muted:#94a3b8;--bg:#f8fafc;--bg-surface:#fff;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--card-bg:#fff;--text-primary:#0f172a;--text-secondary:#334155;--border:#e2e8f0;--border-color:#e2e8f0;--border-focus:#0f766e;--nav-bg:#fff;--footer-bg:#0f172a;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-hover:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-modal:0 20px 25px -5px #0f172a26, 0 8px 10px -6px #0f172a14;--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-full:9999px;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-dark);letter-spacing:-.015em;font-weight:700}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.navbar-sticky-wrapper{z-index:1000;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.top-announcement-bar{background:var(--primary-dark,#042f2e);color:#e2e8f0;text-align:center;letter-spacing:.2px;border-bottom:1px solid #ffffff14;padding:.4rem 1rem;font-size:.82rem;font-weight:600;transition:background .3s}.navbar-glass{border-bottom:1px solid var(--border);background:#fff;transition:all .2s}.navbar-container{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1240px;margin:0 auto;padding:.65rem 1.25rem;display:flex}.navbar-brand{flex-shrink:0;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-icon-wrapper{background:var(--primary-light);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--primary);border:1.5px solid #ccfbf1;justify-content:center;align-items:center;transition:border-color .2s;display:flex}.brand-candy-icon{justify-content:center;align-items:center;display:flex}.navbar-brand:hover .brand-icon-wrapper{border-color:var(--primary)}.brand-text-group{flex-direction:column;display:flex}.brand-title{font-family:var(--font-heading);color:var(--text-dark);letter-spacing:-.02em;white-space:nowrap;font-size:1.25rem;font-weight:800;line-height:1.15}.brand-slogan{color:var(--text-light);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:600}.navbar-nav-links{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.nav-link-item{border-radius:var(--radius-sm);color:var(--text-medium);white-space:nowrap;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-link-item:hover{color:var(--primary);background:var(--primary-light)}.nav-link-item.active{color:var(--primary);background:var(--primary-light);font-weight:700}.admin-dropdown-wrapper{margin-bottom:-4px;padding-bottom:4px;display:inline-block;position:relative}.admin-dropdown-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-xs);white-space:nowrap;background:#f1f5f9;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-dropdown-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.admin-dropdown-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-badge-tag{letter-spacing:.5px;text-transform:uppercase;color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;justify-content:center;align-items:center;padding:.15rem .5rem;font-size:.68rem;font-weight:800;line-height:1;transition:all .2s;display:inline-flex}.admin-dropdown-btn:hover .admin-badge-tag{color:#0369a1;background:#bae6fd}.admin-dropdown-btn.active .admin-badge-tag{color:#fff;background:#ffffff40;border-color:#fff6}.admin-dropdown-btn.active .admin-dropdown-chevron{color:#ffffffe6}.admin-dropdown-chevron{color:var(--text-light);font-size:.75rem;transition:transform .2s;display:inline-block}.admin-dropdown-chevron.open{transform:rotate(180deg)}.admin-dropdown-menu{border:1px solid var(--border);border-radius:var(--radius);width:290px;box-shadow:var(--shadow-modal);z-index:1050;background:#fff;padding:.5rem;animation:.15s ease-out adminDropdownFadeIn;position:absolute;top:100%;left:0}.admin-dropdown-menu:before{content:"";pointer-events:auto;background:0 0;height:12px;position:absolute;top:-10px;left:0;right:0}@keyframes adminDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-dropdown-header{border-bottom:1px solid var(--border);margin-bottom:.35rem;padding:.45rem .65rem .55rem}.admin-header-title-box{flex-direction:column;gap:2px;display:flex}.admin-header-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--primary);font-size:.72rem;font-weight:700}.admin-header-sub{color:var(--text-light);font-size:.72rem;font-weight:500}.admin-dropdown-items{flex-direction:column;gap:2px;display:flex}.admin-menu-item{border-radius:var(--radius-sm);align-items:center;gap:.65rem;padding:.5rem .65rem;text-decoration:none;transition:all .15s;display:flex}.admin-menu-item:hover{background:#f8fafc}.admin-menu-item.active{background:var(--primary-light)}.admin-menu-info{flex-direction:column;display:flex}.admin-menu-title{color:var(--text-dark);font-size:.85rem;font-weight:600}.admin-menu-item.active .admin-menu-title{color:var(--primary);font-weight:700}.admin-menu-desc{color:var(--text-light);font-size:.72rem;line-height:1.25}.admin-toolbar-group{border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;background:#f8fafc;align-items:center;gap:4px;padding:3px 6px;display:flex}.admin-toolbar-badge{border-right:1px solid var(--border);align-items:center;gap:3px;padding-right:6px;display:flex}.admin-badge-title{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.admin-toolbar-links{align-items:center;gap:3px;display:flex}.admin-toolbar-link{border-radius:var(--radius-xs);color:var(--text-medium);white-space:nowrap;align-items:center;gap:4px;padding:.3rem .6rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.admin-toolbar-link:hover{color:var(--text-dark);background:#f1f5f9}.admin-toolbar-link.active{background:var(--primary);color:#fff}.admin-nav-link{color:var(--text-dark);border:1px solid var(--border);white-space:nowrap;background:#f1f5f9}.admin-nav-link:hover,.admin-nav-link.active{background:var(--primary);color:#fff;border-color:var(--primary)}.navbar-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.user-profile-menu{align-items:center;gap:.75rem;display:flex}.navbar-cart-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dark);white-space:nowrap;background:#fff;align-items:center;gap:.5rem;padding:.45rem .95rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.navbar-cart-btn:hover,.navbar-cart-btn.active{background:var(--bg);border-color:var(--primary);color:var(--primary)}.cart-badge-pill{background:var(--primary);color:#fff;border-radius:var(--radius-full);padding:.15rem .5rem;font-size:.72rem;font-weight:700;line-height:1;transition:all .15s}.navbar-cart-btn:hover .cart-badge-pill,.navbar-cart-btn.active .cart-badge-pill{background:var(--primary);color:#fff}.user-info-pill{border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;background:#fff;align-items:center;gap:.6rem;padding:.35rem .75rem .35rem .4rem;text-decoration:none;transition:all .15s;display:flex}.user-info-pill:hover{background:#f8fafc;border-color:#cbd5e1}.user-info-pill.active-profile{background:var(--primary-light);border-color:var(--primary)}.user-avatar-circle{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.navbar-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-text-meta{flex-direction:column;display:flex}.user-display-name{color:var(--text-dark);white-space:nowrap;font-size:.85rem;font-weight:600;line-height:1.2}.user-role-tag{white-space:nowrap;border-radius:6px;align-items:center;padding:.12rem .5rem;font-size:.7rem;font-weight:600;line-height:1.2;display:inline-flex}.user-role-tag.role-admin{color:#0284c7;letter-spacing:.3px;background:#e0f2fe;border:1px solid #bae6fd;font-weight:800}.user-role-tag.role-customer{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.btn-logout-icon{border:1px solid var(--border);color:var(--text-medium);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s}.btn-logout-icon:hover{color:var(--danger);background:#fee2e2;border-color:#fca5a5}.auth-action-group{align-items:center;gap:.5rem;display:flex}.btn-login-ghost{border-radius:var(--radius-sm);color:var(--text-dark);border:1px solid var(--border);padding:.45rem 1rem;font-size:.88rem;font-weight:600;transition:all .15s}.btn-login-ghost:hover{color:var(--primary);background:#f1f5f9}.btn-register-sweet{border-radius:var(--radius-sm);color:#fff;background:var(--primary);border:1px solid var(--primary);padding:.45rem 1.15rem;font-size:.88rem;font-weight:600;transition:all .15s}.btn-register-sweet:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary-light)}.btn-outline-danger{color:var(--danger);background:0 0;border-color:#fca5a5}.btn-outline-danger:hover:not(:disabled){background:var(--danger-light);border-color:var(--danger)}.btn-sm{padding:.35rem .75rem;font-size:.82rem}.btn-full{width:100%}.hero-sweet-banner{background:linear-gradient(135deg, var(--primary-dark,#042f2e) 0%, var(--primary,#0f766e) 55%, var(--primary-hover,#134e4a) 100%);color:#fff;text-align:center;padding:3.5rem 1.5rem 4.5rem;transition:background .3s;position:relative;overflow:hidden}.hero-banner-content{z-index:1;max-width:760px;margin:0 auto;position:relative}.hero-tag{border-radius:var(--radius-full);letter-spacing:.3px;color:#e2e8f0;background:#ffffff1f;border:1px solid #ffffff40;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:.9rem;font-size:2.25rem;font-weight:800;line-height:1.25}.hero-subtitle{color:#cbd5e1;max-width:620px;margin:0 auto 1.5rem;font-size:1.05rem;font-weight:400;line-height:1.6}.admin-quick-badge-box{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.btn-admin-banner{color:#fff;border-radius:var(--radius-sm);background:#ffffff26;border:1px solid #ffffff59;padding:.5rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .15s}.btn-admin-banner:hover{color:var(--primary-dark);background:#fff}.catalog-container{z-index:10;max-width:1240px;margin:-2rem auto 0;padding:0 1.5rem;position:relative}.catalog-controls-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:1.25rem;margin-bottom:2rem;padding:1.75rem;display:flex}.controls-row-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.search-input-wrapper{flex:1;min-width:280px;position:relative}.search-icon-decor{opacity:.6;pointer-events:none;font-size:1.15rem;position:absolute;top:50%;left:1.2rem;transform:translateY(-50%)}.search-input-field{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-dark);background:#fff;outline:none;padding:.7rem 2.5rem .7rem 2.6rem;font-size:.92rem;font-weight:500;transition:all .15s}.search-input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-clear-btn{border:1px solid var(--border);cursor:pointer;width:22px;height:22px;color:var(--text-medium);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--danger);background:#fee2e2;border-color:#fca5a5}.sort-selector-wrapper{align-items:center;gap:.65rem;display:flex}.sort-label{color:var(--text-medium);white-space:nowrap;font-size:.88rem;font-weight:600}.form-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dark);cursor:pointer;background-color:#fff;outline:none;padding:.6rem 1rem;font-size:.88rem;font-weight:500;transition:all .15s}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.categories-filter-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.85rem;padding-top:1rem;display:flex}.filter-section-label{color:var(--text-dark);white-space:nowrap;font-size:.85rem;font-weight:700}.category-pills-list{flex-wrap:wrap;flex:1;gap:.45rem;display:flex}.category-pill-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-medium);cursor:pointer;background:#f8fafc;padding:.35rem .85rem;font-size:.85rem;font-weight:600;transition:all .15s}.category-pill-btn:hover{color:var(--text-dark);background:#f1f5f9;border-color:#cbd5e1}.category-pill-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.price-filter-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.price-presets-list{flex-wrap:wrap;gap:.45rem;display:flex}.price-chip-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-medium);cursor:pointer;background:#fff;padding:.35rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s}.price-chip-btn:hover{border-color:var(--primary);color:var(--primary)}.price-chip-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.custom-price-inputs{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;align-items:center;gap:.4rem;padding:.2rem .5rem;display:flex}.price-num-input{border:1px solid var(--border);background:#fff;border-radius:4px;outline:none;width:95px;padding:.35rem .55rem;font-size:.82rem;font-weight:500}.price-num-input:focus{border-color:var(--primary)}.price-separator{color:var(--text-light);font-weight:600}.btn-reset-filters{color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #fca5a5;margin-left:auto;padding:.35rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s}.btn-reset-filters:hover{background:#fee2e2}.catalog-status-bar{justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:0 .25rem;display:flex}.status-text{color:var(--text-medium);font-size:.9rem;font-weight:500}.products-responsive-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.product-store-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-xs);cursor:pointer;background:#fff;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.product-store-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-3px)}.card-image-box{border-bottom:1px solid var(--border);background:#f8fafc;width:100%;height:200px;position:relative;overflow:hidden}.store-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-store-card:hover .store-card-img{transform:scale(1.04)}.store-placeholder-img{color:#cbd5e1;justify-content:center;align-items:center;width:100%;height:100%;font-size:3.5rem;display:flex}.store-cat-badge{color:var(--text-dark);box-shadow:var(--shadow-xs);border:1px solid var(--border);background:#ffffffeb;border-radius:4px;padding:.2rem .6rem;font-size:.72rem;font-weight:600;position:absolute;top:10px;left:10px}.card-info-box{flex-direction:column;flex:1;padding:1.15rem;display:flex}.store-prod-name{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.35rem;font-size:.98rem;font-weight:700;line-height:1.35;transition:color .15s;display:-webkit-box;overflow:hidden}.product-store-card:hover .store-prod-name{color:var(--primary)}.store-prod-desc{color:var(--text-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-price-and-stock{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.store-price{font-size:1.18rem;font-weight:800;font-family:var(--font-heading);color:var(--primary)}.store-stock-tag{border-radius:4px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.store-stock-tag.ok{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.store-stock-tag.low{color:#ca8a04;background:#fefce8;border:1px solid #fef08a}.store-stock-tag.out{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.btn-view-detail{border-radius:var(--radius-sm);width:100%;color:var(--text-dark);border:1px solid var(--border);cursor:pointer;background:#f8fafc;padding:.55rem;font-size:.85rem;font-weight:600;transition:all .15s}.product-store-card:hover .btn-view-detail{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-bar{justify-content:center;align-items:center;gap:.65rem;margin-top:2.5rem;display:flex}.pagination-numbers{gap:.4rem;display:flex}.page-num-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border);min-width:38px;height:38px;color:var(--text-dark);cursor:pointer;background:#fff;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;transition:all .2s;display:flex}.page-num-btn:hover{border-color:var(--primary);color:var(--primary)}.page-num-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.product-detail-page{max-width:1140px;margin:0 auto;padding:2rem 1.5rem 5rem}.breadcrumb-nav{color:var(--text-medium);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.75rem;font-size:.92rem;display:flex}.breadcrumb-link{color:var(--text-medium);font-weight:700;transition:color .2s}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-separator{color:var(--text-light)}.breadcrumb-cat{color:var(--accent);font-weight:700}.breadcrumb-current{color:var(--text-dark);font-weight:800}.product-detail-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:1fr 1.25fr;gap:3rem;margin-bottom:3rem;padding:2.5rem;display:grid}.detail-image-wrapper{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(135deg,#f0fdfa,#f8fafc);width:100%;height:420px;position:relative;overflow:hidden}.detail-main-image{object-fit:cover;width:100%;height:100%}.detail-placeholder-image{justify-content:center;align-items:center;width:100%;height:100%;font-size:6rem;display:flex}.detail-cat-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--primary-dark);border-radius:var(--radius-full);background:#fffffff2;padding:.4rem 1rem;font-size:.88rem;font-weight:800;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #0000001a}.product-detail-info{flex-direction:column;display:flex}.detail-header{border-bottom:1px solid #f1f5f9;margin-bottom:1.25rem;padding-bottom:1.25rem}.detail-sub-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.5rem;font-size:.85rem;font-weight:800;display:inline-block}.detail-title{color:var(--text-dark);margin-bottom:.85rem;font-size:2.2rem;font-weight:900;line-height:1.25}.detail-price-box{align-items:baseline;gap:.85rem;display:flex}.detail-price-label{color:var(--text-medium);font-size:1rem;font-weight:600}.detail-price{font-size:2.2rem;font-weight:900;font-family:var(--font-heading);color:var(--primary)}.detail-stock-row{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.stock-label{color:var(--text-medium);font-size:.92rem;font-weight:700}.stock-pill{border-radius:var(--radius-full);padding:.35rem .9rem;font-size:.88rem;font-weight:800}.pill-in{color:#15803d;background:#dcfce7}.pill-low{color:#a16207;background:#fef9c3}.pill-out{color:#b91c1c;background:#fee2e2}.detail-description-section{margin-bottom:1.75rem}.section-title{color:var(--text-dark);margin-bottom:.6rem;font-size:1.1rem;font-weight:800}.detail-description{color:var(--text-medium);font-size:.98rem;line-height:1.75}.detail-actions-section{border-radius:var(--radius);border:1px solid var(--border);background:#f8fafc;margin-bottom:2rem;padding:1.5rem}.quantity-selector-box{align-items:center;gap:1.25rem;margin-bottom:1.25rem;display:flex}.quantity-label{color:var(--text-dark);font-size:.95rem;font-weight:700}.quantity-controller{border:2px solid var(--border);border-radius:var(--radius-sm);background:#fff;align-items:center;display:flex;overflow:hidden}.qty-btn{cursor:pointer;background:#f8fafc;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;font-weight:700;transition:all .15s;display:flex}.qty-btn:hover:not(:disabled){background:var(--primary-light);color:var(--primary)}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-input{text-align:center;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);outline:none;width:55px;height:40px;font-size:1.05rem;font-weight:800}.detail-btn-group{gap:1rem;display:flex}.btn-add-cart{border-radius:var(--radius-sm);flex:1;padding:.9rem;font-size:1rem;font-weight:800}.btn-buy-now{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;flex:1;padding:.9rem;font-size:1rem;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #f59e0b59}.btn-buy-now:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b73}.shop-benefits-grid{border-top:1px solid #f1f5f9;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding-top:1.5rem;display:grid}.benefit-item{align-items:center;gap:.75rem;display:flex}.benefit-icon{flex-shrink:0;font-size:1.8rem}.benefit-item strong{color:var(--text-dark);font-size:.88rem;display:block}.benefit-item p{color:var(--text-light);font-size:.78rem}.related-products-section{margin-top:3.5rem}.related-title{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.btn-view-quick{color:var(--primary);font-size:.88rem;font-weight:800}.detail-footer-back{text-align:center;margin-top:2.5rem}.toast-float{z-index:1100;color:#fff;border-radius:var(--radius);border-left:6px solid var(--primary);background:#0f172a;padding:1.1rem 1.6rem;font-size:.95rem;font-weight:700;animation:.3s ease-out slideInDown;position:fixed;top:95px;right:25px;box-shadow:0 10px 30px #00000040}@keyframes slideInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.admin-page{background-color:var(--bg);min-height:calc(100vh - 70px);padding:2.5rem 1.5rem 5rem}.admin-container{max-width:1240px;margin:0 auto}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.admin-subtitle{text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);margin-bottom:.25rem;font-size:.85rem;font-weight:800;display:block}.admin-title{color:var(--text-dark);font-size:2.2rem;font-weight:900}.btn-add-prod{border-radius:var(--radius-sm);box-shadow:0 4px 15px var(--primary-glow);padding:.75rem 1.6rem;font-size:.95rem}.admin-toolbar{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-xs);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.2rem 1.5rem;display:flex}.search-box{flex:1;align-items:center;gap:.65rem;min-width:280px;max-width:500px;display:flex;position:relative}.search-icon{pointer-events:none;opacity:.6;font-size:1rem;position:absolute;left:1rem}.search-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;outline:none;width:100%;padding:.65rem .9rem .65rem 2.6rem;font-size:.92rem;transition:all .2s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.filter-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-stats-bar{color:var(--text-medium);margin-bottom:1rem;padding:0 .25rem;font-size:.9rem;font-weight:500}.table-responsive{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:1.5rem;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.admin-table thead{border-bottom:2px solid var(--primary-light);background:#faf7fc}.admin-table th{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;padding:1.1rem 1.25rem;font-size:.85rem;font-weight:800}.admin-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:1rem 1.25rem}.admin-table tbody tr:hover{background-color:#fff9fc}.prod-thumbnail-wrapper{border:1px solid var(--border);background:#f8fafc;border-radius:10px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;overflow:hidden}.prod-thumbnail{object-fit:cover;width:100%;height:100%}.prod-thumbnail-placeholder{font-size:1.6rem}.prod-name-col{max-width:280px}.prod-title{color:var(--text-dark);margin-bottom:.25rem;font-size:.98rem;font-weight:700;display:block}.prod-desc-preview{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.82rem;overflow:hidden}.category-tag{color:#0f766e;border-radius:var(--radius-full);background:#f8fafc;padding:.3rem .75rem;font-size:.82rem;font-weight:700;display:inline-block}.price-tag{color:var(--primary);font-size:1rem;font-weight:800}.stock-badge{border-radius:var(--radius-full);padding:.3rem .75rem;font-size:.82rem;font-weight:700;display:inline-block}.stock-ok{color:#15803d;background:#dcfce7}.stock-low{color:#a16207;background:#fef9c3}.stock-out{color:#b91c1c;background:#fee2e2}.date-col{color:var(--text-medium);font-size:.88rem}.table-actions{justify-content:center;align-items:center;gap:.65rem;display:flex}.btn-action{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.4rem .85rem;font-size:.85rem;font-weight:700;transition:all .15s}.btn-edit{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.btn-edit:hover{color:#1d4ed8;background:#dbeafe}.btn-delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-delete:hover{color:#b91c1c;background:#fee2e2}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-modal);background:#fff;border-radius:20px;padding:2rem;animation:.2s ease-out scaleUp;position:relative;overflow-y:auto}.modal-sm{max-width:450px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.85rem;display:flex}.modal-title{color:var(--text-dark);font-size:1.4rem;font-weight:800}.modal-close-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .15s}.modal-close-btn:hover{color:var(--danger)}.form-row{gap:1rem;display:flex}.flex-1{flex:1}.flex-2{flex:2}.req{color:var(--danger)}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-dark);margin-bottom:.45rem;font-size:.9rem;font-weight:700;display:block}.form-group input,.form-group select{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-dark);background:#fafafa;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.form-textarea{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-dark);resize:vertical;background:#fafafa;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.input-error{border-color:var(--danger)!important}.error-text{color:var(--danger);margin-top:.35rem;font-size:.82rem;font-weight:600;display:block}.image-upload-wrapper{border-radius:var(--radius-sm);background:#faf7fc;border:2px dashed #0f766e;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.upload-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.upload-divider{color:var(--text-medium);font-size:.85rem;font-weight:600}.image-url-input{flex:1;min-width:180px;padding:.55rem .85rem!important;font-size:.9rem!important}.image-preview-card{border-radius:var(--radius-sm);width:120px;height:120px;box-shadow:var(--shadow-sm);border:2px solid #fff;position:relative;overflow:hidden}.preview-img{object-fit:cover;width:100%;height:100%}.btn-remove-preview{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;font-weight:700;display:flex;position:absolute;top:5px;right:5px}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.85rem;margin-top:1.75rem;padding-top:1.25rem;display:flex}.alert{border-radius:var(--radius-sm);margin-bottom:1.5rem;padding:.95rem 1.25rem;font-size:.92rem;font-weight:600}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.auth-page{background:radial-gradient(circle at 20% 20%,#fde2f399 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ede9fe99 0%,#0000 50%),#f8fafc;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:3rem 1.5rem;display:flex}.auth-card{border:1px solid var(--border);background:#fff;border-radius:24px;width:100%;max-width:460px;padding:2.75rem 2.25rem;box-shadow:0 20px 50px #0f172a14}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon{margin-bottom:.5rem;font-size:3.5rem;display:block}.auth-header h1{color:var(--text-dark);margin-bottom:.4rem;font-size:1.9rem;font-weight:800}.auth-header p{color:var(--text-medium);font-size:.95rem}.auth-footer{text-align:center;color:var(--text-medium);margin-top:1.75rem;font-size:.92rem}.link{color:var(--primary);font-weight:700;text-decoration:none}.link:hover{text-decoration:underline}.footer-sweet{background:var(--footer-bg,#042f2e);color:#e2e8f0;border-top:2px solid var(--primary,#0f766e);margin-top:4rem;transition:background-color .3s,border-color .3s;position:relative}.footer-top-wave{color:var(--bg);background:var(--footer-bg,#042f2e);line-height:0;transition:background-color .3s,color .3s}.footer-top-wave svg{width:100%;height:50px}.footer-main-container{max-width:1240px;margin:0 auto;padding:3rem 1.5rem 2rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:2.5rem;margin-bottom:3rem;display:grid}.footer-brand{align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.brand-icon-spin{font-size:2rem}.brand-logo-text{font-family:var(--font-heading);color:#fff;font-size:1.6rem;font-weight:800}.footer-desc{color:#94a3b8;margin-bottom:1.25rem;font-size:.9rem;line-height:1.65}.footer-badges{flex-wrap:wrap;gap:.65rem;display:flex}.footer-pill{border-radius:var(--radius-full);color:#f1f5f9;background:#ffffff1a;padding:.35rem .85rem;font-size:.78rem;font-weight:700}.footer-title{color:#fff;margin-bottom:1.25rem;font-size:1.1rem;font-weight:800}.footer-links{flex-direction:column;gap:.65rem;list-style:none;display:flex}.footer-links a{color:#cbd5e1;font-size:.9rem;transition:all .2s}.footer-links a:hover{color:var(--primary,#0f766e);padding-left:4px}.footer-contact-info{color:#cbd5e1;flex-direction:column;gap:.65rem;font-size:.88rem;display:flex}.footer-bottom-bar{text-align:center;color:#64748b;border-top:1px solid #ffffff1a;padding-top:2rem;font-size:.85rem}.loading-screen,.loading-grid-state{color:var(--text-medium);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;padding:4rem 1rem;font-weight:600;display:flex}.spinner{border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;width:46px;height:46px;animation:.8s cubic-bezier(.68,-.55,.27,1.55) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.product-detail-card{grid-template-columns:1fr;gap:2rem;padding:1.75rem}.detail-image-wrapper{height:340px}}@media (width<=768px){.hero-title{font-size:2.2rem}.navbar-nav-links{display:none}.controls-row-main{flex-direction:column;align-items:stretch}.sort-selector-wrapper{justify-content:space-between}.footer-grid{grid-template-columns:1fr}.products-responsive-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.card-image-box{height:150px}.card-info-box{padding:1rem}.store-prod-name{font-size:.95rem}.store-price{font-size:1.15rem}.detail-btn-group{flex-direction:column}.shop-benefits-grid{grid-template-columns:1fr;gap:.85rem}}.cart-nav-link{position:relative}.cart-nav-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);box-shadow:0 2px 6px var(--primary-glow);margin-left:.25rem;padding:.15rem .5rem;font-size:.72rem;font-weight:800;animation:1.5s infinite pulseBadge}.navbar-cart-btn{border-radius:var(--radius-full);color:var(--primary-dark);background:#f0fdfa;border:1.5px solid #e2e8f0;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.navbar-cart-btn:hover{background:var(--primary-light);border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.cart-btn-icon{font-size:1.15rem}.cart-badge-pill{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;min-width:22px;height:22px;box-shadow:0 2px 8px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;padding:0 4px;font-size:.75rem;font-weight:900;display:inline-flex}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.card-actions-group{align-items:center;gap:.5rem;display:flex}.btn-quick-add-cart{color:var(--primary);border:1.5px solid var(--primary-light);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#f0fdfa;padding:.7rem .85rem;font-size:.85rem;font-weight:800;transition:all .2s}.btn-quick-add-cart:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.btn-quick-add-cart:disabled{opacity:.4;cursor:not-allowed}.card-actions-group .btn-view-detail{flex:1}.cart-page-wrapper{background-color:var(--bg);min-height:calc(100vh - 120px);padding:2rem 1.5rem 5rem}.cart-container{max-width:1200px;margin:0 auto}.cart-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.cart-main-title{color:var(--text-dark);font-size:2.2rem;font-weight:900;line-height:1.2}.cart-header-sub{color:var(--text-medium);margin-top:.25rem;font-size:.95rem}.btn-outline-danger{color:var(--danger);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:1.5px solid #fca5a5;padding:.45rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-outline-danger:hover{background:var(--danger-light);border-color:var(--danger)}.cart-auth-prompt-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:center;background:#fff;max-width:580px;margin:3rem auto;padding:4rem 2rem}.prompt-icon{margin-bottom:1rem;font-size:4rem}.prompt-title{color:var(--text-dark);margin-bottom:.75rem;font-size:1.6rem;font-weight:800}.prompt-sub{color:var(--text-medium);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.prompt-btn-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.empty-cart-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:center;background:#fff;max-width:640px;margin:2rem auto;padding:5rem 2rem}.empty-cart-icon{margin-bottom:1.25rem;font-size:5rem;animation:2s ease-in-out infinite pulseBadge}.empty-cart-title{color:var(--text-dark);margin-bottom:.75rem;font-size:1.8rem;font-weight:800}.empty-cart-desc{color:var(--text-medium);max-width:480px;margin-bottom:2.25rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}.btn-explore-sweets{border-radius:var(--radius-full);padding:.9rem 2rem;font-size:1.05rem;font-weight:800}.cart-content-layout{grid-template-columns:1fr 380px;align-items:flex-start;gap:2rem;display:grid}.freeship-banner{border-radius:var(--radius);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;margin-bottom:1.5rem;padding:1.25rem 1.5rem;box-shadow:0 4px 12px #16a34a14}.freeship-header{color:#166534;align-items:center;gap:.65rem;margin-bottom:.75rem;font-size:.92rem;display:flex}.freeship-icon{font-size:1.4rem}.freeship-progress-track{border-radius:var(--radius-full);background:#16a34a26;width:100%;height:8px;overflow:hidden}.freeship-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .4s}.cart-items-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:1.5rem;overflow:hidden}.cart-item-row{border-bottom:1px solid #f8fafc;grid-template-columns:90px 1.5fr 140px 140px 40px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:background-color .15s;display:grid}.cart-item-row:last-child{border-bottom:none}.cart-item-row:hover{background-color:#fff9fc}.cart-item-thumb-link{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;overflow:hidden}.cart-item-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.cart-item-thumb-link:hover .cart-item-thumb-img{transform:scale(1.08)}.cart-item-thumb-placeholder{font-size:2.2rem}.cart-item-details{flex-direction:column;gap:.3rem;display:flex}.cart-item-cat-badge{color:var(--accent);text-transform:uppercase;font-size:.75rem;font-weight:700}.cart-item-title{color:var(--text-dark);font-size:1.05rem;font-weight:800;line-height:1.3;text-decoration:none;transition:color .2s}.cart-item-title:hover{color:var(--primary)}.cart-item-unit-price{color:var(--text-medium);font-size:.88rem}.cart-item-unit-price strong{color:var(--primary);font-weight:800}.cart-item-qty-cell{flex-direction:column;align-items:center;gap:.3rem;display:flex}.cart-qty-controller{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;align-items:center;display:flex;overflow:hidden}.cart-qty-btn{cursor:pointer;width:34px;height:34px;color:var(--text-dark);background:#fff;border:none;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .15s;display:flex}.cart-qty-btn:hover:not(:disabled){background:var(--primary-light);color:var(--primary)}.cart-qty-btn:disabled{opacity:.35;cursor:not-allowed}.cart-qty-input{text-align:center;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);background:#fff;outline:none;width:44px;height:34px;font-size:.95rem;font-weight:800}.cart-stock-warn{color:#d97706;font-size:.72rem;font-weight:700}.cart-item-subtotal-cell{text-align:right;flex-direction:column;gap:.2rem;display:flex}.subtotal-label{color:var(--text-light);font-size:.75rem;font-weight:600}.subtotal-value{font-size:1.15rem;font-weight:900;font-family:var(--font-heading);color:var(--primary)}.cart-item-delete-cell{text-align:center}.btn-delete-cart-item{color:var(--danger);cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex}.btn-delete-cart-item:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:scale(1.08)}.cart-bottom-actions{margin-top:1rem}.order-summary-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;padding:1.75rem;position:sticky;top:100px;box-shadow:0 10px 30px #0f172a0f}.summary-title{color:var(--text-dark);border-bottom:1px solid #f1f5f9;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.3rem;font-weight:800}.summary-line-rows{flex-direction:column;gap:.85rem;margin-bottom:1.5rem;display:flex}.summary-line{color:var(--text-medium);justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.summary-line-val{color:var(--text-dark);font-weight:700}.badge-freeship-free{color:#16a34a;font-weight:800}.summary-divider{background:#e2e8f0;height:1px;margin:.5rem 0}.summary-total-line{justify-content:space-between;align-items:flex-start;padding-top:.5rem;display:flex}.total-label{color:var(--text-dark);font-size:1.1rem;font-weight:800}.total-amount-box{text-align:right;flex-direction:column;display:flex}.total-amount-val{font-size:1.6rem;font-weight:900;font-family:var(--font-heading);color:var(--primary);line-height:1.1}.total-vat-hint{color:var(--text-light);font-size:.75rem}.btn-checkout-sweet{border-radius:var(--radius);width:100%;box-shadow:0 6px 20px var(--primary-glow);margin-bottom:1.25rem;padding:1rem;font-size:1.05rem;font-weight:900}.summary-guarantees{border-top:1px dashed var(--border);flex-direction:column;gap:.6rem;padding-top:1rem;display:flex}.guarantee-badge{color:var(--text-medium);align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;display:flex}.global-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;max-width:420px;display:flex;position:fixed;top:90px;right:25px}.global-toast{pointer-events:auto;border-radius:var(--radius);color:var(--text-dark);border-left:6px solid #0f766e;border:1px solid var(--border);background:#fff;border-left-width:6px;justify-content:space-between;align-items:center;gap:.85rem;padding:1rem 1.25rem;animation:.3s cubic-bezier(.34,1.56,.64,1) toastSlideIn;display:flex;box-shadow:0 15px 35px #0f172a2e}.global-toast.toast-success{border-left-color:#10b981}.global-toast.toast-error{border-left-color:#ef4444}.global-toast.toast-info{border-left-color:#3b82f6}.global-toast.toast-warning{border-left-color:#f59e0b}.toast-content-wrapper{align-items:center;gap:.75rem;display:flex}.toast-icon{flex-shrink:0;font-size:1.4rem}.toast-text{color:var(--text-dark);font-size:.92rem;font-weight:700;line-height:1.4}.toast-close-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.3rem}.toast-close-btn:hover{color:var(--danger)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(50px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@media (width<=900px){.cart-content-layout{grid-template-columns:1fr}.order-summary-card{position:static}}@media (width<=640px){.cart-item-row{grid-template-columns:70px 1fr;grid-template-areas:"thumb details""thumb qty""subtotal actions";gap:.75rem;padding:1rem}.cart-item-thumb-link{grid-area:thumb;width:70px;height:70px}.cart-item-details{grid-area:details}.cart-item-qty-cell{grid-area:qty;align-items:flex-start}.cart-item-subtotal-cell{text-align:left;grid-area:subtotal}.cart-item-delete-cell{text-align:right;grid-area:actions}}.checkout-page-wrapper{background-color:var(--bg);min-height:calc(100vh - 120px);padding:2rem 1.5rem 5rem}.checkout-container{max-width:1200px;margin:0 auto}.checkout-header{margin-bottom:2rem}.checkout-main-title{color:var(--text-dark);font-size:2.2rem;font-weight:900;line-height:1.2}.checkout-header-sub{color:var(--text-medium);margin-top:.35rem;font-size:.95rem}.checkout-layout-grid{grid-template-columns:1fr 420px;align-items:flex-start;gap:2rem;display:grid}.checkout-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;padding:2.25rem}.checkout-section-title{color:var(--text-dark);border-bottom:1px solid #f1f5f9;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.85rem;font-size:1.35rem;font-weight:800;display:flex}.payment-method-box{border-top:1px dashed var(--border);margin-top:1.75rem;padding-top:1.5rem}.payment-title{color:var(--text-dark);margin-bottom:1rem;font-size:1.1rem;font-weight:800}.payment-option-card{border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#f8fafc;align-items:flex-start;gap:.85rem;padding:1.2rem;transition:all .2s;display:flex}.payment-option-card.active{border-color:var(--primary);box-shadow:0 4px 15px var(--primary-glow);background:#fff8fc}.payment-option-label{cursor:pointer;flex:1;align-items:flex-start;gap:.85rem;display:flex}.payment-icon{font-size:2rem}.payment-details strong{color:var(--text-dark);margin-bottom:.25rem;font-size:.98rem;display:block}.payment-details p{color:var(--text-medium);font-size:.85rem;line-height:1.5}.checkout-items-preview-list{flex-direction:column;gap:.85rem;max-height:280px;margin-bottom:1.5rem;padding-right:.25rem;display:flex;overflow-y:auto}.checkout-item-preview{border-bottom:1px solid #f8fafc;align-items:center;gap:.85rem;padding-bottom:.75rem;display:flex}.checkout-thumb-box{border-radius:var(--radius-xs);border:1px solid var(--border);background:#f8fafc;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.checkout-thumb-img{object-fit:cover;width:100%;height:100%}.checkout-thumb-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.3rem;display:flex}.checkout-item-qty-badge{color:#fff;border-radius:var(--radius-full);background:#0f172ad9;padding:.1rem .35rem;font-size:.65rem;font-weight:800;position:absolute;bottom:2px;right:2px}.checkout-item-meta{flex:1;min-width:0}.checkout-item-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;display:block;overflow:hidden}.checkout-item-unit{color:var(--text-light);font-size:.78rem}.checkout-item-subtotal{font-size:.95rem;font-weight:800;font-family:var(--font-heading);color:var(--primary)}.btn-place-order{border-radius:var(--radius);width:100%;box-shadow:0 6px 20px var(--primary-glow);margin-bottom:1.25rem;padding:1.1rem;font-size:1.1rem;font-weight:900}.order-success-page{background-color:var(--bg);justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:3rem 1.5rem 5rem;display:flex}.order-success-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:28px;width:100%;max-width:640px;padding:3.5rem 2.5rem;box-shadow:0 20px 50px #0f172a14}.success-confetti-icon{margin-bottom:.75rem;font-size:4.5rem;animation:1.5s infinite pulseBadge}.success-tag{color:#15803d;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;background:#dcfce7;margin-bottom:.75rem;padding:.35rem 1rem;font-size:.82rem;font-weight:800;display:inline-block}.success-title{color:var(--text-dark);margin-bottom:.75rem;font-size:1.9rem;font-weight:900;line-height:1.25}.success-subtitle{color:var(--text-medium);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.order-meta-receipt{border:1px solid var(--border);border-radius:var(--radius);text-align:left;background:#f8fafc;flex-direction:column;gap:.75rem;margin-bottom:1.75rem;padding:1.5rem;display:flex}.receipt-row{justify-content:space-between;align-items:center;font-size:.92rem;display:flex}.receipt-label{color:var(--text-medium);font-weight:600}.receipt-val{color:var(--text-dark);text-align:right;max-width:60%;font-weight:700}.order-code-badge{font-family:var(--font-heading);color:var(--primary);border-radius:var(--radius-xs);background:#f0fdfa;border:1px solid #e2e8f0;padding:.2rem .65rem;font-weight:800}.total-row{border-top:1px dashed var(--border);margin-top:.35rem;padding-top:.75rem}.receipt-total{font-size:1.35rem;font-weight:900;font-family:var(--font-heading);color:var(--primary)}.success-delivery-hint{border-radius:var(--radius-sm);color:#1e40af;text-align:left;background:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.25rem;font-size:.88rem;display:flex}.success-delivery-hint span{flex-shrink:0;font-size:1.4rem}.success-actions-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.orders-page-wrapper{background-color:var(--bg);min-height:calc(100vh - 120px);padding:2rem 1.5rem 5rem}.orders-container{max-width:1080px;margin:0 auto}.orders-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.orders-main-title{color:var(--text-dark);font-size:2.2rem;font-weight:900}.orders-header-sub{color:var(--text-medium);margin-top:.25rem;font-size:.95rem}.orders-list-wrapper{flex-direction:column;gap:1.25rem;display:flex}.order-card-row{border-radius:var(--radius);border:1.5px solid var(--border);cursor:pointer;background:#fff;flex-direction:column;gap:1.1rem;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0f172a0a}.order-card-row:hover{border-color:#0f766e;transform:translateY(-2px);box-shadow:0 10px 25px #0f172a1a}.order-row-header{border-bottom:1px solid #f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.85rem;display:flex}.order-code-group{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.order-card-code{font-family:var(--font-heading);color:var(--text-dark);font-size:1.05rem;font-weight:800}.order-card-date{color:var(--text-light);font-size:.85rem;font-weight:600}.order-status-badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.35rem .9rem;font-size:.82rem;font-weight:800;display:inline-flex}.status-badge-pending{color:#a16207;background:#fef9c3;border:1px solid #fef08a}.status-badge-confirmed{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.status-badge-shipping{color:#7e22ce;background:#f1f5f9;border:1px solid #e2e8f0}.status-badge-completed{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.status-badge-cancelled{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.status-badge-default{color:#475569;background:#f1f5f9}.order-row-body{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.order-thumbs-strip{align-items:center;gap:.5rem;display:flex}.order-thumb-wrapper{border-radius:var(--radius-xs);border:1px solid var(--border);background:#f0fdfa;flex-shrink:0;width:60px;height:60px;position:relative;overflow:hidden}.order-thumb-img{object-fit:cover;width:100%;height:100%}.order-thumb-ph{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.order-thumb-qty{color:#fff;border-radius:var(--radius-full);background:#0f172acc;padding:.1rem .35rem;font-size:.65rem;font-weight:800;position:absolute;bottom:2px;right:2px}.order-thumb-more{border-radius:var(--radius-xs);width:40px;height:40px;color:var(--text-medium);background:#f1f5f9;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.order-items-summary-text{flex:1;min-width:200px}.order-first-item-name{color:var(--text-dark);margin-bottom:.25rem;font-size:.95rem}.order-items-count-tag{color:var(--text-light);font-size:.82rem;font-weight:600}.order-row-footer{border-top:1px solid #f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.85rem;display:flex}.order-receiver-meta{color:var(--text-medium);flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.order-addr-meta{color:var(--text-light)}.order-row-action-box{align-items:center;gap:1.25rem;display:flex}.order-total-price-box{align-items:baseline;gap:.4rem;display:flex}.order-total-label{color:var(--text-light);font-size:.85rem;font-weight:600}.order-total-val{font-size:1.25rem;font-weight:900;font-family:var(--font-heading);color:var(--primary)}.btn-view-order-detail{color:var(--primary);border:1.5px solid var(--primary-light);border-radius:var(--radius-full);cursor:pointer;background:#f0fdfa;padding:.5rem 1.1rem;font-size:.88rem;font-weight:800;transition:all .2s}.order-card-row:hover .btn-view-order-detail{background:var(--primary);color:#fff;border-color:var(--primary)}.order-detail-header-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.order-code-row{align-items:center;gap:1rem;margin-bottom:.35rem;display:flex}.order-code-badge-lg{font-family:var(--font-heading);color:var(--text-dark);font-size:1.6rem;font-weight:900}.order-date-text{color:var(--text-medium);font-size:.9rem}.order-detail-layout{grid-template-columns:1fr 1.25fr;align-items:flex-start;gap:2rem;display:grid}.order-section-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:1.5rem;padding:1.75rem}.section-sub-title{color:var(--text-dark);border-bottom:1px solid #f1f5f9;margin-bottom:1.25rem;padding-bottom:.65rem;font-size:1.15rem;font-weight:800}.info-key-val-grid{flex-direction:column;gap:.85rem;display:flex}.info-kv-row{align-items:flex-start;gap:.85rem;font-size:.92rem;display:flex}.info-label{width:120px;color:var(--text-medium);flex-shrink:0;font-weight:600}.info-value{color:var(--text-dark);flex:1}.font-bold{font-weight:700}.italic{color:#64748b;font-style:italic}.payment-tag{color:#166534;border-radius:var(--radius-xs);background:#f0fdf4;padding:.2rem .6rem;font-size:.85rem;font-weight:700;display:inline-block}.status-timeline{flex-direction:column;gap:1.25rem;padding-left:1.5rem;display:flex;position:relative}.status-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:10px;bottom:10px;left:13px}.timeline-step{opacity:.45;align-items:flex-start;gap:1rem;transition:opacity .2s;display:flex;position:relative}.timeline-step.active{opacity:1}.timeline-dot{width:28px;height:28px;color:var(--text-dark);z-index:2;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:-14px;font-size:.82rem;font-weight:800;display:flex}.timeline-step.active .timeline-dot{background:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-glow)}.timeline-content strong{color:var(--text-dark);font-size:.95rem;display:block}.timeline-content p{color:var(--text-light);font-size:.82rem}.ordered-items-table{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.ordered-item-row{border-bottom:1px solid #f8fafc;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.ordered-item-row:last-child{border-bottom:none}.ordered-thumb-box{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f0fdfa;flex-shrink:0;width:65px;height:65px;overflow:hidden}.ordered-thumb-img{object-fit:cover;width:100%;height:100%}.ordered-thumb-ph{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.8rem;display:flex}.ordered-item-meta{flex:1;min-width:0}.ordered-cat-tag{color:var(--accent);text-transform:uppercase;font-size:.72rem;font-weight:800}.ordered-item-name{color:var(--text-dark);margin:.15rem 0 .25rem;font-size:1rem;font-weight:800}.ordered-price-line{align-items:center;gap:.75rem;display:flex}.ordered-unit-price{color:var(--text-medium);font-size:.85rem}.ordered-unit-price strong{color:var(--primary)}.ordered-qty-tag{border-radius:var(--radius-full);color:var(--text-dark);background:#f1f5f9;padding:.15rem .5rem;font-size:.78rem;font-weight:800}.ordered-item-subtotal{font-size:1.15rem;font-weight:900;font-family:var(--font-heading);color:var(--primary);text-align:right}.order-cost-breakdown{border-radius:var(--radius-sm);background:#f8fafc;flex-direction:column;gap:.65rem;padding:1.25rem;display:flex}.cost-row{color:var(--text-medium);justify-content:space-between;font-size:.92rem;display:flex}.cost-divider{background:#e2e8f0;height:1px;margin:.35rem 0}.grand-total-row{color:var(--text-dark);padding-top:.25rem;font-size:1.05rem;font-weight:800}.grand-price{font-size:1.45rem;font-family:var(--font-heading);color:var(--primary);font-weight:900}.order-detail-footer-back{text-align:center;margin-top:2rem}@media (width<=900px){.checkout-layout-grid,.order-detail-layout{grid-template-columns:1fr}}.admin-tabs-nav{border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow-xs);background:#fff;flex-wrap:wrap;gap:.35rem;width:fit-content;margin-bottom:1.5rem;padding:.35rem;display:flex}.admin-tab-item{border-radius:var(--radius-xs);color:var(--text-medium);align-items:center;padding:.45rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.admin-tab-item:hover{color:var(--text-dark);background:#f1f5f9}.admin-tab-item.active{background:var(--primary);color:#fff;box-shadow:none}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;align-items:center;gap:.9rem;padding:1.25rem 1.1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000008}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000012}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{border-color:var(--primary-light)}.stat-card.active-filter-card{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light), 0 8px 25px var(--primary-glow);background:#fffdfc}.stat-icon-wrapper{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.bg-blue-glow{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.bg-emerald-glow{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.bg-amber-glow{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.bg-purple-glow{color:#0f766e;background:#faf5ff;border:1px solid #e2e8f0}.bg-rose-glow{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.stat-data{flex-direction:column;min-width:0;display:flex}.stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.4px;font-size:.76rem;font-weight:700;line-height:1.3}.stat-value{font-size:1.45rem;font-weight:900;font-family:var(--font-heading);color:var(--text-dark);line-height:1.2}.stat-revenue-value{color:#059669;font-size:1.15rem}.stat-unit{font-size:.82rem;font-weight:700}.text-amber{color:#d97706}.text-purple{color:#0f766e}.text-emerald{color:#059669}.text-rose{color:#e11d48}.btn-refresh-stats{border-radius:var(--radius-full);padding:.55rem 1.1rem;font-size:.88rem;font-weight:700}.admin-order-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-order-filters{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-select-status{border-radius:var(--radius-sm);background-color:#fff;min-width:190px;font-size:.88rem;font-weight:700}.date-input-group{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;align-items:center;gap:.4rem;padding:.2rem .6rem;display:flex}.date-label{color:var(--text-medium);white-space:nowrap;font-size:.78rem;font-weight:700}.date-picker-input{box-shadow:none!important;border:none!important;outline:none!important;padding:.35rem .2rem!important;font-size:.85rem!important}.btn-reset-filters{white-space:nowrap}.admin-orders-table-wrap{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;box-shadow:0 4px 20px #0000000a}.admin-orders-table tbody tr{transition:background-color .15s}.admin-orders-table tbody tr:hover{background-color:#fff9fc}.order-code-cell{flex-direction:column;gap:.25rem;display:flex}.order-code-badge{font-family:var(--font-heading);color:var(--primary-dark);letter-spacing:.3px;font-size:.92rem;font-weight:800}.payment-method-pill{color:#64748b;border-radius:var(--radius-full);background:#f1f5f9;width:fit-content;padding:.1rem .45rem;font-size:.72rem;font-weight:800}.receiver-cell{flex-direction:column;display:flex}.receiver-name{color:var(--text-dark);font-size:.92rem;font-weight:800}.receiver-email{color:var(--text-light);font-size:.78rem}.phone-cell{color:var(--text-dark);font-family:monospace;font-size:.88rem;font-weight:700}.order-amount-text{color:var(--primary);font-size:1rem;font-weight:900;font-family:var(--font-heading);display:block}.item-count-sub{color:var(--text-light);font-size:.75rem;font-weight:600}.status-badge-sm{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.status-badge-lg{border-radius:var(--radius-full);align-items:center;gap:.45rem;padding:.5rem 1.1rem;font-size:.9rem;font-weight:800;display:inline-flex}.status-pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a;box-shadow:0 2px 6px #d977061a}.status-confirmed{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;box-shadow:0 2px 6px #1d4ed81a}.status-shipping{color:#7e22ce;background:#faf5ff;border:1px solid #e2e8f0;box-shadow:0 2px 6px #7e22ce1a}.status-completed{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;box-shadow:0 2px 6px #0478571a}.status-cancelled{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;box-shadow:0 2px 6px #be123c1a}.modal-admin-order{max-height:90vh;overflow-y:auto;width:95%!important;max-width:820px!important}.admin-order-modal-title-wrap{flex-direction:column;gap:.2rem;display:flex}.order-badge-title{color:var(--primary);text-transform:uppercase;letter-spacing:.8px;font-size:.72rem;font-weight:800}.highlight-code{color:var(--primary);font-weight:900}.order-meta-dates{color:var(--text-light);font-size:.82rem}.modal-header-actions{align-items:center;gap:1rem;display:flex}.admin-order-body{flex-direction:column;gap:1.5rem;display:flex;padding:1.5rem!important}.admin-order-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=768px){.admin-order-grid{grid-template-columns:1fr}}.admin-info-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;padding:1.1rem}.info-card-heading{color:var(--text-dark);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.4rem;font-size:.92rem;font-weight:800}.info-card-content{flex-direction:column;gap:.5rem;display:flex}.info-row{gap:.5rem;font-size:.88rem;display:flex}.info-label{color:var(--text-light);min-width:105px;font-weight:600}.info-value{color:var(--text-dark);word-break:break-word;font-weight:600}.highlight-phone{color:var(--primary-dark);font-family:monospace;font-size:.95rem}.section-subheading{color:var(--text-dark);margin-bottom:.75rem;font-size:1rem;font-weight:800}.admin-items-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-items-table th{color:var(--text-medium);border-bottom:1.5px solid var(--border);background:#f8fafc;padding:.75rem 1rem;font-weight:800}.admin-items-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.85rem 1rem}.item-cell-product{align-items:center;gap:.75rem;display:flex}.item-cell-thumb{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.item-cell-thumb img{object-fit:cover;width:100%;height:100%}.item-product-name{color:var(--text-dark);font-weight:800;display:block}.item-product-id{color:var(--text-light);font-size:.72rem}.category-tag-sm{color:var(--text-medium);border-radius:var(--radius-full);background:#f1f5f9;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.item-qty-badge{color:var(--primary);border-radius:var(--radius-full);background:#f0fdfa;padding:.2rem .6rem;font-size:.82rem;font-weight:800}.admin-order-summary-box{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fffdfc;flex-direction:column;gap:.45rem;margin-top:1rem;padding:1rem 1.25rem;display:flex}.summary-line-total{border-top:1.5px dashed var(--border);justify-content:space-between;align-items:center;margin-top:.25rem;padding-top:.5rem;display:flex}.total-grand-price{font-size:1.35rem;font-family:var(--font-heading);color:var(--primary);font-weight:900}.admin-order-status-management{border-radius:var(--radius-md);background:linear-gradient(135deg,#f0fdfa,#f8fafc);border:1.5px solid #e2e8f0;padding:1.25rem}.status-action-control{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.status-select-group{flex-direction:column;flex:1;gap:.35rem;min-width:260px;display:flex}.status-select-label{color:var(--primary-dark);font-size:.85rem;font-weight:800}.status-select-dropdown{background:#fff;border-color:#0f766e;font-weight:700}.btn-update-status{border-radius:var(--radius-sm);white-space:nowrap;padding:.75rem 1.4rem;font-weight:800}.status-terminal-notice{border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:.92rem;display:flex}.notice-completed{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.notice-cancelled{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.confirm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172aa6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-modal-box{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;width:90%;max-width:460px;padding:1.75rem;animation:.2s cubic-bezier(.34,1.56,.64,1) scaleUp;box-shadow:0 20px 40px #00000040}.confirm-title{color:var(--text-dark);margin-bottom:1rem;font-size:1.2rem;font-weight:800}.confirm-status-flow{border-radius:var(--radius-sm);background:#f8fafc;justify-content:center;align-items:center;gap:.75rem;margin:1.25rem 0;padding:.85rem;display:flex}.arrow-flow{color:var(--primary);font-size:1.2rem;font-weight:900}.alert-box-warning{color:#92400e;border-radius:var(--radius-sm);background:#fffbeb;border-left:4px solid #f59e0b;margin-top:.85rem;padding:.75rem;font-size:.82rem}.confirm-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.detail-rating-quick{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0 1rem;display:flex}.rating-stars-gold{color:#f59e0b;letter-spacing:2px;font-size:1.15rem}.rating-score-num{color:#b45309;font-size:1.05rem;font-weight:900}.review-count-anchor{color:var(--primary);text-underline-offset:2px;font-size:.88rem;font-weight:700;text-decoration:underline;transition:opacity .2s}.review-count-anchor:hover{opacity:.8}.rating-divider{color:#cbd5e1}.verified-sold-tag{color:#166534;border-radius:var(--radius-full);background:#f0fdf4;border:1px solid #bbf7d0;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.card-rating-badge{color:#b45309;align-items:center;gap:.3rem;margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:flex}.card-rating-badge .star-icon{font-size:.85rem}.card-rating-badge .rating-score{color:var(--text-dark);font-weight:900}.card-rating-badge .rating-count{color:var(--text-light);font-size:.75rem}.card-rating-badge .rating-new{color:var(--text-light);font-size:.75rem;font-weight:600}.product-reviews-section{border-top:1.5px dashed var(--border);margin-top:3.5rem;padding-top:2.5rem}.reviews-section-subtitle{color:var(--text-medium);margin-top:.25rem;font-size:.92rem;display:block}.review-summary-container{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;grid-template-columns:240px 1fr;align-items:center;gap:2.5rem;margin:1.75rem 0;padding:2rem;display:grid;box-shadow:0 4px 20px #0000000a}@media (width<=768px){.review-summary-container{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}}.review-score-box{text-align:center;border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;padding-right:2rem;display:flex}@media (width<=768px){.review-score-box{border-right:none;border-bottom:1px solid var(--border);padding-bottom:1.5rem;padding-right:0}}.big-rating-number{font-size:3.5rem;font-family:var(--font-heading);color:var(--primary);margin-bottom:.35rem;font-weight:900;line-height:1}.rating-stars-large{color:#f59e0b;letter-spacing:3px;margin-bottom:.5rem;font-size:1.4rem}.review-total-hint{color:var(--text-medium);font-size:.88rem}.review-breakdown-bars{flex-direction:column;gap:.55rem;display:flex}.breakdown-bar-row{grid-template-columns:50px 1fr 90px;align-items:center;gap:.85rem;font-size:.85rem;display:grid}.star-level-label{color:var(--text-dark);font-weight:700}.breakdown-bar-track{border-radius:var(--radius-full);background:#f1f5f9;width:100%;height:10px;overflow:hidden}.breakdown-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#f59e0b,#fbbf24);height:100%;transition:width .4s}.star-count-label{color:var(--text-light);text-align:right;font-size:.8rem;font-weight:600}.review-action-box{margin-bottom:2.5rem}.review-notice-card{border-radius:var(--radius-md);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;font-size:.92rem;display:flex}.notice-icon{flex-shrink:0;font-size:1.8rem;line-height:1}.notice-guest{color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1}.notice-reviewed{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0}.notice-locked{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.review-create-form{border-radius:var(--radius-md);background:linear-gradient(135deg,#fff 0%,#f0fdfa 100%);border:1.5px solid #ccfbf1;padding:1.75rem 2rem;box-shadow:0 6px 25px #0f172a0d}.form-heading{color:var(--text-dark);margin-bottom:.25rem;font-size:1.25rem;font-weight:800}.form-sub{color:var(--text-medium);margin-bottom:1.25rem;font-size:.88rem}.rating-picker-label{color:var(--text-dark);margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:block}.interactive-star-picker{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.5rem;display:flex}.star-pick-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:0 .15rem;font-size:2rem;line-height:1;transition:all .15s}.star-pick-btn:hover,.star-pick-btn.star-active{color:#f59e0b;transform:scale(1.15)}.star-rating-hint-text{color:#b45309;margin-left:.75rem;font-size:.88rem;font-weight:700}.review-textarea{border-radius:var(--radius-sm);border:1.5px solid var(--border);width:100%;font-size:.92rem;font-family:var(--font-body);resize:vertical;padding:.85rem 1rem;transition:border-color .2s}.review-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.char-counter{text-align:right;color:var(--text-light);margin-top:.35rem;font-size:.75rem;display:block}.btn-submit-review{border-radius:var(--radius-full);padding:.75rem 1.75rem;font-size:.95rem;font-weight:800}.reviews-list-container{margin-top:2rem}.review-list-title{color:var(--text-dark);margin-bottom:1.25rem;font-size:1.25rem;font-weight:800}.loading-reviews{color:var(--text-medium);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.empty-reviews-card{border-radius:var(--radius-md);border:1px solid var(--border);text-align:center;color:var(--text-medium);background:#fff;padding:3.5rem 1.5rem}.empty-reviews-icon{margin-bottom:.75rem;font-size:3.5rem;display:block}.empty-reviews-card h4{color:var(--text-dark);margin-bottom:.5rem;font-size:1.2rem;font-weight:800}.reviews-cards-stack{flex-direction:column;gap:1.25rem;display:flex}.review-item-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 15px #00000008}.review-item-card:hover{box-shadow:0 6px 20px #0000000f}.review-item-card.own-review-highlight{background:linear-gradient(135deg,#fff,#fffafc);border:1.5px solid #0f766e;box-shadow:0 6px 25px #0f172a14}.review-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.reviewer-info-left{align-items:center;gap:.85rem;display:flex}.reviewer-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;width:44px;height:44px;box-shadow:0 3px 10px var(--primary-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;font-weight:900;display:flex}.reviewer-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.reviewer-name{color:var(--text-dark);font-size:.95rem;font-weight:800}.verified-badge{color:#047857;border-radius:var(--radius-full);background:#ecfdf5;border:1px solid #a7f3d0;padding:.1rem .45rem;font-size:.72rem;font-weight:800}.own-badge{color:var(--primary);border-radius:var(--radius-full);background:#f0fdfa;border:1px solid #e2e8f0;padding:.1rem .45rem;font-size:.72rem;font-weight:800}.review-stars-and-date{align-items:center;gap:.65rem;font-size:.82rem;display:flex}.review-card-stars{color:#f59e0b;letter-spacing:1.5px;font-size:.92rem}.review-card-date{color:var(--text-light)}.edited-hint{font-size:.75rem;font-style:italic}.reviewer-actions{align-items:center;gap:.5rem;display:flex}.btn-review-action{border-radius:var(--radius-full);border:1px solid var(--border);cursor:pointer;background:#fff;padding:.35rem .75rem;font-size:.78rem;font-weight:700;transition:all .2s}.btn-edit-review:hover{color:var(--primary);border-color:var(--primary-light);background:#f0fdfa}.btn-delete-review:hover{color:var(--danger);background:#fef2f2;border-color:#fecdd3}.review-card-body{padding-left:3.5rem}@media (width<=600px){.review-card-body{padding-left:0}}.review-comment-text{color:var(--text-dark);white-space:pre-line;font-size:.95rem;line-height:1.6}.order-completed-review-bar{border-radius:var(--radius-sm);background:linear-gradient(135deg,#fffdfa,#fef8f0);border:1px solid #fed7aa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin:.75rem 0 .25rem;padding:.75rem 1rem;display:flex}.order-review-bar-hint{color:#c2410c;align-items:center;gap:.35rem;font-size:.85rem;font-weight:800;display:flex}.order-review-items-buttons{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-order-item-review{color:#ea580c;border-radius:var(--radius-full);cursor:pointer;background:#fff;border:1.5px solid #fb923c;align-items:center;gap:.3rem;padding:.35rem .85rem;font-size:.82rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #ea580c1a}.btn-order-item-review:hover{color:#fff;background:#ea580c;transform:translateY(-1px);box-shadow:0 4px 12px #ea580c40}.btn-order-item-review-sm{color:#c2410c;border-radius:var(--radius-full);cursor:pointer;background:#fff7ed;border:1px solid #fdba74;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.78rem;font-weight:800;transition:all .15s;display:inline-flex}.btn-order-item-review-sm:hover{color:#fff;background:#ea580c;border-color:#ea580c}.modal-review-box{width:92%;max-width:540px}.review-modal-product-summary{border:1px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem;display:flex}.review-modal-thumb{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;flex-shrink:0;width:60px;height:60px;overflow:hidden}.review-modal-thumb img{object-fit:cover;width:100%;height:100%}.review-modal-ph{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}.review-modal-prod-info{flex:1}.order-item-category-pill{color:var(--accent);border-radius:var(--radius-full);background:#f0fdfa;margin-bottom:.2rem;padding:.1rem .5rem;font-size:.72rem;font-weight:800;display:inline-block}.review-modal-prod-name{color:var(--text-dark);margin-bottom:.2rem;font-size:.98rem;font-weight:800}.review-modal-prod-price{color:var(--text-medium);font-size:.82rem}.review-modal-prod-price strong{color:var(--primary);font-size:.92rem}.existing-review-view-card{border-radius:var(--radius-sm);background:#fff;border:1.5px solid #e2e8f0;padding:1.25rem}.existing-review-badge-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.existing-review-stars-row{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.existing-review-score-desc{color:#b45309;font-size:.88rem;font-weight:800}.existing-review-comment-box{border-radius:var(--radius-sm);color:var(--text-dark);background:#f8fafc;margin-bottom:1rem;padding:.85rem 1rem;font-size:.92rem;line-height:1.5}.existing-review-actions-row{justify-content:flex-end;gap:.65rem;display:flex}.modal-footer-link{border-top:1px solid var(--border);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);text-align:center;background:#f8fafc;padding:.85rem 1.5rem}.view-all-product-reviews-link{color:var(--primary);font-size:.85rem;font-weight:700;transition:opacity .2s}.view-all-product-reviews-link:hover{opacity:.8;text-decoration:underline}.category-showcase-section{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;margin-bottom:1.75rem;padding:1.5rem 1.75rem;box-shadow:0 10px 30px #0f172a0d}.category-showcase-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.showcase-title{color:var(--text-dark);margin-top:.2rem;font-size:1.5rem;font-weight:900}.category-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem;display:grid}.category-showcase-card{border-radius:var(--radius-md);border:1.5px solid var(--border);text-align:center;cursor:pointer;background:#f8fafc;flex-direction:column;align-items:center;padding:1.1rem .85rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000005}.category-showcase-card:hover{background:#fff;border-color:#0f766e;transform:translateY(-4px);box-shadow:0 10px 24px #0f172a1f}.category-showcase-card.active-showcase{border-color:var(--primary);box-shadow:0 6px 20px var(--primary-glow);background:linear-gradient(135deg,#f0fdfa,#f8fafc)}.cat-card-thumb-box{background:#f8fafc;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:.85rem;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000f}.category-showcase-card:hover .cat-card-thumb-box{transform:scale(1.1)rotate(4deg)}.cat-card-thumb-img{object-fit:cover;width:100%;height:100%}.cat-card-ph-emoji{font-size:2.2rem;line-height:1}.cat-card-name{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.92rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.category-showcase-card.active-showcase .cat-card-name{color:var(--primary)}.cat-card-count{color:var(--text-light);font-size:.78rem;font-weight:700}.category-manage-table td{vertical-align:middle}.category-row-draggable{cursor:grab;transition:background-color .2s,transform .2s}.category-row-draggable:active{cursor:grabbing}.category-row-draggable.row-dragging{opacity:.4;background-color:#f0fdfa!important}.display-order-control{justify-content:center;align-items:center;gap:.4rem;display:flex}.drag-handle-icon{color:#94a3b8;cursor:grab;-webkit-user-select:none;user-select:none;padding:.2rem;font-size:1.1rem}.drag-handle-icon:hover{color:var(--primary)}.order-number-badge{color:var(--text-dark);text-align:center;min-width:22px;font-size:.95rem;font-weight:900}.order-move-btn-group{flex-direction:column;gap:2px;display:flex}.btn-order-arrow{cursor:pointer;color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:3px;padding:2px 4px;font-size:.6rem;line-height:1;transition:all .15s}.btn-order-arrow:hover:not(:disabled){background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.btn-order-arrow:disabled{opacity:.3;cursor:not-allowed}.cat-table-thumb{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.cat-table-thumb img{object-fit:cover;width:100%;height:100%}.cat-table-ph{font-size:1.5rem}.cat-name-box{flex-direction:column;gap:.2rem;display:flex}.cat-table-name{color:var(--text-dark);font-size:.98rem;font-weight:800}.cat-table-desc{color:var(--text-medium);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.product-count-pill{color:#0f766e;border-radius:var(--radius-full);background:#f0fdfa;border:1px solid #e2e8f0;padding:.25rem .75rem;font-size:.82rem;font-weight:800;display:inline-block}.category-reorder-hint{color:#64748b;margin-left:auto;font-size:.85rem}.toggle-switch{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label-text{margin-top:.25rem;font-size:.75rem}.modal-category-form{width:92%;max-width:580px}.category-image-input-layout{align-items:center;gap:1.25rem;display:flex}.cat-modal-thumb-preview{border-radius:var(--radius-sm);background:#f8fafc;border:1.5px dashed #cbd5e1;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.cat-modal-thumb-preview img{object-fit:cover;width:100%;height:100%}.cat-preview-ph{font-size:2.5rem}.cat-modal-image-fields{flex:1}.cat-upload-file-btn-box{align-items:center;gap:.75rem;display:flex}.btn-clear-image-link{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700;text-decoration:underline}.checkbox-custom-label{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.checkbox-custom-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.checkbox-custom-text{color:var(--text-dark);font-weight:700}.profile-page-wrapper{background:radial-gradient(circle at top right, #fdf2f8e6, transparent 60%), radial-gradient(circle at bottom left, #f8fafce6, transparent 60%), var(--background);min-height:calc(100vh - 180px);padding:2.5rem 1.25rem 4rem;position:relative}.profile-container{flex-direction:column;gap:1.75rem;max-width:920px;margin:0 auto;display:flex}.profile-loading-screen{min-height:60vh;color:var(--text-medium);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;font-weight:700;display:flex}.sweet-spinner{border:4px solid #f1f5f9;border-top-color:var(--primary);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}.profile-hero-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1.5px solid #14b8a640;border-radius:24px;padding:2rem 2.25rem 0;box-shadow:0 12px 35px #0f172a12}.profile-hero-content{align-items:center;gap:1.75rem;padding-bottom:1.75rem;display:flex}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar-circle{background:linear-gradient(135deg, var(--primary), var(--accent));cursor:pointer;border:3.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a40}.profile-avatar-circle:hover{transform:scale(1.04);box-shadow:0 10px 28px #0f172a59}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-avatar-initial{color:#fff;-webkit-user-select:none;user-select:none;font-size:2.4rem;font-weight:800}.avatar-hover-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;opacity:0;background:#00000073;flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar-hover-overlay small{margin-top:2px;font-size:.72rem;font-weight:700}.profile-avatar-circle:hover .avatar-hover-overlay{opacity:1}.profile-user-summary{flex-direction:column;flex:1;gap:.45rem;display:flex}.profile-title-row{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.profile-display-name{font-family:var(--font-heading);color:var(--text-dark);margin:0;font-size:1.65rem;font-weight:800}.profile-role-badge{border-radius:var(--radius-full);letter-spacing:.3px;align-items:center;padding:.25rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.badge-admin{color:#0f766e;background:#f8fafc;border:1px solid #e2e8f0}.badge-customer{background:var(--primary-light,#f0fdfa);color:var(--primary-dark,#115e59);border:1px solid #e2e8f0}.profile-email-meta{color:var(--text-medium);margin:0;font-size:.92rem;font-weight:600}.avatar-action-bar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.6rem;display:flex}.avatar-preview-tag{color:var(--primary-dark,#115e59);background:var(--primary-light,#f0fdfa);border-radius:var(--radius-full);padding:.25rem .65rem;font-size:.82rem;font-weight:700}.btn-save-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark,#115e59));color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;padding:.35rem .9rem;font-size:.82rem;font-weight:700;transition:all .2s}.btn-save-avatar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #0f172a4d}.btn-cancel-avatar{color:#4b5563;border-radius:var(--radius-full);cursor:pointer;background:#f3f4f6;border:none;padding:.35rem .8rem;font-size:.82rem;font-weight:700;transition:all .2s}.btn-cancel-avatar:hover:not(:disabled){background:#e5e7eb}.profile-tabs-nav{border-top:1px solid #f1f5f9;gap:.5rem;padding-top:.5rem;display:flex}.profile-tab-btn{color:var(--text-medium);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.profile-tab-btn:hover{color:var(--primary);background:#f0fdfa}.profile-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:linear-gradient(#0000,#ccfbf180)}.profile-content-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1.5px solid #14b8a640;border-radius:24px;padding:2.25rem;box-shadow:0 12px 35px #0f172a12}.card-header-group{border-bottom:1px solid #f1f5f9;margin-bottom:1.75rem;padding-bottom:1rem}.card-section-title{font-family:var(--font-heading);color:var(--text-dark);align-items:center;gap:.5rem;margin:0 0 .35rem;font-size:1.25rem;font-weight:800;display:flex}.card-section-subtitle{color:var(--text-medium);margin:0;font-size:.88rem;font-weight:500}.profile-form-layout{flex-direction:column;gap:1.35rem;display:flex}.password-form-max{max-width:580px}.form-grid-two-col{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-group-item{flex-direction:column;gap:.45rem;display:flex}.full-width-item{grid-column:1/-1}.form-label-custom{color:var(--text-dark);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:700;display:flex}.readonly-lock-tag{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-field-icon{pointer-events:none;z-index:1;font-size:1rem;position:absolute;left:1rem}.form-input-custom{width:100%;color:var(--text-dark);background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem .75rem 2.75rem;font-size:.92rem;transition:all .2s}.form-input-custom:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0f172a1f}.form-input-custom.input-error,.form-textarea-custom.input-error{background:#fef2f2;border-color:#ef4444}.form-input-readonly{color:#4b5563;cursor:not-allowed;background:#f9fafb;border-color:#e5e7eb}.form-input-readonly:focus{box-shadow:none;border-color:#e5e7eb}.password-toggle-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.1rem;transition:all .2s;position:absolute;right:.75rem}.password-toggle-btn:hover{opacity:.8;transform:scale(1.1)}.card-blue .stat-icon-wrapper{color:#2563eb;background:#eff6ff}.card-purple .stat-icon-wrapper{color:#0f766e;background:#faf5ff}.card-green .stat-icon-wrapper{color:#16a34a;background:#f0fdf4}.card-red .stat-icon-wrapper{color:#dc2626;background:#fef2f2}.customer-row-profile{align-items:center;gap:.85rem;display:flex}.customer-avatar-badge{color:#fff;background:linear-gradient(135deg,#ff758c 0%,#ff7eb3 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex;overflow:hidden;box-shadow:0 2px 8px #ff758c4d}.customer-avatar-img{object-fit:cover;width:100%;height:100%}.customer-name-meta{flex-direction:column;display:flex}.customer-full-name{color:var(--text-dark);font-size:.95rem;font-weight:700}.customer-email-sub{color:var(--text-light);font-size:.8rem}.customer-status-badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.badge-active{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.badge-locked{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.order-count-pill{color:#334155;border-radius:var(--radius-full);background:#f1f5f9;padding:.3rem .75rem;font-size:.82rem;font-weight:700;display:inline-block}.customer-spent-amount{color:var(--primary);font-size:.96rem;font-weight:800}.btn-unlock{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.btn-unlock:hover{color:#15803d;background:#dcfce7}.btn-danger-outline{color:#dc2626;cursor:pointer;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;font-weight:700;transition:all .2s}.btn-danger-outline:hover{color:#fff;background:#dc2626}.btn-success-outline{color:#16a34a;cursor:pointer;background:#f0fdf4;border:1.5px solid #86efac;border-radius:8px;font-weight:700;transition:all .2s}.btn-success-outline:hover{color:#fff;background:#16a34a}.customer-profile-card{border:1px solid var(--border);background:#f8fafc;border-radius:16px;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.customer-avatar-large{color:#fff;background:linear-gradient(135deg,#ff758c 0%,#ff7eb3 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;font-weight:800;display:flex;overflow:hidden;box-shadow:0 4px 15px #ff758c59}.customer-avatar-large img{object-fit:cover;width:100%;height:100%}.customer-profile-info{flex:1;min-width:260px}.profile-name{color:var(--text-dark);margin:0;font-size:1.35rem;font-weight:800}.profile-meta-grid{color:#475569;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem 1rem;margin-top:.75rem;font-size:.88rem;display:grid}.customer-spending-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.spending-metric-box{border:1.5px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:.4rem;padding:1.25rem 1.5rem;display:flex}.spending-metric-box.metric-accent{background:linear-gradient(135deg,#fff1f5 0%,#fff 100%);border-color:#e2e8f0}.spending-metric-title{color:var(--text-medium);font-size:.88rem;font-weight:700}.spending-metric-value{color:var(--primary);font-size:1.6rem;font-weight:900;font-family:var(--font-heading)}.vip-spenders-list{flex-direction:column;gap:.85rem;display:flex}.vip-spender-card{border:1px solid var(--border);background:#f8fafc;border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.vip-spender-card:hover{box-shadow:var(--shadow-sm);background:#fff;border-color:#0f766e;transform:translateY(-2px)}.vip-rank-badge{text-align:center;flex-shrink:0;width:40px;font-size:1.6rem}.vip-avatar{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;font-weight:800;display:flex;overflow:hidden}.vip-avatar img{object-fit:cover;width:100%;height:100%}.vip-info{flex-direction:column;flex:1;display:flex}.vip-name{color:var(--text-dark);font-size:.98rem;font-weight:800}.vip-email{color:var(--text-light);font-size:.8rem}.vip-orders-count{color:#059669;margin-top:.2rem;font-size:.8rem;font-weight:700}.vip-spending{text-align:right;flex-direction:column;display:flex}.vip-spending-label{color:var(--text-light);text-transform:uppercase;font-size:.75rem;font-weight:700}.vip-spending-amount{color:var(--primary);font-size:1.1rem;font-weight:900;font-family:var(--font-heading)}.form-textarea-custom{width:100%;color:var(--text-dark);resize:vertical;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:.92rem;transition:all .2s}.form-textarea-custom:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0f172a1f}.role-readonly-box{color:#134e4a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;font-size:.9rem;font-weight:700}.field-hint-msg{color:var(--text-light);font-size:.78rem;font-weight:500}.field-error-msg{color:#ef4444;font-size:.8rem;font-weight:700}.form-action-row{align-items:center;margin-top:.5rem;display:flex}.btn-primary-sweet{background:linear-gradient(135deg, var(--primary), var(--primary-dark,#115e59));color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.85rem 1.85rem;font-size:.95rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 15px #0f172a4d}.btn-primary-sweet:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #0f172a66}.btn-spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.profile-toast-box{z-index:9999;border-radius:16px;align-items:center;gap:.75rem;padding:.9rem 1.4rem;font-size:.92rem;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) slideInRight;display:flex;position:fixed;top:85px;right:25px;box-shadow:0 10px 30px #00000026}.toast-success{color:#065f46;background:#ecfdf5;border:1.5px solid #a7f3d0}.toast-error{color:#991b1b;background:#fef2f2;border:1.5px solid #fecaca}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.profile-hero-content{text-align:center;flex-direction:column;gap:1rem}.profile-title-row{justify-content:center}.form-grid-two-col{grid-template-columns:1fr}.profile-tabs-nav{justify-content:center}}.recaptcha-form-group{justify-content:center;margin:.75rem 0 1rem;display:flex}.recaptcha-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.recaptcha-container{justify-content:center;display:flex}.recaptcha-loading-placeholder{color:var(--text-medium);background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;width:100%;max-width:304px;min-height:78px;padding:1.25rem 1.5rem;font-size:.85rem;font-weight:600;display:flex}.recaptcha-mini-spinner{border:2px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.alert-lockout{color:#c2410c;background:#fff7ed;border:1.5px solid #fdba74;border-radius:12px;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1.1rem;animation:.4s ease-in-out shake;display:flex}.alert-lockout .alert-icon{font-size:1.3rem;line-height:1}.alert-lockout .alert-body strong{margin-bottom:.2rem;font-size:.92rem;font-weight:800;display:block}.alert-lockout .alert-body p{color:#9a3412;margin:0;font-size:.84rem;line-height:1.4}.alert-error{align-items:flex-start;gap:.75rem;display:flex}.alert-error .alert-icon{font-size:1.15rem;line-height:1}.alert-error .alert-body strong{margin-bottom:.15rem;font-size:.9rem;font-weight:800;display:block}.alert-error .alert-body p{margin:0;font-size:.84rem;line-height:1.4}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.banner-carousel-container{aspect-ratio:16/6;background:#0f172a;border-radius:20px;width:100%;max-width:1240px;min-height:220px;max-height:440px;margin:1.25rem auto 2rem;position:relative;overflow:hidden;box-shadow:0 12px 36px #0f172a26}@media (width<=768px){.banner-carousel-container{aspect-ratio:16/9;border-radius:12px;min-height:180px;margin-bottom:1.25rem}}.banner-slide{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.banner-slide-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.banner-carousel-container:hover .banner-slide-image{transform:scale(1.02)}.banner-slide-overlay{background:linear-gradient(90deg,#0f172abf 0%,#0f172a59 50%,#0000 100%);align-items:center;padding:2.5rem 3.5rem;display:flex;position:absolute;inset:0}@media (width<=768px){.banner-slide-overlay{background:linear-gradient(#0000 0%,#0f172a66 40%,#0f172ad9 100%);align-items:flex-end;padding:1.25rem 1.5rem}}.banner-caption{color:#fff;z-index:2;max-width:580px;animation:.4s fadeIn}.banner-caption-title{color:#fff;text-shadow:0 2px 10px #0009;letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.3rem,3.2vw,2.3rem);font-weight:800;line-height:1.25}.banner-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#f43f5e);border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #0f172a66}.banner-cta-btn:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);transform:translateY(-2px);box-shadow:0 6px 20px #0f172a99}.carousel-nav-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1e293b;cursor:pointer;z-index:10;background:#ffffffd9;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.carousel-nav-btn:hover{color:#ec4899;background:#fff;transform:translateY(-50%)scale(1.1)}.btn-prev{left:1.25rem}.btn-next{right:1.25rem}@media (width<=768px){.carousel-nav-btn{width:32px;height:32px;font-size:.9rem}.btn-prev{left:.5rem}.btn-next{right:.5rem}}.carousel-dots{z-index:10;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:9999px;width:10px;height:10px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.carousel-dot.dot-active{background:#ec4899;width:28px;box-shadow:0 0 10px #ec4899b3}.settings-grid{grid-template-columns:1.2fr .8fr;gap:2rem;margin-top:1.5rem;display:grid}@media (width<=900px){.settings-grid{grid-template-columns:1fr}}.setting-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem;box-shadow:0 4px 16px #0000000a}.setting-card-header{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.setting-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.setting-card-title{color:#0f172a;margin:0 0 .25rem;font-size:1.2rem;font-weight:800}.setting-card-desc{color:#64748b;margin:0;font-size:.88rem}.input-with-preview{align-items:center;display:flex;position:relative}.input-currency-tag{color:#059669;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.25rem .65rem;font-size:.85rem;font-weight:700;position:absolute;right:.75rem}.setting-demo-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin:1.5rem 0;padding:1.25rem}.demo-box-title{color:#334155;margin-bottom:.75rem;font-size:.9rem;font-weight:700}.demo-scenarios{flex-direction:column;gap:.5rem;display:flex}.demo-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.86rem;display:flex}.demo-label{color:#475569}.demo-value{font-weight:700}.btn-save-settings{width:100%;padding:.85rem;font-size:1rem;font-weight:700}.system-info-content{flex-direction:column;gap:.85rem;display:flex}.info-badge-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;font-size:.88rem;display:flex}.info-key{color:#64748b;font-weight:600}.info-val code{color:#0f172a;background:#e2e8f0;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-weight:700}.alert-box-info{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:1rem;font-size:.86rem;line-height:1.5}.admin-banners-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=640px){.admin-banners-grid{grid-template-columns:1fr}}.banner-admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000a}.banner-admin-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014}.banner-admin-card.card-effective{border-left:4px solid #10b981}.banner-admin-card.card-inactive{opacity:.85;border-left:4px solid #cbd5e1}.banner-card-media{aspect-ratio:16/7;background:#0f172a;width:100%;position:relative;overflow:hidden}.banner-card-media img{object-fit:cover;width:100%;height:100%}.banner-badges-overlay{gap:.5rem;display:flex;position:absolute;top:.75rem;left:.75rem}.effective-pill{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:800;box-shadow:0 2px 8px #10b98166}.banner-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.banner-card-title{color:#0f172a;margin:0 0 1rem;font-size:1.05rem;font-weight:800;line-height:1.35}.banner-info-rows{flex-direction:column;flex:1;gap:.45rem;margin-bottom:1.25rem;display:flex}.banner-info-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.row-label{color:#64748b}.row-val{color:#1e293b}.link-val{text-overflow:ellipsis;white-space:nowrap;color:#2563eb;max-width:180px;font-weight:600;overflow:hidden}.banner-card-actions{border-top:1px solid #f1f5f9;gap:.5rem;padding-top:1rem;display:flex}.btn-icon-action{cursor:pointer;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .75rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-toggle-on{color:#475569;background:#f1f5f9}.btn-toggle-on:hover{color:#0f172a;background:#e2e8f0}.btn-toggle-off{color:#059669;background:#ecfdf5}.btn-toggle-off:hover{background:#d1fae5}.btn-edit{color:#2563eb;background:#eff6ff}.btn-edit:hover{background:#dbeafe}.btn-delete{color:#dc2626;background:#fef2f2}.btn-delete:hover{background:#fee2e2}.modal-banner{width:95%;max-width:640px}.image-upload-wrapper{margin-top:.5rem}.upload-dropzone{cursor:pointer;text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;transition:all .2s;display:flex}.upload-dropzone:hover{background:#f0fdfa;border-color:#ec4899}.upload-icon{margin-bottom:.5rem;font-size:2.2rem}.upload-text{color:#1e293b;margin-bottom:.25rem;font-weight:700}.banner-preview-box{aspect-ratio:16/7;border:1px solid #e2e8f0;border-radius:12px;width:100%;position:relative;overflow:hidden}.banner-preview-img{object-fit:cover;width:100%;height:100%}.change-img-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#0f172abf;border-radius:8px;padding:.4rem .8rem;font-size:.82rem;font-weight:700;transition:background .2s;position:absolute;bottom:.75rem;right:.75rem}.change-img-overlay:hover{background:#0f172af2}.link-type-selector{flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;display:flex}.radio-label{color:#334155;cursor:pointer;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.checkbox-custom-label{color:#1e293b;cursor:pointer;align-items:center;gap:.5rem;font-size:.92rem;font-weight:700;display:flex}@media (width<=1150px){.admin-link-text,.admin-badge-title{display:none}.admin-toolbar-badge{border-right:none;padding-right:0}}.admin-stats-modern-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.admin-stat-card-premium{-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0d9;border-radius:20px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.35rem 1.4rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0000000a,0 2px 6px -1px #00000005}.admin-stat-card-premium:before{content:"";background:0 0;height:4px;transition:background .3s;position:absolute;top:0;left:0;right:0}.admin-stat-card-premium:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px #00000014,0 4px 12px -2px #00000008}.admin-stat-card-premium.clickable{cursor:pointer}.admin-stat-card-premium.theme-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.admin-stat-card-premium.theme-purple:before{background:linear-gradient(90deg,#0f766e,#ec4899)}.admin-stat-card-premium.theme-emerald:before{background:linear-gradient(90deg,#10b981,#34d399)}.admin-stat-card-premium.theme-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.admin-stat-card-premium.theme-rose:before{background:linear-gradient(90deg,#f43f5e,#fb7185)}.admin-stat-card-premium.active-filter{border-color:currentColor;transform:translateY(-2px);box-shadow:0 0 0 2px,0 12px 28px -4px #0000001a}.admin-stat-card-premium.active-filter.theme-blue{color:#2563eb;background:linear-gradient(#fff 0%,#f0f7ff 100%);border-color:#3b82f6}.admin-stat-card-premium.active-filter.theme-emerald{color:#059669;background:linear-gradient(#fff 0%,#f0fdf4 100%);border-color:#10b981}.admin-stat-card-premium.active-filter.theme-amber{color:#d97706;background:linear-gradient(#fff 0%,#fffbeb 100%);border-color:#f59e0b}.admin-stat-card-premium.active-filter.theme-rose{color:#e11d48;background:linear-gradient(#fff 0%,#fff1f2 100%);border-color:#f43f5e}.stat-card-top-row{justify-content:space-between;align-items:center;display:flex}.stat-icon-3d{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;transition:transform .3s;display:flex;box-shadow:0 4px 12px #0000000a}.admin-stat-card-premium:hover .stat-icon-3d{transform:scale(1.1)rotate(4deg)}.icon-bg-blue{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe}.icon-bg-purple{background:linear-gradient(135deg,#faf5ff 0%,#f1f5f9 100%);border:1px solid #e2e8f0}.icon-bg-emerald{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0}.icon-bg-amber{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fde68a}.icon-bg-rose{background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%);border:1px solid #fecdd3}.stat-trend-pill{white-space:nowrap;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.76rem;font-weight:800;display:inline-flex}.pill-blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.pill-purple{color:#7e22ce;background:#faf5ff;border:1px solid #e2e8f0}.pill-emerald{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.pill-amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.pill-rose{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.stat-main-details{flex-direction:column;gap:.2rem;display:flex}.stat-title-label{text-transform:uppercase;letter-spacing:.6px;color:#64748b;font-size:.78rem;font-weight:800}.stat-numeric-value{font-family:var(--font-heading);color:#0f172a;letter-spacing:-.5px;font-size:2.1rem;font-weight:900;line-height:1.1}.stat-helper-desc{color:#94a3b8;margin-top:.15rem;font-size:.82rem;font-weight:500}.stat-mini-progress{background:#f1f5f9;border-radius:9999px;width:100%;height:6px;margin-top:.2rem;overflow:hidden}.stat-mini-progress-fill{border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill-blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.progress-fill-purple{background:linear-gradient(90deg,#0f766e,#ec4899)}.progress-fill-emerald{background:linear-gradient(90deg,#10b981,#34d399)}.progress-fill-amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-fill-rose{background:linear-gradient(90deg,#f43f5e,#fb7185)}.filter-active-indicator{color:#0f172a;align-items:center;gap:.25rem;margin-top:.2rem;font-size:.72rem;font-weight:800;display:inline-flex}.btn-vip-shimmer{color:#fff!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 50%,#b45309 100%)!important;border:none!important;font-weight:800!important;transition:all .25s!important;box-shadow:0 4px 14px #d9770659!important}.btn-vip-shimmer:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d9770680!important}.category-filter-pill-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.5rem;padding:.3rem;display:flex}.category-pill-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;font-weight:700;transition:all .2s}.category-pill-btn:hover{color:#0f172a;background:#fff9}.category-pill-btn.active{color:var(--primary);background:#fff;font-weight:800;box-shadow:0 2px 8px #0000000f}body,.navbar-glass,.card,.product-card,.admin-card,.setting-card,.auth-card,.profile-card,.modal-content,.form-input,.form-select,.admin-table,.footer-sweet{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}[data-theme=dark]{--accent:#f59e0b;--accent-light:#f59e0b26;--accent-glow:#f59e0b40;--text-dark:#f8fafc;--text-medium:#cbd5e1;--text-light:#94a3b8;--text-muted:#64748b;--bg:#090d16;--bg-surface:#111827;--bg-primary:#090d16;--bg-secondary:#162036;--card-bg:#111827;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--border:#1f293d;--border-color:#1f293d;--border-focus:var(--primary,#0f766e);--nav-bg:#111827f2;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 2px 4px #00000073;--shadow-md:0 6px 14px #0000008c;--shadow-hover:0 12px 24px #000000a6;--shadow-modal:0 24px 38px #000000bf}[data-theme=dark] .navbar-glass{background:#111827eb!important;border-bottom:1px solid #1f293d!important}[data-theme=dark] .navbar-container{background:0 0!important}[data-theme=dark] .nav-link-item{color:#cbd5e1}[data-theme=dark] .nav-link-item:hover,[data-theme=dark] .nav-link-item.active{color:var(--primary)!important;background:var(--primary-light)!important}[data-theme=dark] .brand-title{color:#f8fafc!important}[data-theme=dark] .brand-icon-wrapper{background:var(--primary-light)!important;border-color:var(--primary-glow)!important;color:var(--primary)!important}[data-theme=dark] .top-announcement-bar{background:linear-gradient(90deg, var(--footer-bg,#042f2e) 0%, var(--primary-dark,#115e59) 50%, var(--footer-bg,#042f2e) 100%)!important;color:#fff!important;border-bottom:1px solid var(--primary-glow,#ffffff26)!important;text-shadow:0 0 10px var(--primary-glow)!important;box-shadow:0 1px 6px #0006!important}[data-theme=dark] .admin-dropdown-btn{color:#cbd5e1!important;background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .admin-dropdown-btn:hover{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .admin-dropdown-btn.active{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 0 14px var(--primary-glow)!important}[data-theme=dark] .admin-badge-tag{background:var(--primary-light)!important;color:var(--primary)!important;border:1px solid var(--primary-glow)!important;box-shadow:0 0 8px var(--primary-glow)!important}[data-theme=dark] .admin-dropdown-btn:hover .admin-badge-tag{background:var(--primary)!important;color:#fff!important}[data-theme=dark] .admin-dropdown-menu{background:#111827!important;border-color:#1f293d!important;box-shadow:0 14px 34px #000000a6!important}[data-theme=dark] .admin-dropdown-header{border-bottom-color:#1f293d!important}[data-theme=dark] .admin-header-badge{color:var(--primary)!important}[data-theme=dark] .admin-header-sub{color:#94a3b8!important}[data-theme=dark] .admin-menu-item{color:#cbd5e1!important}[data-theme=dark] .admin-menu-item:hover{background:var(--primary-light)!important;color:var(--primary)!important}[data-theme=dark] .admin-menu-item.active{background:var(--primary-light)!important;border-left-color:var(--primary)!important}[data-theme=dark] .admin-menu-item.active .admin-menu-title{color:var(--primary)!important}[data-theme=dark] .admin-menu-title{color:#f8fafc!important}[data-theme=dark] .admin-menu-desc{color:#94a3b8!important}[data-theme=dark] .navbar-cart-btn,[data-theme=dark] .user-info-pill,[data-theme=dark] .user-profile-pill{color:#f8fafc!important;background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .user-display-name{color:#f8fafc!important}[data-theme=dark] .user-role-tag{background:var(--primary-light)!important;color:var(--primary)!important;border:1px solid var(--primary-glow)!important;border-radius:6px!important;padding:.1rem .45rem!important}[data-theme=dark] .user-role-tag.role-admin{background:var(--primary-light)!important;color:var(--primary)!important;border:1px solid var(--primary-glow)!important;box-shadow:0 0 10px var(--primary-glow)!important;font-weight:800!important}[data-theme=dark] .user-role-tag.role-customer{color:#94a3b8!important;background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .product-card,[data-theme=dark] .product-store-card,[data-theme=dark] .category-showcase-section,[data-theme=dark] .category-showcase-card,[data-theme=dark] .catalog-controls-card,[data-theme=dark] .product-detail-card,[data-theme=dark] .card,[data-theme=dark] .setting-card,[data-theme=dark] .auth-card,[data-theme=dark] .profile-card,[data-theme=dark] .order-history-card,[data-theme=dark] .order-summary-card,[data-theme=dark] .cart-summary-box,[data-theme=dark] .cart-item-row,[data-theme=dark] .cart-items-wrapper,[data-theme=dark] .cart-table-card,[data-theme=dark] .cart-auth-prompt-card,[data-theme=dark] .empty-cart-card,[data-theme=dark] .checkout-form-card,[data-theme=dark] .checkout-summary-card,[data-theme=dark] .order-detail-header-card,[data-theme=dark] .order-detail-card,[data-theme=dark] .order-card,[data-theme=dark] .pdp-card,[data-theme=dark] .admin-stats-card,[data-theme=dark] .admin-table-wrapper,[data-theme=dark] .admin-table,[data-theme=dark] .banner-admin-card,[data-theme=dark] .empty-products-box,[data-theme=dark] .modal-content{color:#f8fafc!important;background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .category-showcase-section{background:#111827!important;border-color:#1f293d!important;box-shadow:0 10px 30px #00000073!important}[data-theme=dark] .showcase-title{color:#f8fafc!important}[data-theme=dark] .section-sub-badge{background:var(--primary-light)!important;color:var(--primary)!important;border:1px solid var(--primary-glow)!important}[data-theme=dark] .category-showcase-card{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .category-showcase-card:hover{border-color:var(--primary)!important;background:#1f2d47!important;box-shadow:0 10px 24px #0009!important}[data-theme=dark] .category-showcase-card.active-showcase{background:linear-gradient(135deg, var(--primary-light), #162036)!important;border-color:var(--primary)!important;box-shadow:0 6px 20px var(--primary-glow)!important}[data-theme=dark] .cat-card-thumb-box{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .cat-card-name{color:#f8fafc!important}[data-theme=dark] .category-showcase-card.active-showcase .cat-card-name{color:var(--primary)!important}[data-theme=dark] .cat-card-count{color:#94a3b8!important}[data-theme=dark] .product-store-card{background:#111827!important;border-color:#1f293d!important;box-shadow:0 4px 14px #00000059!important}[data-theme=dark] .product-store-card:hover{border-color:var(--primary)!important;background:#151f33!important;box-shadow:0 12px 28px #0009!important}[data-theme=dark] .card-image-box{background:#162036!important;border-bottom-color:#1f293d!important}[data-theme=dark] .store-placeholder-img{color:#475569!important}[data-theme=dark] .store-cat-badge{color:var(--primary)!important;background:#111827e6!important;border-color:#1f293d!important}[data-theme=dark] .store-prod-name{color:#f8fafc!important}[data-theme=dark] .product-store-card:hover .store-prod-name{color:var(--primary)!important}[data-theme=dark] .store-prod-desc{color:#94a3b8!important}[data-theme=dark] .store-price{color:var(--primary)!important}[data-theme=dark] .btn-view-detail{color:#cbd5e1!important;background:#162036!important;border-color:#243452!important}[data-theme=dark] .btn-view-detail:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}[data-theme=dark] .btn-quick-add-cart{background:var(--primary-dark)!important;color:#fff!important;border-color:var(--primary-dark)!important}[data-theme=dark] .btn-quick-add-cart:hover{background:var(--primary)!important;border-color:var(--primary)!important}[data-theme=dark] .card-rating-badge{color:#94a3b8!important}[data-theme=dark] .rating-score{color:#f8fafc!important}[data-theme=dark] .rating-count{color:#64748b!important}[data-theme=dark] .product-card:hover{border-color:var(--primary)!important;box-shadow:0 12px 28px #0000008c!important}[data-theme=dark] .product-title{color:#f8fafc!important}[data-theme=dark] .product-desc{color:#94a3b8!important}[data-theme=dark] .catalog-controls-card{background:#111827!important;border-color:#1f293d!important;box-shadow:0 4px 14px #0006!important}[data-theme=dark] .search-input-field{color:#f8fafc!important;background:#162036!important;border-color:#243452!important}[data-theme=dark] .search-input-field::placeholder{color:#64748b!important}[data-theme=dark] .search-clear-btn{color:#cbd5e1!important;background:#1f293d!important;border-color:#2a3a5e!important}[data-theme=dark] .sort-select{color:#f8fafc!important;background-color:#162036!important;border-color:#243452!important}[data-theme=dark] .sort-label,[data-theme=dark] .filter-section-label{color:#cbd5e1!important}[data-theme=dark] .categories-filter-row,[data-theme=dark] .price-filter-row{border-top-color:#1f293d!important}[data-theme=dark] .category-pill-btn{color:#94a3b8!important;background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .category-pill-btn:hover{color:#f8fafc!important;background:#ffffff14!important;border-color:#243452!important}[data-theme=dark] .category-pill-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}[data-theme=dark] .price-chip-btn{color:#94a3b8!important;background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .price-chip-btn:hover{color:#f8fafc!important;background:#ffffff14!important;border-color:#243452!important}[data-theme=dark] .price-chip-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}[data-theme=dark] .custom-price-inputs{background:#162036!important;border-color:#243452!important}[data-theme=dark] .price-num-input{color:#f8fafc!important;background:#111827!important;border-color:#243452!important}[data-theme=dark] .price-separator{color:#64748b!important}[data-theme=dark] .btn-reset-filters{color:#f87171!important;border-color:#7f1d1d!important}[data-theme=dark] .btn-reset-filters:hover{background:#ef444426!important}[data-theme=dark] .catalog-status-bar{border-color:#1f293d!important}[data-theme=dark] .status-text{color:#94a3b8!important}[data-theme=dark] .status-text strong{color:#f8fafc!important}[data-theme=dark] .empty-products-box{color:#f8fafc!important;background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .empty-products-box h3{color:#f8fafc!important}[data-theme=dark] .empty-products-box p{color:#94a3b8!important}[data-theme=dark] .page-num-btn{color:#94a3b8!important;background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .page-num-btn:hover:not(:disabled){color:#f8fafc!important;background:#ffffff14!important}[data-theme=dark] .page-num-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}[data-theme=dark] .page-nav-btn{color:#94a3b8!important;background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .page-nav-btn:hover:not(:disabled){color:#f8fafc!important;background:#ffffff14!important}[data-theme=dark] .product-detail-card{background:#111827!important;border-color:#1f293d!important;box-shadow:0 8px 24px #00000080!important}[data-theme=dark] .detail-image-wrapper{background:#162036!important;border:1px solid #1f293d!important}[data-theme=dark] .detail-placeholder-image{color:#475569!important}[data-theme=dark] .detail-cat-badge{color:var(--primary)!important;background:#111827e6!important;border-color:#1f293d!important}[data-theme=dark] .detail-header{border-bottom-color:#1f293d!important}[data-theme=dark] .detail-title{color:#f8fafc!important}[data-theme=dark] .detail-price-label{color:#94a3b8!important}[data-theme=dark] .detail-price{color:var(--primary)!important}[data-theme=dark] .detail-description{color:#cbd5e1!important}[data-theme=dark] .detail-actions-section{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .qty-btn{color:#f8fafc!important;background:#1f293d!important;border-color:#2a3a5e!important}[data-theme=dark] .qty-btn:hover:not(:disabled){background:var(--primary)!important;color:#fff!important}[data-theme=dark] .qty-input{color:#f8fafc!important;background:#111827!important;border-color:#2a3a5e!important}[data-theme=dark] .section-title{color:#f8fafc!important}[data-theme=dark] .pdp-specs-table,[data-theme=dark] .pdp-commitments-box{color:#f8fafc!important;background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .pdp-specs-table td{color:#e2e8f0!important;border-color:#1f293d!important}[data-theme=dark] .pdp-spec-label{color:#94a3b8!important}[data-theme=dark] .commitment-item{color:#e2e8f0!important;background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .commitment-title{color:#f8fafc!important}[data-theme=dark] .commitment-desc{color:#94a3b8!important}[data-theme=dark] .product-reviews-section{border-top-color:#1f293d!important}[data-theme=dark] .product-reviews-section .related-title{color:#f8fafc!important}[data-theme=dark] .reviews-section-subtitle{color:#94a3b8!important}[data-theme=dark] .review-summary-container{background:#111827!important;border:1px solid #1f293d!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .review-score-box{border-color:#1f293d!important}[data-theme=dark] .big-rating-number{color:#2dd4bf!important;text-shadow:0 0 16px #2dd4bf40!important}[data-theme=dark] .rating-stars-large{color:#f59e0b!important}[data-theme=dark] .review-total-hint{color:#94a3b8!important}[data-theme=dark] .review-total-hint strong{color:#f8fafc!important}[data-theme=dark] .star-level-label{color:#cbd5e1!important}[data-theme=dark] .breakdown-bar-track{background:#1e293b!important}[data-theme=dark] .breakdown-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)!important}[data-theme=dark] .star-count-label{color:#94a3b8!important}[data-theme=dark] .notice-guest{color:#5eead4!important;background:#14b8a61f!important;border:1px solid #14b8a64d!important}[data-theme=dark] .notice-guest strong{color:#f8fafc!important}[data-theme=dark] .notice-guest p{color:#cbd5e1!important}[data-theme=dark] .notice-reviewed{color:#34d399!important;background:#10b9811f!important;border:1px solid #10b9814d!important}[data-theme=dark] .notice-reviewed strong{color:#f8fafc!important}[data-theme=dark] .notice-reviewed p{color:#cbd5e1!important}[data-theme=dark] .notice-locked{color:#94a3b8!important;background:#162036!important;border:1px solid #1f293d!important}[data-theme=dark] .notice-locked strong{color:#f8fafc!important}[data-theme=dark] .notice-locked p{color:#cbd5e1!important}[data-theme=dark] .review-create-form{background:#111827!important;border:1px solid #1f293d!important;box-shadow:0 6px 25px #00000073!important}[data-theme=dark] .form-heading{color:#f8fafc!important}[data-theme=dark] .form-sub{color:#94a3b8!important}[data-theme=dark] .rating-picker-label{color:#cbd5e1!important}[data-theme=dark] .star-pick-btn{color:#334155!important}[data-theme=dark] .star-pick-btn:hover,[data-theme=dark] .star-pick-btn.star-active{color:#f59e0b!important}[data-theme=dark] .star-rating-hint-text{color:#fbbf24!important}[data-theme=dark] .review-textarea{color:#f8fafc!important;background:#162036!important;border:1.5px solid #243452!important}[data-theme=dark] .review-textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important;color:#f8fafc!important;background:#162036!important}[data-theme=dark] .review-textarea::placeholder,[data-theme=dark] .char-counter{color:#64748b!important}[data-theme=dark] .btn-submit-review{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%)!important;color:#fff!important;box-shadow:0 4px 14px var(--primary-glow)!important;border:none!important}[data-theme=dark] .btn-submit-review:hover{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-hover) 100%)!important;box-shadow:0 6px 18px var(--primary-glow)!important}[data-theme=dark] .review-list-title{color:#f8fafc!important}[data-theme=dark] .loading-reviews{color:#94a3b8!important}[data-theme=dark] .empty-reviews-card{color:#94a3b8!important;background:#111827!important;border:1px solid #1f293d!important}[data-theme=dark] .empty-reviews-card h4{color:#f8fafc!important}[data-theme=dark] .review-item-card{background:#111827!important;border:1px solid #1f293d!important;box-shadow:0 3px 15px #00000059!important}[data-theme=dark] .review-item-card:hover{background:#141e33!important;border-color:#334155!important}[data-theme=dark] .review-item-card.own-review-highlight{border-color:var(--primary)!important;box-shadow:0 0 16px var(--primary-glow)!important;background:linear-gradient(135deg,#111827,#132738)!important}[data-theme=dark] .reviewer-name{color:#f8fafc!important}[data-theme=dark] .verified-badge{color:#34d399!important;background:#10b98126!important;border:1px solid #10b98159!important}[data-theme=dark] .own-badge{background:var(--primary-light)!important;color:var(--primary)!important;border:1px solid var(--primary-glow)!important}[data-theme=dark] .review-card-stars{color:#f59e0b!important}[data-theme=dark] .review-card-date{color:#64748b!important}[data-theme=dark] .edited-hint{color:#94a3b8!important}[data-theme=dark] .review-comment-text{color:#cbd5e1!important}[data-theme=dark] .btn-review-action{color:#cbd5e1!important;background:#162036!important;border-color:#243452!important}[data-theme=dark] .btn-edit-review:hover{background:var(--primary-light)!important;color:var(--primary)!important;border-color:var(--primary)!important}[data-theme=dark] .btn-delete-review:hover{color:#fb7185!important;background:#f43f5e33!important;border-color:#f43f5e!important}[data-theme=dark] .order-completed-review-bar{background:#162036!important;border:1px solid #243452!important}[data-theme=dark] .order-review-bar-hint{color:#fbbf24!important}[data-theme=dark] .btn-order-item-review{color:#fbbf24!important;background:#f59e0b33!important;border-color:#f59e0b66!important}[data-theme=dark] .btn-order-item-review:hover{color:#fff!important;background:#f59e0b!important}[data-theme=dark] .btn-order-item-review-sm{color:#fbbf24!important;background:#f59e0b33!important;border-color:#f59e0b66!important}[data-theme=dark] .profile-hero-card,[data-theme=dark] .profile-content-card{color:#f8fafc!important;background:#111827!important;border:1px solid #1f293d!important;box-shadow:0 12px 35px #00000080!important}[data-theme=dark] .profile-display-name{color:#f8fafc!important}[data-theme=dark] .profile-email-meta{color:#94a3b8!important}[data-theme=dark] .profile-tabs-nav{border-top-color:#1f293d!important}[data-theme=dark] .profile-tab-btn{color:#94a3b8!important}[data-theme=dark] .profile-tab-btn:hover{color:var(--primary)!important;background:var(--primary-light)!important}[data-theme=dark] .profile-tab-btn.active{color:var(--primary)!important;border-bottom-color:var(--primary)!important;background:linear-gradient(to top, var(--primary-light), transparent)!important}[data-theme=dark] .card-header-group{border-bottom-color:#1f293d!important}[data-theme=dark] .card-section-title{color:#f8fafc!important}[data-theme=dark] .card-section-subtitle{color:#94a3b8!important}[data-theme=dark] .form-label-custom{color:#cbd5e1!important}[data-theme=dark] .form-input-custom,[data-theme=dark] .form-textarea-custom{color:#f8fafc!important;background:#162036!important;border:1.5px solid #243452!important}[data-theme=dark] .form-input-custom:focus,[data-theme=dark] .form-textarea-custom:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important;color:#f8fafc!important;background:#162036!important}[data-theme=dark] .form-input-custom::placeholder,[data-theme=dark] .form-textarea-custom::placeholder{color:#64748b!important}[data-theme=dark] .form-input-readonly{color:#94a3b8!important;background:#0f172a!important;border-color:#1e293b!important}[data-theme=dark] .readonly-lock-tag{color:#94a3b8!important;background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .role-readonly-box{color:var(--primary)!important;background:#0f172a!important;border:1.5px solid #1e293b!important}[data-theme=dark] .password-toggle-btn{color:#94a3b8!important}[data-theme=dark] .password-toggle-btn:hover{color:var(--primary)!important}[data-theme=dark] .field-hint-msg{color:#94a3b8!important}[data-theme=dark] .badge-admin{background:var(--primary-light)!important;color:var(--primary)!important;border-color:var(--primary-glow)!important}[data-theme=dark] .badge-customer{color:#cbd5e1!important;background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .avatar-preview-tag{background:var(--primary-light)!important;color:var(--primary)!important}[data-theme=dark] .btn-save-avatar,[data-theme=dark] .btn-primary-sweet{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%)!important;color:#fff!important;box-shadow:0 4px 14px var(--primary-glow)!important;border:none!important}[data-theme=dark] .btn-save-avatar:hover:not(:disabled),[data-theme=dark] .btn-primary-sweet:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-hover) 100%)!important;box-shadow:0 6px 20px var(--primary-glow)!important}[data-theme=dark] .btn-cancel-avatar{color:#cbd5e1!important;background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .cart-main-title,[data-theme=dark] .checkout-main-title,[data-theme=dark] .order-history-title{color:#f8fafc!important}[data-theme=dark] .cart-header-sub,[data-theme=dark] .checkout-sub{color:#94a3b8!important}[data-theme=dark] .empty-cart-title{color:#f8fafc!important}[data-theme=dark] .empty-cart-desc{color:#94a3b8!important}[data-theme=dark] .cart-item-name,[data-theme=dark] .checkout-item-name{color:#f8fafc!important}[data-theme=dark] .cart-item-price,[data-theme=dark] .checkout-item-price{color:#2dd4bf!important}[data-theme=dark] .summary-label{color:#94a3b8!important}[data-theme=dark] .summary-value{color:#f8fafc!important}[data-theme=dark] .cart-total-price,[data-theme=dark] .checkout-total-price,[data-theme=dark] .order-total-value{color:#2dd4bf!important}[data-theme=dark] .order-id{color:#f8fafc!important}[data-theme=dark] .order-date{color:#94a3b8!important}[data-theme=dark] .order-item-title{color:#f8fafc!important}[data-theme=dark] .order-item-desc{color:#94a3b8!important}[data-theme=dark] .freeship-banner{color:#86efac!important;background:linear-gradient(135deg,#16a34a2e,#16a34a0f)!important;border-color:#22c55e59!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,[data-theme=dark] .form-textarea-custom,[data-theme=dark] .category-select,[data-theme=dark] .filter-input,[data-theme=dark] textarea{color:#f8fafc!important;background:#162036!important;border:1.5px solid #243452!important}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus,[data-theme=dark] .form-textarea-custom:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important;color:#f8fafc!important;background:#162036!important}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder,[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:#64748b!important}[data-theme=dark] .form-group label{color:#cbd5e1!important}[data-theme=dark] .input-currency-tag{color:var(--primary)!important;background:#1f293d!important;border-color:#2a3a5e!important}[data-theme=dark] .checkout-card,[data-theme=dark] .checkout-form-card,[data-theme=dark] .checkout-summary-card{color:#f8fafc!important;background:#111827!important;border-color:#1f293d!important;box-shadow:0 4px 16px #0006!important}[data-theme=dark] .checkout-section-title{color:#f8fafc!important;border-bottom-color:#1f293d!important}[data-theme=dark] .checkout-card .form-group label,[data-theme=dark] .checkout-card label,[data-theme=dark] .checkout-form-card .form-group label,[data-theme=dark] .checkout-form-card label{color:#cbd5e1!important}[data-theme=dark] .checkout-card .form-input,[data-theme=dark] .checkout-card .form-textarea,[data-theme=dark] .checkout-card input,[data-theme=dark] .checkout-card textarea,[data-theme=dark] .checkout-form-card .form-input,[data-theme=dark] .checkout-form-card .form-textarea,[data-theme=dark] .checkout-form-card input,[data-theme=dark] .checkout-form-card textarea{color:#f8fafc!important;background:#162036!important;border:1.5px solid #243452!important}[data-theme=dark] .checkout-card .form-input:focus,[data-theme=dark] .checkout-card .form-textarea:focus,[data-theme=dark] .checkout-card input:focus,[data-theme=dark] .checkout-card textarea:focus,[data-theme=dark] .checkout-form-card .form-input:focus,[data-theme=dark] .checkout-form-card .form-textarea:focus,[data-theme=dark] .checkout-form-card input:focus,[data-theme=dark] .checkout-form-card textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important;color:#f8fafc!important;background:#162036!important}[data-theme=dark] .checkout-card input::placeholder,[data-theme=dark] .checkout-card textarea::placeholder,[data-theme=dark] .checkout-form-card input::placeholder,[data-theme=dark] .checkout-form-card textarea::placeholder{color:#64748b!important}[data-theme=dark] .breadcrumb-current{color:#f8fafc!important}[data-theme=dark] .payment-option-card{background:#162036!important;border-color:#243452!important}[data-theme=dark] .payment-option-card.active{background:var(--primary-light)!important;border-color:var(--primary)!important;box-shadow:0 0 16px var(--primary-glow)!important}[data-theme=dark] .payment-details strong{color:#f8fafc!important}[data-theme=dark] .payment-details p{color:#cbd5e1!important}[data-theme=dark] .payment-title{color:#f8fafc!important}[data-theme=dark] .payment-desc{color:#94a3b8!important}[data-theme=dark] .summary-total-line{border-top-color:#1f293d!important}[data-theme=dark] .total-label{color:#f8fafc!important}[data-theme=dark] .total-amount-val{color:var(--primary)!important;text-shadow:0 0 12px var(--primary-glow)!important}[data-theme=dark] .total-vat-hint{color:#94a3b8!important}[data-theme=dark] .btn-place-order{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%)!important;color:#fff!important;box-shadow:0 6px 20px var(--primary-glow)!important;border:none!important}[data-theme=dark] .btn-place-order:hover{transform:translateY(-2px);background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-hover) 100%)!important;box-shadow:0 8px 25px var(--primary-glow)!important}[data-theme=dark] .checkout-voucher-section{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .admin-tabs-nav{background:#111827!important;border:1px solid #1f293d!important;box-shadow:0 4px 12px #0006!important}[data-theme=dark] .admin-tab-item{color:#94a3b8!important}[data-theme=dark] .admin-tab-item:hover{color:#f8fafc!important;background:#1e293b!important}[data-theme=dark] .admin-tab-item.active{color:#fff!important;background:#0f766e!important}[data-theme=dark] .admin-toolbar-group{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .admin-toolbar-link{color:#94a3b8!important}[data-theme=dark] .admin-toolbar-link:hover{color:#f8fafc!important;background:#1e293b!important}[data-theme=dark] .admin-toolbar-link.active{color:#fff!important;background:#0f766e!important}[data-theme=dark] .subtab-btn{color:#94a3b8!important;background:#162036!important}[data-theme=dark] .subtab-btn.active{color:#fff!important;background:#0f766e!important}[data-theme=dark] .admin-header{border-bottom-color:#1f293d!important}[data-theme=dark] .admin-title{color:#f8fafc!important}[data-theme=dark] .admin-subtitle{color:#2dd4bf!important;font-weight:700!important}[data-theme=dark] .admin-stat-card-premium{background:#111827!important;border:1px solid #1f293d!important;box-shadow:0 4px 20px -2px #00000080!important}[data-theme=dark] .admin-stat-card-premium:hover{border-color:#334155!important;box-shadow:0 16px 32px -8px #000000b3!important}[data-theme=dark] .stat-title-label{color:#94a3b8!important}[data-theme=dark] .stat-numeric-value{color:#f8fafc!important}[data-theme=dark] .stat-helper-desc{color:#64748b!important}[data-theme=dark] .stat-mini-progress{background:#1e293b!important}[data-theme=dark] .admin-stat-card-premium.active-filter.theme-blue{color:#60a5fa!important;background:linear-gradient(#111827 0%,#172554 100%)!important;border-color:#3b82f6!important;box-shadow:0 0 16px #3b82f64d!important}[data-theme=dark] .admin-stat-card-premium.active-filter.theme-emerald{color:#34d399!important;background:linear-gradient(#111827 0%,#064e3b 100%)!important;border-color:#10b981!important;box-shadow:0 0 16px #10b9814d!important}[data-theme=dark] .admin-stat-card-premium.active-filter.theme-amber{color:#fbbf24!important;background:linear-gradient(#111827 0%,#451a03 100%)!important;border-color:#f59e0b!important;box-shadow:0 0 16px #f59e0b4d!important}[data-theme=dark] .admin-stat-card-premium.active-filter.theme-rose{color:#fb7185!important;background:linear-gradient(#111827 0%,#4c0519 100%)!important;border-color:#f43f5e!important;box-shadow:0 0 16px #f43f5e4d!important}[data-theme=dark] .icon-bg-blue{background:#3b82f626!important;border-color:#3b82f659!important}[data-theme=dark] .icon-bg-purple{background:#a855f726!important;border-color:#a855f759!important}[data-theme=dark] .icon-bg-emerald{background:#10b98126!important;border-color:#10b98159!important}[data-theme=dark] .icon-bg-amber{background:#f59e0b26!important;border-color:#f59e0b59!important}[data-theme=dark] .icon-bg-rose{background:#f43f5e26!important;border-color:#f43f5e59!important}[data-theme=dark] .pill-blue{color:#60a5fa!important;background:#3b82f633!important;border-color:#3b82f666!important}[data-theme=dark] .pill-purple{color:#c084fc!important;background:#a855f733!important;border-color:#a855f766!important}[data-theme=dark] .pill-emerald{color:#34d399!important;background:#10b98133!important;border-color:#10b98166!important}[data-theme=dark] .pill-amber{color:#fbbf24!important;background:#f59e0b33!important;border-color:#f59e0b66!important}[data-theme=dark] .pill-rose{color:#fb7185!important;background:#f43f5e33!important;border-color:#f43f5e66!important}[data-theme=dark] .text-emerald{color:#34d399!important}[data-theme=dark] .text-amber{color:#fbbf24!important}[data-theme=dark] .text-purple{color:#c084fc!important}[data-theme=dark] .text-rose{color:#fb7185!important}[data-theme=dark] .stat-card{background:#111827!important;border-color:#1f293d!important;box-shadow:0 4px 16px #0006!important}[data-theme=dark] .stat-card:hover{background:#162036!important;border-color:#14b8a6!important;box-shadow:0 8px 25px #0009!important}[data-theme=dark] .stat-card.active-filter-card{background:#16253b!important;border-color:#14b8a6!important;box-shadow:0 0 0 2px #14b8a6,0 8px 25px #14b8a64d!important}[data-theme=dark] .stat-label{color:#94a3b8!important}[data-theme=dark] .stat-value{color:#f8fafc!important}[data-theme=dark] .stat-revenue-value{color:#34d399!important}[data-theme=dark] .stat-unit{color:#94a3b8!important}[data-theme=dark] .bg-blue-glow{color:#60a5fa!important;background:#3b82f626!important;border:1px solid #3b82f659!important}[data-theme=dark] .bg-emerald-glow{color:#34d399!important;background:#10b98126!important;border:1px solid #10b98159!important}[data-theme=dark] .bg-amber-glow{color:#fbbf24!important;background:#f59e0b26!important;border:1px solid #f59e0b59!important}[data-theme=dark] .bg-purple-glow{color:#c084fc!important;background:#a855f726!important;border:1px solid #a855f759!important}[data-theme=dark] .bg-rose-glow{color:#fb7185!important;background:#f43f5e26!important;border:1px solid #f43f5e59!important}[data-theme=dark] .admin-stats-bar{color:#94a3b8!important;background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .admin-stats-bar strong{color:#f8fafc!important}[data-theme=dark] .admin-toolbar,[data-theme=dark] .admin-order-toolbar,[data-theme=dark] .admin-voucher-toolbar{color:#f8fafc!important;background:#111827!important;border:1px solid #1f293d!important;box-shadow:0 4px 14px #0006!important}[data-theme=dark] .search-box{background:0 0!important}[data-theme=dark] .search-input,[data-theme=dark] .admin-toolbar input,[data-theme=dark] .admin-toolbar select,[data-theme=dark] .admin-order-filters select,[data-theme=dark] .date-filter-group input,[data-theme=dark] .filter-group select,[data-theme=dark] .category-select,[data-theme=dark] .filter-select,[data-theme=dark] .admin-voucher-search-input{color:#f8fafc!important;background:#162036!important;border:1.5px solid #243452!important}[data-theme=dark] .search-input::placeholder,[data-theme=dark] .admin-toolbar input::placeholder{color:#64748b!important}[data-theme=dark] .search-input:focus,[data-theme=dark] .admin-toolbar input:focus,[data-theme=dark] .admin-toolbar select:focus{color:#f8fafc!important;background:#162036!important;border-color:#14b8a6!important;box-shadow:0 0 0 3px #14b8a633!important}[data-theme=dark] .admin-toolbar label,[data-theme=dark] .filter-group label{color:#cbd5e1!important}[data-theme=dark] .banner-admin-card{background:#111827!important;border:1px solid #1f293d!important;box-shadow:0 4px 16px #00000073!important}[data-theme=dark] .banner-card-body{background:#111827!important}[data-theme=dark] .banner-card-title{color:#f8fafc!important}[data-theme=dark] .banner-info-rows{color:#cbd5e1!important}[data-theme=dark] .banner-info-row .row-label,[data-theme=dark] .row-label{color:#94a3b8!important}[data-theme=dark] .banner-info-row .row-val,[data-theme=dark] .row-val{color:#f8fafc!important}[data-theme=dark] .banner-info-row .link-val,[data-theme=dark] .link-val{color:#60a5fa!important}[data-theme=dark] .banner-card-actions{background:#111827!important;border-top-color:#1f293d!important}[data-theme=dark] .btn-toggle-on{color:#cbd5e1!important;background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .btn-toggle-on:hover{color:#f8fafc!important;background:#334155!important}[data-theme=dark] .btn-toggle-off{color:#34d399!important;background:#10b98126!important;border:1px solid #10b9814d!important}[data-theme=dark] .btn-edit{color:#60a5fa!important;background:#2563eb26!important;border:1px solid #2563eb4d!important}[data-theme=dark] .btn-delete{color:#f87171!important;background:#dc262626!important;border:1px solid #dc26264d!important}[data-theme=dark] .upload-dropzone{color:#cbd5e1!important;background:#162036!important;border-color:#334155!important}[data-theme=dark] .upload-dropzone h4{color:#f8fafc!important}[data-theme=dark] .upload-dropzone p{color:#94a3b8!important}[data-theme=dark] .banner-preview-box{background:#162036!important;border:1px solid #334155!important}[data-theme=dark] .admin-table-wrapper,[data-theme=dark] .table-responsive{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .admin-table,[data-theme=dark] .admin-orders-table,[data-theme=dark] .category-manage-table,[data-theme=dark] .admin-voucher-table{color:#e2e8f0!important;background:#111827!important}[data-theme=dark] .admin-table th,[data-theme=dark] .admin-orders-table th,[data-theme=dark] .category-manage-table th,[data-theme=dark] .admin-voucher-table th{color:#cbd5e1!important;background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .admin-table td,[data-theme=dark] .admin-orders-table td,[data-theme=dark] .category-manage-table td,[data-theme=dark] .admin-voucher-table td{color:#e2e8f0!important;background:0 0!important;border-color:#1f293d!important}[data-theme=dark] .admin-table tbody tr,[data-theme=dark] .admin-orders-table tbody tr,[data-theme=dark] .category-manage-table tbody tr,[data-theme=dark] .admin-voucher-table tbody tr{background-color:#0000!important;border-bottom-color:#1f293d!important}[data-theme=dark] .admin-table tbody tr:hover,[data-theme=dark] .admin-table tr:hover,[data-theme=dark] .admin-table tr:hover td,[data-theme=dark] .admin-table tbody tr:hover td,[data-theme=dark] .admin-orders-table tbody tr:hover,[data-theme=dark] .admin-orders-table tr:hover td,[data-theme=dark] .category-manage-table tbody tr:hover,[data-theme=dark] .category-manage-table tr:hover td,[data-theme=dark] .admin-voucher-table tbody tr:hover,[data-theme=dark] .admin-voucher-table tr:hover td{color:#f8fafc!important;background:#1e293b!important}[data-theme=dark] .admin-table tbody tr:hover td strong,[data-theme=dark] .admin-table tbody tr:hover td span,[data-theme=dark] .admin-table tbody tr:hover td div,[data-theme=dark] .admin-table tbody tr:hover td a{color:#f8fafc!important}[data-theme=dark] .prod-thumbnail-wrapper{background:#162036!important;border:1px solid #1f293d!important}[data-theme=dark] .table-loading,[data-theme=dark] .table-empty{color:#94a3b8!important;background:#111827!important}[data-theme=dark] .table-empty h3{color:#f8fafc!important}[data-theme=dark] .modal-container{color:#f8fafc!important;background:#111827!important;border:1px solid #1f293d!important;box-shadow:0 25px 50px -12px #000000bf!important}[data-theme=dark] .modal-header{border-bottom-color:#1f293d!important}[data-theme=dark] .modal-title{color:#f8fafc!important}[data-theme=dark] .modal-close-btn{color:#94a3b8!important}[data-theme=dark] .modal-close-btn:hover{color:#f43f5e!important}[data-theme=dark] .modal-footer{background:#0f172a!important;border-top-color:#1f293d!important}[data-theme=dark] .vip-spender-card{background:#162036!important;border:1px solid #1f293d!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] .vip-spender-card:hover{background:#1e293b!important;border-color:#14b8a6!important;box-shadow:0 4px 16px #00000073!important}[data-theme=dark] .vip-name{color:#f8fafc!important}[data-theme=dark] .vip-email{color:#94a3b8!important}[data-theme=dark] .vip-orders-count{color:#34d399!important}[data-theme=dark] .vip-spending-label{color:#94a3b8!important}[data-theme=dark] .vip-spending-amount{color:#2dd4bf!important}[data-theme=dark] .setting-card-header{border-bottom-color:#1f293d!important}[data-theme=dark] .setting-demo-box,[data-theme=dark] .info-badge-item,[data-theme=dark] .demo-item,[data-theme=dark] .category-filter-pill-group{color:#e2e8f0!important;background:#162036!important;border-color:#1f293d!important}.theme-toggle-btn{border:1px solid var(--border);background:var(--bg-surface);width:38px;height:38px;color:var(--text-dark);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.theme-icon-sun{color:#f59e0b;transition:transform .4s}.theme-icon-moon{color:#6366f1;transition:transform .4s}.theme-toggle-btn:hover .theme-icon-sun{transform:rotate(45deg)}.theme-toggle-btn:hover .theme-icon-moon{transform:rotate(-15deg)}.floating-contact-widget{z-index:9999;position:fixed;bottom:24px;left:24px}.floating-hotline-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;box-shadow:0 8px 22px #0f766e73}.floating-hotline-btn:hover{color:#fff;transform:scale(1.08)translateY(-2px);box-shadow:0 12px 28px #0f766e99}.ripple-ring{pointer-events:none;border:2px solid #0f766eb3;border-radius:50%;animation:2.2s cubic-bezier(.25,1,.5,1) infinite hotlineRipple;position:absolute;inset:-4px}.ripple-ring.ring-2{animation-delay:.9s}@keyframes hotlineRipple{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.75)}}.hotline-btn-inner{justify-content:center;align-items:center;animation:3.5s ease-in-out infinite phoneGentleSway;display:flex}@keyframes phoneGentleSway{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-15deg)}90%{transform:rotate(15deg)}95%{transform:rotate(-8deg)}}.floating-contact-popup{background:var(--bg-surface);border:1px solid var(--border);width:290px;color:var(--text-dark);border-radius:16px;padding:1.15rem;animation:.25s cubic-bezier(.16,1,.3,1) popupSlideFade;position:absolute;bottom:calc(100% + 14px);left:0;box-shadow:0 16px 36px #00000026}@keyframes popupSlideFade{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.contact-popup-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:.75rem;display:flex;position:relative}.popup-badge-dot{background:#10b981;border-radius:50%;width:9px;height:9px;animation:2s infinite pulseDot;box-shadow:0 0 0 3px #10b98140}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}.popup-title-group{flex-direction:column;display:flex}.popup-title{color:var(--text-dark);font-size:.95rem;font-weight:800}.popup-sub{color:var(--text-light);font-size:.72rem}.popup-close-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px 6px;font-size:.85rem;transition:all .2s}.popup-close-btn:hover{color:var(--text-dark);background:#0000000d}.contact-popup-body{flex-direction:column;gap:.75rem;padding-top:.85rem;display:flex}.popup-phone-display{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:.6rem .85rem;display:flex}.phone-icon-tag{font-size:1.1rem}.phone-number-bold{color:var(--primary);letter-spacing:.02em;font-size:1.1rem;font-weight:800}.popup-hours-info{color:var(--text-light);align-items:center;gap:6px;font-size:.76rem;display:flex}.popup-action-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:.25rem;display:grid}.btn-popup-call{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:.55rem .75rem;font-size:.84rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-popup-call:hover{background:var(--primary-hover);color:#fff;transform:translateY(-1px)}.btn-popup-zalo{color:#fff;background:#0068ff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:.55rem .75rem;font-size:.84rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-popup-zalo:hover{color:#fff;background:#0054d1;transform:translateY(-1px)}.zalo-icon-text{color:#0068ff;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.95rem;font-weight:900;line-height:1;display:flex}.seasonal-effects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.25rem 0;display:grid}.seasonal-effect-card{background:var(--bg-surface);border:2px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;padding:1.25rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.seasonal-effect-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.seasonal-effect-card.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow)}.effect-card-top{align-items:center;gap:12px;margin-bottom:.75rem;display:flex}.effect-card-icon{background:var(--bg);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.effect-card-meta{flex:1}.effect-card-title{color:var(--text-dark);margin-bottom:2px;font-size:1rem;font-weight:800}.effect-card-status{color:var(--primary);font-size:.72rem;font-weight:700}.effect-card-desc{color:var(--text-light);flex:1;margin-bottom:1rem;font-size:.82rem;line-height:1.5}.effect-card-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:.75rem;display:flex}.btn-effect-preview{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-dark);cursor:pointer;border-radius:6px;padding:.35rem .75rem;font-size:.78rem;font-weight:700;transition:all .2s}.btn-effect-preview:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.effect-active-badge{color:#fff;background:var(--primary);border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800}.voucher-select-modal{border-radius:18px!important;max-width:540px!important;overflow:hidden!important}.voucher-modal-header{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-bottom:1px solid #14b8a633;padding:1.25rem 1.5rem}.voucher-modal-title{color:#0f766e;margin:0;font-size:1.15rem;font-weight:800}.voucher-modal-body{max-height:60vh;padding:1.25rem;overflow-y:auto}.voucher-empty-notice{text-align:center;color:var(--text-light);padding:2.5rem 1rem;font-size:.95rem}.voucher-list-wrap{flex-direction:column;gap:.85rem;display:flex}.voucher-card-item{border:1.5px solid var(--border);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;transition:all .2s;display:flex}.voucher-card-item.voucher-eligible{border-color:#14b8a666;box-shadow:0 2px 8px #0f766e0d}.voucher-card-item.voucher-ineligible{opacity:.7;background:#f8fafc;border-style:dashed}.voucher-card-info{flex:1}.voucher-code-header{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.25rem;display:flex}.voucher-code-pill{letter-spacing:.5px;border-radius:6px;padding:.2rem .55rem;font-family:monospace;font-size:.92rem;font-weight:800}.voucher-code-pill.pill-eligible{color:#0f766e;background:#ccfbf1;border:1px solid #14b8a64d}.voucher-code-pill.pill-ineligible{color:#64748b;background:#e2e8f0}.voucher-discount-text{color:var(--text-dark);font-size:.92rem;font-weight:700}.voucher-name-text{color:var(--text-light);margin-bottom:.2rem;font-size:.82rem}.voucher-min-spend-text{font-size:.76rem}.voucher-min-spend-text.min-met{color:#16a34a;font-weight:600}.voucher-min-spend-text.min-unmet{color:#d97706}.voucher-apply-btn{white-space:nowrap;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;font-weight:700}.voucher-modal-footer{border-top:1px solid var(--border);padding:.85rem 1.25rem}.voucher-close-btn{border-radius:8px;width:100%}.settings-subtabs{border-bottom:2px solid var(--border);gap:.75rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.subtab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:.65rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.subtab-btn:hover{color:#0f172a;background:#e2e8f0}.subtab-btn.active{color:#fff;background:#0f766e;box-shadow:0 4px 12px #0f766e33}[data-theme=dark] .order-card-row{background:#111827!important;border-color:#1f293d!important;box-shadow:0 4px 18px #00000073!important}[data-theme=dark] .order-card-row:hover{border-color:#14b8a6!important;box-shadow:0 8px 24px #14b8a626!important}[data-theme=dark] .order-card-code{color:#2dd4bf!important;background:#14b8a61f!important;border:1px solid #14b8a64d!important}[data-theme=dark] .order-card-date{color:#94a3b8!important}[data-theme=dark] .order-thumb-wrapper{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .order-thumb-more{color:#cbd5e1!important;background:#1f293d!important}[data-theme=dark] .order-first-item-name,[data-theme=dark] .order-first-item-name strong{color:#f8fafc!important}[data-theme=dark] .order-items-count-tag{color:#5eead4!important;background:#162036!important;border:1px solid #1f293d!important}[data-theme=dark] .order-receiver-meta{color:#94a3b8!important}[data-theme=dark] .order-addr-meta{color:#64748b!important}[data-theme=dark] .order-total-price{color:#2dd4bf!important}[data-theme=dark] .order-section-card{background:#111827!important;border-color:#1f293d!important;box-shadow:0 6px 20px #00000073!important}[data-theme=dark] .section-sub-title{color:#f8fafc!important;border-bottom-color:#1f293d!important}[data-theme=dark] .info-label{color:#94a3b8!important}[data-theme=dark] .info-value{color:#f8fafc!important}[data-theme=dark] .payment-tag{color:#34d399!important;background:#10b98126!important;border:1px solid #10b9814d!important}[data-theme=dark] .status-timeline:before{background:#1f293d!important}[data-theme=dark] .timeline-dot{color:#94a3b8!important;background:#162036!important;border:2px solid #1f293d!important}[data-theme=dark] .timeline-step.active .timeline-dot{color:#fff!important;background:#14b8a6!important;border-color:#2dd4bf!important;box-shadow:0 0 0 4px #14b8a640!important}[data-theme=dark] .timeline-content strong{color:#f8fafc!important}[data-theme=dark] .timeline-content p{color:#94a3b8!important}[data-theme=dark] .ordered-item-row{border-bottom-color:#1f293d!important}[data-theme=dark] .ordered-thumb-box{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .ordered-item-name{color:#f8fafc!important}[data-theme=dark] .ordered-unit-price{color:#94a3b8!important}[data-theme=dark] .ordered-unit-price strong{color:#2dd4bf!important}[data-theme=dark] .ordered-qty-tag{color:#cbd5e1!important;background:#162036!important;border:1px solid #1f293d!important}[data-theme=dark] .ordered-item-subtotal{color:#2dd4bf!important}[data-theme=dark] .order-cost-breakdown{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .cost-row{color:#cbd5e1!important}[data-theme=dark] .cost-divider{border-top-color:#1f293d!important}[data-theme=dark] .grand-total-row .grand-label{color:#f8fafc!important}[data-theme=dark] .grand-price{color:#2dd4bf!important}[data-theme=dark] .order-detail-header-card{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .order-code-badge-lg{color:#5eead4!important;background:#14b8a626!important;border-color:#14b8a659!important}[data-theme=dark] .order-date-text{color:#94a3b8!important}[data-theme=dark] .order-date-text strong{color:#cbd5e1!important}[data-theme=dark] .detail-error-card{color:#f8fafc!important;background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .order-success-card{background:#111827!important;border-color:#1f293d!important;box-shadow:0 20px 50px #0009!important}[data-theme=dark] .success-tag{color:#34d399!important;background:#10b9812e!important;border:1px solid #10b98159!important}[data-theme=dark] .success-title{color:#f8fafc!important}[data-theme=dark] .success-subtitle{color:#94a3b8!important}[data-theme=dark] .order-meta-receipt{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .receipt-label{color:#94a3b8!important}[data-theme=dark] .receipt-val{color:#f8fafc!important}[data-theme=dark] .receipt-total{color:#2dd4bf!important}[data-theme=dark] .success-delivery-hint{color:#5eead4!important;background:#14b8a61f!important;border-color:#14b8a640!important}[data-theme=dark] .modal-admin-order{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .admin-info-card{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .info-card-heading{color:#f8fafc!important;border-bottom-color:#1f293d!important}[data-theme=dark] .admin-items-table th{color:#94a3b8!important;background:#162036!important;border-bottom-color:#1f293d!important}[data-theme=dark] .admin-items-table td{color:#cbd5e1!important;border-bottom-color:#1f293d!important}[data-theme=dark] .item-cell-thumb{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .item-product-name{color:#f8fafc!important}[data-theme=dark] .category-tag-sm{color:#94a3b8!important;background:#1f293d!important}[data-theme=dark] .item-qty-badge{color:#2dd4bf!important;background:#14b8a626!important;border:1px solid #14b8a64d!important}[data-theme=dark] .admin-order-summary-box{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .admin-order-summary-box .summary-line{color:#cbd5e1!important}[data-theme=dark] .summary-line-total{color:#f8fafc!important;border-top-color:#1f293d!important}[data-theme=dark] .total-grand-price{color:#2dd4bf!important}[data-theme=dark] .admin-order-status-management{background:linear-gradient(135deg,#162036 0%,#111827 100%)!important;border-color:#1f293d!important}[data-theme=dark] .status-select-label{color:#5eead4!important}[data-theme=dark] .status-select-dropdown{color:#f8fafc!important;background:#111827!important;border-color:#14b8a6!important}[data-theme=dark] .status-terminal-notice.notice-completed{color:#34d399!important;background:#10b98126!important;border-color:#10b9814d!important}[data-theme=dark] .status-terminal-notice.notice-cancelled{color:#f87171!important;background:#ef444426!important;border-color:#ef44444d!important}[data-theme=dark] .confirm-modal-box{color:#f8fafc!important;background:#111827!important;border-color:#1f293d!important;box-shadow:0 24px 48px #000000bf!important}[data-theme=dark] .confirm-title{color:#f8fafc!important}[data-theme=dark] .confirm-status-flow{background:#162036!important;border:1px solid #1f293d!important;border-radius:10px!important;padding:.75rem!important}[data-theme=dark] .modal-review-box{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .review-modal-product-summary{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .review-modal-thumb{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .review-modal-prod-name{color:#f8fafc!important}[data-theme=dark] .review-modal-prod-price{color:#94a3b8!important}[data-theme=dark] .order-item-category-pill{color:#5eead4!important;background:#14b8a626!important;border:1px solid #14b8a64d!important}[data-theme=dark] .existing-review-view-card{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .existing-review-comment-box{color:#f8fafc!important;background:#111827!important;border:1px solid #1f293d!important}[data-theme=dark] .modal-footer-link{background:#162036!important;border-top-color:#1f293d!important}[data-theme=dark] .voucher-select-modal{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .voucher-modal-header{background:linear-gradient(135deg, var(--footer-bg,#042f2e) 0%, var(--primary-dark,#115e59) 100%)!important;border-bottom-color:var(--primary-glow)!important}[data-theme=dark] .voucher-modal-title{color:#fff!important}[data-theme=dark] .voucher-card-item{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .voucher-card-item.voucher-eligible{border-color:#14b8a6!important;box-shadow:0 4px 14px #14b8a626!important}[data-theme=dark] .voucher-card-item.voucher-ineligible{opacity:.6!important;background:#0f172a!important;border-color:#1e293b!important}[data-theme=dark] .voucher-code-pill.pill-eligible{color:#5eead4!important;background:#14b8a633!important;border-color:#5eead459!important}[data-theme=dark] .voucher-code-pill.pill-ineligible{color:#64748b!important;background:#1e293b!important}[data-theme=dark] .voucher-discount-text{color:#f8fafc!important}[data-theme=dark] .voucher-name-text{color:#94a3b8!important}[data-theme=dark] .voucher-modal-footer{border-top-color:#1f293d!important}[data-theme=dark] .image-upload-wrapper{background:#162036!important;border-color:#14b8a6!important}[data-theme=dark] .upload-divider{color:#94a3b8!important}[data-theme=dark] .image-url-input{color:#f8fafc!important;background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .image-preview-card{border-color:#1f293d!important}[data-theme=dark] .settings-subtabs{border-bottom-color:#1f293d!important}[data-theme=dark] .subtab-btn{color:#94a3b8!important;background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .subtab-btn:hover{color:#f8fafc!important;background:#1f2d47!important;border-color:#14b8a6!important}[data-theme=dark] .subtab-btn.active{color:#fff!important;background:#14b8a6!important;border-color:#14b8a6!important;box-shadow:0 2px 10px #14b8a64d!important}[data-theme=dark] .setting-card-title{color:#f8fafc!important}[data-theme=dark] .setting-card-desc{color:#94a3b8!important}[data-theme=dark] .form-hint{color:#64748b!important}[data-theme=dark] .customer-profile-card{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .profile-name{color:#f8fafc!important}[data-theme=dark] .profile-meta-grid{color:#cbd5e1!important}[data-theme=dark] .profile-meta-grid strong{color:#f8fafc!important}[data-theme=dark] .spending-metric-box{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .spending-metric-box.metric-accent{background:linear-gradient(135deg,#14b8a626 0%,#162036 100%)!important;border-color:#14b8a6!important}[data-theme=dark] .spending-metric-title{color:#94a3b8!important}[data-theme=dark] .spending-metric-value{color:#2dd4bf!important}[data-theme=dark] .form-control,[data-theme=dark] .modal-container input:not([type=checkbox]):not([type=radio]):not([type=file]),[data-theme=dark] .modal-container select,[data-theme=dark] .modal-container textarea{color:#f8fafc!important;background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .form-control:focus,[data-theme=dark] .modal-container input:focus,[data-theme=dark] .modal-container select:focus,[data-theme=dark] .modal-container textarea:focus{border-color:#14b8a6!important;outline:none!important;box-shadow:0 0 0 3px #14b8a640!important}[data-theme=dark] .form-control::placeholder,[data-theme=dark] .modal-container input::placeholder,[data-theme=dark] .modal-container textarea::placeholder{color:#64748b!important}[data-theme=dark] .input-label,[data-theme=dark] .modal-form label{color:#e2e8f0!important}[data-theme=dark] .auth-page{background:radial-gradient(circle at 20% 20%,#115e5940 0%,#0000 50%),radial-gradient(circle at 80% 80%,#1e1b4b59 0%,#0000 50%),#090d16!important}[data-theme=dark] .auth-header h1{color:#f8fafc!important}[data-theme=dark] .auth-header p,[data-theme=dark] .auth-footer{color:#94a3b8!important}[data-theme=dark] .reset-success-box,[data-theme=dark] .reset-invalid-box{text-align:center!important;background:#162036!important;border:1px solid #1f293d!important;border-radius:12px!important;padding:1.5rem!important}[data-theme=dark] .reset-success-desc,[data-theme=dark] .reset-invalid-desc{color:#cbd5e1!important}[data-theme=dark] .reset-instruction-tips{color:#94a3b8!important;text-align:left!important;background:#111827!important;border:1px solid #1f293d!important;border-radius:8px!important;padding:1rem!important}[data-theme=dark] .reset-instruction-tips strong{color:#f8fafc!important}[data-theme=dark] .floating-contact-popup{background:#111827!important;border-color:#1f293d!important;box-shadow:0 16px 36px #0009!important}[data-theme=dark] .contact-popup-header{border-bottom-color:#1f293d!important}[data-theme=dark] .popup-title{color:#f8fafc!important}[data-theme=dark] .popup-close-btn:hover{color:#fff!important;background:#ffffff1a!important}[data-theme=dark] .popup-phone-display{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .phone-number-bold{color:#2dd4bf!important}.appearance-section-box{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);border-radius:14px;margin-bottom:2rem;padding:1.5rem;transition:all .2s}.appearance-section-header{border-bottom:1px solid var(--border-color,#f1f5f9);align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.section-step-badge{background:var(--primary,#0f766e);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 2px 6px #0f766e40}.appearance-section-title{color:var(--text-dark,#0f172a);font-size:1.15rem;font-weight:700;font-family:var(--font-heading);margin-bottom:.25rem}.appearance-section-desc{color:var(--text-light,#64748b);margin:0;font-size:.88rem;line-height:1.5}.theme-palette-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.theme-palette-card{border:1.5px solid var(--border-color,#e2e8f0);background:var(--bg-surface,#fff);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:all .2s;display:flex}.theme-palette-card:hover{border-color:var(--primary,#0f766e);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.theme-palette-card.selected{border-color:var(--primary,#0f766e);background:var(--primary-light,#0f766e0f);box-shadow:0 0 0 3px var(--primary-glow,#0f766e26)}.palette-color-preview{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex;box-shadow:inset 0 0 0 1px #0000001a,0 2px 5px #0000001a}.theme-palette-card:hover .palette-color-preview{transform:scale(1.05)}.palette-check-mark{color:#fff;text-shadow:0 1px 3px #00000080;font-size:1.25rem;font-weight:900}.palette-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.palette-header-line{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.palette-name{color:var(--text-dark,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.palette-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:9999px;padding:2px 7px;font-size:.68rem;font-weight:700}.palette-hex-code{color:#64748b;font-family:monospace;font-size:.76rem;font-weight:600}.palette-desc{color:var(--text-light,#94a3b8);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.custom-color-row{background:var(--bg-secondary,#f8fafc);border:1px dashed var(--border-color,#cbd5e1);border-radius:12px;padding:1rem 1.25rem}.custom-picker-group{flex-direction:column;gap:.5rem;display:flex}.custom-picker-inputs{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.custom-color-circle{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;outline:none;width:44px;height:44px;padding:0;box-shadow:0 2px 8px #00000026}.custom-color-circle::-webkit-color-swatch-wrapper{padding:0}.custom-color-circle::-webkit-color-swatch{border:none;border-radius:50%}.hex-input-wrapper{border:1.5px solid var(--border-color,#cbd5e1);background:#fff;border-radius:8px;align-items:center;display:flex;overflow:hidden}.hex-prefix{color:#64748b;background:#f1f5f9;border-right:1px solid #e2e8f0;padding:.45rem .65rem;font-size:.78rem;font-weight:700}.hex-text-input{text-transform:uppercase;width:100px;padding:.45rem .65rem;font-family:monospace;font-size:.9rem;font-weight:700;box-shadow:none!important;border:none!important;outline:none!important}.btn-reset-color{border:1px solid var(--border-color,#cbd5e1);color:var(--text-medium,#475569);cursor:pointer;background:0 0;border-radius:8px;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s}.btn-reset-color:hover{color:var(--text-dark,#0f172a);background:#f1f5f9}.pattern-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.pattern-card{border:1.5px solid var(--border-color,#e2e8f0);background:var(--bg-surface,#fff);cursor:pointer;border-radius:12px;flex-direction:column;padding:1.1rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.pattern-card:hover{border-color:var(--primary,#0f766e);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.pattern-card.selected{border-color:var(--primary,#0f766e);background:var(--primary-light,#0f766e0d);box-shadow:0 0 0 3px var(--primary-glow,#0f766e26)}.pattern-icon-box{margin-bottom:.75rem;font-size:1.8rem;line-height:1}.pattern-body{flex-direction:column;flex:1;gap:.25rem;display:flex}.pattern-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pattern-title{color:var(--text-dark,#0f172a);margin:0;font-size:.95rem;font-weight:700}.pattern-badge{color:#475569;background:#f1f5f9;border-radius:9999px;padding:2px 7px;font-size:.68rem;font-weight:700}.pattern-desc{color:var(--text-light,#64748b);margin:0;font-size:.82rem;line-height:1.4}.pattern-check-badge{color:var(--primary,#0f766e);margin-top:.75rem;font-size:.75rem;font-weight:700;display:inline-block}.custom-bg-upload-box{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.custom-bg-title{color:var(--text-dark,#0f172a);margin-bottom:1rem;font-size:.95rem;font-weight:700}.upload-options-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1rem;display:grid}.upload-dropzone{flex-direction:column;gap:.5rem;display:flex}.btn-upload-trigger{border:1.5px dashed var(--primary,#0f766e);color:var(--primary,#0f766e);cursor:pointer;text-align:center;background:#fff;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s}.btn-upload-trigger:hover{background:var(--primary-light,#0f766e14)}.upload-hint{color:var(--text-light,#64748b);font-size:.76rem}.url-input-group{flex-direction:column;display:flex}.custom-bg-preview-row{border-top:1px solid var(--border-color,#e2e8f0);align-items:center;gap:1rem;padding-top:.75rem;display:flex}.custom-bg-thumb-wrap{align-items:center;gap:.75rem;display:flex}.custom-bg-thumb{object-fit:cover;border:1px solid #cbd5e1;border-radius:6px;width:60px;height:40px}.btn-remove-custom-bg{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600}.opacity-slider-box{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:1.25rem}.opacity-slider-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.slider-hint{color:var(--text-light,#64748b);margin-top:.2rem;font-size:.8rem;display:block}.opacity-value-badge{background:var(--primary,#0f766e);color:#fff;border-radius:9999px;flex-shrink:0;padding:4px 12px;font-size:1rem;font-weight:800}.slider-control-row{align-items:center;gap:1rem;display:flex}.slider-end-label{color:#64748b;white-space:nowrap;font-size:.78rem;font-weight:600}.opacity-range-slider{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:4px;outline:none;flex:1;height:8px}.opacity-range-slider::-webkit-slider-thumb{appearance:none;background:var(--primary,#0f766e);cursor:pointer;border-radius:50%;width:22px;height:22px;transition:transform .15s;box-shadow:0 2px 6px #0003}.opacity-range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.live-preview-toggle-label{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#cbd5e1);color:var(--text-dark,#0f172a);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.live-preview-toggle-label:hover{border-color:var(--primary,#0f766e)}.mockup-preview-container{background:var(--card-bg,#fff);border:2px solid var(--preview-primary,#0f766e);border-radius:14px;margin-top:1rem;overflow:hidden;box-shadow:0 10px 25px -5px #00000014}.mockup-header-bar{background:var(--bg-surface,#fff);border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.mockup-brand-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:800}.mockup-nav-links{gap:1rem;display:flex}.mockup-link{color:var(--text-light,#64748b);padding-bottom:2px;font-size:.82rem;font-weight:600}.mockup-link.active{border-bottom:2px solid;font-weight:700}.mockup-content-grid{grid-template-columns:240px 1fr;gap:1.5rem;padding:1.5rem;display:grid}@media (width<=768px){.mockup-content-grid{grid-template-columns:1fr}}.mockup-product-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;padding:1rem;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.mockup-product-badge{z-index:1;border-radius:6px;padding:2px 8px;font-size:.68rem;font-weight:700;position:absolute;top:10px;left:10px}.mockup-product-img{background:var(--bg-secondary,#f8fafc);border-radius:8px;justify-content:center;align-items:center;height:100px;margin-bottom:.75rem;font-size:3rem;display:flex}.mockup-product-info{flex-direction:column;gap:.35rem;display:flex}.mockup-prod-cat{border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:.68rem;font-weight:700}.mockup-prod-name{color:var(--text-dark,#0f172a);margin:0;font-size:.85rem;font-weight:700}.mockup-prod-price-row{align-items:center;gap:.5rem;display:flex}.mockup-prod-price{font-size:.95rem;font-weight:800}.mockup-prod-old-price{color:#94a3b8;font-size:.75rem;text-decoration:line-through}.mockup-btn-primary{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.82rem;font-weight:700;transition:opacity .15s}.mockup-btn-primary:hover{opacity:.9}.mockup-btn-outline{cursor:pointer;border-radius:8px;padding:.45rem 1rem;font-size:.82rem;font-weight:700}.mockup-controls-col{flex-direction:column;gap:1.25rem;display:flex}.mockup-box-group{flex-direction:column;gap:.45rem;display:flex}.mockup-label{color:var(--text-light,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:700}.mockup-buttons-row,.mockup-badges-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mockup-pill{border-radius:9999px;padding:4px 10px;font-size:.78rem;font-weight:700}.mockup-search-input{background:var(--bg-surface,#fff);width:100%;max-width:320px;color:var(--text-dark,#0f172a);border:1.5px solid;border-radius:8px;padding:.55rem .85rem;font-size:.85rem}[data-theme=dark] .appearance-section-box{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .appearance-section-header{border-bottom-color:#1f293d!important}[data-theme=dark] .appearance-section-title{color:#f8fafc!important}[data-theme=dark] .appearance-section-desc{color:#94a3b8!important}[data-theme=dark] .theme-palette-card{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .theme-palette-card:hover{border-color:var(--primary,#14b8a6)!important;background:#162036!important}[data-theme=dark] .theme-palette-card.selected{border-color:var(--primary,#14b8a6)!important;background:#14b8a61f!important}[data-theme=dark] .palette-name{color:#f8fafc!important}[data-theme=dark] .palette-badge{color:#cbd5e1!important;background:#1f293d!important}[data-theme=dark] .palette-hex-code{color:#94a3b8!important}[data-theme=dark] .palette-desc{color:#64748b!important}[data-theme=dark] .custom-color-row{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .hex-input-wrapper{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .hex-prefix{color:#94a3b8!important;background:#111827!important;border-right-color:#1f293d!important}[data-theme=dark] .hex-text-input{color:#f8fafc!important;background:#162036!important}[data-theme=dark] .btn-reset-color{color:#94a3b8!important;border-color:#1f293d!important}[data-theme=dark] .btn-reset-color:hover{color:#f8fafc!important;background:#1f293d!important}[data-theme=dark] .pattern-card{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .pattern-card:hover{border-color:var(--primary,#14b8a6)!important;background:#162036!important}[data-theme=dark] .pattern-card.selected{border-color:var(--primary,#14b8a6)!important;background:#14b8a61f!important}[data-theme=dark] .pattern-title{color:#f8fafc!important}[data-theme=dark] .pattern-badge{color:#cbd5e1!important;background:#1f293d!important}[data-theme=dark] .pattern-desc{color:#94a3b8!important}[data-theme=dark] .custom-bg-upload-box,[data-theme=dark] .opacity-slider-box{background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .custom-bg-title{color:#f8fafc!important}[data-theme=dark] .btn-upload-trigger{background:#162036!important}[data-theme=dark] .upload-hint,[data-theme=dark] .slider-hint,[data-theme=dark] .slider-end-label{color:#94a3b8!important}[data-theme=dark] .custom-bg-preview-row{border-top-color:#1f293d!important}[data-theme=dark] .opacity-range-slider{background:#1f293d!important}[data-theme=dark] .live-preview-toggle-label{color:#f8fafc!important;background:#111827!important;border-color:#1f293d!important}[data-theme=dark] .mockup-preview-container{background:#0f172a!important}[data-theme=dark] .mockup-header-bar{background:#111827!important;border-bottom-color:#1f293d!important}[data-theme=dark] .mockup-product-card{background:#162036!important;border-color:#1f293d!important}[data-theme=dark] .mockup-product-img{background:#111827!important}[data-theme=dark] .mockup-prod-name{color:#f8fafc!important}[data-theme=dark] .mockup-search-input{color:#f8fafc!important;background:#111827!important}