@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap);.header{background:#fff;box-shadow:none;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{height:72px;justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{gap:8px}.logo-text{color:var(--primary);font-size:26px;font-weight:700;letter-spacing:-.5px}.nav{display:flex;gap:40px}.nav-link{color:var(--gray-600);font-size:15px;font-weight:500;position:relative;transition:var(--transition)}.nav-link:hover{color:var(--primary)}.nav-link:after{background:var(--primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .2s ease}.nav-link:hover:after{transform:scaleX(1)}.header-actions{align-items:center;display:flex;gap:12px}.lang-toggle{background:#fff;border:1.5px solid var(--gray-200);border-radius:50%;color:var(--gray-600);cursor:pointer;font-size:14px;font-weight:600;height:40px;transition:var(--transition);width:40px}.lang-toggle:hover{border-color:var(--primary);color:var(--primary)}.cart-link{align-items:center;color:var(--gray-600);display:flex;height:40px;justify-content:center;position:relative;transition:var(--transition);width:40px}.cart-link:hover{color:var(--primary)}.cart-badge{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:2px;top:2px}.auth-links{display:flex;gap:8px}.user-menu{position:relative}.user-menu-btn{background:none;border:none;cursor:pointer;padding:0}.user-avatar,.user-menu-btn{align-items:center;display:flex}.user-avatar{background:var(--primary);border-radius:50%;color:#fff;font-size:15px;font-weight:600;height:40px;justify-content:center;transition:var(--transition);width:40px}.user-menu-btn:hover .user-avatar{background:var(--primary-dark)}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:40}.dropdown-menu{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:none;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:50}.dropdown-header{background:var(--gray-50);padding:16px}.dropdown-name{color:var(--dark);display:block;font-weight:600;margin-bottom:2px}.dropdown-email{color:var(--gray-500);display:block;font-size:13px}.dropdown-menu a,.dropdown-menu button{background:none;border:none;color:var(--gray-700);cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 16px;text-align:start;transition:var(--transition);width:100%}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--gray-50);color:var(--primary)}.dropdown-divider{background:var(--gray-100);height:1px;margin:4px 0}@media (max-width:768px){.auth-links .btn:first-child,.nav{display:none}.header-content{height:64px}.logo-text{font-size:22px}}[dir=rtl] .dropdown-menu{left:0;right:auto}.customer-nav{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:6px 0}.customer-nav-content{align-items:center;display:flex;justify-content:space-between}.customer-info{align-items:center;display:flex;gap:8px}.customer-greeting{color:#666;font-size:12px;font-weight:500}.customer-link,.customer-links{display:flex;gap:4px}.customer-link{align-items:center;background:#0000;border:1px solid #0000;border-radius:20px;color:#666;font-size:12px;font-weight:500;padding:5px 10px;text-decoration:none}.customer-link:hover{background:#fff;border-color:#ddd}.customer-link.active{background:#fff;border-color:#0f766e;border-color:var(--primary,#0f766e);color:#0f766e;color:var(--primary,#0f766e)}.link-icon{font-size:11px}.cart-link-nav{background:#e8f5e9!important;border-color:#4caf50!important;color:#2e7d32!important}.checkout-link-nav{background:#0f766e!important;background:var(--primary,#0f766e)!important;border-color:#0f766e!important;border-color:var(--primary,#0f766e)!important;color:#fff!important}.checkout-link-nav:hover{opacity:.9}@media (max-width:768px){.customer-nav-content{flex-direction:column;gap:6px}.customer-links{justify-content:center;width:100%}.customer-link{font-size:11px;padding:5px 8px}}.footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;margin-top:auto;padding:48px 0 24px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:40px}.footer-section.footer-brand h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin-bottom:16px}.footer-section h4{color:#a0aec0;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.footer-section p{color:#718096;font-size:14px;line-height:1.8}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#718096;display:inline-block;font-size:14px;position:relative;transition:all .3s ease}.footer-section ul li a:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;position:absolute;transition:width .3s ease;width:0}.footer-section ul li a:hover{color:#fff;transform:translateX(4px)}.footer-section ul li a:hover:after{width:100%}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:24px;text-align:center}.footer-bottom p{color:#4a5568;font-size:14px}@media (max-width:992px){.footer-content{gap:32px;grid-template-columns:1fr 1fr}.footer-section.footer-brand{grid-column:span 2}}@media (max-width:576px){.footer-content{gap:24px;grid-template-columns:1fr}.footer-section.footer-brand{grid-column:span 1}.footer{padding:32px 0 20px}}.footer-simple{background:#f5f5f5;padding:16px 0}.footer-simple .footer-bottom{border:none;padding:0}.footer-simple .footer-bottom p{color:#666;font-size:14px;margin:0}.footer-simple .footer-bottom a{color:var(--primary);text-decoration:none}.footer-simple .footer-bottom a:hover{text-decoration:underline}.product-card{background:#fff;border:1px solid #eee;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;width:100%}.product-image{aspect-ratio:1;background:#f5f5f5;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;width:100%}.featured-badge{background:var(--primary);border-radius:20px;color:#fff;font-size:11px;font-weight:600;left:12px;padding:5px 12px;position:absolute;top:12px}.product-info{display:flex;flex:1 1;flex-direction:column;padding:16px}.product-category{color:#888;font-size:12px;font-weight:500;margin-bottom:6px}.product-name{font-size:15px;line-height:1.4;margin-bottom:8px}.product-price{font-size:18px;margin-bottom:14px;margin-top:auto}.add-to-cart-btn{border-radius:20px;font-size:14px;font-weight:600;padding:12px 16px;width:100%}.btn-added{background:#e8f5e9!important;border:1px solid #4caf50!important;color:#2e7d32!important}@media (max-width:768px){.product-card{border-radius:20px}.product-info{padding:14px}.product-category{font-weight:600}.product-name{font-size:14px;font-weight:700}.product-price{font-size:17px;font-weight:800}.add-to-cart-btn{font-size:13px;font-weight:700;padding:10px 14px}}.product-price-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.product-price-original{color:#9ca3af;font-size:14px;font-weight:500;text-decoration:line-through}.product-price-sale{color:#dc2626!important;font-size:18px!important;font-weight:700!important}.product-price-save{background:#d1fae5;border-radius:10px;color:#059669;font-size:12px;font-weight:600;padding:2px 8px}.sale-badge{background:#dc2626;border-radius:20px;color:#fff;font-size:12px;font-weight:700;left:10px;padding:4px 12px;position:absolute;top:10px;z-index:2}.home{background:var(--gray-50);min-height:calc(100vh - 140px);padding:40px 0}.products-section{padding:20px 0}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.products-grid .product-card{max-width:100%;width:100%}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.home{padding:24px 0}.products-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.home{padding:16px 0}.products-grid{gap:16px;grid-template-columns:1fr}}.products-page{min-height:100vh;padding:24px 0}.page-header h1{color:var(--gray-900)}.products-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:280px 1fr}.filters-sidebar{background:#fff;border:1px solid var(--gray-100);border-radius:20px;box-shadow:none;height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:100px}.filter-section,.filter-section:last-of-type{margin-bottom:24px}.filter-section h3{color:var(--gray-700);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.filter-section .form-input{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:20px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.filter-section .form-input:focus{background:#fff;border-color:var(--primary);box-shadow:none;outline:none}.filter-section .form-input::placeholder{color:var(--gray-400)}.price-inputs{align-items:center;display:flex;gap:12px}.price-inputs .form-input{flex:1 1;min-width:0}.price-inputs span{color:var(--gray-400);font-weight:500}.btn-block{border-radius:20px;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-secondary{border:none}.btn-secondary:hover{background:var(--gray-200)}.products-content{min-height:400px}.products-header{align-items:center;background:var(--gray-50);border-radius:20px;color:var(--gray-600);display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.no-products{background:#fff;border-radius:20px;box-shadow:none;padding:80px 20px;text-align:center}.no-products p{color:var(--gray-500);font-size:16px;margin-bottom:20px}.loading{min-height:300px}.spinner{border:4px solid var(--gray-200)}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.products-layout{grid-template-columns:1fr}.filters-sidebar{order:-1;position:static}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.grid-3{grid-template-columns:1fr}.page-header h1{font-size:24px}.filters-sidebar{padding:16px}}.product-detail{background:#f9fafb;background:var(--gray-50,#f9fafb);min-height:100vh;padding:24px 0 48px}.breadcrumb{align-items:center;color:var(--gray-500);display:flex;font-size:14px;gap:8px;margin-bottom:32px}.breadcrumb a{color:var(--gray-500);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span:last-child{color:var(--gray-700);font-weight:500}.product-detail-grid{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:1fr 1fr}.product-gallery{position:-webkit-sticky;position:sticky;top:100px}.main-image{background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-radius:var(--radius,12px);overflow:hidden;position:relative}.main-image img{aspect-ratio:1;display:block;object-fit:cover;width:100%}.main-image .featured-badge{background:var(--primary);border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:16px;letter-spacing:.5px;padding:6px 12px;position:absolute;text-transform:uppercase;top:16px}.product-details{padding:16px 0}.product-details .product-category{background:var(--primary);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.product-title{color:var(--dark);font-size:32px;font-weight:700;line-height:1.2;margin:8px 0 16px}.product-details .product-price{color:var(--primary);font-size:28px;font-weight:700;margin-bottom:24px}.product-description{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200,#e5e7eb);border-radius:8px;border-radius:var(--radius,8px);margin-bottom:24px;padding:20px}.product-description h3{color:var(--gray-700);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.product-description p{color:var(--gray-600);font-size:15px;line-height:1.8}.product-stock{font-size:14px;font-weight:500;margin-bottom:24px}.in-stock{align-items:center;color:#10b981;color:var(--success,#10b981);display:flex;font-weight:700;gap:6px}.in-stock:before{background:#10b981;background:var(--success,#10b981);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.out-of-stock{align-items:center;color:#ef4444;color:var(--danger,#ef4444);display:flex;gap:6px}.out-of-stock:before{background:#ef4444;background:var(--danger,#ef4444);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.add-to-cart-section{display:flex;gap:16px;margin-bottom:32px}.quantity-selector{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200,#e5e7eb);border-radius:8px;border-radius:var(--radius,8px);display:flex;overflow:hidden}.quantity-selector button{background:#f9fafb;background:var(--gray-50,#f9fafb);border:none;color:var(--gray-700);cursor:pointer;font-size:20px;font-weight:500;height:48px;transition:all .2s ease;width:48px}.quantity-selector button:hover:not(:disabled){background:#f3f4f6;background:var(--gray-100,#f3f4f6);color:var(--primary)}.quantity-selector button:disabled{cursor:not-allowed;opacity:.4}.quantity-selector input{background:#fff;border:none;border-left:1px solid #e5e7eb;border-left:1px solid var(--gray-200,#e5e7eb);border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200,#e5e7eb);color:var(--dark);font-size:16px;font-weight:600;height:48px;text-align:center;width:64px}.quantity-selector input::-webkit-inner-spin-button,.quantity-selector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-selector input[type=number]{-moz-appearance:textfield}.add-to-cart-section .btn{border-radius:8px;border-radius:var(--radius,8px);flex:1 1;font-size:16px;font-weight:600;height:48px;transition:all .3s ease}.add-to-cart-section .btn.added{background:#e8f5e9!important;border:1px solid #4caf50!important;color:#2e7d32!important}.product-features{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200,#e5e7eb);border-radius:12px;border-radius:var(--radius,12px);display:flex;flex-direction:column;gap:16px;padding:24px}.product-features .feature{align-items:center;color:var(--gray-600);display:flex;font-size:14px;gap:16px}.product-features .feature-icon{align-items:center;background:#f3f4f6;background:var(--gray-100,#f3f4f6);border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.not-found{background:#fff;border-radius:12px;border-radius:var(--radius,12px);margin:40px 0;padding:80px 20px;text-align:center}.not-found h2{color:var(--dark);font-size:24px;margin-bottom:12px}.not-found p{color:var(--gray-500);font-size:16px;margin-bottom:24px}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top:4px solid var(--gray-200,#e5e7eb);border:4px solid var(--gray-200,#e5e7eb);height:48px;width:48px}@media (max-width:992px){.product-detail-grid{gap:32px}.product-title{font-size:28px}.product-details .product-price{font-size:24px}}@media (max-width:768px){.product-detail{padding:16px 0 32px}.product-detail-grid{gap:24px;grid-template-columns:1fr}.product-gallery{position:static}.product-title{font-size:24px}.product-details .product-price{font-size:22px}.add-to-cart-section{flex-direction:column}.quantity-selector{justify-content:center}.add-to-cart-section .btn{width:100%}.product-features{padding:20px}.breadcrumb{flex-wrap:wrap;margin-bottom:20px}}@media (max-width:480px){.product-details .product-price,.product-title{font-size:20px}.product-description{padding:16px}.quantity-selector button{height:44px;width:44px}.quantity-selector input{height:44px;width:56px}.add-to-cart-section .btn{height:44px}}.cart-page{background:#f8f9fa;min-height:calc(100vh - 200px);padding:40px 0}.empty-cart{margin:0 auto;max-width:400px;padding:80px 20px;text-align:center}.empty-icon{display:block;font-size:72px;margin-bottom:24px;opacity:.8}.empty-cart h2{color:var(--dark);font-size:24px;font-weight:600;margin-bottom:12px}.empty-cart p{color:var(--gray-500);font-size:16px;margin-bottom:32px}.page-header h1{margin-bottom:0}.cart-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 360px}.cart-items{display:flex;flex-direction:column;gap:16px}.cart-item{grid-gap:20px;align-items:center;background:#fff;border:1px solid #eee;border-radius:20px;display:grid;gap:20px;grid-template-columns:100px 1fr auto auto auto;padding:20px}.item-image{background:#f0f0f0;border-radius:20px;height:100px;overflow:hidden;width:100px}.item-image img{height:100%;object-fit:cover;width:100%}.item-details{min-width:0}.item-name{color:var(--dark);display:block;font-size:16px;font-weight:600;margin-bottom:6px;text-decoration:none}.item-name:hover{color:var(--primary)}.item-price{color:#666;font-size:14px;margin:0}.item-quantity{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:20px;display:flex;gap:0;overflow:hidden}.item-quantity .qty-btn{align-items:center;background:#f5f5f5;border:none;color:#333;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.item-quantity .qty-btn:hover:not(:disabled){background:var(--primary);color:#fff}.item-quantity .qty-btn:disabled{cursor:not-allowed;opacity:.4}.item-quantity .qty-value{background:#fff;color:#333;font-size:18px;font-weight:700;text-align:center;width:50px}.item-total{color:var(--dark);font-size:17px;font-weight:700;min-width:110px;text-align:right}.remove-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.remove-btn:hover{background:#e539351a;color:#e53935}.cart-summary{background:#fff;border:1px solid #eee;border-radius:20px;padding:28px;position:-webkit-sticky;position:sticky;top:100px}.cart-summary h3{color:var(--dark);font-size:20px;font-weight:700;margin-bottom:24px;text-align:center}.summary-details{border-bottom:1px solid #eee;border-top:1px solid #eee;margin-bottom:16px;padding:16px 0}.summary-row{align-items:center;color:#555;margin-bottom:12px}.summary-row:last-child{margin-bottom:0}.summary-value{color:#333;font-weight:600}.summary-total{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 0}.summary-total span:first-child{color:#333;font-size:18px;font-weight:600}.summary-total .total-value{color:var(--primary);font-size:24px;font-weight:700}.checkout-btn{border-radius:20px;font-size:16px;font-weight:600;margin-bottom:16px;padding:16px 24px;width:100%}.continue-shopping{color:#888;display:block;font-size:14px;font-weight:500;padding:8px;text-align:center;text-decoration:none;transition:color .2s ease}.continue-shopping:hover{color:var(--primary)}@media (max-width:1024px){.cart-layout{gap:24px;grid-template-columns:1fr 320px}}@media (max-width:900px){.cart-layout{grid-template-columns:1fr}.cart-summary{order:-1;position:static}.cart-items{order:1}}@media (max-width:600px){.cart-page{padding:24px 0}.page-header h1{font-size:24px}.cart-item{gap:12px;grid-template-columns:80px 1fr;padding:16px;position:relative}.item-image{height:80px;width:80px}.item-details{grid-column:2}.item-quantity{grid-column:1/-1;grid-row:2;justify-self:start}.item-total{font-size:16px;grid-column:1/-1;grid-row:3;text-align:left}.remove-btn{font-size:14px;height:32px;position:absolute;right:12px;top:12px;width:32px}.cart-summary{padding:20px}.cart-summary h3{font-size:18px}.summary-total .total-value{font-size:20px}.checkout-btn{font-size:15px;padding:14px 20px}}@media (max-width:768px){.item-name,.item-price{font-weight:700}.item-total{font-weight:800}.summary-label{font-weight:600}.summary-value{font-weight:700}.total-value{font-weight:800}.checkout-btn{font-weight:700}}.checkout-page{background:#f8fafc;background:var(--gray-50,#f8fafc);min-height:calc(100vh - 200px);padding:40px 0}.page-header h1{color:#1e293b;color:var(--dark,#1e293b);font-size:28px}.checkout-steps{display:flex;gap:24px;margin-top:8px}.checkout-steps span{background:#f1f5f9;background:var(--gray-100,#f1f5f9);border-radius:20px;color:#9ca3af;color:var(--gray-400,#9ca3af);font-size:14px;padding:8px 16px;transition:all .3s ease}.checkout-steps span.active{background:#3b82f6;background:var(--primary,#3b82f6);color:#fff;font-weight:500}.checkout-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 380px}.checkout-form{background:#fff;border-radius:12px;border-radius:var(--radius,12px);box-shadow:none;padding:32px}.checkout-form h3{color:#1e293b;color:var(--dark,#1e293b);font-size:20px;font-weight:600;margin-bottom:24px}.form-label{color:#374151;color:var(--gray-700,#374151)}.form-input{border:1px solid #d1d5db;border:1px solid var(--gray-300,#d1d5db);border-radius:8px;border-radius:var(--radius,8px);color:#1e293b;color:var(--dark,#1e293b);padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:none}.form-input::placeholder{color:#9ca3af;color:var(--gray-400,#9ca3af)}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.form-row-2col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-input option{padding:12px}.shipping-summary{background:#f8fafc;background:var(--gray-50,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--gray-200,#e5e7eb);border-radius:12px;border-radius:var(--radius,12px);margin-bottom:24px;padding:24px}.shipping-summary h3{color:#6b7280;color:var(--gray-500,#6b7280);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.shipping-summary p{color:#374151;color:var(--gray-700,#374151);font-size:15px;line-height:1.5;margin-bottom:6px}.shipping-summary .btn{margin-top:16px}.payment-form h3{margin-bottom:8px}.payment-note{background:#f8fafc;background:var(--gray-50,#f8fafc);border:1px dashed #d1d5db;border:1px dashed var(--gray-300,#d1d5db);border-radius:8px;border-radius:var(--radius,8px);color:#6b7280;color:var(--gray-500,#6b7280);font-size:13px;margin-bottom:24px;padding:12px 16px}.card-element-wrapper{border:1px solid #d1d5db;border:1px solid var(--gray-300,#d1d5db);border-radius:8px;border-radius:var(--radius,8px);margin-bottom:24px}.payment-note-box{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:8px;border-radius:var(--radius,8px);color:#065f46;display:flex;font-weight:600;gap:12px;margin-bottom:24px;padding:16px 20px}.order-summary{background:#fff;border-radius:12px;border-radius:var(--radius,12px);box-shadow:none;padding:28px;position:-webkit-sticky;position:sticky;top:100px}.order-summary h3{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200,#e5e7eb);color:#1e293b;color:var(--dark,#1e293b);font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:16px}.summary-items{margin-bottom:20px;max-height:300px;overflow-y:auto}.summary-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100,#f1f5f9);display:flex;gap:12px;padding:12px 0}.summary-item:last-child{border-bottom:none}.summary-item .item-image-wrapper{flex-shrink:0;margin-right:12px;position:relative}.summary-item .item-image{background:#f1f5f9;background:var(--gray-100,#f1f5f9);border-radius:10px;height:56px;overflow:hidden;width:56px}.summary-item .item-image img{height:100%;object-fit:cover;width:100%}.item-qty{align-items:center;background:#3b82f6;background:var(--primary,#3b82f6);border:2px solid #fff;border-radius:11px;box-shadow:none;color:#fff;display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px;position:absolute;right:-8px;top:-8px;z-index:10}.summary-item .item-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.summary-item .item-name{color:#374151;color:var(--gray-700,#374151);font-size:14px;line-height:1.4}.summary-item .item-price{color:#1e293b;color:var(--dark,#1e293b);font-size:14px;font-weight:600;white-space:nowrap}.summary-totals{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200,#e5e7eb);padding-top:16px}.summary-totals .summary-row{color:#4b5563;color:var(--gray-600,#4b5563);display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.summary-totals .summary-row.total{border-top:2px solid #e5e7eb;border-top:2px solid var(--gray-200,#e5e7eb);color:#1e293b;color:var(--dark,#1e293b);font-size:18px;font-weight:700;margin-top:16px;padding-top:16px}.btn{border-radius:8px;border-radius:var(--radius,8px);cursor:pointer;font-size:15px}.btn-primary{background:#3b82f6;background:var(--primary,#3b82f6)}.btn-primary:hover:not(:disabled){background:#2563eb;background:var(--primary-dark,#2563eb);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-outline{border:1px solid #d1d5db;border:1px solid var(--gray-300,#d1d5db);color:#374151;color:var(--gray-700,#374151)}.btn-outline:hover{background:#f8fafc;background:var(--gray-50,#f8fafc);border-color:#9ca3af;border-color:var(--gray-400,#9ca3af)}.btn-lg{padding:14px 28px}.alert{border-radius:8px;border-radius:var(--radius,8px);padding:14px 18px}.spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border:3px solid var(--gray-200,#e5e7eb);border-top-color:var(--primary,#3b82f6)}@media (max-width:900px){.checkout-layout{grid-template-columns:1fr}.order-summary{order:-1;position:static}.form-row,.form-row-2col{grid-template-columns:1fr}.checkout-form{padding:24px}.page-header h1{font-size:24px}.checkout-steps{flex-wrap:wrap;gap:12px}}@media (max-width:480px){.checkout-page{padding:20px 0}.checkout-form,.order-summary{padding:20px}.checkout-steps span{font-size:13px;padding:6px 12px}.summary-item .item-image{height:48px;width:48px}}.payment-methods{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.payment-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200,#e5e7eb);border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.payment-option:hover{border-color:#d1d5db;border-color:var(--gray-300,#d1d5db)}.payment-option.selected{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary,#3b82f6)}.payment-option input[type=radio]{accent-color:#3b82f6;accent-color:var(--primary,#3b82f6);height:20px;width:20px}.payment-option-icon{font-size:28px}.payment-option-text{display:flex;flex-direction:column;gap:2px}.payment-option-text strong{color:#1e293b;color:var(--dark,#1e293b);font-size:15px}.payment-option-text small{color:#6b7280;color:var(--gray-500,#6b7280);font-size:13px}.card-element-container{margin-bottom:24px}.card-element-wrapper{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200,#e5e7eb);border-radius:12px;padding:16px;transition:border-color .2s,box-shadow .2s}.card-element-wrapper:focus-within{border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:none}.card-hint{background:#f8fafc;background:var(--gray-50,#f8fafc);border-radius:8px;color:#6b7280;color:var(--gray-500,#6b7280);font-size:12px;margin-top:8px;padding:8px;text-align:center}.StripeElement{width:100%}.StripeElement--focus{outline:none}.StripeElement--invalid{border-color:#dc2626}.wallet-payment-section{margin-bottom:24px}.wallet-button-container{margin-bottom:20px}.wallet-button-container>div{border-radius:12px;overflow:hidden}.payment-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.payment-divider:after,.payment-divider:before{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200,#e5e7eb);content:"";flex:1 1}.payment-divider span{color:#6b7280;color:var(--gray-500,#6b7280);font-size:13px;letter-spacing:.5px;padding:0 16px;text-transform:uppercase}@media (max-width:768px){.checkout-page h1,.checkout-page h2,.checkout-page h3{font-weight:700}.form-label{font-weight:600}.order-item-name,.order-item-price{font-weight:700}.order-total{font-weight:800}.place-order-btn{font-weight:700}}.promo-code-section{border-top:1px solid #e5e7eb;margin-top:12px;padding:16px 0}.promo-input-row{display:flex;gap:8px}.promo-input{border:1px solid #e5e7eb;border-radius:10px;flex:1 1;font-family:monospace;font-size:14px;font-weight:600;letter-spacing:1px;padding:10px 14px;text-transform:uppercase}.promo-input:focus{border-color:#3478f6;border-color:var(--primary,#3478f6);outline:none}.promo-apply-btn{border-radius:10px!important;font-size:14px!important;padding:10px 18px!important;white-space:nowrap}.promo-applied{align-items:center;background:#d1fae5;border-radius:10px;display:flex;justify-content:space-between;padding:10px 14px}.promo-applied-text{color:#065f46;font-size:14px;font-weight:600}.promo-remove-btn{background:none;border:none;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px}.promo-error{color:#dc2626;font-size:13px;font-weight:500;margin-top:6px}.discount-row{color:#059669}.discount-value{color:#059669;font-weight:600}.promo-toggle-link{align-items:center;background:none;border:none;color:#3478f6;color:var(--primary,#3478f6);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:0;transition:opacity .2s}.promo-toggle-link:hover{opacity:.7}.auth-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:calc(100vh - 200px);padding:40px 20px}.auth-container,.auth-page{display:flex;justify-content:center}.auth-container{width:100%}.auth-card{background:#fff;border-radius:20px;max-width:440px;padding:48px 40px;width:100%}.auth-header{margin-bottom:36px;text-align:center}.auth-header h1{color:#1a1a2e;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.auth-header p{color:#6b7280;font-size:15px;margin:0}.auth-card .form-group{margin-bottom:20px}.auth-card .form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.auth-card .form-input{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:20px;box-sizing:border-box;direction:ltr;font-size:16px;padding:14px 16px;text-align:left;transition:all .2s ease;width:100%}.auth-card .form-input:focus{background:#fff;border-color:#4f46e5;border-color:var(--primary,#4f46e5);outline:none}.auth-card .form-input::placeholder{color:#9ca3af}.btn-block{margin-top:8px;width:100%}.auth-card .btn-primary{border-radius:20px;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease}.auth-card .btn-primary:hover:not(:disabled){opacity:.9}.auth-card .btn-primary:disabled{cursor:not-allowed;opacity:.7}.auth-card .alert{border-radius:20px;font-size:14px;margin-bottom:24px;padding:14px 16px}.auth-card .alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.auth-footer{border-top:1px solid #f3f4f6;margin-top:28px;padding-top:24px;text-align:center}.auth-footer p{color:#6b7280;font-size:14px;margin:0}.auth-footer a{color:#4f46e5;color:var(--primary,#4f46e5);font-weight:600;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{color:#4338ca;text-decoration:underline}.forgot-password-link{margin-bottom:16px;margin-top:-8px;text-align:right}.forgot-password-link a{color:#4f46e5;color:var(--primary,#4f46e5);font-size:14px;text-decoration:none;transition:color .2s ease}.forgot-password-link a:hover{color:#4338ca;text-decoration:underline}.demo-credentials{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:20px;color:#64748b;font-size:13px;margin-top:24px;padding:20px}.demo-credentials p{line-height:1.6;margin-bottom:6px}.demo-credentials p:first-child{font-size:14px;margin-bottom:12px}.demo-credentials strong{color:#475569}.auth-card .form-input.input-name{direction:inherit;text-align:inherit}@media (max-width:480px){.auth-page{align-items:flex-start;background:#fff;min-height:100vh;padding:0}.auth-container{width:100%}.auth-card{border-radius:0;display:flex;flex-direction:column;justify-content:center;max-width:100%;min-height:calc(100vh - 60px);padding:32px 20px}.auth-header h1{font-size:24px}.auth-header p{font-size:14px}.auth-card .form-input{font-size:16px;padding:12px 14px}.auth-card .btn-primary{font-size:15px;padding:12px 20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-card .form-group{animation:fadeInUp .4s ease forwards}.auth-card .form-group:first-child{animation-delay:.1s}.auth-card .form-group:nth-child(2){animation-delay:.15s}.auth-card .form-group:nth-child(3){animation-delay:.2s}.auth-card .form-group:nth-child(4){animation-delay:.25s}.profile-page{background:#f9fafb;background:var(--gray-50,#f9fafb);min-height:calc(100vh - 140px);padding:40px 0}.profile-page .page-header{margin-bottom:32px;text-align:left}.profile-page .page-header h1{color:#111827;color:var(--gray-900,#111827);font-size:28px;font-weight:700;margin-bottom:8px}.profile-page .page-header p{color:#6b7280;color:var(--gray-500,#6b7280);font-size:16px}.profile-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px}.profile-card h2{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200,#e5e7eb);color:#111827;color:var(--gray-900,#111827);font-size:18px;font-weight:600;margin-bottom:24px;padding-bottom:16px}.profile-card .form-group{margin-bottom:20px}.profile-card .form-label{color:#374151;color:var(--gray-700,#374151);display:block;font-size:14px;font-weight:500;margin-bottom:8px;text-align:left}.profile-card .form-input{background:#f9fafb;background:var(--gray-50,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--gray-300,#d1d5db);border-radius:20px;direction:ltr;font-size:15px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.profile-card .form-input:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary,#3b82f6);outline:none}.profile-card .btn{border-radius:20px;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .2s ease;width:100%}.profile-card .btn-primary{background:#3b82f6;background:var(--primary,#3b82f6);border:none;color:#fff}.profile-card .btn-primary:hover:not(:disabled){background:#2563eb;background:var(--primary-dark,#2563eb);transform:translateY(-1px)}.profile-card .btn-primary:disabled{cursor:not-allowed;opacity:.6}.account-info{grid-column:span 2}.info-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100,#f3f4f6);display:flex;justify-content:space-between;padding:16px 0}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{color:#6b7280;color:var(--gray-500,#6b7280);font-size:14px;font-weight:500}.info-value{color:#111827;color:var(--gray-900,#111827);font-size:14px;font-weight:600}.badge{font-size:13px;padding:4px 12px}.badge-primary{background:#3b82f61a;color:#3b82f6;color:var(--primary,#3b82f6)}.badge-success{color:#059669}.alert{margin-bottom:24px;text-align:left}.alert-success{background:#10b9811a;border:1px solid #10b98133;color:#059669}.alert-danger{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}@media (max-width:768px){.profile-page{padding:24px 0}.profile-grid{grid-template-columns:1fr}.account-info{grid-column:span 1}.profile-card{padding:20px}.profile-page .page-header h1{font-size:24px}}@media (max-width:480px){.profile-card .btn{padding:14px 20px}.info-row{align-items:flex-start;flex-direction:column;gap:8px}}.password-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.change-password-link{align-items:center;background:#0000;border:1px solid #3b82f6;border:1px solid var(--primary,#3b82f6);border-radius:20px;color:#3b82f6;color:var(--primary,#3b82f6);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.change-password-link:hover{background:#3b82f60d}.password-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:20px}.password-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.password-form-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:18px;padding:4px 8px}.close-btn:hover{color:#333}[dir=rtl] .profile-card,[dir=rtl] .profile-card .form-label,[dir=rtl] .profile-card h2,[dir=rtl] .profile-page .page-header{text-align:right}[dir=rtl] .profile-card .form-input{direction:rtl;text-align:right}[dir=rtl] .profile-card .form-input.input-ltr,[dir=rtl] .profile-card input[type=email],[dir=rtl] .profile-card input[type=tel]{direction:ltr;text-align:left}[dir=rtl] .alert{text-align:right}[dir=rtl] .info-row{flex-direction:row-reverse}[dir=rtl] .password-section{text-align:right}[dir=rtl] .change-password-link{flex-direction:row-reverse}[dir=rtl] .password-form{text-align:right}[dir=rtl] .password-form-header{flex-direction:row-reverse}[dir=rtl] .password-form .form-label{text-align:right}[dir=rtl] .password-form .form-input{direction:rtl;text-align:right}@media (max-width:480px){[dir=rtl] .info-row{align-items:flex-end;flex-direction:column}}.orders-page{background:#f5f5f5;min-height:100vh;padding:40px 0}.orders-page .page-header{margin-bottom:24px}.orders-page .page-header h1{color:#333;font-size:24px;font-weight:600;margin-bottom:0}.empty-orders{background:#fff;border-radius:20px;padding:60px 20px;text-align:center}.empty-orders .empty-icon{display:block;font-size:56px;margin-bottom:16px}.empty-orders h2{color:#333;font-size:20px;font-weight:600;margin-bottom:8px}.empty-orders p{color:#888;font-size:15px;margin-bottom:24px}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{display:block;padding:20px;text-decoration:none}.order-header{align-items:flex-start;margin-bottom:16px}.order-id{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:4px}.order-date{font-size:13px}.order-items{display:flex;gap:10px;margin-bottom:16px}.order-item-thumb{background:#f0f0f0;border-radius:20px;height:50px;overflow:hidden;width:50px}.order-item-thumb img{height:100%;object-fit:cover;width:100%}.order-item-more{background:#f0f0f0;border-radius:20px;color:#666;font-size:13px;font-weight:600;height:50px;justify-content:center;width:50px}.order-footer,.order-item-more{align-items:center;display:flex}.order-footer{border-top:1px solid #eee;justify-content:space-between;padding-top:16px}.order-total{color:#333;font-size:18px;font-weight:700}.view-details{color:var(--primary);font-size:14px;font-weight:500}.badge-warning{background:#fff3e0;color:#f57c00}.badge-primary{background:#e3f2fd;color:#1976d2}.badge-success{background:#e8f5e9;color:#388e3c}.badge-danger{background:#ffebee;color:#d32f2f}.badge-secondary{background:#f5f5f5;color:#666}.payment-badge-success{background:#e8f5e9;color:#2e7d32}.payment-badge-pending{background:#fff3e0;color:#e65100}.payment-badge-cod{background:#fff8e1;color:#f57c00}.payment-badge-refunded{background:#fce4ec;color:#c2185b}.payment-badge-failed{background:#ffebee;color:#c62828}.order-badges{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.loading{min-height:400px}@media (max-width:768px){.orders-page{padding:20px 0}.orders-page .page-header h1{font-size:22px}.order-card{padding:16px}.order-total{font-size:16px}.order-item-more,.order-item-thumb{height:44px;width:44px}}@media (max-width:480px){.order-header{flex-direction:column;gap:10px}.order-badges{align-items:flex-start;flex-direction:row;flex-wrap:wrap}}.order-page{background:#f5f5f5;min-height:100vh;padding:40px 0}.loading-box{min-height:400px}.spinner{border:4px solid #e0e0e0;border-top:4px solid var(--primary);height:50px;width:50px}.empty-state{background:#fff;border:1px solid #eee;border-radius:20px;padding:80px 40px;text-align:center}.empty-state .empty-icon{display:block;font-size:64px;margin-bottom:20px}.empty-state h2{color:#333;font-size:24px;margin-bottom:10px}.empty-state p{color:#888;margin-bottom:24px}.success-message{align-items:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b1dfbb;border-radius:20px;display:flex;gap:16px;margin-bottom:24px;padding:20px 24px}.success-message .check-icon{align-items:center;background:#28a745;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.success-message strong{color:#155724;display:block;font-size:18px;margin-bottom:4px}.success-message p{color:#1e7e34;font-size:14px;margin:0}.back-btn{align-items:center;color:#666;display:inline-flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:20px;text-decoration:none;transition:color .2s}.back-btn:hover{color:var(--primary)}.order-card{background:#fff;border:1px solid #eee;border-radius:20px;overflow:hidden}.order-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.order-title h1{color:#333;font-size:20px;font-weight:600;margin-bottom:4px}.order-title h1 span{color:var(--primary);font-weight:600}.order-title p{color:#888;font-size:14px;margin:0}.status-pill{border-radius:20px;font-size:14px;font-weight:600;padding:10px 20px;text-transform:capitalize}.status-pill.warning{background:#fff3e0;color:#e65100}.status-pill.primary{background:#e3f2fd;color:#1565c0}.status-pill.success{background:#e8f5e9;color:#2e7d32}.status-pill.danger{background:#ffebee;color:#c62828}.section{border-bottom:1px solid #eee;padding:28px 32px}.section:last-child{border-bottom:none}.section h3{color:#333;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}.items-container{display:flex;flex-direction:column;gap:16px}.product-item{align-items:center;background:#f8f9fa;border-radius:20px;display:flex;gap:20px;padding:16px}.product-item img{border-radius:20px;height:70px;object-fit:cover;width:70px}.product-details{flex:1 1}.product-name{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.product-qty{color:#888;font-size:14px}.product-price{color:var(--primary);font-size:17px;font-weight:700}.two-columns{border-bottom:1px solid #eee;display:grid;grid-template-columns:1fr 1fr}.two-columns .section{border-bottom:none}.two-columns .section:first-child{border-right:1px solid #eee}.info-box p{color:#555;font-size:15px;line-height:1.6;margin:0 0 8px}.info-box p:last-child{margin-bottom:0}.info-box .name{color:#333;font-size:17px;font-weight:600}.summary-box{display:flex;flex-direction:column;gap:14px}.summary-line{align-items:center;color:#666;display:flex;font-size:15px;justify-content:space-between}.summary-line.total{border-top:2px dashed #ddd;color:#333;font-size:20px;font-weight:700;margin-top:6px;padding-top:14px}.summary-line.total span:last-child{color:var(--primary)}.payment-section{background:#fafafa}.payment-status{align-items:center;border-radius:20px;display:inline-flex;font-size:17px;font-weight:600;gap:8px;padding:14px 24px}.payment-status.paid{background:#e8f5e9;color:#2e7d32}.payment-status.pending{background:#fff3e0;color:#e65100}@media (max-width:768px){.order-page{padding:20px 0}.order-card{border-radius:20px}.order-header{align-items:flex-start;flex-direction:column;gap:16px;padding:24px}.order-title h1{font-size:20px}.section{padding:24px}.two-columns{grid-template-columns:1fr}.two-columns .section:first-child{border-bottom:1px solid #eee;border-right:none}.product-item{gap:14px;padding:12px}.product-item img{height:60px;width:60px}.product-name,.product-price{font-size:15px}}@media (max-width:480px){.success-message{flex-direction:column;text-align:center}.order-header,.section{padding:20px}.summary-line.total{font-size:18px}}.admin-page .admin-card,.admin-page .admin-card.settings-card,.admin-page .modal,.admin-page .order-card-mobile,.admin-page .pin-modal,.admin-page .product-card-mobile,.admin-page .product-item-card,.admin-page .products-table,.admin-page .settings-tabs,.admin-page .stat-card{border-radius:20px}.admin-page .admin-nav a,.admin-page .btn,.admin-page .capsule,.admin-page .search-box input,.admin-page .settings-pill,.admin-page .status-filter button,.admin-page button.btn{border-radius:25px}.admin-page .action-btn,.admin-page .delete-btn,.admin-page .form-input,.admin-page .pin-input,.admin-page .pin-key,.admin-page .product-card-image,.admin-page .product-thumb,.admin-page .qty-btn,.admin-page .qty-controls,.admin-page .recent-order-card,.admin-page .selected-product-img,.admin-page .setting-item,.admin-page .settings-tab,.admin-page input[type=date],.admin-page input[type=email],.admin-page input[type=number],.admin-page input[type=password],.admin-page input[type=tel],.admin-page input[type=text],.admin-page select,.admin-page textarea{border-radius:14px}.admin-page .status-dropdown,.admin-page .status-dropdown-menu{border-radius:20px}.admin-page .action-btn svg,.admin-page [onclick] svg,.admin-page [style*="cursor: pointer"] svg,.admin-page a svg,.admin-page button svg{color:#3478f6}.admin-page .payment-icon svg,.admin-page .settings-card-title svg,.admin-page .settings-toggle-row svg,.admin-page .stat-icon svg{color:inherit}.admin-page .delete-btn,.admin-page .delete-btn svg{color:#ef4444!important}.admin-page{background:#f5f5f5;font-weight:800;min-height:100vh;padding:30px 0}.admin-page-title{color:#1e293b;font-size:18px;font-weight:800;margin-bottom:16px}.admin-page .page-header{margin-bottom:24px}.admin-page .page-header h1{color:#333;font-size:24px;font-weight:800;margin-bottom:4px}.admin-page .page-header p{color:#666;font-size:14px}.admin-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.admin-nav a{background:#f3f4f6;border-radius:25px;color:var(--gray-600);font-size:14px;font-weight:800;min-width:100px;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s}.admin-nav a:hover{background:#e5e7eb;color:var(--gray-800)}.admin-nav a.active{background:var(--primary);color:#fff}.orders-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-box{flex:1 1;max-width:100%;min-width:200px;position:relative}.search-box .search-icon{font-size:14px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:#fff;border:1px solid #e5e7eb;border-radius:25px;font-size:14px;outline:none;padding:10px 14px 10px 38px;width:100%}.search-box input:focus{border-color:var(--primary)}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:none;flex-direction:row;gap:14px;padding:18px 20px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;color:#fff;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-card:first-child .stat-icon{background:linear-gradient(135deg,#3478f6,#5a9af8)}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#10b981,#34d399)}.stat-info{display:flex;flex:1 1;flex-direction:column;text-align:right}.stat-value{color:var(--dark);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:26px;font-weight:800;line-height:1.1}.stat-label{color:var(--gray-500);font-size:12px;font-weight:500;margin-top:3px}.admin-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.admin-card{background:#fff;border-radius:var(--radius);box-shadow:none;padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h3{color:#484747;text-transform:uppercase}.card-header h3,.view-all{font-size:14px;font-weight:800}.view-all{color:var(--primary)}.empty-text{color:var(--gray-400);padding:40px;text-align:center}.orders-table{overflow-x:auto}.orders-table table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid var(--gray-100);padding:12px;text-align:left}.orders-table th{color:var(--gray-500);font-size:12px;font-weight:600;text-transform:uppercase}.orders-table td{color:var(--gray-700);font-size:14px}.orders-table tr:hover{background:var(--gray-50)}.quick-actions{display:flex;flex-direction:column;gap:12px}.action-btn{align-items:center;background:var(--gray-100);border-radius:var(--radius);color:var(--gray-700);display:flex;font-weight:800;gap:14px;padding:16px;transition:var(--transition)}.action-btn:hover{background:var(--gray-200)}.action-btn svg{color:#3478f6!important;flex-shrink:0}.products-admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.products-table{background:#fff;border-radius:var(--radius);box-shadow:none;margin-bottom:40px;overflow:hidden}.products-table table{border-collapse:collapse;width:100%}.products-table td,.products-table th{border-bottom:1px solid var(--gray-100);padding:16px;text-align:left}.products-table th{background:var(--gray-50);color:var(--gray-500);font-size:12px;font-weight:800;text-transform:uppercase}.products-table td{color:var(--gray-700);font-size:14px}.products-table tr:hover{background:var(--gray-50)}.product-thumb{background:var(--gray-100);border-radius:var(--radius);height:48px;overflow:hidden;width:48px}.product-thumb img{height:100%;object-fit:cover;width:100%}.action-btns{display:flex;gap:8px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:var(--radius);max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.modal h2{margin-bottom:24px}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions .btn{flex:1 1}.status-filter{display:flex;flex-wrap:wrap;gap:6px}.status-filter button{background:#f3f4f6;border:none;border-radius:20px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:800;padding:8px 14px;transition:all .2s}.status-filter button:hover{background:#e5e7eb}.status-filter button.active{background:var(--primary);color:#fff}.status-select{border:1px solid var(--gray-300);border-radius:var(--radius);cursor:pointer;font-size:13px;padding:6px 12px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}.btn-label-text{display:inline}@media (max-width:768px){.btn-label-text{display:none!important}}.desktop-only,.products-table.desktop-only{display:block}.mobile-only{display:none!important}@media (max-width:768px){.admin-page{padding:20px 0}.admin-page .container{padding:0 16px}.stats-grid{grid-template-columns:1fr}.admin-nav{flex-wrap:nowrap;overflow-x:auto}.products-admin-header{align-items:stretch;flex-direction:column;gap:24px}.desktop-only{display:none!important}.mobile-only{display:block!important}.status-select{padding:10px;width:100%}}.orders-mobile{display:flex;flex-direction:column;gap:16px;padding-bottom:40px}.order-card-mobile{background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:none;display:block;padding:20px}.order-card-mobile:hover{box-shadow:none}.order-card-link{color:inherit;display:block;text-decoration:none}.order-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.order-id-link{color:var(--primary);font-size:16px;font-weight:800}.order-date{font-size:12px}.order-customer-row{align-items:center;color:#333;display:flex;font-size:15px;justify-content:space-between;margin-bottom:14px}.order-customer{color:#333;font-size:14px;margin-bottom:12px}.order-capsules{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.capsule{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.capsule-emirate{background:#e3f2fd;color:#1565c0}.capsule-items{background:#f3e5f5;color:#7b1fa2}.capsule-total{background:#e8f5e9;color:#2e7d32}.order-status-wrapper{position:relative}.order-capsules .order-status-wrapper{margin-left:auto}.capsule-status{cursor:pointer;justify-content:center;min-width:100px;-webkit-user-select:none;user-select:none}.capsule-created{background:#e8e8e8;color:#555}.capsule-shipped{background:#e3f2fd;color:#1565c0}.capsule-warning{background:#fff3e0;color:#e65100}.capsule-info{background:#e0f7fa;color:#00838f}.capsule-primary{background:#e3f2fd;color:#1565c0}.capsule-success{background:#e8f5e9;color:#2e7d32}.capsule-danger{background:#ffebee;color:#c62828}.status-dropdown{background:#fff;border-radius:20px;box-shadow:none;left:0;margin-top:8px;min-width:150px;overflow:hidden;position:absolute;top:100%;z-index:100}.status-option{cursor:pointer;font-size:13px;font-weight:800;padding:12px 16px;transition:background .2s}.status-option:hover{background:#f5f5f5}.status-option.active{font-weight:800}.status-option.status-created{color:#555}.status-option.status-shipped{color:#1565c0}.status-option.status-warning{color:#e65100}.status-option.status-info{color:#00838f}.status-option.status-primary{color:#1565c0}.status-option.status-success{color:#2e7d32}.status-option.status-danger{color:#c62828}.status-dropdown-menu{border-radius:12px;left:0;min-width:180px}.status-menu-item{align-items:center;display:flex;font-weight:800;gap:8px;padding:12px 16px}.status-menu-item.active{background:#f0f7ff;font-weight:800}.capsule-payment{white-space:nowrap}.capsule-payment-card-paid{background:#e8f5e9;color:#2e7d32}.capsule-payment-card-pending{background:#fff3e0;color:#e65100}.capsule-payment-cod-paid{background:#e8f5e9;color:#2e7d32}.capsule-payment-cod-pending{background:#fff8e1;color:#f57c00}.capsule-payment-refunded{background:#fce4ec;color:#c2185b}.capsule-payment-failed{background:#ffebee;color:#c62828}.capsule-payment-bank-pending{background:#fff3e0;color:#e65100}.capsule-payment-bank-verified{background:#e8f5e9;color:#2e7d32}.settings-section{display:flex;flex-direction:column;gap:24px}.setting-item{background:var(--gray-50);border-radius:var(--radius);justify-content:space-between;padding:16px}.setting-info,.setting-item{align-items:center;display:flex}.setting-info{gap:12px}.setting-icon{font-size:24px}.setting-text{display:flex;flex-direction:column}.setting-text strong{color:var(--dark);font-size:14px}.setting-text small{color:var(--gray-500);font-size:12px}.toggle-switch{display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--gray-300);border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:var(--success)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.create-order-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:768px){.create-order-grid{grid-template-columns:1fr}}.products-mobile{display:flex;flex-direction:column;gap:16px;padding-bottom:40px}.product-card-mobile{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:16px}.product-card-header{display:flex;gap:14px;margin-bottom:12px}.product-card-image{background:var(--gray-100);border-radius:10px;flex-shrink:0;height:70px;object-fit:cover;width:70px}.product-card-info{flex:1 1;min-width:0}.product-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gray-800);display:-webkit-box;font-size:15px;font-weight:800;margin-bottom:4px;overflow:hidden}.product-card-price{color:var(--primary);font-size:16px;font-weight:700}.product-card-capsules{flex-wrap:wrap;margin-bottom:14px}.product-card-actions,.product-card-capsules{border-top:1px solid var(--gray-100);display:flex;gap:8px;padding-top:12px}.product-card-actions .btn{flex:1 1;font-size:13px;padding:10px}.capsule-stock{background:#e8f5e9;color:#2e7d32}.capsule-stock-low{background:#fff3e0;color:#e65100}.capsule-stock-out{background:#ffebee;color:#c62828}.capsule-category{background:#f3e5f5;color:#7b1fa2}.capsule-featured{background:#fff8e1;color:#f57c00}.capsule-enabled{background:#e8f5e9;color:#2e7d32}.capsule-disabled{background:#ffebee;color:#c62828}@media (max-width:768px){.admin-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:6px;overflow-x:auto;padding:6px;scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}.admin-nav a{flex-shrink:0;font-size:13px;font-weight:800;padding:8px 14px;white-space:nowrap}.stat-card{gap:12px;padding:16px}.stat-icon{border-radius:12px;height:42px;width:42px}.stat-value{font-size:20px}.stat-label{font-size:12px}.admin-card{padding:16px}.card-header h3{font-size:15px}.modal{margin:16px;max-height:calc(100vh - 32px);padding:20px}.modal h2{margin-bottom:16px}.modal h2,.products-admin-header h2{font-size:18px}.products-admin-header .btn{font-size:13px;padding:10px 16px}}@media (max-width:900px) and (min-width:601px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card{gap:10px;padding:12px 14px}.stat-icon{border-radius:10px;height:36px;width:36px}.stat-icon svg{height:18px;width:18px}.stat-value{font-size:20px}.stat-label{font-size:12px}}@media (max-width:768px){.admin-grid{gap:16px;grid-template-columns:1fr}.orders-table{font-size:13px}.orders-table td,.orders-table th{padding:10px 8px}.orders-table td:first-child,.orders-table th:first-child{padding-left:12px}.quick-actions{gap:10px}.action-btn{font-size:14px;padding:14px}.settings-section{gap:16px}.setting-item{flex-wrap:wrap;gap:12px;padding:14px}.setting-info{flex:1 1;min-width:200px}.admin-grid .orders-table{display:none}.admin-grid .admin-card .empty-text{padding:20px}}.recent-orders-mobile{display:none}@media (max-width:768px){.recent-orders-mobile{display:flex;flex-direction:column;gap:12px}.recent-order-card{align-items:center;background:var(--gray-50);border-radius:10px;display:flex;justify-content:space-between;padding:12px}.recent-order-info{display:flex;flex-direction:column;gap:2px}.recent-order-id{color:var(--primary);font-size:14px;font-weight:800}.recent-order-customer{color:var(--gray-600);font-size:13px}.recent-order-meta{text-align:right}.recent-order-total{color:var(--gray-800);font-size:14px;font-weight:600}.recent-order-date{color:var(--gray-500);font-size:11px}}.orders-mobile,.products-mobile{gap:20px!important}.order-card-mobile,.product-card-mobile{margin-bottom:4px}.recent-orders-mobile{gap:14px!important}.pin-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pin-modal{background:#fff;border-radius:20px;max-width:320px;padding:32px;text-align:center;width:90%}.pin-modal h2{font-size:20px;margin-bottom:8px}.pin-modal p{color:var(--gray-500);font-size:14px;margin-bottom:24px}.pin-input-container{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.pin-input{border:2px solid var(--gray-200);border-radius:12px;font-size:24px;font-weight:700;height:56px;outline:none;text-align:center;transition:border-color .2s;width:50px}.pin-input:focus{border-color:var(--primary)}.pin-input.error{animation:shake .3s;border-color:#ef4444}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.pin-error{color:#ef4444;font-size:14px;margin-bottom:16px}.pin-keypad{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:240px}.pin-key{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;cursor:pointer;display:flex;font-size:24px;font-weight:600;height:60px;justify-content:center;transition:all .2s;width:60px}.pin-key:hover{background:var(--gray-100)}.pin-key:active{transform:scale(.95)}.pin-key.delete{font-size:18px}@media (max-width:768px){.admin-nav{grid-gap:8px;display:grid!important;gap:8px;grid-template-columns:repeat(3,1fr);padding:10px}.admin-nav a{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;font-size:12px;font-weight:800;padding:12px 8px;text-align:center}.admin-nav a.active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-nav a:hover{background:var(--gray-100)}.admin-nav a.active:hover{background:var(--primary)}.admin-nav a{border-radius:25px!important;font-size:13px;font-weight:800}}.capsule-status{font-weight:600!important}.badge{font-weight:800}.admin-page .page-header p{display:none}.product-item-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;margin-bottom:12px;padding:12px}.product-item-card:has(.selected-product-card){background:#fff;border-color:var(--primary)}.product-select{background:#fff;cursor:pointer;font-size:15px;padding:14px 16px;width:100%}.selected-product-card{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.selected-product-img{border-radius:10px;flex-shrink:0;height:56px;object-fit:cover;width:56px}.selected-product-info{flex:1 1;min-width:100px}.selected-product-name{font-size:15px;font-weight:800;line-height:1.3;margin-bottom:4px}.selected-product-price{color:var(--primary);font-size:15px;font-weight:800}.selected-product-actions{align-items:center;display:flex;gap:10px}.qty-controls{background:var(--gray-100);border-radius:8px;gap:4px;padding:4px}.qty-btn,.qty-controls{align-items:center;display:flex}.qty-btn{background:#fff;border:none;border-radius:6px;color:var(--gray-700);cursor:pointer;font-size:20px;font-weight:800;height:36px;justify-content:center;transition:background .15s;width:36px}.qty-btn:hover{background:var(--gray-200)}.qty-btn:active{background:var(--gray-300)}.qty-value{font-size:16px;font-weight:800;min-width:32px;text-align:center}.delete-btn{align-items:center;background:var(--gray-100);border:none;border-radius:8px;color:var(--danger);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .15s;width:40px}.delete-btn:hover{background:#fee2e2}.remove-empty-btn{border:1px dashed var(--gray-300);border-radius:8px;color:var(--gray-500);font-size:14px;margin-top:10px;padding:10px}.add-product-btn,.remove-empty-btn{background:#0000;cursor:pointer;width:100%}.add-product-btn{border:2px dashed var(--gray-300);border-radius:10px;color:var(--gray-600);font-size:15px;font-weight:800;padding:14px;transition:all .15s}.add-product-btn:hover{background:var(--gray-50);border-color:var(--primary);color:var(--primary)}@media (max-width:480px){.selected-product-card{align-items:stretch;flex-direction:column;gap:12px}.selected-product-card>div:first-of-type{align-items:center;display:flex;gap:12px}.selected-product-img{height:50px;width:50px}.selected-product-info{flex:1 1}.selected-product-actions{border-top:1px solid var(--gray-200);justify-content:space-between;padding-top:10px;width:100%}.qty-controls{flex:1 1;justify-content:center;max-width:140px}.qty-btn{height:40px;width:40px}.qty-value{font-size:18px;min-width:40px}.delete-btn{height:44px;width:44px}}.selected-product-top{align-items:center;display:flex;gap:12px;width:100%}.selected-product-top .selected-product-info{flex:1 1}.selected-product-top .selected-product-price{color:var(--primary);font-size:15px;font-weight:800;white-space:nowrap}@media (max-width:480px){.selected-product-card{flex-direction:column;gap:12px}.selected-product-top{width:100%}.selected-product-top .selected-product-img{height:50px;width:50px}.selected-product-top .selected-product-info{flex:1 1;min-width:0}.selected-product-top .selected-product-name{font-size:14px;line-height:1.3}.selected-product-top .selected-product-price{font-size:14px}.selected-product-actions{border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;padding-top:12px;width:100%}}.settings-bank-form{padding:0}.settings-form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}@media (max-width:600px){.settings-form-row{gap:12px;grid-template-columns:1fr}.settings-section .setting-item{align-items:flex-start;flex-direction:column;gap:12px}.settings-section .setting-item .toggle-switch{align-self:flex-end}.setting-info{width:100%}}@media (max-width:480px){.toggle-switch{min-width:50px}.setting-item{padding:16px 0}.admin-card{padding:16px}.card-header h3{font-size:16px}}.admin-page input[type=number]{font-size:22px;font-weight:800;padding:12px 16px;text-align:center}.product-edit-lang-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.product-edit-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.product-edit-checkboxes{display:flex;gap:24px;margin-top:20px}.product-edit-checkboxes label{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:8px}.product-edit-checkboxes input[type=checkbox]{height:18px;width:18px}.product-edit-price-stock-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.product-edit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width:768px){.product-edit-lang-grid{gap:16px;grid-template-columns:1fr}.product-edit-details-grid{gap:12px;grid-template-columns:1fr}.product-edit-checkboxes{flex-direction:column;gap:14px}.product-edit-actions{flex-direction:column}.product-edit-actions .btn{font-size:16px!important;padding:14px 20px!important;text-align:center;width:100%}.product-edit-price-stock-grid{grid-template-columns:1fr 1fr}}.settings-tabs{background:#e5e7eb;border-radius:14px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.settings-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:10px 14px;transition:all .2s}.settings-tab:hover{background:#ffffff80;color:#374151}.settings-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b}.settings-tab-icon{align-items:center;display:flex;font-size:16px}.settings-content{display:flex;flex-direction:column;gap:16px}.settings-card{border-radius:16px;overflow:hidden}.settings-card-header{border-bottom:1px solid #f3f4f6;padding:20px}.settings-card-title{align-items:center;display:flex;gap:12px}.settings-card-title>span,.settings-card-title>svg{align-items:center;display:flex;flex-shrink:0}.settings-card-title h3{color:#484747;font-size:14px;font-weight:800;margin-bottom:2px;text-transform:uppercase}.settings-card-title p{color:#9ca3af;font-size:13px;font-weight:500}.settings-card-body{padding:20px}.settings-toggle-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:14px 20px}.settings-pill{background:#fff;border:2px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .2s}.settings-pill:hover{border-color:#d1d5db}.settings-pill.active{background:#3478f6;background:var(--primary,#3478f6);border-color:#3478f6;border-color:var(--primary,#3478f6);color:#fff}@media (max-width:600px){.settings-tabs{gap:2px;padding:3px}.settings-tab{font-size:12px;gap:4px;padding:8px 6px}.settings-tab-icon{font-size:14px}.settings-card-body,.settings-card-header{padding:16px}.settings-toggle-row{padding:12px 16px}.settings-form-row{grid-template-columns:1fr!important}}.admin-order-page{background:#f5f5f5;min-height:100vh;padding:30px 0}.back-link{color:#666;display:inline-block;font-size:14px;margin-bottom:20px;text-decoration:none}.loading-box{align-items:center;display:flex;justify-content:center;min-height:300px}.spinner{border:3px solid #eee;border-top:3px solid var(--primary);height:40px;width:40px}.not-found-box{background:#fff;border-radius:20px;padding:60px;text-align:center}.not-found-box h2{color:#333;margin-bottom:20px}.admin-order-header{align-items:center;background:#fff;border:1px solid #eee;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px}.header-left h1{color:#333;font-size:22px;font-weight:700;margin-bottom:4px}.order-date{color:#888;font-size:14px}.header-right{align-items:center;display:flex;gap:12px}.header-right label{color:#555;font-size:14px;font-weight:600}.status-capsule-wrapper{position:relative}.status-capsule{align-items:center;border-radius:25px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;min-width:140px;padding:12px 20px;transition:opacity .2s;-webkit-user-select:none;user-select:none}.status-capsule.updating{opacity:.6;pointer-events:none}.status-capsule.status-created{background:#e8e8e8;color:#555}.status-capsule.status-warning{background:#fff3e0;color:#e65100}.status-capsule.status-primary{background:#e8e8e8;color:#555}.status-capsule.status-shipped{background:#e3f2fd;color:#1565c0}.status-capsule.status-success{background:#e8f5e9;color:#2e7d32}.status-capsule.status-danger{background:#ffebee;color:#c62828}.status-dropdown-menu{background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.status-menu-item{cursor:pointer;font-size:14px;font-weight:500;padding:14px 20px;transition:background .2s}.status-menu-item:hover{background:#f5f5f5}.status-menu-item.active{font-weight:700}.status-menu-item.status-created{color:#555}.status-menu-item.status-warning{color:#e65100}.status-menu-item.status-primary{color:#555}.status-menu-item.status-shipped{color:#1565c0}.status-menu-item.status-success{color:#2e7d32}.status-menu-item.status-danger{color:#c62828}.admin-order-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.info-card{background:#fff;border:1px solid #eee;border-radius:20px;padding:24px}.info-card.notes-card{grid-column:1/-1}.info-card h3{border-bottom:1px solid #eee;color:#484747;font-size:14px;font-weight:800;margin-bottom:16px;padding-bottom:12px;text-transform:uppercase}.info-card p{color:#555;font-size:15px;margin:0 0 6px}.customer-name{color:#333!important;font-size:17px!important;font-weight:600}.customer-email{color:#888!important}.customer-stats{border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;padding-top:14px}.customer-stats span{color:#666;font-size:13px}.order-count{background:#f0f7ff;color:#1976d2!important;cursor:pointer;font-weight:500}.member-since,.order-count{border-radius:20px;padding:4px 10px}.member-since{background:#f5f5f5}.customer-orders-list{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.customer-orders-list h4{color:#484747;font-size:14px;font-weight:800;margin-bottom:12px;text-transform:uppercase}.order-history-item{align-items:center;background:#f9f9f9;border-radius:20px;color:#555;display:flex;font-size:13px;gap:10px;justify-content:space-between;margin-bottom:6px;padding:10px 12px;text-decoration:none}.order-history-item.current{background:#e3f2fd;border:1px solid #90caf9}.order-history-item span:first-child{color:#333;font-weight:600}.mini-status{border-radius:20px;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.mini-status.pending{background:#fff3e0;color:#e65100}.mini-status.processing{background:#e3f2fd;color:#1565c0}.mini-status.shipped{background:#e8f5e9;color:#2e7d32}.mini-status.delivered{background:#c8e6c9;color:#1b5e20}.mini-status.cancelled{background:#ffebee;color:#c62828}.card-header-with-action{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.card-header-with-action h3{border:none;margin:0;padding:0}.copy-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:background .2s}.copy-btn:hover{background:#e8e8e8}.items-card{background:#fff;border:1px solid #eee;border-radius:20px;margin-bottom:20px;padding:24px}.items-card h3{border-bottom:1px solid #eee;color:#484747;font-size:14px;font-weight:800;margin-bottom:16px;padding-bottom:12px;text-transform:uppercase}.items-table{border-collapse:collapse;width:100%}.items-table th{border-bottom:1px solid #eee;color:#888;font-size:12px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.items-table td{border-bottom:1px solid #f5f5f5;color:#333;padding:16px 12px}.items-table tr:last-child td{border-bottom:none}.product-cell{align-items:center;display:flex;gap:12px}.product-cell img{border-radius:20px;height:50px;object-fit:cover;width:50px}.product-cell span{font-weight:500}.summary-card{background:#fff;border:1px solid #eee;border-radius:20px;margin-left:auto;max-width:350px;padding:24px}.summary-row{color:#666;display:flex;font-size:15px;justify-content:space-between;padding:10px 0}.summary-row.total{border-top:2px solid #eee;color:#333;font-size:18px;font-weight:700;margin-top:10px;padding-top:16px}.payment-info-box{align-items:center;background:#f9f9f9;border-radius:16px;display:flex;justify-content:space-between;padding:16px}.payment-method{align-items:center;display:flex;gap:12px}.payment-icon{font-size:24px}.payment-label{color:#333;font-size:15px;font-weight:600}.payment-status-badge{border-radius:20px;font-size:13px;font-weight:600;min-width:100px;padding:8px 16px;text-align:center}.payment-status-badge.paid{background:#e8f5e9;color:#2e7d32}.payment-status-badge.pending{background:#fff3e0;color:#e65100}.payment-info-box.payment-card-paid{background:#f1f8e9;border:1px solid #c5e1a5}.payment-info-box.payment-card-pending{background:#fff8e1;border:1px solid #ffe082}.payment-info-box.payment-cod-paid{background:#e8f5e9;border:1px solid #a5d6a7}.payment-info-box.payment-cod-pending{background:#fff8e1;border:1px solid #ffe082}.payment-id-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.payment-id-label{color:#888;font-size:11px;font-weight:500}.payment-id-value{background:#f5f5f5;border-radius:6px;color:#666;flex:1 1;font-family:monospace;font-size:10px;min-width:0;padding:4px 8px;word-break:break-all}.copy-payment-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:12px;padding:4px 8px;transition:background .2s}.copy-payment-btn:hover{background:#e0e0e0}.payment-info-box.payment-refunded{background:#fce4ec;border:1px solid #f48fb1}.payment-info-box.payment-failed{background:#ffebee;border:1px solid #ef9a9a}.payment-status-badge.refunded{background:#f48fb1;color:#880e4f}.check-refund-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:500;margin-top:12px;padding:10px 16px;transition:background .2s;width:100%}.check-refund-btn:hover{background:#e8e8e8}.check-refund-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.admin-order-header{align-items:flex-start;flex-direction:column;gap:16px}.header-right,.status-capsule-wrapper{width:100%}.status-capsule{justify-content:center;width:100%}.status-dropdown-menu{left:0;right:0}.admin-order-grid{grid-template-columns:1fr}.items-table td:nth-child(2),.items-table th:nth-child(2){display:none}.summary-card{max-width:none}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3478f6;--primary-light:#5a9af8;--primary-dark:#2563eb;--secondary:#64748b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--light:#f8fafc;--dark:#0f172a;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--shadow-sm:none;--shadow:none;--shadow-md:none;--shadow-lg:none;--radius-sm:12px;--radius:20px;--radius-lg:20px;--radius-xl:20px;--transition:all 0.2s ease}body{-webkit-font-smoothing:antialiased;background-color:#f8fafc;background-color:var(--gray-50);color:#0f172a;color:var(--dark);font-family:Cairo,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:1280px;padding:0 24px}.btn{align-items:center;border:none;border-radius:20px;border-radius:var(--radius);display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease;transition:var(--transition)}.btn-primary{background:#3478f6;background:var(--primary);color:#fff}.btn-secondary{background:#f1f5f9;background:var(--gray-100);color:#334155;color:var(--gray-700)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-outline{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);color:#334155;color:var(--gray-700)}.btn-sm{font-size:13px;padding:8px 16px}.btn-lg{font-size:16px;padding:16px 32px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-group{margin-bottom:20px}.form-label{color:#334155;color:var(--gray-700);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:20px;border-radius:var(--radius);font-size:15px;padding:14px 16px;transition:all .2s ease;transition:var(--transition);width:100%}.form-input:focus{border-color:#3478f6;border-color:var(--primary);outline:none}.form-input::placeholder{color:#94a3b8;color:var(--gray-400)}.card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-lg);overflow:hidden}.card-body{padding:24px}.grid{grid-gap:24px;display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-muted{color:#64748b;color:var(--gray-500)}.text-success{color:#10b981;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.py-4{padding-bottom:32px;padding-top:32px}.py-5{padding-bottom:48px;padding-top:48px}.alert{border-radius:20px;border-radius:var(--radius);font-size:14px;font-weight:500;margin-bottom:20px;padding:16px 20px}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.badge-primary{background:#2563eb1a;color:#3478f6;color:var(--primary)}.badge-success{background:#10b9811a;color:#10b981;color:var(--success)}.badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.badge-danger{background:#ef44441a;color:#ef4444;color:var(--danger)}.loading{align-items:center;display:flex;justify-content:center;padding:60px}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#3478f6;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:44px;width:44px}@keyframes spin{to{transform:rotate(1turn)}}.page-header{margin-bottom:32px}.page-header h1{color:#0f172a;color:var(--dark);font-size:32px;font-weight:700;margin-bottom:8px}.page-header p{color:#64748b;color:var(--gray-500);font-size:16px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}@media (max-width:768px){body{font-size:15px;font-weight:500}h1,h2,h3,h4,h5,h6{font-weight:700}p{font-weight:500}.btn{font-weight:700}.form-label{font-weight:600}.form-input{font-weight:500}.badge{font-weight:700}.alert{font-weight:600}}
/*# sourceMappingURL=main.e7862682.css.map*/