@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap";.text-enter{animation:textEnter .6s cubic-bezier(.22,1,.36,1) forwards}.text-exit{animation:textExit .5s cubic-bezier(.55,0,1,.45) forwards}@keyframes textEnter{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(8px)}50%{opacity:.7;filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes textExit{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}50%{opacity:.5;filter:blur(4px)}to{opacity:0;transform:translateY(-30px) scale(.95);filter:blur(8px)}}.hero-title.text-enter{animation:titleEnter .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.1s}.hero-subtitle.text-enter{animation:subtitleEnter .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.2s}.hero-buttons.text-enter{animation:buttonsEnter .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.3s}.hero-badge.text-enter{animation:badgeEnter .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes titleEnter{0%{opacity:0;transform:translateY(50px) rotateX(20deg);filter:blur(10px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}@keyframes subtitleEnter{0%{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes buttonsEnter{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes badgeEnter{0%{opacity:0;transform:translateY(-20px) scale(.8)}50%{transform:translateY(5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-title{transition:font-family .3s ease,letter-spacing .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}.secondary-btn:hover{background:#ffffff1a;border-color:#fff}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #6b5fa726}.category-card:hover{transform:translateY(-10px)}.category-card:hover .category-image{transform:scale(1.1)}.view-all-btn:hover{background:#6b5fa7;color:#fff}.promo-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}.newsletter-btn:hover{background:#8b7dc7;transform:translateY(-2px)}@media screen and (max-width:1024px){.features-section,.categories-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)!important}.floating-stats{gap:20px!important;padding:16px 24px!important}.stat-number{font-size:22px!important}}@media screen and (max-width:768px){.hero-section{min-height:90vh!important}.hero-title{font-size:36px!important}.hero-subtitle{font-size:16px!important}.hero-buttons{flex-direction:column!important;gap:12px!important}.primary-btn,.secondary-btn{width:100%!important;justify-content:center!important}.floating-stats{display:none!important}.slide-indicators{bottom:80px!important}.features-section{grid-template-columns:1fr!important;padding:40px 5%!important}.categories-section{padding:60px 5%!important}.categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.category-name{font-size:16px!important}.category-count{font-size:12px!important}.bestsellers-section{padding:60px 5%!important}.products-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.section-title{font-size:28px!important}.promo-banner{padding:60px 5%!important}.promo-title{font-size:28px!important}.promo-subtitle{font-size:16px!important}.testimonials-section{padding:60px 5%!important}.testimonials-grid{grid-template-columns:1fr!important}.testimonial-card{padding:24px!important}.newsletter-section{padding:60px 5%!important}.newsletter-form{flex-direction:column!important}.newsletter-input,.newsletter-btn{width:100%!important}.newsletter-title{font-size:26px!important}}@media screen and (max-width:480px){.hero-title{font-size:28px!important}.hero-badge{font-size:12px!important;padding:8px 16px!important}.categories-grid,.products-grid{grid-template-columns:1fr!important}.feature-card{padding:24px 16px!important}.feature-icon{width:52px!important;height:52px!important;font-size:22px!important}.section-tag{font-size:11px!important}.view-all-btn{padding:14px 28px!important;font-size:14px!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible{outline:3px solid #6b5fa7;outline-offset:3px}input:focus-visible{outline:3px solid #6b5fa7;outline-offset:2px}.voucher-content{background:#fff;border-radius:20px;padding:40px;max-width:1100px;box-shadow:0 20px 50px #0000000f}.content-header h2{font-size:26px;margin-bottom:6px}.content-header p{color:#6b7280;margin-bottom:28px}.voucher-list{display:flex;flex-direction:column;gap:18px}.voucher-card{display:flex;justify-content:space-between;align-items:center;padding:24px;border-radius:18px;background:linear-gradient(180deg,#fff,#faf9ff);box-shadow:0 12px 28px #0000000f;transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.voucher-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#d8ceeb,#f3f1fb);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.voucher-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px #00000014}.voucher-card.used{opacity:.55}.voucher-left{display:flex;gap:16px;align-items:center}.voucher-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#6b5fa7,#9f8fe3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 8px 18px #6b5fa759}.details h3{margin:0;font-size:18px;font-weight:600}.details p{margin:6px 0 8px;font-size:14px;color:#4b5563}.expiry{font-size:12px;color:#9ca3af}.voucher-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.code-pill{padding:6px 14px;border-radius:999px;background:#f3f1fb;font-weight:700;letter-spacing:1px;font-size:13px;color:#4c1d95}.copy-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6b5fa7,#9f8fe3);border:none;padding:8px 16px;border-radius:12px;cursor:pointer;font-weight:600;color:#fff;outline:none;transition:transform .2s ease,box-shadow .2s ease}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #6b5fa759}.copy-btn:focus-visible{box-shadow:0 0 0 3px #6b5fa759}.copy-btn:active{transform:scale(.96)}.used-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#e5e7eb;color:#374151;font-weight:600;font-size:13px}@media(max-width:768px){.voucher-card{flex-direction:column;align-items:flex-start;gap:16px}.voucher-right{width:100%;flex-direction:row;justify-content:space-between}.voucher-content{padding:24px}}*{box-sizing:border-box;font-family:Montserrat,sans-serif}body{margin:0;background:#f4f6f8}.app-layout{min-height:100vh;display:flex;flex-direction:column}.body-layout{flex:1;display:flex;flex-direction:row;min-height:calc(100vh - 120px)}.navbar{width:100%;height:64px;background:#e6def4;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbbfe8;position:relative;z-index:1200}.brand{font-family:Playfair Display,serif;font-size:36px;font-weight:700;letter-spacing:2px;cursor:pointer}.menu-toggle{display:none;background:none;border:none;font-size:26px;cursor:pointer}.sidebar-wrapper{flex-shrink:0;width:260px;height:100%}.content{flex:1;padding:16px;overflow-y:auto;background:#f4f6f8}.main-content{width:100%;max-width:1100px;background:#fff;border-radius:16px;padding:24px;border:1px solid #e0e0e0;margin:0 auto}.footer{height:56px;border-top:1px solid #ddd;text-align:center;font-size:13px;padding:16px;background:#fafafa}.admin-footer{width:calc(100% - 260px);margin-left:260px}@media(max-width:900px){.admin-footer{width:100%;margin-left:0}}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1300}.modal-overlay.high-z{z-index:1600}.proof-body-center{display:flex;flex-direction:column;align-items:center}.proof-img-wrapper{background:#fff;padding:12px;border-radius:10px;display:inline-block}.proof-img{max-width:520px;width:100%;max-height:72vh;object-fit:contain;border-radius:6px}.proof-actions{margin-top:12px}.link-primary{color:#6b5fa7;font-weight:600}.modal-overlay{position:fixed;inset:0;background:linear-gradient(180deg,#02061773,#02061773);-webkit-backdrop-filter:blur(6px) saturate(110%);backdrop-filter:blur(6px) saturate(110%);display:flex;align-items:center;justify-content:center;z-index:1400;padding:24px}.modal,.modal-content{background:#fff;border-radius:14px;width:min(92vw,760px);max-height:calc(100vh - 120px);box-shadow:0 30px 80px #0206172e;display:flex;flex-direction:column;overflow:hidden}.modal.modal-md,.modal-content.modal-md{width:min(92vw,700px)}.modal-header{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f3f5}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:#0f172a}.modal-close{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;background:#fff;border:1px solid rgba(15,23,42,.06);cursor:pointer;box-shadow:0 6px 18px #0206170f}.modal-body{padding:18px 22px;overflow:auto;flex:1 1 auto;color:#374151}.modal-actions{display:flex;gap:12px;padding:14px 22px;background:linear-gradient(180deg,#fff,#fff);justify-content:flex-end;position:sticky;bottom:0;z-index:20}.modal .form-group input,.modal .form-group select,.modal .form-group textarea,.modal-content .form-group input,.modal-content .form-group select,.modal-content .form-group textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #e8eef6;background:#fff;font-size:14px}@media(max-width:640px){.modal,.modal-content{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.modal-body{padding:14px}.modal-header,.modal-actions{padding:12px 14px}}.modal,.modal-md{text-align:left;width:min(92vw,520px);max-width:92vw;box-sizing:border-box;display:flex;flex-direction:column;max-height:calc(100vh - 80px)}.modal-md{width:min(92vw,760px);max-width:760px}.modal{padding:18px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-header h3{font-size:20px;font-weight:700;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:#555;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;border:1px solid transparent;background:#f3f4f6}.modal-close:before{display:none!important}.modal-close:hover{background:#ecebf6;color:#000}.modal-body{flex:1 1 auto;overflow:auto;display:flex;flex-direction:column;gap:16px;align-items:flex-start;color:#374151;padding-right:8px}.modal-body label{font-size:13px;font-weight:500;margin-bottom:4px;display:block}.modal-body input,.modal-body select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #e6e6ee;font-size:15px;background:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:16px;align-items:center;margin-top:12px;flex-wrap:wrap}@media(max-width:640px){.modal,.modal-md{width:calc(100vw - 32px);max-width:calc(100vw - 32px);padding:16px}.modal-body{gap:12px}.modal-actions{justify-content:flex-end}}@media(min-width:1200px){.modal-md{width:min(90vw,900px)}}.modal-actions .btn-primary{min-width:140px;padding:10px 16px;border-radius:12px}.modal-actions .btn-secondary{min-width:110px;padding:9px 14px;border-radius:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group{width:100%}.password-row{display:flex;gap:8px;align-items:center}.password-toggle{padding:6px 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.password-strength{width:100%;margin-top:8px}.password-strength .bar{height:8px;background:#eef2ff;border-radius:6px;overflow:hidden}.password-strength .fill{height:100%;width:0%;background:var(--strength-color, #10b981);transition:width .16s ease}.field-error{color:#dc2626;font-size:13px;margin-top:6px}.modal--compact{padding:12px}.password-column{display:flex;flex-direction:column;gap:8px;width:100%}.password-input-row{display:flex;gap:8px;align-items:center;width:100%}.password-input-row input{flex:1}.modal-body input:focus,.modal-body select:focus{outline:none;border-color:#6f5cc3}.modal-divider{height:1px;background:#eee;margin:16px 0}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:6px}.btn-primary{background:#6f5cc3;color:#fff;border:none;padding:8px 14px;border-radius:10px;cursor:pointer}.btn-primary:hover{background:#5c4bb3}.btn-secondary{background:transparent;border:1px solid #e0e0e6;padding:8px 12px;border-radius:10px;cursor:pointer}.modal .modal-body p{margin:0;font-size:15px}.modal-header .modal-close{width:36px;height:36px;border-radius:8px;border:1px solid transparent;background:#f3f4f6;display:grid;place-items:center}.modal-header .modal-close:hover{background:#ecebf6}.modal .available-stock{display:flex;gap:8px;align-items:center}.modal .available-stock strong{font-size:16px;color:#111827}.sizes-row{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:6px;-ms-overflow-style:none;scrollbar-width:none}.sizes-row::-webkit-scrollbar{display:none;height:0}.size-badge{min-width:36px;padding:2px 6px;font-size:12px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:34px;line-height:1}@media(max-width:480px){.size-badge{padding:4px 6px!important;min-width:32px!important;font-size:11px!important;border-radius:8px!important;height:30px!important}}.method-select-wrapper{position:relative}:root{--select-arrow-color: #ffffff;--select-arrow-size: 18px;--select-filled-bg: #6f5cc3;--select-filled-color: #ffffff}.method-select{width:100%;height:48px;padding:12px 48px 12px 16px;border-radius:12px;border:1px solid #e5e7eb;font-size:15px;-webkit-appearance:none;appearance:none;cursor:pointer;transition:box-shadow .18s ease,border-color .15s ease,background .15s ease,color .15s ease;background-repeat:no-repeat;background-position:right 14px center;background-size:var(--select-arrow-size) var(--select-arrow-size);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%236b5fa7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")}.method-select:focus{outline:none;box-shadow:0 10px 30px #6f5cc324;border-color:var(--select-filled-bg, #6f5cc3)}.method-select--filled{background-color:var(--select-filled-bg, #6f5cc3);color:var(--select-filled-color, #ffffff);border:1px solid transparent;box-shadow:0 8px 30px #6f5cc314;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:calc(var(--select-arrow-size) + 2px) calc(var(--select-arrow-size) + 2px)}.method-select.method-select--filled{background-color:var(--select-filled-bg, #6f5cc3)!important;color:var(--select-filled-color, #ffffff)!important;border-color:transparent!important}.method-select option{background:#fff;color:#111827}.method-select:focus{outline-offset:2px}@media(max-width:480px){.method-select{padding:10px 38px 10px 12px;font-size:14px}}.product-card .product-card-image{width:100%;aspect-ratio:1 / 1;max-width:500px;max-height:500px;overflow:hidden;display:block}.product-card .product-card-image img{width:100%;height:100%;object-fit:cover;display:block;margin:0 auto}@media(max-width:480px){.product-card .product-card-image{max-width:100%;max-height:none}.product-card .product-card-image img{object-fit:contain}}.required{color:#dc2626}.custom-select{position:relative;width:100%}.custom-select__control{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;height:48px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:15px}.custom-select__control:focus{outline:none;box-shadow:0 10px 30px #6f5cc31f;border-color:var(--select-filled-bg, #6f5cc3)}.custom-select--filled .custom-select__control{background:var(--select-filled-bg, #6f5cc3);color:var(--select-filled-color, #ffffff);border-color:transparent}.custom-select__value{flex:1 1 auto;text-align:left}.custom-select__arrow{margin-left:12px;display:inline-flex;align-items:center;justify-content:center;color:inherit}.custom-select__menu{position:absolute;left:0;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 12px 32px #0206171f;z-index:1600;max-height:260px;overflow:auto;padding:8px 6px}.custom-select__option{padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;color:#111827}.custom-select__option.highlight{background:#6f5cc30f}.custom-select__option.selected{font-weight:700;background:#6f5cc30a}.custom-select--filled .custom-select__menu{background:#fff}.helper-text{font-size:12px;color:#666;margin-top:4px}.audit-header{margin-bottom:16px}.audit-header h2{margin:0;font-size:20px;font-weight:600}.audit-header p{margin-top:4px;font-size:13px;color:#666}.audit-table-wrapper{border:1px solid #ddd;border-radius:12px;overflow:auto;-webkit-overflow-scrolling:touch}.audit-table{width:100%;border-collapse:collapse;font-size:14px}.audit-table{min-width:max-content}.audit-table thead{background:#e6def4}.search-input{padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;min-width:320px;max-width:520px;font-size:14px}.add-user-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d1c7f0;color:#2f2c6b;padding:8px 12px;border-radius:10px;cursor:pointer;box-shadow:0 6px 18px #0f172a0a}.add-user-btn svg{font-size:16px}.add-user-btn.archive{background:#fff7f7;border-color:#f5d6d6;color:#a33}.audit-table{border-radius:12px;overflow:hidden}.audit-table thead th:first-child{border-top-left-radius:12px}.audit-table thead th:last-child{border-top-right-radius:12px}.user-cell .user-avatar{width:44px;height:44px;border-radius:8px;background:#ede7f8}.status-pill{padding:6px 10px;font-size:13px}.status{font-weight:600}.user-name{font-weight:700}.user-email{color:#6b7280;font-size:13px}.icon-action{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#efe8ff;border:1px solid rgba(111,92,195,.12);box-shadow:0 6px 18px #6f5cc30f;cursor:pointer;color:#6f5cc3;font-size:16px}.icon-action:hover{background:#e6ddff;transform:translateY(-1px)}.icon-action.danger{background:#fff7f7;border-color:#f5d6d6;color:#a33}.filter-select{padding:8px 14px;border-radius:20px;border:1px solid #cbbfe8;font-size:13px;background:#fff;cursor:pointer}.expand-icon{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:10px;background:transparent;border:1px solid transparent;color:#6f5cc3;cursor:pointer;transition:transform .22s ease,background .16s ease,box-shadow .16s ease}.expand-icon:hover{background:#f3eefb;box-shadow:0 6px 18px #6f5cc30f}.expand-icon.rotated{transform:rotate(180deg)}.audit-table .expand-icon{width:36px;height:36px}.tx-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.tx-header strong{font-size:14px}.tx-legend{font-size:12px;color:#6b7280}.tx-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px;border-radius:10px;transition:box-shadow .16s ease,transform .14s ease}.tx-item:not(:last-child){border-bottom:1px solid rgba(15,23,42,.03)}.tx-item:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0206170f}.tx-left{display:flex;flex-direction:column;gap:6px;min-width:0}.tx-number{font-weight:700;font-size:13px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-meta{display:flex;gap:8px;font-size:12px;color:#6b7280;align-items:center}.tx-sep{color:#c4c4c8}.tx-id{font-family:monospace;color:#6b7280}.tx-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.tx-meta-left{display:flex;gap:8px;align-items:center;color:#6b7280}.tx-inline{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.tx-amount{font-weight:800;color:#111827}.tx-status.badge{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:capitalize;background:#fff4e6;color:#d97706}.tx-link{background:none;border:none;padding:0;margin:0;color:#0f172a;font-weight:800;cursor:pointer;text-align:left}.tx-link:hover{color:#6f5cc3;text-decoration:underline}.tx-status.badge.completed,.tx-status.badge.success{background:#ecfdf5;color:#059669}.tx-status.badge.pending{background:#fff9eb;color:#d97706}.tx-status.badge.cancelled,.tx-status.badge.failed{background:#fff7f7;color:#b91c1c}.transaction-list.table-style{display:flex;flex-direction:column;gap:0}.transaction-list.table-style .tx-item{background:transparent;padding:12px 8px;border-radius:6px;box-shadow:none;display:flex;justify-content:space-between;align-items:center}.transaction-list.table-style .tx-left{min-width:0;max-width:calc(100% - 140px)}.transaction-list.table-style .tx-right{min-width:120px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;margin-left:12px}.transaction-list.table-style .tx-amount{font-size:15px;font-weight:800}.transaction-list.table-style .tx-status.badge{margin-top:4px}.filter-select:focus{outline:none;box-shadow:0 0 0 3px #6f5cc314}.audit-table th,.audit-table td{padding:12px 14px;text-align:left}.audit-table tbody tr{border-top:1px solid #eee}.audit-table tbody tr:nth-child(2n){background:#fafafa}.sidebar-overlay{position:fixed;inset:0;background:#00000073;z-index:999}@media(max-width:768px){.menu-toggle{display:block}.sidebar-wrapper{position:fixed!important;top:0!important;left:0!important;width:220px!important;height:100vh!important;padding:0!important;background:#ece7f8!important;transform:translate(-100%)!important;transition:transform .3s ease!important;z-index:1001!important;border-radius:0!important}.sidebar-wrapper.open{transform:translate(0)!important}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1000}.sidebar{width:100%;height:100%;border-radius:0;box-shadow:none;padding-top:72px}}.toast-container{position:fixed;right:20px;top:20px;display:flex;flex-direction:column;gap:12px;z-index:14000}.toast{background:#111827fa;color:#fff;padding:10px 14px;border-radius:10px;min-width:160px;box-shadow:0 10px 30px #0000004d;font-weight:600;opacity:.98}.toast-info{background:linear-gradient(135deg,#4b5563,#111827)}.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast{transform:translate(20px);animation:toast-in .36s cubic-bezier(.2,.9,.3,1) forwards}.toast-exit{animation:toast-out .28s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translate(20px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px) scale(.98)}}.toast button{font-size:14px}@media(max-width:420px){.audit-table th,.audit-table td{padding:8px 10px;font-size:13px}.orders-card .order-item,.pending-item,.stock-item{padding:10px}.top-product-item{min-width:140px;padding:12px}}@media(max-width:768px){.search-input{min-width:120px;max-width:220px;padding:8px 10px;font-size:13px}.add-user-btn{padding:8px 10px;border-radius:10px;gap:6px;font-size:13px}.user-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:6px}.user-card{background:#fff;border-radius:10px;padding:12px;border:1px solid #f1eef9;box-shadow:0 6px 18px #0f172a0a}.user-card.expanded{background:#fff;border-color:#e7defb;box-shadow:0 10px 30px #0f172a0f}.expanded-details{margin-top:8px;font-size:13px;color:#374151}.transaction-list{margin-top:8px;display:flex;flex-direction:column;gap:8px}.tx-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 10px;background:#faf8ff;border-radius:8px;border:1px solid #f1ecfb}.tx-left{display:flex;flex-direction:column;gap:4px;min-width:0}.tx-number{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-date{font-size:12px;color:#6b7280}.tx-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.tx-amount{font-weight:700;color:#111827}.tx-status{font-size:12px;padding:4px 8px;border-radius:999px}.tx-status.completed,.tx-status.success{background:#ecfdf5;color:#059669}.tx-status.pending{background:#fff9eb;color:#d97706}.tx-empty,.tx-loading{color:#6b7280;padding:8px 0}.expand-icon{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:10px;background:transparent;border:1px solid transparent;color:#6f5cc3;cursor:pointer;transition:transform .22s ease,background .16s ease,box-shadow .16s ease}.expand-icon:hover{background:#f3eefb;box-shadow:0 6px 18px #6f5cc30f}.expand-icon.rotated{transform:rotate(180deg)}.tx-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.tx-header strong{font-size:14px}.tx-legend{font-size:12px;color:#6b7280}.transaction-list .tx-item{background:linear-gradient(180deg,#fff,#fbf8ff);border:1px solid #f1ecfb}.audit-table .tx-row td{background:#fbf8ff;border-top:1px dashed #eee;padding:12px}.transaction-list.table-style{display:flex;flex-direction:column;gap:8px}.audit-table .tx-item{padding:10px}.audit-table .tx-number{font-size:14px}.audit-table .tx-amount{font-weight:700}.user-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.user-left{display:flex;align-items:center;gap:10px;flex:1 1 auto}.user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#f3eefb,#efe8ff);flex-shrink:0}.user-main{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-username,.user-email,.user-phone{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-btn{background:transparent;border:none;width:36px;height:36px;display:inline-grid;place-items:center;border-radius:8px;cursor:pointer;color:#6f5cc3}.user-divider{height:1px;background:#f3f3f3;margin:10px 0}.user-row{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}.status-pill{padding:6px 8px;border-radius:999px;font-size:12px;font-weight:600}.orders-badge{background:#f3f4f6;color:#374151;padding:4px 8px;border-radius:8px;font-size:12px;margin-right:6px}.audit-header .search-input{flex:1 1 auto}.icon-action,.user-menu-btn{min-width:44px;min-height:44px}}.header-actions{display:flex;gap:10px;align-items:center}@media(max-width:768px){.header-actions{width:100%;flex-wrap:wrap}.header-actions .search-input{flex:1 1 100%;max-width:none;min-width:0}.header-actions .add-user-btn{flex:0 0 auto}.header-actions .add-user-btn.archive{order:3}.user-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0}.user-row .user-label{color:#6b7280;font-weight:600;font-size:13px}.user-row .user-value{color:#111827;font-size:13px;text-align:right}.user-card{padding:10px}.user-divider{margin:8px 0}.user-menu-btn{align-self:flex-start}}@media(max-width:420px){html,body,.app-layout,.body-layout,.content{min-width:0;width:100%}.body-layout{flex-direction:column;align-items:stretch}.content{padding:6px}.main-content{width:calc(100% - 12px)!important;max-width:none!important;margin:8px auto!important;padding:12px!important;border-radius:10px}.hero,.hero-section,.products-grid,.dashboard-layout,.dashboard-stats{width:100%!important;max-width:none!important}*{min-width:0}body{overflow-x:hidden}}@media(max-width:480px){html,body{width:100%;overflow-x:hidden}.navbar{padding:0 8px!important;height:56px!important}.brand{font-size:18px!important}.menu-toggle{font-size:18px!important;width:40px!important;height:40px!important}.navContainer,.main-content,.content,.app-layout,.body-layout{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}.main-content{padding:10px!important;border-radius:8px!important}.hero-section{width:100vw!important;margin:0!important;left:0!important;right:0!important;box-sizing:border-box}.products-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.top-product-item{max-width:160px!important;min-width:0!important}.audit-table th,.audit-table td{padding:8px!important;font-size:12px!important}}@media(max-width:420px){.main-content .hero-section{position:relative!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;width:100vw!important;max-width:none!important;padding-left:12px!important;padding-right:12px!important;min-height:380px!important;height:auto!important}.main-content .hero-section .hero-content{max-width:560px!important;padding-left:10px!important;padding-right:10px!important}.top-product-item{min-width:120px!important;max-width:160px!important}.products-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.body-layout{flex-direction:column;min-height:calc(100vh - 120px)}.content{padding:8px}.main-content{max-width:none;margin:12px;padding:16px;border-radius:12px}.brand{font-size:20px}}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:768px){.mobile-only{display:block}.desktop-only{display:none!important}}.page-enter{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){img,.product-img,.stock-img,.avatar-img{max-width:100%;height:auto}.main-content{padding:16px}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.top-product-item,.category-card,.feature-card{min-width:0;max-width:100%}.stat-card{padding:14px}.today-card{padding:16px}.orders-card,.low-stock-card{max-height:none}.orders-list .order-item{flex-direction:column;align-items:flex-start;gap:8px}.order-details{align-items:flex-start}.audit-table-wrapper{overflow:auto}}@media(max-width:768px){.body-layout{flex-direction:column}.navbar{height:56px}.brand{font-size:18px}.menu-toggle{display:block}.main-content{margin:10px;padding:12px;border-radius:10px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-bottom,.today-stats{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,1fr)}.top-product-item{min-width:0;max-width:100%}.hero-section{min-height:320px!important;padding:12px!important}.hero-title{font-size:28px!important}.hero-subtitle{font-size:14px!important}.feature-card,.category-card{padding:12px}.feature-title,.category-name{font-size:14px}.footer .newsletterSection,.footer .mainContent{padding:24px 6%!important}}@media(max-width:480px){html,body{font-size:14px}.brand{font-size:16px!important}.menu-toggle{width:40px!important;height:40px!important}.main-content{padding:10px!important;margin:6px!important}.main-content,.content{width:100%!important;max-width:100%!important}.hero-section{min-height:280px!important}.hero-content{padding:8px!important}.hero-title{font-size:22px!important}.hero-buttons .primary-btn,.hero-buttons .secondary-btn{width:100%!important;padding:12px!important}.products-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.top-product-item{max-width:160px!important}.feature-card,.category-card{padding:10px!important}.audit-table-wrapper,.orders-card{overflow-x:auto}.audit-table th,.audit-table td{padding:8px!important}.footer .newsletterContainer{flex-direction:column!important}.footer .linksSection{grid-template-columns:1fr!important}.footer .bottomContainer{flex-direction:column!important;text-align:center}*{box-sizing:border-box}body{overflow-x:hidden}}#root{width:100%;max-width:none;margin:0;padding:0;text-align:left}.card{padding:2em}.read-the-docs{color:#888}@media screen and (max-width:1024px){.cart-container{grid-template-columns:1fr!important}.cart-summary-section{position:relative!important;top:auto!important}}@media screen and (max-width:768px){.cart-card{grid-template-columns:40px 80px 1fr!important;grid-template-rows:auto auto auto!important;gap:12px!important;padding:16px!important}.cart-card-checkbox{grid-row:1 / 4}.cart-card-image{width:80px!important;height:80px!important}.cart-card-info{grid-column:3}.cart-card-quantity{grid-column:2 / 4;justify-self:start!important}.cart-card-subtotal{grid-column:2 / 3;align-items:flex-start!important}.cart-card-remove{grid-column:3;justify-self:end!important}.cart-header{flex-direction:column!important;align-items:flex-start!important}.cart-title{font-size:24px!important}.cart-continue-btn{width:100%;justify-content:center}.cart-trust-badges{flex-direction:column!important;gap:12px!important}}@media screen and (max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)!important;gap:20px!important}}@media screen and (max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;padding:0 12px!important}.product-wrapper{padding:20px 12px!important}.product-search-container{max-width:100%!important;padding:0 12px}.product-search-input{font-size:16px!important}.product-pagination{gap:8px!important}.product-page-btn{padding:8px 14px!important;font-size:13px!important}.product-page-numbers{display:none!important}}@media screen and (max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media screen and (max-width:768px){.product-card{border-radius:12px!important}.product-card-image{height:180px!important}.product-card-info{padding:12px!important}.product-card-name{font-size:14px!important}.product-card-price{font-size:16px!important}.product-card-btn{padding:10px!important;font-size:13px!important}.product-card{width:100%!important;max-width:none!important;margin:0 auto!important}.product-card .product-card-image img{width:100%!important;height:auto!important;max-height:220px!important;object-fit:contain!important}}@media screen and (max-width:480px){.product-card-image{height:150px!important}.product-card-info{padding:10px!important}.product-card-name{font-size:13px!important;line-height:1.3!important}.product-card-price{font-size:15px!important}.product-card-btn{padding:8px!important;font-size:12px!important}}@media screen and (max-width:768px){.category-tabs{padding:10px 18px!important;gap:14px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;scroll-padding-left:16px;justify-content:flex-start!important}.category-tabs::-webkit-scrollbar{display:none}.category-tab{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:76px!important;padding:8px 16px!important;font-size:13px!important;white-space:nowrap;flex-shrink:0;border-radius:20px!important;scroll-snap-align:start;background-color:#fff!important;border:1px solid rgba(216,206,235,.6)!important;box-sizing:border-box!important;text-align:center!important}.category-tab.active{transform:none!important;font-weight:700!important;z-index:5!important;box-shadow:0 8px 20px #00000014!important;border-color:#8264e6e6!important;background:linear-gradient(90deg,#8264e6f2,#643cc8f2)!important;color:#fff!important}@media(max-width:360px){.category-tab{min-width:60px!important;padding:6px 10px!important;font-size:12px!important}}}@media screen and (max-width:1024px){.checkout-container{grid-template-columns:1fr!important;gap:24px!important}.checkout-summary{position:relative!important;top:auto!important;order:-1}}@media screen and (max-width:768px){.checkout-page{padding:20px 12px!important}.checkout-title{font-size:24px!important}.checkout-form-card{padding:20px!important;border-radius:16px!important}.checkout-form-grid{grid-template-columns:1fr!important}.checkout-input{font-size:16px!important}}@media screen and (max-width:768px){.profile-container{flex-direction:column!important;padding:16px!important}.profile-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid #e5e7eb!important;padding-bottom:20px!important;margin-bottom:20px!important}.profile-content{padding-left:0!important}.profile-avatar{width:80px!important;height:80px!important}.mobile-bottom-nav .sidebar-menu-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:1 1 auto!important;min-width:calc(50% - 6px)!important}.mobile-bottom-nav .sidebar-menu-item .sidebar-icon{flex:0 0 auto!important}.mobile-bottom-nav .sidebar-menu-item .sidebar-label{display:inline-block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:calc(100% - 28px)!important;font-size:12px!important;line-height:1!important}}@media(max-width:360px){.mobile-bottom-nav .sidebar-menu-item .sidebar-label{font-size:11px!important}}@media screen and (max-width:768px){.message-container{flex-direction:column!important;height:auto!important}.message-sidebar{width:100%!important;max-height:300px!important;border-right:none!important;border-bottom:1px solid #e5e7eb!important}.message-chat{height:60vh!important}.message-input-container{padding:12px!important}.mobile-bottom-nav{position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;height:auto!important;border-radius:14px!important;padding:6px 10px!important;background:#e9e1f6!important;box-shadow:0 8px 24px #0000001f!important;z-index:1100!important;display:flex!important;justify-content:center!important}.mobile-bottom-nav .sidebar-menu{gap:6px!important;width:100%!important;max-width:720px!important;justify-content:space-between!important}.mobile-bottom-nav .sidebar-menu-item{padding:6px 8px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-width:0!important}.mobile-bottom-nav .sidebar-menu{gap:6px!important;width:100%!important;max-width:720px!important;justify-content:space-around!important;align-items:center!important}.mobile-bottom-nav .sidebar-menu-item{padding:6px 10px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;min-width:0!important;flex:1!important;gap:8px!important}.mobile-bottom-nav .sidebar-menu-item .sidebar-label{font-size:10px!important;margin-top:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;max-width:60px!important;display:inline-block!important;line-height:1!important;align-items:flex-start!important;gap:8px!important}.order-items-grid{grid-template-columns:1fr!important}.order-item{flex-direction:row!important;gap:12px!important}.order-item-image{width:60px!important;height:60px!important}.order-timeline{padding-left:20px!important}.order-timeline:before{left:6px!important}}@media screen and (max-width:768px){.payment-container{grid-template-columns:1fr!important}.payment-methods-grid{grid-template-columns:1fr!important;gap:12px!important}.payment-method-card{padding:16px!important}.payment-bank-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.payment-qr-section{padding:20px!important}.payment-qr-image{width:200px!important;height:200px!important}}@media screen and (max-width:768px){.about-hero{padding:60px 20px!important}.about-hero-title{font-size:32px!important}.about-section{padding:40px 20px!important}.about-grid{grid-template-columns:1fr!important;gap:24px!important}.about-team-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.about-stats{flex-wrap:wrap!important}.about-stat-item{min-width:calc(50% - 12px)!important}.about-section{padding:28px 16px!important;gap:28px!important}.about-row{display:flex!important;flex-direction:column!important;align-items:center!important;gap:18px!important;padding:0!important}.about-image{width:100%!important;max-width:100%!important;height:220px!important;object-fit:cover!important;border-radius:18px!important;box-shadow:none!important}.about-text{max-width:100%!important;text-align:left!important}.about-title{font-size:22px!important;text-align:left!important}.about-paragraph{font-size:15px!important;line-height:1.6!important;color:#374151!important}.about-story{margin:30px auto!important;padding:0 16px!important}.about-contact{padding:36px 16px!important}}@media screen and (max-width:768px){.customize-container{flex-direction:column!important}.customize-preview{width:100%!important;height:300px!important;position:relative!important}.customize-options{width:100%!important;padding:20px!important}.customize-color-grid{grid-template-columns:repeat(6,1fr)!important}.customize-size-grid{grid-template-columns:repeat(4,1fr)!important}}@media screen and (max-width:768px){.voucher-grid{grid-template-columns:1fr!important;gap:16px!important}.voucher-card{flex-direction:column!important}.voucher-left{border-right:none!important;border-bottom:2px dashed #e5e7eb!important;padding-bottom:16px!important}}@media screen and (max-width:768px){body{overflow-x:hidden}.btn-mobile-full{width:100%!important}.flex-mobile-col{flex-direction:column!important}.text-mobile-center{text-align:center!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}.w-mobile-full{width:100%!important}.p-mobile-sm{padding:12px!important}.grid-mobile-1{grid-template-columns:1fr!important}.grid-mobile-2{grid-template-columns:repeat(2,1fr)!important}}@media(hover:none)and (pointer:coarse){button,a,input[type=checkbox],.clickable{min-height:44px;min-width:44px}.card:hover,.product-card:hover,.btn:hover{transform:none!important;box-shadow:inherit!important}.card:active,.product-card:active,.btn:active{transform:scale(.98)!important;opacity:.9}}@supports (padding: max(0px)){.navbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}.mobile-sidebar{padding-left:max(16px,env(safe-area-inset-left))}}@media screen and (max-width:896px)and (orientation:landscape){.hero-section{min-height:100vh!important;height:auto!important}.hero-content{padding:20px!important}.hero-title{font-size:28px!important}.floating-stats{display:none!important}}@media print{.navbar,.footer,.mobile-menu,.sidebar{display:none!important}.page-content{padding:0!important}}@media screen and (max-width:768px){.hero-section{min-height:100vh!important;height:auto!important}.hero-title{font-size:32px!important;line-height:1.2!important;padding:0 10px!important}.hero-subtitle{font-size:15px!important;padding:0 20px!important}.hero-badge{font-size:12px!important;padding:8px 16px!important}.hero-buttons{flex-direction:column!important;gap:12px!important;width:100%!important;padding:0 20px!important}.primary-btn,.secondary-btn{width:100%!important;justify-content:center!important;padding:14px 24px!important;font-size:14px!important}.slide-indicators{bottom:100px!important}.floating-stats{display:none!important}}@media screen and (max-width:480px){.hero-title{font-size:26px!important}.hero-subtitle{font-size:14px!important}}@media screen and (max-width:1024px){.features-section{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;padding:24px 16px!important}}@media screen and (max-width:768px){.features-section{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:20px 12px!important}.feature-card{padding:16px!important;border-radius:12px!important}.feature-icon{width:40px!important;height:40px!important;font-size:18px!important}.feature-title{font-size:13px!important}.feature-desc{font-size:11px!important;display:none!important}}@media screen and (max-width:1024px){.categories-section{padding:60px 24px!important}.categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}}@media screen and (max-width:768px){.categories-section{padding:40px 16px!important}.section-title{font-size:24px!important}.section-subtitle{font-size:14px!important}.categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.category-card{border-radius:16px!important}.category-image{height:140px!important}.category-name{font-size:14px!important}.category-count{font-size:11px!important}}@media screen and (max-width:1024px){.bestsellers-section{padding:60px 24px!important}.products-grid{grid-template-columns:repeat(3,1fr)!important;gap:20px!important}}@media screen and (max-width:768px){.bestsellers-section{padding:40px 16px!important}.products-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.view-all-btn{width:100%!important;margin-top:24px!important;padding:14px 24px!important}}@media screen and (max-width:768px){.promo-banner{padding:40px 20px!important;margin:40px 0!important}.promo-title{font-size:24px!important}.promo-subtitle{font-size:14px!important;padding:0 10px!important}.promo-btn{width:100%!important;max-width:250px!important;padding:14px 24px!important}}@media screen and (max-width:1024px){.testimonials-section{padding:60px 24px!important}.testimonials-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}}@media screen and (max-width:768px){.testimonials-section{padding:40px 16px!important}.testimonials-grid{grid-template-columns:1fr!important;gap:16px!important}.testimonial-card{padding:24px 20px!important;border-radius:16px!important}.testimonial-text{font-size:14px!important}}@media screen and (max-width:768px){.newsletter-section{padding:40px 16px!important}.newsletter-title{font-size:24px!important}.newsletter-subtitle{font-size:14px!important;padding:0 10px!important}.newsletter-form{flex-direction:column!important;gap:12px!important;width:100%!important;max-width:none!important}.newsletter-input{width:100%!important;border-radius:12px!important;font-size:16px!important}.newsletter-btn{width:100%!important;border-radius:12px!important;padding:14px 24px!important}}@media screen and (max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:32px!important}}@media screen and (max-width:768px){.footer-container{padding:40px 20px!important}.footer-grid{grid-template-columns:1fr!important;gap:32px!important;text-align:center!important}.footer-links,.footer-social{justify-content:center!important}.footer-bottom{flex-direction:column!important;gap:16px!important;text-align:center!important}.footer-badges{justify-content:center!important}}