html,body{background:#fff;width:100%;font-family:Georgia,serif;overflow-x:hidden}.top-ribbon{color:#fff;background:#250042;justify-content:space-between;align-items:center;height:22px;padding:0 34px;font-size:11px;display:flex}.top-ribbon-left,.top-ribbon-right{align-items:center;gap:16px;display:flex}.top-ribbon span{cursor:pointer}.header{background:#2f0d59;width:100%}.top-header{justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 34px;display:flex}.logo{cursor:pointer;line-height:1}.logo-title{color:#ff9f1a;max-width:140px;font-family:Georgia,serif;font-size:17px;font-weight:600;line-height:1.1}.logo-sub{color:#fff;margin-top:3px;font-family:Georgia,serif;font-size:9px}.search-wrapper{border-radius:5px;width:500px;height:34px;display:flex;overflow:hidden}.category-select{color:#222;background:#ececec;border:none;outline:none;width:118px;padding:0 10px;font-family:Georgia,serif;font-size:12px}.search-input{color:#222;border:none;outline:none;flex:1;padding:0 12px;font-family:Georgia,serif;font-size:13px}.search-btn{color:#111;cursor:pointer;background:#ffb028;border:none;width:82px;font-family:Georgia,serif;font-size:13px;font-weight:600}.header-right{color:#fff;align-items:center;gap:14px;display:flex}.language-select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-family:Georgia,serif;font-size:10px}.mini-link{cursor:pointer;align-items:center;display:flex}.mini-bottom{color:#fff;font-family:Georgia,serif;font-size:10px;font-weight:400}.header-link-btn{color:#fff;cursor:pointer;text-align:center;white-space:normal;word-break:break-word;overflow-wrap:break-word;background:0 0;border:none;max-width:80px;font-family:Georgia,serif;font-size:10px;font-weight:600;line-height:1.2}.header-link-btn:hover,.cart-btn:hover{color:#ffb028}.cart-btn{cursor:pointer;color:#fff;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:Georgia,serif;font-size:10px;display:flex}.cart-count{color:#111;background:#ffb028;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:600;display:flex}.deal-btn{color:#111;cursor:pointer;background:#f0b04d;border:none;border-radius:4px;height:26px;padding:0 14px;font-family:Georgia,serif;font-size:10px}.menu{background:#4a1c84;align-items:center;gap:28px;height:38px;padding:0 34px;display:flex;overflow-x:auto}.menu::-webkit-scrollbar{display:none}.menu button{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;height:38px;font-family:Georgia,serif;font-size:12px;font-weight:400;display:flex;position:relative}.menu button:hover{color:#ffb43c}.menu button:after{content:"";background:#ffb43c;width:0;height:2px;transition:all .2s;position:absolute;bottom:0;left:0}.menu button:hover:after{width:100%}.location-popup-overlay{z-index:99999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.location-popup{background:#fff;border-radius:12px;width:340px;padding:22px;position:relative;box-shadow:0 10px 40px #0003}.location-popup h3{color:#2f0d59;margin-bottom:18px;font-family:Georgia,serif;font-size:20px}.location-popup input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;height:42px;margin-bottom:18px;padding:0 14px;font-family:Georgia,serif;font-size:14px}.location-popup-buttons{gap:12px;display:flex}.detect-btn,.update-btn{color:#fff!important;cursor:pointer!important;background:#4a1c84!important;border:none!important;border-radius:10px!important;outline:none!important;justify-content:center!important;align-items:center!important;width:140px!important;min-width:140px!important;max-width:140px!important;height:42px!important;font-family:Georgia,serif!important;font-size:13px!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.detect-btn:hover,.update-btn:hover{background:#5b239f!important}.menu-toggle-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-family:Georgia,serif;font-size:15px;font-weight:600}.sidebar-overlay{z-index:9998;background:#00000073;width:100%;height:100%;position:fixed;top:0;left:0}.left-sidebar{z-index:9999;background:#2f0d59;flex-direction:column;gap:10px;width:280px;height:100vh;padding:70px 18px 24px;animation:.25s sidebarSlide;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:4px 0 20px #00000040}.menu-home-btn{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:16px;font-family:Georgia,serif;font-size:14px;font-weight:600}.menu-home-btn:hover{color:#ffb028}.left-sidebar button:not(.pin-sidebar){color:#fff;text-align:left;cursor:pointer;background:#4b1d82;border:none;border-radius:8px;width:100%;height:42px;padding:0 14px;font-family:Georgia,serif;font-size:14px;font-weight:600;transition:all .2s}.left-sidebar button:hover{background:#6d28d9}.pin-sidebar{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;box-shadow:none!important;cursor:pointer!important;z-index:999999!important;color:#fff!important;background:0 0!important;border:none!important;flex:none!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;font-size:20px!important;display:flex!important;position:absolute!important;top:18px!important;right:18px!important}.pin-sidebar:hover{transform:scale(1.08)}.active-pin{transform:rotate(45deg)}.sidebar-pinned{left:0!important}@keyframes sidebarSlide{0%{transform:translate(-100%)}to{transform:translate(0)}}.close-popup-btn{color:#666;cursor:pointer;background:0 0;border:none;font-family:Georgia,serif;font-size:20px;position:absolute;top:10px;right:12px}@media (width<=768px){.top-ribbon{color:#fff;white-space:nowrap;background:#2d004d;height:24px;padding:0 10px;font-size:11px;line-height:24px;overflow:hidden;display:block!important}.top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;height:auto;padding:10px;display:flex}.logo{flex-shrink:0;width:110px;min-width:110px}.logo-title{font-size:18px;line-height:1}.logo-sub{margin-top:2px;font-size:8px}.search-wrapper{border-radius:6px;flex:1;width:auto;min-width:0;height:38px;overflow:hidden}.category-select{display:none}.search-input{padding:0 10px;font-size:13px}.search-btn{width:70px;font-size:12px;font-weight:600}.header-right{border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:4px;padding-top:8px;display:flex!important}.header-link-btn,.language-select{font-size:11px!important}.menu{gap:12px;padding:0 10px;overflow-x:auto}.menu button{white-space:nowrap;font-size:11px}}.header-location,.delivery-location{white-space:normal;word-break:break-word;overflow-wrap:break-word;text-align:center;width:80px;line-height:1.3}.language-select{border:none;outline:none;color:#fff!important;background:#4a1c84!important}.language-select option{color:#fff;background:#4a1c84}.store-layout{background:#f5f5fa;align-items:flex-start;gap:20px;min-height:100vh;padding:20px;font-family:Arial,sans-serif;display:flex}.filter-sidebar{flex-shrink:0;width:220px;min-width:220px}.filter-box{background:#fff;border-radius:16px;margin-bottom:16px;padding:18px;box-shadow:0 4px 18px #0000000d}.filter-box h3{color:#1e0a3c;margin-bottom:14px;font-size:16px;font-weight:700}.filter-list{flex-direction:column;gap:6px;max-height:300px;padding-right:5px;display:flex;overflow:hidden auto}.filter-list::-webkit-scrollbar{width:6px}.filter-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.filter-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.filter-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-item{color:#444;cursor:pointer;border-radius:8px;padding:8px 10px;font-size:13px;transition:all .2s}.filter-item:hover{color:#7c3aed;background:#f3e8ff}.filter-item.active{color:#7c3aed;background:#efe5ff;font-weight:700}.price-range-slider{accent-color:#7c3aed;width:100%;margin:10px 0}.price-inputs{align-items:center;gap:6px;display:flex}.price-inputs input{border:1px solid #ddd;border-radius:6px;outline:none;width:100%;height:32px;padding:0 8px;font-size:12px}.brand-item,.discount-item{align-items:center;gap:8px;margin-bottom:10px;display:flex}.brand-item input,.discount-item input{accent-color:#7c3aed}.brand-item label,.discount-item label{color:#444;cursor:pointer;font-size:13px}.product-section{flex:1;min-width:0}.product-section-header h1{color:#1e0a3c;font-size:26px;font-weight:700}.sort-controls{align-items:center;gap:8px;display:flex}.sort-label{color:#666;font-size:13px}.sort-select{cursor:pointer;border:1px solid #ddd;border-radius:6px;outline:none;height:34px;padding:0 10px;font-size:13px}.view-toggle{gap:5px;display:flex}.view-btn{cursor:pointer;background:#fff;border:none;border-radius:6px;width:30px;height:30px;transition:all .2s;box-shadow:0 2px 8px #0000000d}.view-btn.active{color:#fff;background:#7c3aed}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.product-card{background:#fff;border-radius:16px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 4px 18px #0000000d}.product-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #7c3aed1f}.product-badge{color:#fff;z-index:5;background:#dc2626;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.fav-btn{cursor:pointer;z-index:5;background:#ffffffe6;border:none;border-radius:50%;width:28px;height:28px;font-size:13px;position:absolute;top:8px;right:8px}.product-click-area{flex-direction:column;display:flex}.product-image-wrapper{background:#f8f3ff;width:100%;height:180px;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:all .3s}.product-card:hover .product-image{transform:scale(1.04)}.product-content{flex-direction:column;gap:2px;padding:10px;display:flex}.product-card h2{color:#111;font-size:13px;font-weight:600;line-height:1.3}.product-id-line{color:#8a8a8a;font-size:10px}.price-row{align-items:center;gap:5px;margin-top:3px;display:flex}.original-price{color:#9ca3af!important;font-size:11px!important;font-weight:500!important;text-decoration:line-through!important}.final-price{color:#c81e1e!important;font-size:15px!important;font-weight:700!important;line-height:1!important}.discount-text{color:#16a34a!important;margin-top:2px!important;font-size:10px!important;font-weight:700!important}.product-category{color:#7c3aed;text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:700}.product-button-wrapper{padding:0 10px 10px}.product-actions{gap:8px;display:flex}.cart-area{flex:1}.cart-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;width:100%;height:32px;font-size:12px;font-weight:700;transition:all .2s}.cart-button:hover{background:#6d28d9}.favorite-button{color:#7c3aed;cursor:pointer;background:#ede9fe;border:none;border-radius:6px;width:36px;height:32px;font-size:14px}.qty-box{background:#f3e8ff;border:1px solid #7c3aed;border-radius:6px;align-items:center;width:100%;height:32px;display:flex;overflow:hidden}.qty-box button{color:#fff;cursor:pointer;background:#7c3aed;border:none;width:32px;height:100%;font-size:15px}.qty-box span{text-align:center;color:#1e0a3c;flex:1;font-size:13px;font-weight:700}.cart-toast{color:#fff;z-index:999999;background:#1e0a3c;border-radius:8px;padding:10px 18px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=900px){.store-layout{flex-direction:column}.filter-sidebar{width:100%}.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.store-layout{padding:12px}.product-grid{gap:12px}.product-image-wrapper{height:160px}.product-card h2{font-size:12px}.final-price{font-size:14px}.cart-button{font-size:11px}}.store-layout,.store-layout *,.filter-sidebar,.filter-sidebar *,.filter-box,.filter-box *,.product-section,.product-section *,.product-grid,.product-grid *,.product-card,.product-card *{font-family:Georgia,serif!important}.product-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sort-container{align-items:center;gap:12px;font-family:Georgia,serif;display:flex}.sort-container span{color:#111827;font-size:14px}.sort-container select{cursor:pointer;color:#111827;background:0 0;border:none;outline:none;font-family:Georgia,serif;font-size:14px}@media (width<=768px){.store-layout{flex-direction:column;padding:10px}.filter-sidebar{width:100%;min-width:100%}.product-section{width:100%}.product-section-header{flex-wrap:wrap;gap:10px}.product-section-header h1{font-size:22px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-image-wrapper{height:120px}.product-card h2{font-size:12px}.final-price{font-size:14px!important}.cart-button{height:28px;font-size:12px}}body{background:#f5f0ff;margin:0;font-family:Georgia,serif}.home-page{background:#f5f0ff;width:100%;min-height:100vh}.hero-section{background:#1e0a3c;width:100%;min-height:320px;display:flex}.hero-main{flex-direction:column;flex:1;justify-content:center;padding:32px 40px;display:flex;position:relative;overflow:hidden}.hero-eyebrow{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#f97316;border-radius:4px;width:fit-content;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.hero-main h1{color:#fff;margin:0 0 8px;font-size:42px;font-weight:900;line-height:1.15}.hero-main h1 .highlight{color:#f97316}.hero-sub{color:#d1c7f5;margin:0 0 8px;font-size:15px}.hero-features{flex-wrap:wrap;gap:16px;margin:8px 0 24px;display:flex}.hero-feature{color:#c4b5fd;align-items:center;gap:4px;font-size:12px;display:flex}.hero-feature:before{content:"✓";color:#a78bfa;font-weight:700}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:background .2s}.btn-primary:hover{background:#ea580c}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff6;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#ffffff14;border-color:#fff}.hero-stats{gap:32px;margin-top:28px;display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat-value{color:#fbbf24;font-size:22px;font-weight:800}.hero-stat-label{color:#a78bfa;margin-top:2px;font-size:11px}.hero-banner-image{flex:1;justify-content:center;align-items:center;padding:0 20px;display:flex}.hero-banner-image img{object-fit:cover;border-radius:18px;width:100%;max-width:620px;height:360px;box-shadow:0 10px 40px #00000040}.trust-bar{background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:8px;padding:12px 24px;display:flex}.trust-item{color:#374151;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.trust-item-icon{font-size:18px}.promo-bar{background:#1e0a3c;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.promo-bar-text{color:#e2d9f3;font-size:14px}.promo-bar-text strong{color:#fbbf24}.promo-code-wrap{align-items:center;gap:10px;display:flex}.promo-code{color:#a78bfa;letter-spacing:1px;background:#ffffff1a;border:1px dashed #7c3aed;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700}.promo-copy-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .2s}.promo-copy-btn:hover{background:#ea580c}.promo-bar-right{align-items:center;gap:20px;display:flex}.promo-bar-feature{color:#c4b5fd;font-size:12px}.home-body{align-items:flex-start;gap:0;padding:20px;display:flex}.hero-banner{object-fit:cover;cursor:pointer;width:100%;height:420px;display:block}.home-banner-wrap{border-radius:8px;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.home-banner-track{width:100%;transition:transform .5s;display:flex}.hero-banner{object-fit:cover;cursor:pointer;flex-shrink:0;width:100%;min-width:100%;height:380px;display:block}.banner-dots{gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.banner-dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:8px;height:8px;transition:background .2s}.banner-dot.active{background:#fff}.empty-banner{color:#7c3aed;background:#e9d5ff;border-radius:8px;justify-content:center;align-items:center;width:100%;height:200px;margin-bottom:20px;font-size:16px;display:flex}@media (width<=900px){.hero-section{flex-direction:column}.deal-panel{flex-direction:row;gap:12px;width:100%}.hero-main h1{font-size:28px}.home-body{flex-direction:column}}@media (width<=768px){.hero-section{flex-direction:column;min-height:auto}.hero-main{padding:20px}.hero-main h1{font-size:34px;line-height:1.2}.hero-sub{font-size:13px}.hero-banner-image{padding:15px}.hero-banner-image img{max-width:100%;height:auto}.hero-stats{gap:20px}.trust-bar{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.promo-bar{flex-direction:column;align-items:flex-start}}.auth-bg{background:linear-gradient(135deg,#3b0764,#5b21b6,#7c3aed);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:18px;width:100%;max-width:360px;padding:28px;box-shadow:0 20px 50px #0003}.auth-card-wide{max-width:580px}.auth-logo{text-align:center;color:#7c3aed;margin-bottom:14px;font-size:16px;font-weight:700}.auth-title{text-align:center;color:#1e0a3c;margin-bottom:18px;font-size:22px;font-weight:700}.auth-sub{text-align:center;color:#6b7280;margin-bottom:20px;font-size:14px}.auth-field{margin-bottom:12px}.auth-field label{color:#374151;margin-bottom:5px;font-size:13px;font-weight:600;display:block}.auth-field input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-size:13px;transition:all .2s}.auth-field input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.auth-pw-wrap{width:100%;position:relative}.auth-pw-wrap input{width:100%;padding-right:45px}.auth-pw-wrap span{cursor:pointer;color:#6b7280;z-index:10;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-submit{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;width:100%;height:42px;font-size:14px;font-weight:700;transition:all .25s}.auth-submit:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.auth-switch{text-align:center;color:#6b7280;margin-top:14px;font-size:13px}.auth-switch span{color:#7c3aed;cursor:pointer;font-weight:700;text-decoration:none}.auth-otp{text-align:center;letter-spacing:6px;font-size:22px;font-weight:700}.forgot-overlay{z-index:99999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.forgot-box{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:28px;box-shadow:0 20px 60px #00000040}.forgot-box h2{color:#1e0a3c;margin:0 0 15px;font-size:26px}.forgot-box input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px}.forgot-box input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.forgot-box button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;width:100%;height:46px;font-weight:700}.forgot-close{background:#1f2937!important}@media (width<=480px){.auth-card{padding:24px 18px}.auth-title{font-size:24px}.auth-logo{font-size:18px}}.dashboard-wrapper{background:#f5f5f5;min-height:100vh;padding:40px}.dashboard-wrapper h1{margin-bottom:40px;font-size:42px}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.card{background:#fff;border-radius:14px;padding:40px;box-shadow:0 4px 12px #00000014}.card h2{color:#f08804;margin-bottom:20px;font-size:54px}.card p{color:#555;font-size:32px}*{box-sizing:border-box;margin:0;padding:0;font-family:Georgia,serif}.add-product-page{background:#f3f4f6;min-height:100vh;padding:40px}.add-product-page h1{color:#111827;margin-bottom:30px;font-size:42px;font-weight:800}.add-product-card{background:#fff;border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;max-width:1400px;margin:auto;padding:40px;display:grid;box-shadow:0 10px 30px #00000014;overflow:visible!important}.form-group{flex-direction:column;width:100%;display:flex}.add-product-input,.add-product-textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:14px;outline:none;width:100%;padding:16px;font-size:15px;transition:all .3s}.add-product-input{height:56px}.add-product-textarea{resize:vertical;min-height:45px}.add-product-input:focus,.add-product-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1f}.file-input-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:14px;justify-content:flex-start;align-items:center;width:100%;height:58px;padding:0 5px;transition:all .3s;display:flex}.file-input-wrapper:hover{border-color:#7c3aed}.file-input-wrapper input[type=file]{color:#111827;cursor:pointer;vertical-align:middle;background:0 0;border:none;outline:none;margin-top:5px;font-size:14px}.file-input-wrapper input[type=file]::-webkit-file-upload-button{color:#fff;cursor:pointer;vertical-align:middle;background:#7c3aed;border:none;border-radius:8px;justify-content:center;align-items:center;height:38px;margin-top:6px;margin-right:12px;padding:8px 14px;font-weight:600;transition:all .3s;display:inline-flex}.file-input-wrapper input[type=file]::-webkit-file-upload-button:hover{background:#6d28d9}.product-controls-wrapper{width:100%;position:relative}.product-controls-select{cursor:pointer;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:14px;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 18px;transition:all .3s;display:flex}.product-controls-select:hover{border-color:#7c3aed}.product-controls-select.active{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1f}.product-controls-dropdown{z-index:99999;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;padding:12px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 40px #0000001f}.control-item{color:#111827;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.control-item:hover{background:#f5f3ff}.control-item input{accent-color:#7c3aed;width:18px;height:18px}.add-product-btn,.delete-btn{cursor:pointer;border:none;border-radius:16px;width:100%;height:58px;font-size:16px;font-weight:700;transition:all .3s}.add-product-btn{color:#fff;background:linear-gradient(135deg,#5b21b6,#7c3aed,#9333ea);height:56px;margin:25px auto 0;display:block;box-shadow:0 10px 25px #7c3aed40;width:260px!important}.add-product-btn:hover{transform:translateY(-2px);box-shadow:0 18px 35px #7c3aed59}.delete-btn{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444)}.manage-buttons{grid-column:1/-1;justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex}.manage-buttons .manage-edit-btn,.manage-buttons .delete-btn{border-radius:12px;justify-content:center;align-items:center;height:52px;font-size:15px;display:inline-flex;width:220px!important;margin:0!important}.manage-edit-btn{background:linear-gradient(135deg,#5b21b6,#7c3aed)}.manage-image-preview{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;max-height:450px;margin-top:12px;padding:12px}.manage-files-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.manage-file-item{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.manage-file-item button,.remove-file-btn,.gallery-remove-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;padding:8px 14px;font-weight:600}.react-select-container{width:100%}.react-select__control{min-height:56px!important;box-shadow:none!important;border:1px solid #d1d5db!important;border-radius:14px!important}.react-select__control--is-focused{border-color:#7c3aed!important;box-shadow:0 0 0 4px #7c3aed1f!important}.react-select__menu{overflow:hidden;z-index:9999!important;border-radius:14px!important}.full-width{grid-column:1/-1}.description-controls-grid,.videos-youtube-grid{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (width<=900px){.add-product-card{grid-template-columns:1fr}}@media (width<=768px){.add-product-page{padding:20px}.add-product-card{padding:24px}.add-product-page h1{font-size:30px}.description-controls-grid,.videos-youtube-grid,.manage-buttons{grid-template-columns:1fr}}.react-select__control,.react-select__single-value,.react-select__placeholder,.react-select__option,.react-select__menu{font-family:Georgia,serif!important}.gallery-select-box{width:100%;position:relative}.gallery-select-header{cursor:pointer;background:#fff;border:1px solid #8b5cf6;border-radius:14px;justify-content:space-between;align-items:center;min-height:58px;padding:0 20px;font-family:Georgia,serif;font-size:15px;transition:all .3s;display:flex}.gallery-select-header:hover{border-color:#7c3aed}.gallery-dropdown-menu{z-index:99999;background:#fff;border:1px solid #d1d5db;border-radius:14px;width:100%;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 30px #00000026}.gallery-dropdown-menu.open-up{margin-top:0;margin-bottom:6px;top:auto;bottom:100%}.product-controls-dropdown.open-up{top:auto;bottom:calc(100% + 8px)}.gallery-upload-section{background:0 0;border:none;padding:14px}.gallery-upload-section input[type=file]{background:0 0;width:100%;box-shadow:none!important;border:none!important;outline:none!important}.gallery-options-list{flex-direction:column;display:flex}.gallery-option-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.gallery-option-item:last-child{border-bottom:none}.gallery-remove-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;padding:6px 12px}@media (width<=768px){.manage-buttons{flex-direction:column}.manage-edit-btn,.delete-btn{width:100%!important}}.add-category-wrapper{grid-column:1/-1;justify-content:center;align-items:center;margin-top:25px;display:flex}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b21b6,#7c3aed);border:none;border-radius:12px;width:240px;height:52px;font-size:16px;font-weight:700}.product-details-page{background:#f5f5f5;grid-template-columns:1fr 1fr;gap:40px;min-height:100vh;padding:40px;display:grid}.product-gallery{background:#fff;border-radius:20px;padding:20px;box-shadow:0 5px 20px #00000014}.zoom-container{cursor:crosshair;background:#fff;border:1px solid #ddd;border-radius:15px;width:100%;height:550px;position:relative;overflow:visible}.main-product-image{object-fit:contain;background:#fff;width:100%;height:100%}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px;display:grid}.gallery-image{object-fit:cover;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;height:100px;transition:all .3s}.gallery-image:hover{border:2px solid #f90;transform:scale(1.05)}.product-info{background:#fff;border-radius:20px;padding:30px;box-shadow:0 5px 20px #00000014}.product-info h1{color:#111827;margin-bottom:10px;font-size:38px;line-height:1.4}.product-code{color:#b91c1c;margin-bottom:20px;font-size:20px;font-weight:600}.price-section{margin-top:20px;margin-bottom:20px}.original-price{color:#777;margin-bottom:10px;font-size:32px;font-weight:500;text-decoration:line-through}.final-price{color:#b91c1c;margin-top:12px;margin-bottom:6px;font-size:56px;font-weight:800;line-height:1}.discount-text{color:green;font-size:30px;font-weight:700}.description-box{border-top:1px solid #eee;margin-top:35px;padding-top:25px}.description-box h3{margin-bottom:15px;font-size:24px}.description-box p{color:#444;font-size:17px;line-height:1.8}.product-extra{margin-top:25px}.product-extra h4{color:#222;margin-bottom:12px;font-size:18px}.buy-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;min-width:0;height:42px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.cart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;border-radius:10px;justify-content:center;align-items:center;width:220px;height:44px;font-size:14px;font-weight:600;display:flex}.buy-btn{color:#fff;background:#f97316;box-shadow:0 4px 10px #f9731640}.cart-btn:hover,.buy-btn:hover{transform:translateY(-2px)}.video-section,.youtube-section{margin-top:40px}.product-video{border-radius:15px;width:100%;margin-top:15px}.image-zoom-lens{z-index:99999;pointer-events:none;background-color:#fff;background-repeat:no-repeat;border:1px solid #ddd;border-radius:15px;width:650px;height:550px;position:absolute;top:0;left:102%;box-shadow:0 5px 25px #00000026}@media (width<=768px){.product-details-page{grid-template-columns:1fr;padding:20px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.product-info h1{font-size:28px}.final-price{font-size:32px}.zoom-container{height:400px}.zoom-lens{pointer-events:none;z-index:99;background:#ffffff59;border:2px solid #fff;border-radius:10px;width:150px;height:150px;position:absolute;box-shadow:0 0 10px #00000026}.details-buttons{margin-top:25px}}.youtube-thumb{cursor:pointer;background:#000;border:1px solid #ddd;border-radius:10px;position:relative;overflow:hidden}.youtube-thumb img{object-fit:cover;width:100%;height:100px;display:block}.youtube-play{color:#fff;z-index:999;background:red;border-radius:10px;justify-content:center;align-items:center;width:48px;height:34px;font-size:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0006}.main-product-video{background:#fff;border:none;border-radius:15px;width:100%;height:550px}.orders-page{max-width:900px;min-height:100vh;margin:0 auto;padding:16px;font-family:Georgia,serif}.orders-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.orders-top h1{color:#5c2399;margin:0;font-size:32px;font-weight:700}.orders-search{gap:10px;display:flex}.orders-search input{border:1px solid #ddd;border-radius:10px;outline:none;width:320px;height:45px;padding:0 15px;font-size:14px}.orders-search input:focus{border-color:#ff8a1f;box-shadow:0 0 0 3px #ff8a1f26}.orders-search button{color:#fff;cursor:pointer;background:#ff8a1f;border:none;border-radius:10px;height:45px;padding:0 22px;font-weight:600}.orders-tabs{border-bottom:1px solid #e5e5e5;gap:25px;margin-bottom:15px;display:flex}.orders-tabs span{cursor:pointer;color:#666;border-bottom:3px solid #0000;padding:12px 0;font-size:15px;font-weight:500}.orders-tabs span:hover{color:#5c2399}.active-tab{color:#5c2399!important;border-bottom:3px solid #ff8a1f!important;font-weight:700!important}.orders-count{color:#666;margin-bottom:18px;font-size:14px}.modern-order-card{background:#fff;border:1px solid #ececec;border-radius:15px;margin-bottom:18px;padding:18px;box-shadow:0 2px 10px #0000000d}.modern-order-top{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.modern-order-top h3{color:#5c2399;margin:0;font-size:22px;font-weight:700}.modern-order-top p{color:#777;margin-top:5px;font-size:13px}.modern-order-top h2{color:#ff8a1f;margin:0;font-size:28px;font-weight:700}.modern-order-images{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.modern-order-images img{object-fit:cover;cursor:pointer;border:1px solid #eee;border-radius:10px;width:70px;height:70px;transition:all .2s}.modern-order-images img:hover{transform:scale(1.05)}.modern-order-actions{gap:10px;margin-top:18px;display:flex}.modern-order-actions button{cursor:pointer;border:none;border-radius:10px;height:42px;padding:0 18px;font-weight:600;transition:all .2s}.modern-order-actions button:first-child{color:#fff;background:#ff8a1f}.modern-order-actions button:last-child{color:#fff;background:#5c2399}.modern-order-actions button:hover{opacity:.9}.orders-empty{text-align:center;padding:80px 20px}.orders-empty-icon{margin-bottom:15px;font-size:60px}.orders-empty h2{color:#5c2399;margin-bottom:10px}.orders-empty p{color:#666;margin-bottom:20px}.orders-empty button{color:#fff;cursor:pointer;background:#ff8a1f;border:none;border-radius:10px;padding:12px 20px;font-weight:600}@media (width<=768px){.orders-page{padding:15px}.orders-top{flex-direction:column;align-items:flex-start}.orders-top h1{font-size:26px}.orders-search{flex-direction:column;width:100%}.orders-search input,.orders-search button{width:100%}.orders-tabs{white-space:nowrap;overflow-x:auto}.modern-order-card{padding:15px}.modern-order-top{flex-direction:column;gap:8px}.modern-order-top h3{font-size:18px}.modern-order-top h2{font-size:22px}.modern-order-images img{width:60px;height:60px}.modern-order-actions{flex-direction:column}.modern-order-actions button{width:100%}}.orders-page *{font-family:Georgia,serif}.modern-order-card,.modern-order-top,.modern-order-actions,.modern-order-images{box-sizing:border-box}.orders-page,.orders-page *,.orders-page h1,.orders-page h2,.orders-page h3,.orders-page p,.orders-page span,.orders-page button,.orders-page input{font-family:Georgia,serif}.orders-top h1{font-size:24px!important}.modern-order-top h3{font-size:16px!important}.modern-order-top h2{font-size:18px!important}.modern-order-images img{width:55px!important;height:55px!important}.modern-order-card{padding:14px!important}.modern-order-actions button{height:38px!important;font-size:13px!important}.orders-search input,.orders-search button{height:40px!important}.orders-page,.orders-page *{font-family:Georgia,serif}.orders-page h1,.orders-page h2,.orders-page h3{font-weight:700!important}.orders-page p,.orders-page span,.orders-page button,.orders-page input{font-weight:400!important}.users-page{max-width:1100px;margin:0 auto;padding:24px 16px 60px;font-family:Georgia,serif}.users-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.users-top h1{color:#0f1111;margin:0 0 4px;font-size:26px;font-weight:700}.users-sub{color:#888;margin:0;font-size:13px}.users-add-btn{cursor:pointer;white-space:nowrap;background:linear-gradient(#f7dfa5,#f0c14b);border:1px solid #a88734;border-radius:6px;height:38px;padding:0 18px;font-family:Georgia,serif;font-size:14px;font-weight:700}.users-search{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;height:38px;margin-bottom:12px;padding:0 14px;font-family:Georgia,serif;font-size:13px}.users-search:focus{border-color:#f0c14b}.users-tabs{border-bottom:1px solid #ddd;margin-bottom:16px;display:flex}.users-tabs button{color:#555;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;height:38px;padding:0 20px;font-family:Georgia,serif;font-size:14px}.users-tabs button.active{color:#c7511f;border-bottom-color:#c7511f;font-weight:700}.users-table-wrap{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:14px}.users-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#555;white-space:nowrap;background:#f5f5f5;border-bottom:1px solid #ddd;padding:10px 14px;font-size:12px}.users-table td{color:#0f1111;border-bottom:1px solid #eee;padding:12px 14px}.users-table tr:hover td{background:#fafafa}.users-super-row td{background:#fffde7}.users-super-tag{color:#111;background:#f0c14b;border-radius:10px;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:700}.users-lock{color:#888;font-size:12px}.users-del{color:#c62828;cursor:pointer;background:0 0;border:none;font-family:Georgia,serif;font-size:13px;font-weight:600}.users-del:hover{text-decoration:underline}.users-empty{text-align:center;color:#888;padding:40px}.users-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.users-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:28px;box-shadow:0 24px 64px #0000004d}.users-modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.users-modal-head h2{margin:0;font-size:18px;font-weight:700}.users-modal-head button{cursor:pointer;color:#555;background:0 0;border:none;font-size:20px}.users-modal-field{margin-bottom:14px}.users-modal-field label{color:#0f1111;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.users-modal-field input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;height:40px;padding:0 12px;font-family:Georgia,serif;font-size:14px}.users-modal-field input:focus{border-color:#f0c14b}.users-err{color:#c62828;background:#fce4ec;border-radius:6px;margin-bottom:10px;padding:8px 12px;font-size:13px}.users-create-btn{cursor:pointer;background:linear-gradient(#f7dfa5,#f0c14b);border:1px solid #a88734;border-radius:6px;width:100%;height:40px;font-family:Georgia,serif;font-size:14px;font-weight:700}.users-reset{color:#111;cursor:pointer;background:linear-gradient(#f7dfa5,#f0c14b);border:1px solid #a88734;border-radius:4px;height:28px;padding:4px 10px;font-family:Georgia,serif;font-size:12px;font-weight:600}.users-reset:hover{background:linear-gradient(#f5d78e,#eeb933)}.users-table th:last-child,.users-table td:last-child{text-align:center}.categories-page{background:#f5f6fa;min-height:100vh;padding:30px}.categories-page h1{color:#5c2399;margin-bottom:25px;font-size:32px;font-weight:700}.category-form,.update-category-card{background:#fff;border-radius:16px;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px;padding:25px;display:grid;box-shadow:0 4px 15px #00000014}.form-group{flex-direction:column;display:flex}.form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600}.form-group input,.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;height:50px;padding:0 14px;font-size:15px;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:#ff8a1f;box-shadow:0 0 0 3px #ff8a1f26}.add-btn,.update-btn,.delete-btn{color:#fff;cursor:pointer;text-align:center;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:all .3s;display:flex;flex:none!important;width:240px!important;min-width:240px!important;max-width:240px!important;height:50px!important}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b21b6,#7c3aed);border:none;border-radius:12px;width:240px;height:52px;margin:25px auto 0;font-size:16px;font-weight:700;transition:all .3s;display:block;box-shadow:0 8px 20px #7c3aed40}.add-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #7c3aed59}.update-btn{background:#5c2399}.update-btn:hover{background:#491a7b}.delete-btn:hover{background:#c81f1f}.category-buttons{grid-column:1/-1;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:25px;display:flex}.update-btn,.delete-btn{cursor:pointer;border:none;border-radius:12px;width:240px;height:52px;font-size:16px;font-weight:700}.categories-sidebar{background:#fff;border:1px solid #ddd;border-radius:10px;width:250px;max-height:500px;padding:15px;overflow:hidden auto}.categories-sidebar::-webkit-scrollbar{width:6px}.categories-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.categories-sidebar::-webkit-scrollbar-thumb{background:#999;border-radius:10px}.categories-sidebar::-webkit-scrollbar-thumb:hover{background:#666}@media (width<=768px){.categories-page{padding:15px}.categories-page h1{font-size:26px}.category-form,.update-category-card{grid-template-columns:1fr}.category-buttons{flex-direction:column;align-items:stretch}.add-btn,.update-btn,.delete-btn{width:100%!important;min-width:100%!important;max-width:100%!important}.category-buttons{flex-direction:column}.update-btn,.delete-btn{width:100%}}.sidebar{background:#fff;border-radius:14px;width:240px;height:fit-content;padding:20px;position:sticky;top:20px;box-shadow:0 4px 20px #0000000f}.sidebar-section{margin-bottom:28px}.sidebar-section h3{color:#2f0d59;margin-bottom:16px;font-family:Georgia,serif;font-size:16px;font-weight:700}.sidebar-section button{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 12px;font-family:Georgia,serif;font-size:14px;transition:all .2s}.sidebar-section button:hover{background:#f4ecff}.active-filter{font-weight:700;color:#4a1c84!important;background:#efe5ff!important}.price-values{color:#666;justify-content:space-between;margin-top:10px;font-size:13px;display:flex}.sidebar label{cursor:pointer;color:#333;align-items:center;gap:10px;margin-bottom:12px;font-family:Georgia,serif;font-size:14px;display:flex}.sidebar input[type=checkbox]{accent-color:#4a1c84;width:16px;height:16px}.sidebar input[type=range]{accent-color:#4a1c84;width:100%}.cart-page{width:90%;max-width:1100px;margin:25px auto}.cart-title{color:#5b21b6;margin-bottom:25px;font-size:42px;font-weight:700}.cart-empty{text-align:center;background:#fff;border-radius:18px;padding:80px 20px}.cart-empty-icon{margin-bottom:15px;font-size:70px}.cart-empty h2{color:#333;margin-bottom:10px}.cart-empty p{color:#666;margin-bottom:20px}.cart-empty button{color:#fff;cursor:pointer;background:#ff8c1a;border:none;border-radius:10px;padding:12px 24px;font-weight:600}.cart-empty button:hover{background:#f70}.cart-layout{align-items:flex-start;gap:20px;display:flex}.cart-items-col{background:#fff;border-radius:18px;flex:1;overflow:hidden;box-shadow:0 2px 10px #00000014}.cart-items-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.cart-items-header h2{color:#5b21b6;margin:0}.cart-items-header span{font-weight:600}.cart-item{border-bottom:1px solid #eee;gap:18px;padding:20px;display:flex}.cart-item:last-child{border-bottom:none}.cart-item-image{background:#f5f5f5;border-radius:12px;width:110px;min-width:110px;height:110px;overflow:hidden}.cart-item-image img{object-fit:cover;width:100%;height:100%}.cart-item-info{flex:1}.cart-item-info h3{color:#333;margin:0 0 8px;font-size:18px}.cart-item-category{color:#777;margin-bottom:6px;font-size:13px}.in-stock{color:green;margin-bottom:12px;font-weight:600}.cart-item-controls{align-items:center;gap:12px;display:flex}.qty-box{border:1px solid #ddd;border-radius:10px;align-items:center;display:flex;overflow:hidden}.qty-box button{color:#fff;opacity:1;cursor:pointer;background:#ff8c1a;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;font-weight:700;display:flex}.qty-box button:hover{background:#f70}.qty-box span{text-align:center;color:#5b21b6;background:#f5f0ff;min-width:50px;font-size:16px;font-weight:700}.divider{color:#bbb}.cart-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:7px 14px}.cart-remove-btn:hover{background:#dc2626}.cart-item-price{text-align:right;color:#ff7a00;min-width:120px;font-size:24px;font-weight:700}.cart-subtotal-bottom{text-align:right;border-top:1px solid #eee;padding:18px 22px;font-size:18px}.cart-subtotal-bottom strong{color:#ff7a00}.cart-summary-col{width:280px;min-width:280px}.cart-summary-box{background:#fff;border-radius:18px;padding:22px;position:sticky;top:20px;box-shadow:0 2px 10px #00000014}.cart-summary-free{color:green;margin-bottom:15px;font-size:14px}.cart-summary-total{margin-bottom:18px;line-height:1.8}.cart-summary-total span{color:#ff7a00;font-size:28px;font-weight:700}.cart-checkout-btn{color:#fff;cursor:pointer;background:#ff8c1a;border:none;border-radius:12px;width:100%;height:48px;font-size:15px;font-weight:700}.cart-checkout-btn:hover{background:#f70}@media (width<=900px){.cart-layout{flex-direction:column}.cart-summary-col{width:100%;min-width:unset}}@media (width<=768px){.cart-page{width:95%}.cart-title{font-size:32px}.cart-item{flex-direction:column}.cart-item-image{width:100%;height:220px}.cart-item-price{text-align:left}}.pv-page{background:#fff;max-width:1300px;min-height:100vh;margin:0 auto;padding:24px 20px 60px;font-family:Arial,sans-serif}.pv-hero{grid-template-columns:minmax(0,1.2fr) minmax(260px,.6fr);gap:18px;margin-bottom:18px;display:grid}.pv-copy,.pv-timer-card,.pv-panel{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 10px #0000000d}.pv-copy{padding:24px}.pv-kicker{color:#5c2399;letter-spacing:.04em;text-transform:uppercase;background:#f6f0ff;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.pv-copy h1{color:#5c2399;margin:14px 0 10px;font-family:Georgia,serif;font-size:clamp(2rem,3.5vw,3rem);line-height:1.08}.pv-copy p{color:#555;margin:0;font-size:15px;line-height:1.7}.pv-summary{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.pv-summary>div,.pv-summary>button{background:#fafafa;border:1px solid #ddd;border-radius:10px;min-width:170px;padding:14px 16px}.pv-summary>div span,.pv-timer-card p,.pv-panel-head span,.pv-file-drop span,.pv-note span{color:#777;text-transform:uppercase;letter-spacing:.5px;font-size:11px;display:block}.pv-summary>div strong{color:#5c2399;margin-top:5px;font-size:17px;display:block}.pv-summary>button{cursor:pointer;color:#fff;background:#5c2399;border:1px solid #4a1b7e;font-weight:700;transition:transform .15s,background .15s}.pv-summary>button:hover{background:#6d2bb4;transform:translateY(-1px)}.pv-timer-card{flex-direction:column;justify-content:center;gap:8px;padding:22px;display:flex}.pv-timer-card h2{color:#ff8a1f;margin:0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.pv-timer-card span{color:#666;line-height:1.6}.pv-timer-expired{background:#fffaf9;border-color:#f1b7b7}.pv-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;display:grid}.pv-panel{padding:22px}.pv-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.pv-panel-head h3{color:#5c2399;margin:4px 0 0;font-family:Georgia,serif;font-size:22px}.pv-pill{color:#5c2399;white-space:nowrap;background:#f6f0ff;border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.pv-qr-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pv-qr-box{text-align:center;background:#fff;border:1px solid #eee;border-radius:10px;margin:0;padding:14px}.pv-qr-box img{aspect-ratio:1;object-fit:cover;border:1px solid #e5e5e5;border-radius:8px;width:100%;max-width:240px;box-shadow:0 1px 4px #00000014}.pv-qr-box figcaption{color:#555;margin-top:10px;font-size:13px;font-weight:600}.pv-qr-placeholder{text-align:center;color:#666;background:#fafafa;border:1px dashed #ccc;border-radius:10px;grid-column:1/-1;padding:30px 16px}.pv-qr-placeholder strong{color:#5c2399;margin-bottom:8px;font-size:18px;display:block}.pv-bill-strip{background:#fafafa;border:1px solid #eee;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;display:flex}.pv-bill-strip strong{color:#ff8a1f;font-family:Georgia,serif;font-size:20px}.pv-file-drop{cursor:pointer;background:#fafafa;border:1px dashed #ccc;border-radius:10px;flex-direction:column;gap:8px;padding:18px;display:flex}.pv-file-drop input{color:#0f1111;width:100%;font-family:inherit;font-size:14px;display:block}.pv-file-drop input::file-selector-button{color:#111;cursor:pointer;background:linear-gradient(#f7dfa5,#f0c14b);border:1px solid #a88734;border-radius:8px;margin-right:12px;padding:8px 12px;font-family:Arial,sans-serif;font-weight:700}.pv-file-drop input::file-selector-button:hover{background:linear-gradient(#f5d78e,#eeb933)}.pv-file-drop strong{color:#5c2399;font-size:15px}.pv-note{margin-top:16px;display:block}.pv-note textarea{resize:vertical;width:100%;font:inherit;color:#0f1111;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:10px;margin-top:8px;padding:12px 14px}.pv-submit{color:#fff;cursor:pointer;background:#ff8a1f;border:1px solid #e07010;border-radius:20px;width:100%;margin-top:16px;padding:14px 18px;font-family:Arial,sans-serif;font-size:14px;font-weight:700}.pv-submit:hover:not(:disabled){background:#ff9b3a}.pv-submit:disabled{opacity:.7;cursor:not-allowed}.pv-resend-row{margin-top:12px}.pv-resend-btn{color:#5c2399;cursor:pointer;background:#fff;border:1px solid #5c2399;border-radius:20px;width:100%;padding:12px 16px;font-weight:700}.pv-resend-btn:disabled{opacity:.6;cursor:not-allowed}.pv-message{background:#fff;border:1px solid #eee;border-radius:10px;margin-top:18px;padding:16px}.pv-message h4{color:#5c2399;margin:0 0 8px;font-family:Georgia,serif}.pv-message p{color:#666;margin:0;line-height:1.7}@media (width<=980px){.pv-hero,.pv-grid,.pv-qr-wrap{grid-template-columns:1fr}}@media (width<=640px){.pv-page{padding:16px 14px 48px}.pv-copy,.pv-panel,.pv-timer-card{padding:18px}.pv-summary>div,.pv-summary>button{min-width:100%}.pv-panel-head{flex-direction:column}}.acc-page{max-width:1100px;margin:0 auto;padding:25px 16px 60px;font-family:Georgia,serif}.acc-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.acc-top-bar h1{color:#5c2399;margin:0;font-size:30px}.acc-top-bar p{color:#666;margin-top:5px}.acc-logout{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.acc-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:25px;display:grid}.acc-dashboard-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:14px;padding:22px;transition:all .2s}.acc-dashboard-card:hover{transform:translateY(-3px)}.acc-dashboard-icon{margin-bottom:10px;font-size:34px}.acc-dashboard-card h3{color:#5c2399;margin:0;font-size:16px}.acc-profile-box{background:#fff;border:1px solid #eee;border-radius:14px;padding:24px}.acc-profile-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.acc-profile-head h2{color:#5c2399;margin:0}.acc-edit-btn{color:#fff;cursor:pointer;background:#ff8a1f;border:none;border-radius:8px;padding:10px 16px}.acc-profile-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.acc-profile-field{flex-direction:column;gap:8px;display:flex}.acc-profile-field label{color:#777;font-size:13px;font-weight:700}.acc-profile-field p{background:#fafafa;border-radius:8px;margin:0;padding:12px}.acc-profile-field input{border:1px solid #ddd;border-radius:8px;height:42px;padding:0 12px}.acc-profile-field input:focus{border-color:#ff8a1f;outline:none}.acc-actions{gap:10px;margin-top:20px;display:flex}.acc-save{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;padding:10px 18px}.acc-cancel{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 18px}.acc-ok{background:#dcfce7;border-radius:8px;margin-top:15px;padding:12px}.acc-err{background:#fee2e2;border-radius:8px;margin-top:15px;padding:12px}@media (width<=768px){.acc-profile-grid,.acc-dashboard-grid{grid-template-columns:1fr}.acc-top-bar{flex-direction:column;align-items:flex-start}}.admin-users-page{padding:30px}.admin-users-page h1{color:#111827;margin-bottom:30px;font-size:42px}.admin-form{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:40px;display:grid}.admin-form input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:12px;outline:none;height:54px;padding:0 16px;font-size:15px;transition:all .3s}.admin-form input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.admin-form button{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:12px;width:240px;height:54px;font-size:17px;font-weight:700;transition:all .3s}.admin-form button:hover{background:#d97706}.admin-list{flex-direction:column;gap:18px;display:flex}.admin-card{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 4px 20px #00000014}.admin-card h3{color:#111827;margin:0;font-size:24px}.admin-card p{color:#4b5563;margin:8px 0;font-size:16px}.admin-card small{color:#f59e0b;text-transform:uppercase;font-size:14px;font-weight:600}.admin-actions{gap:12px;display:flex}.admin-actions button{color:#fff;cursor:pointer;border:none;border-radius:10px;height:46px;padding:0 20px;font-size:14px;font-weight:600;transition:all .3s}.admin-actions button:first-child{background:#2563eb}.admin-actions button:first-child:hover{background:#1d4ed8}.admin-actions button:last-child{background:#dc2626}.admin-actions button:last-child:hover{background:#b91c1c}@media (width<=768px){.admin-card{flex-direction:column;align-items:flex-start;gap:20px}.admin-actions{flex-direction:column;width:100%}.admin-actions button,.admin-form button{width:100%}}.ao-page{background:#fff;max-width:1300px;min-height:100vh;margin:0 auto;padding:24px 20px 60px;font-family:Arial,sans-serif}.ao-top{margin-bottom:20px}.ao-top h1{color:#5c2399;margin:0 0 4px;font-size:26px;font-weight:700}.ao-subtitle{color:#888;margin:0;font-size:13px}.ao-stats{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.ao-stat-card{background:#fafafa;border:1px solid #eee;border-top:3px solid #ddd;border-radius:8px;flex-direction:column;flex:1;gap:4px;min-width:100px;padding:12px 14px;display:flex}.ao-stat-num{color:#5c2399;font-size:22px;font-weight:700}.ao-stat-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.ao-filters{margin-bottom:16px}.ao-search{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;height:38px;margin-bottom:10px;padding:0 14px;font-family:Arial,sans-serif;font-size:13px}.ao-search:focus{border-color:#ff8a1f;box-shadow:0 0 0 2px #f0c14b4d}.ao-filter-tabs{flex-wrap:wrap;gap:6px;display:flex}.ao-filter-tabs button{cursor:pointer;color:#555;background:#fff;border:1px solid #ddd;border-radius:16px;align-items:center;gap:5px;height:32px;padding:0 14px;font-family:Arial,sans-serif;font-size:12px;transition:all .15s;display:flex}.ao-filter-tabs button:hover{background:#f5f5f5;border-color:#aaa}.ao-filter-tabs button.active{color:#fff;background:#5c2399;border-color:#5c2399}.ao-tab-count{background:#ffffff40;border-radius:10px;padding:1px 6px;font-size:11px}.ao-filter-tabs button.active .ao-tab-count{background:#fff3}.ao-body{align-items:flex-start;gap:16px;display:flex}.ao-list{flex-direction:column;flex:1;gap:8px;display:flex}.ao-list-narrow{max-width:55%}.ao-empty{text-align:center;color:#888;padding:40px;font-size:14px}.ao-order-row{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .15s,border-color .15s;display:flex}.ao-order-row:hover{border-color:#bbb;box-shadow:0 2px 12px #00000014}.ao-order-row-active{border-color:#ff8a1f;box-shadow:0 0 0 2px #f0c14b66}.ao-row-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.ao-row-images{align-items:center;display:flex}.ao-row-images img{object-fit:cover;border:2px solid #fff;border-radius:6px;width:44px;height:44px;margin-left:-8px;box-shadow:0 1px 4px #0000001f}.ao-row-images img:first-child{margin-left:0}.ao-more-imgs{color:#555;background:#eee;border:2px solid #fff;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:-8px;font-size:11px;display:flex}.ao-row-info{min-width:0}.ao-row-id{color:#5c2399;margin:0 0 2px;font-size:13px;font-weight:700}.ao-row-customer{color:#555;margin:0 0 1px;font-size:12px}.ao-row-date{color:#888;margin:0 0 1px;font-size:11px}.ao-row-items{color:#888;margin:0;font-size:11px}.ao-row-right{flex-direction:column;align-items:flex-end;gap:5px;min-width:100px;display:flex}.ao-row-total{color:#5c2399;margin:0;font-size:15px;font-weight:700}.ao-status-badge{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.ao-chevron{color:#888;font-size:10px}.ao-detail{background:#fff;border:1px solid #ddd;border-radius:10px;width:420px;min-width:380px;position:sticky;top:20px;overflow:hidden}.ao-detail-header{color:#fff;background:#5c2399;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.ao-detail-header h2{margin:0 0 3px;font-size:16px;font-weight:700}.ao-detail-header p{color:#aaa;margin:0;font-size:12px}.ao-close-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.ao-close-btn:hover{opacity:1}.ao-detail-section{border-bottom:1px solid #eee;padding:14px 20px}.ao-detail-section:last-child{border-bottom:none}.ao-detail-section h3{text-transform:uppercase;letter-spacing:.5px;color:#888;margin:0 0 10px;font-size:12px;font-weight:700}.ao-section-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ao-section-title-row h3{margin:0}.ao-show-items-btn{color:#5c2399;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:14px;height:28px;padding:0 10px;font-family:Arial,sans-serif;font-size:11px;font-weight:700}.ao-show-items-btn:hover{background:#f6f0ff;border-color:#5c2399}.ao-detail-section p{color:#5c2399;margin:0 0 4px;font-size:13px}.ao-customer-line{grid-template-columns:64px 1fr;align-items:baseline;gap:10px;display:grid;color:#333!important}.ao-customer-line span{color:#777;font-size:12px;font-weight:700}.ao-customer-line strong{color:#5c2399;word-break:break-word;font-size:13px;font-weight:500}.ao-detail-item{border-bottom:1px solid #f5f5f5;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.ao-detail-item:last-child{border-bottom:none}.ao-detail-item img{object-fit:cover;background:#f5f5f5;border-radius:6px;width:56px;min-width:56px;height:56px}.ao-detail-item-name{color:#5c2399;margin:0 0 2px;font-size:13px;font-weight:600}.ao-detail-item-cat{color:#888;text-transform:uppercase;margin:0 0 2px;font-size:10px}.ao-detail-item-qty{color:#555;margin:0 0 2px;font-size:12px}.ao-detail-item-price{color:#5c2399;margin:0;font-size:14px;font-weight:700}.ao-detail-total{background:#fafafa;justify-content:space-between;align-items:center;display:flex}.ao-detail-total span{color:#555;font-size:14px}.ao-detail-total strong{color:#5c2399;font-size:20px}.ao-current-status{color:#555;align-items:center;gap:8px;font-size:13px;display:flex;margin-bottom:12px!important}.ao-status-buttons{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.ao-status-btn{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:17px;height:34px;padding:0 14px;font-family:Arial,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.ao-status-btn:hover:not(:disabled){background:#f5f5f5;border-color:#aaa}.ao-status-btn:disabled{opacity:.6;cursor:not-allowed}.ao-status-btn-active{font-weight:700}.ao-status-note{color:#007600!important;margin:0!important;font-size:11px!important}@media (width<=900px){.ao-body{flex-direction:column}.ao-list-narrow{max-width:100%}.ao-detail{width:100%;min-width:unset;position:static}}.profile-page{background:#f3f4f6;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px;display:flex}.profile-card{background:#fff;border-radius:18px;width:100%;max-width:1400px;padding:40px;box-shadow:0 10px 35px #00000014}.profile-card h1{color:#111827;margin-bottom:35px;font-size:38px;font-weight:700}.profile-form{flex-direction:column;gap:24px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:24px;display:grid}.form-group{flex-direction:column;gap:10px;display:flex}.form-group.full{width:100%}.form-group label{color:#111827;font-size:15px;font-weight:700}.profile-form input,.profile-form textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:14px;outline:none;width:100%;padding:16px 18px;font-size:15px;transition:all .2s}.profile-form textarea{resize:none;min-height:120px}.profile-form input:focus,.profile-form textarea:focus{border-color:#facc15;box-shadow:0 0 0 4px #facc1526}.profile-form button{color:#111827;cursor:pointer;background:#facc15;border:none;border-radius:14px;height:52px;margin-top:10px;font-size:17px;font-weight:700;transition:all .2s}.profile-form button:hover{background:#eab308;transform:translateY(-1px)}@media (width<=768px){.profile-page{padding:20px}.profile-card{padding:25px}.profile-card h1{font-size:30px}.form-grid{grid-template-columns:1fr}}.banner-page{background:#f3f4f6;min-height:100vh;padding:40px}.banner-page h1{color:#111827;margin-bottom:30px;font-size:42px;font-weight:800}.banner-form{background:#fff;border-radius:24px;margin-bottom:30px;padding:40px;box-shadow:0 10px 30px #00000014}.banner-group{flex-direction:column;margin-bottom:24px;display:flex}.banner-group label{color:#111827;margin-bottom:10px;font-size:15px;font-weight:700}.banner-group input{border:1px solid #d1d5db;border-radius:14px;outline:none;height:56px;padding:0 18px;font-size:15px;transition:all .3s}.banner-group input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1f}.banner-group input[type=file]{padding:12px}.banner-group input[type=file]::-webkit-file-upload-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;margin-right:12px;padding:8px 14px;font-weight:600}.banner-group input[type=file]::-webkit-file-upload-button:hover{background:#6d28d9}.banner-preview img{object-fit:cover;border:1px solid #e5e7eb;border-radius:18px;width:100%;max-height:320px;margin-bottom:24px}.add-banner-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b21b6,#7c3aed,#9333ea);border:none;border-radius:14px;width:260px;height:56px;margin:25px auto 0;font-size:16px;font-weight:700;transition:all .3s;display:block;box-shadow:0 10px 25px #7c3aed40}.add-banner-btn:hover{transform:translateY(-2px);box-shadow:0 18px 35px #7c3aed59}.banner-list{flex-direction:column;gap:24px;display:flex}.banner-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014}.banner-card img{object-fit:cover;width:100%;height:320px}.banner-info{padding:24px}.banner-actions{justify-content:center;gap:16px;margin-top:20px;display:flex}.banner-actions button{cursor:pointer;color:#fff;border:none;border-radius:12px;width:180px;height:48px;font-size:15px;font-weight:700;transition:all .3s}.banner-actions button:first-child{background:linear-gradient(135deg,#5b21b6,#7c3aed)}.banner-actions button:first-child:hover{transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#dc2626,#ef4444)!important}.delete-btn:hover{transform:translateY(-2px)}@media (width<=768px){.banner-page{padding:20px}.banner-form{padding:24px}.banner-page h1{font-size:30px}.add-banner-btn{width:100%}.banner-actions{flex-direction:column}.banner-actions button{width:100%}}.scroll-page{background:#f3f4f6;min-height:100vh;padding:40px}.scroll-card{background:#fff;border-radius:24px;max-width:1200px;margin:auto;padding:40px;box-shadow:0 10px 30px #00000014}.scroll-card h1{color:#111827;margin-bottom:30px;font-size:42px;font-weight:800}.scroll-form{flex-direction:column;gap:25px;display:flex}.scroll-enable{align-items:center;gap:12px;display:flex}.scroll-enable input{accent-color:#7c3aed;width:20px;height:20px}.scroll-enable label{color:#111827;font-size:16px;font-weight:700}.scroll-form label{color:#111827;margin-bottom:8px;font-size:15px;font-weight:700}.scroll-form textarea{resize:vertical;color:#111827;border:1px solid #d1d5db;border-radius:14px;outline:none;width:100%;min-height:180px;padding:18px;font-size:15px;transition:all .3s}.scroll-form textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1f}.scroll-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b21b6,#7c3aed,#9333ea);border:none;border-radius:14px;width:260px;height:56px;margin:20px auto 0;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 10px 25px #7c3aed40}.scroll-form button:hover{transform:translateY(-2px);box-shadow:0 18px 35px #7c3aed59}.scroll-message-group{flex-direction:column;gap:10px;display:flex}@media (width<=768px){.scroll-page{padding:20px}.scroll-card{padding:24px}.scroll-card h1{font-size:30px}.scroll-form button{width:100%}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#f5f5f5;width:100%;min-height:100vh;font-family:Poppins,sans-serif;overflow-x:hidden}.app{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:Poppins,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#999;border-radius:20px}::-webkit-scrollbar-track{background:0 0}.page-container{width:100%;max-width:100%;overflow-x:hidden}.flex{display:flex}.center{justify-content:center;align-items:center;display:flex}.hidden{display:none}.pointer{cursor:pointer}