:root{--primary-color: #007bff;--secondary-color: #6c757d;--dark-color: #333;--light-color: #fff;--text-dark: #212529;--text-muted: #666;--bg-light: #f8f9fa;--bg-hover: #e9ecef;--danger-color: #dc3545;--warning-bg: #ffc1071a;--overlay-dark: rgba(0, 0, 0, .5);--gradient-start: #204ff5;--gradient-mid: #36c5f5;--gradient-end: #42f295;--border-light: #eee;--border-medium: #dee2e6;--border-dark: #e8e8e8;--border-radius-sm: 5px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-light: 0 2px 5px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 15px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 .25rem rgba(13, 110, 253, .25);--spacing-xs: 5px;--spacing-sm: 7px;--spacing-md: 15px;--spacing-lg: 20px;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-weight-bold: 600;--line-height-base: 1.6}#contentX{height:80vh;margin:0;padding:0}.scrollbox{overflow:auto;max-height:12rem;margin-top:var(--spacing-lg)}.modal.show{background:var(--overlay-dark)}.section-title{color:var(--text-dark);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color);display:inline-block;margin-bottom:0}.backto a{transition:all .3s ease}.backto a:hover{background-color:var(--primary-color);color:var(--light-color)}.card{border:none;box-shadow:var(--shadow-light);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-hover)}.btn-primary{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);background:var(--primary-color);border:none;color:var(--light-color)}.btn-primary{background:linear-gradient(90deg,rgba(32,79,245,1) 0%,rgba(54,197,245,1) 45%,rgba(66,242,149,1) 100%);background-size:200% auto;transition:all .5s ease;border:0}.btn-primary:hover{background:linear-gradient(264deg,rgba(32,79,245,1) 0%,rgba(54,197,245,1) 45%,rgba(66,242,149,1) 100%);filter:brightness(1.1);box-shadow:0 5px 15px #204ff54d;transform:scale(1.01)}.btn-theme,.btn-view{background:linear-gradient(90deg,var(--gradient-start) 0%,var(--gradient-mid) 45%,var(--gradient-end) 100%);border:none;border-radius:var(--border-radius-lg);color:var(--light-color);text-transform:uppercase}.btn-theme{font-size:18px;font-weight:var(--font-weight-bold);line-height:34px}.product-list-page .filter-section{background:var(--bg-light);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.product-list-page .category-filter{margin-bottom:var(--spacing-sm)}.product-list-page .product-card{transform:translateY(0)}.product-list-page .product-card:hover{transform:translateY(-5px)}.product-list-page .product-image{padding:var(--spacing-sm)}.product-list-page .product-image img{width:100%;height:200px;object-fit:cover;border-radius:var(--border-radius-sm)}.product-list-page .card-body{padding:var(--spacing-md)}.product-list-page .card-title{margin-bottom:var(--spacing-sm);font-size:1.1rem;color:var(--text-dark)}.product-list-page .price{color:var(--text-muted);margin-bottom:var(--spacing-md)}.product-details-page .product-gallery{margin-bottom:var(--spacing-lg)}.product-details-page .carousel{border-radius:var(--border-radius-md);overflow:hidden}.product-details-page .carousel img{height:400px;object-fit:contain;background:var(--bg-light);padding:var(--spacing-lg)}.product-details-page .product-title{color:var(--text-dark);font-size:1.8rem;margin-bottom:var(--spacing-lg)}.product-details-page .price-section{padding:var(--spacing-md) 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.product-details-page .price-label{color:var(--text-muted);font-size:1.1rem;margin-bottom:var(--spacing-xs)}.product-details-page .price{font-size:1.5rem}.product-details-page .add-to-cart-form .btn{padding:var(--spacing-sm);font-size:1.1rem}.product-details-page .description-section{margin-top:var(--spacing-lg)}.product-details-page .product-description{line-height:var(--line-height-base);color:var(--secondary-color)}.cart-page .cart-item{border:1px solid var(--border-light);position:relative}.cart-item.out-of-stock{border-color:var(--danger-color);background:lighten(var(--danger-color),45%)}.cart-page .cart-item img{max-height:100px;object-fit:cover}.cart-item .card-body{padding:var(--spacing-md)}.cart-item .item-remove{background:transparent;border:1px solid var(--danger-color);color:var(--danger-color);padding:.25rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all .2s ease}.cart-item .item-remove:hover{background:var(--danger-color);color:var(--light-color);border-color:var(--danger-color)}@media (max-width: 576px){.cart-item .card-body{padding:var(--spacing-sm)}.cart-item .item-remove{width:1.25rem;height:1.25rem}.cart-item .item-remove .bi-x{font-size:1rem}}.cart-item .quantity-control .input-group-sm{max-width:120px}.cart-item .quantity-control .btn-outline-secondary{padding:.2rem .5rem;font-size:var(--font-size-sm)}.cart-item .quantity-control .quantity-input{max-width:50px;padding:.2rem;font-size:var(--font-size-sm)}.cart-page .quantity-control .input-group{max-width:150px}.cart-page .quantity-input{max-width:60px}.cart-page .item-remove{padding:6px 12px}.cart-page .cart-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.cart-page .summary-card .card-title{margin-bottom:var(--spacing-sm)}.checkout-page .card-title{border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.checkout-page .balance-info,.checkout-page .order-summary{font-size:var(--font-size-md)}.checkout-page .balance-info .fw-bold,.checkout-page .order-summary .fw-bold{color:var(--primary-color)}.checkout-page .form-label{font-weight:500;color:var(--text-dark)}.checkout-page .form-control,.checkout-page .form-select{border-radius:var(--border-radius-sm)}.checkout-page .payment-details,.checkout-page .shipping-details{margin-top:var(--spacing-md)}.checkout-page .checkout-actions{margin-top:var(--spacing-lg)}.order-info-page .invoice-header h4{color:var(--text-dark);font-size:1.5rem}.order-info-page .section-subtitle{color:var(--text-dark);font-size:1.1rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-light)}.order-info-page .small{color:var(--text-muted);line-height:var(--line-height-base)}.order-info-page .card-header{background-color:var(--bg-light);border-bottom:1px solid var(--border-light)}.order-info-page .table th{border-top:none}.order-info-page .table tfoot tr:first-child th,.order-info-page .table tfoot tr:nth-child(2) th{border-top:1px solid var(--border-medium)}.order-info-page .table tfoot .fw-bold{color:var(--primary-color)}.sponsor-network-page .referral-card{transform:translateY(0)}.sponsor-network-page .referral-card:hover{transform:translateY(-2px)}.sponsor-network-page .member-avatar{margin:0;padding:var(--spacing-sm)}.sponsor-network-page .member-avatar img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:2px solid var(--border-light)}.sponsor-network-page .card-body p{font-size:.95rem;color:var(--text-muted);line-height:1.4}.sponsor-network-page .card-body p strong{color:var(--text-dark);font-weight:var(--font-weight-bold)}.placement-network-page .search-form .form-control{border-radius:var(--border-radius-sm);padding:8px 12px}.placement-network-page .scroll-fix{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-md)}.placement-network-page #communityTree,.placement-network-page #search_mytree{min-width:100%}@media (max-width: 767.98px){.product-list-page .product-image img{height:150px}.product-list-page .card-body,.cart-page .card-body{padding:var(--spacing-sm)}.product-list-page .btn,.placement-network-page .btn-primary,.placement-network-page .btn-outline-primary{padding:6px 12px;font-size:.9rem}.product-details-page .carousel img{height:300px}.product-details-page .product-title{font-size:1.5rem}.product-details-page .price{font-size:1.3rem}.cart-page .cart-item img{max-height:80px}.cart-page .quantity-control .input-group{max-width:120px}.cart-page .cart-actions{flex-direction:column;align-items:stretch}.cart-page .cart-actions .btn{width:100%}.checkout-page .card-title{font-size:1.1rem}.checkout-page .btn-primary{padding:var(--spacing-sm);font-size:var(--font-size-md)}.order-info-page .invoice-header h4{font-size:1.3rem}.order-info-page .section-subtitle{font-size:var(--font-size-md)}.order-info-page .small,.sponsor-network-page .card-body p{font-size:.9rem}.order-info-page .table,.sponsor-network-page .section-title{font-size:1.5rem}.sponsor-network-page .member-avatar{padding:var(--spacing-xs)}.placement-network-page .search-form .form-control{padding:6px 10px}}@media (max-width: 575.98px){.product-list-page .filter-section{padding:var(--spacing-sm)}.product-list-page .product-image img{height:120px}.product-details-page .carousel img{height:200px}.product-details-page .add-to-cart-form .btn{padding:8px;font-size:var(--font-size-md)}.cart-page .cart-item img{max-height:60px}.cart-page .card-title{font-size:var(--font-size-md)}.checkout-page .row.g-3{margin-bottom:0}.checkout-page .form-label{margin-bottom:var(--spacing-xs)}.order-info-page .invoice-header{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.order-info-page .table{font-size:.85rem}.sponsor-network-page .row.g-3{flex-direction:column;align-items:center}.sponsor-network-page .col-5,.sponsor-network-page .col-7{width:100%;max-width:250px}.sponsor-network-page .member-avatar{margin-bottom:var(--spacing-md)}.sponsor-network-page .card-body p{text-align:center}.sponsor-network-page .btn-primary{width:100%}.placement-network-page .row.g-3{flex-direction:column}.placement-network-page .search-form .btn-primary{width:100%}.placement-network-page .section-title{font-size:1.3rem}}#data-wrapper{position:relative}#data-wrapper.data-loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-dark);z-index:10}#data-wrapper.data-loading:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:4px solid var(--light-color);border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%);z-index:11}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pagination-section{padding:1rem;border-radius:var(--border-radius-md);background-color:#b7b7b7;box-shadow:var(--shadow-light)}.pagination-section .pagination{justify-content:center;align-items:center}.pagination-section .page-link{border-radius:var(--border-radius-sm);margin:0 3px;padding:.375rem .75rem;color:var(--primary-color);border:1px solid var(--border-medium);transition:all .2s ease-in-out}.pagination-section .page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--light-color);transform:scale(1.05);box-shadow:var(--shadow-light)}.pagination-section .page-link:hover{transform:scale(1.05);background-color:var(--bg-hover);border-color:var(--border-medium);box-shadow:var(--shadow-light)}.pagination-section .page-item.disabled .page-link{opacity:.7;transform:scale(1);color:var(--secondary-color);background-color:var(--light-color);cursor:not-allowed}.pagination-section .input-group-text{background-color:var(--primary-color);color:var(--light-color);border:none;transition:all .2s ease-in-out}.pagination-section .input-group:hover .input-group-text{transform:scale(1.02);box-shadow:var(--shadow-light)}.pagination-section .form-control{border-color:var(--primary-color);transition:all .2s ease-in-out}.pagination-section .form-control:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.pagination-section .btn-primary{border-radius:var(--border-radius-sm);padding:.375rem 1rem;transition:all .2s ease-in-out}.pagination-section .btn-primary:hover{transform:scale(1.02);box-shadow:var(--shadow-light)}.pagination-section .records-info-text{padding:.5rem 1rem;background-color:var(--bg-hover);border-radius:50rem;color:#495057;font-size:var(--font-size-sm)}@media (min-width: 768px){.pagination-section .pagination-controls{text-align:left}.pagination-section .goto-form{text-align:center}.pagination-section .records-info{text-align:right}}@media (max-width: 767.98px){.pagination-section .pagination-controls,.pagination-section .goto-form,.pagination-section .records-info{text-align:center;margin-bottom:1rem}.pagination-section .row{flex-wrap:wrap}.pagination-section .col-12{flex:0 0 100%;max-width:100%}}.help-widget{border:1px solid var(--border-light);padding:.2rem;background:var(--warning-bg);margin:.5rem 0}.help-widget ol{padding-left:1rem}.profile-card{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.profile-card h3{color:var(--primary-color);margin-bottom:1.25rem;font-weight:var(--font-weight-bold)}.profile-card .profile-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--border-dark)}.profile-card .profile-item:last-child{border-bottom:none}.profile-card .label{font-weight:500;color:#495057;flex:0 0 40%;margin-right:1rem}.profile-card .value{color:var(--text-dark);flex:1;word-break:break-word}.profile-card .value.highlight{color:var(--primary-color);font-weight:500}.credit-requirement-widget{font-size:11px;color:#000}.data-value-title{display:flex;flex-direction:column;gap:.3rem}@media (max-width: 576px){.data-value-title{flex-direction:row}}.order-summary th,.order-summary td{border-left:0!important;border-right:0!important;border-top:0!important;background:transparent!important}.table.order-summary tbody tr td{background-color:transparent!important;border-bottom:1px solid var(--border-light);color:var(--text-dark);font-size:var(--font-size-md)}.theme-row{background:var(--bg-light);border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:all .3s ease}.theme-row:hover{background:var(--bg-hover);box-shadow:var(--shadow-hover)}.theme-row .fw-bold{font-size:1.1rem;color:#2c3e50}.theme-row .row-details{font-size:.9rem;color:var(--secondary-color);line-height:1.4}.theme-row .btn-custom{background:transparent;border:none;color:var(--primary-color);padding:0;text-decoration:none;margin:0;font-weight:var(--font-weight-bold)}.theme-row .btn-custom:hover{background:transparent;color:#2c3e50}@media (max-width: 576px){.theme-row{padding:var(--spacing-sm)}.theme-row .fw-bold{font-size:var(--font-size-md)}.theme-row .row-details{font-size:.85rem}.theme-row img{max-width:80px}.theme-row .btn-custom{padding:.2rem .5rem;font-size:.8rem}}.theme-heading{color:var(--blue);font-size:25px;text-transform:initial;margin:0}.my-qr{padding:15px;background:#fff;border-radius:12px;border:1px solid #f1f1f1}.btn-custom-opacity{opacity:.5!important}.address-widget{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.box-widget{border:1px solid rgba(0,0,0,.1);padding:1.25rem;background-color:#fff;transition:all .3s ease;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;min-height:22vh}.box-widget:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;transform:translateY(-2px)}.box-widget h2{margin-bottom:.8rem;color:#333}.box-widget h6{font-weight:500;color:#555}.box-widget .btn-action{text-decoration:underline;transition:all .2s}.btn-action{text-decoration:underline;transition:all .2s;background:transparent;border:0;color:#204ff5}.btn-action:hover{color:#1559e3;text-decoration:none;transform:scale(1.05)}.box-widget hr{opacity:.15}@media (max-width: 767.98px){.box-widget{border:1px solid rgba(0,0,0,.1);padding:1.25rem;background-color:#fff;transition:all .3s ease;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;min-height:18vh}}input:disabled,input:read-only,.form-select[disabled],.form-select[readonly]{background-color:#bcbcbc!important}.modal .btn-secondary{background:linear-gradient(90deg,#2050f5 0%,#7a5fff 33%,#ff4f81 66%,#ff6666 100%);border:0;border-radius:12px;color:var(--bs-white);font-size:18px;font-weight:600;line-height:34px;text-transform:uppercase;width:100%}.modal .btn-secondary:hover{filter:brightness(1.1);transform:scale(1.02);transition:all .2s ease-in-out}.cropper-container{max-width:100%!important}