@import"https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--primary-bg: #0f172a;--secondary-bg: rgba(30, 41, 59, .9);--glass-bg: rgba(255, 255, 255, .04);--primary-accent: #3b82f6;--secondary-accent: #818cf8;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: rgba(255, 255, 255, .08);--glow-color: rgba(59, 130, 246, .35)}*,*:before,*:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--primary-bg);color:var(--text-primary);line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}.futuristic-nav,.futuristic-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:0 4px 24px #00000040}.futuristic-btn{background:#dfdfdf;border:1px solid var(--border-color);color:#212121;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .26s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;-webkit-appearance:none;appearance:none}.futuristic-btn:hover,.futuristic-btn:focus{background:#ffffff0f;border-color:var(--primary-accent);box-shadow:0 0 14px var(--glow-color);outline:none}.navbar{position:fixed;top:0;left:0;right:0;height:64px;align-items:center;padding:0 20px;z-index:1100;transition:all .3s ease;background:linear-gradient(180deg,#fff,#ffffff7f);border-bottom:1px solid #d5d5d5}.nav-container{display:flex;padding:10px 4px;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;width:100%}.nav-logo{display:flex;align-items:center;gap:.8rem}.logo-image{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.logo-text{font-weight:700;font-size:1.25rem;color:#a90000}.nav-menu{display:flex;align-items:center;gap:1.5rem;z-index:1110}.nav-common-items{display:flex;align-items:center;gap:1.25rem}.nav-user-admin-items{display:none;align-items:center;gap:1rem}.nav-link{display:flex;align-items:center;gap:.5rem;color:#1f1f1f;text-decoration:none;padding:.5rem .75rem;border-radius:8px;transition:all .22s ease}.nav-link:hover,.nav-link:focus{color:#4050f5;background:#67676752}.nav-link.active{color:#4050f5;background:#67676752;font-weight:700}.nav-actions,.pc-nav{display:flex;align-items:center;gap:1rem}.menu-toggle{display:none;padding:15px;border-radius:8px;align-items:center;justify-content:center}.hamburger{width:22px;height:2px;background:#000;position:relative;display:inline-block;transition:transform .22s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:22px;height:2px;background:#000;transition:transform .22s ease,top .22s ease,bottom .22s ease}.hamburger:before{top:-7px}.hamburger:after{top:7px}.hamburger.active{background:transparent}.hamburger.active:before{transform:rotate(45deg);top:0}.hamburger.active:after{transform:rotate(-45deg);top:0}.nav-cart-count{display:inline-block;min-width:20px;height:20px;line-height:18px;text-align:center;border-radius:999px;background:#ffefef;color:#de1a1a;font-weight:700;padding:0 6px;font-size:.9rem}@media (max-width: 968px){.pc-nav{display:none}.menu-toggle{display:inline-flex}.nav-menu{position:fixed;top:55px;left:0;right:0;transform:translate(-100%);opacity:0;visibility:hidden;flex-direction:column;gap:1.25rem;background:#f0efeff2;padding:1.5rem 1rem;height:calc(100vh - 64px);overflow-y:auto;transition:transform .28s cubic-bezier(.2,.9,.2,1),opacity .22s ease;z-index:1100}.nav-menu.active{transform:translate(0);opacity:1;visibility:visible}.nav-common-items{flex-direction:column;gap:1rem;align-items:stretch}.nav-user-admin-items{display:flex;margin-top:1rem;flex-direction:column;gap:.75rem;align-items:stretch}.nav-link{padding:.75rem 1rem;border-radius:10px}.nav-overlay{position:fixed;inset:64px 0 0;background:#00000061;z-index:1095}}@media (max-width: 576px){.logo-text{font-size:1rem}.navbar{height:56px}.nav-overlay{top:56px}.nav-menu{top:56px;height:calc(100vh - 56px)}}@media (prefers-reduced-motion: reduce){.nav-menu,.futuristic-btn,.hamburger{transition:none!important}}.futuristic-sidebar{width:250px;color:#fff;display:flex;flex-direction:column}.futuristic-sidebar.expanded{width:275px;height:100vh;position:fixed;z-index:10000}.futuristic-sidebar.collapsed{width:55px;height:100vh;position:fixed;z-index:10000}.sidebar-header{padding:0 4px;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.sidebar-toggle{margin-left:auto}.toggle-icon{display:block;width:20px;height:20px;position:relative;transition:all .3s ease}.toggle-icon:before,.toggle-icon:after{content:"";position:absolute;background:var(--text-primary);border-radius:2px}.toggle-icon:before{width:12px;height:2px;top:9px;left:4px}.toggle-icon:after{width:2px;height:12px;top:4px;left:9px;transition:height .3s ease}.toggle-icon.expanded:after{height:0}.sidebar-nav{display:flex;flex-direction:column;gap:3px;padding:0 .5rem}.sidebar-nav .nav-item{border-radius:8px;overflow:hidden;justify-content:flex-start}.sidebar-nav .nav-link{padding:5px;color:#1f1f1f;text-decoration:none;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.sidebar-nav .nav-link:hover{background:var(--glass-bg);color:#1326f3}.sidebar-nav .nav-item.active .nav-link{background:linear-gradient(90deg,#3b82f633,#0066ff0d);color:#1326f3;border-right:2px solid var(--primary-accent)}.item-icon{font-size:1.2rem;min-width:24px;text-align:center}.item-text{white-space:nowrap}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:1rem;border-top:1px solid var(--border-color)}.user-profile{display:flex;align-items:center;gap:.8rem}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));flex-shrink:0}.user-name{font-weight:600;font-size:.9rem}.user-role{font-size:.8rem;color:var(--text-secondary)}.futuristic-footer{background:#ededed;padding:3rem 2rem 1rem;margin-top:4rem}.footer-content{max-width:1200px;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-section h4,.footer-section h5{margin-bottom:1rem}.footer-section h4{font-size:1.5rem;color:#a90000}.footer-section h5{font-size:1.1rem}.footer-section p{color:#212121;margin-bottom:1.5rem}.footer-section a{display:flex;color:#212121;text-decoration:none;margin-bottom:.5rem;transition:color .3s ease}.footer-section a:hover{color:#1326f3}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--border-color);transition:all .3s ease}.social-link:hover{background:#ffffff1a;border-color:var(--primary-accent);box-shadow:0 0 15px var(--glow-color);transform:translateY(-2px)}.footer-bottom{max-width:1200px;margin:2rem auto 0}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin-bottom:1.5rem}.bottom-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.bottom-content p{color:#333;font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:var(--text-primary)}@media (max-width: 968px){.sidebar-nav .nav-link{padding:5px}.pc-nav{display:none}.nav-user-admin-items{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.footer-content{grid-template-columns:1fr}.bottom-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.translate-container{display:flex;align-items:center}.trans-salect{width:80px}.t-select{width:100%;height:100%;border:none;background-color:transparent;color:#212121;font-size:1rem}.t-select-option{width:100%;height:100%;border:none;background-color:#e9e9e9;color:#212121;font-size:1rem}:root{--primary-bg: #0f172a;--secondary-bg: rgba(30, 41, 59, .7);--glass-bg: rgba(255, 255, 255, .05);--card-bg: rgba(30, 41, 59, .5);--primary-accent: #3b82f6;--secondary-accent: #818cf8;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: rgba(255, 255, 255, .1);--glow-color: rgba(59, 130, 246, .4);--success-color: #10b981;--error-color: #ef4444}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.futuristic-auth{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-card{border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;width:100%;max-width:450px;box-shadow:0 10px 40px #0003,0 0 20px var(--glow-color);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem;color:#3f3f3f}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1.5rem}.auth-logo .logo-icon{font-size:2rem;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-logo .logo-text{font-weight:700;font-size:1.8rem;background:linear-gradient(135deg,red,#6f6f6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-header h2{font-size:1.8rem}.auth-header p{color:#535353}.auth-form,.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.label-container{display:flex;justify-content:space-between;align-items:center}.forgot-link{color:var(--primary-accent);text-decoration:none;font-size:.9rem}.forgot-link:hover{text-decoration:underline}.input-container{position:relative}.futuristic-input{width:100%;padding:.8rem 1rem .8rem 2.5rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.futuristic-input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px var(--glow-color)}.futuristic-input:disabled{opacity:.6;cursor:not-allowed}.input-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.checkbox-group{display:flex;align-items:flex-start}.register-checkbox-container{display:flex;align-items:flex-start;cursor:pointer;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.register-checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{height:18px;width:18px;min-width:18px;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:4px;margin-right:.5rem;position:relative;top:2px}.register-checkbox-container input:checked~.checkmark{background:var(--primary-accent);border-color:var(--primary-accent)}.register-checkbox-container input:checked~.checkmark:after{left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.register-checkbox-container a{color:var(--primary-accent);text-decoration:none}.register-checkbox-container a:hover{text-decoration:underline}.auth-btn{width:100%;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.auth-btn.primary{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff}.auth-btn.primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--glow-color)}.auth-divider{position:relative;text-align:center;margin:1.5rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.auth-divider span{position:relative;padding:0 1rem;background:var(--card-bg);color:var(--text-secondary);font-size:.9rem}.social-auth{display:flex;gap:1rem;margin-bottom:1.5rem}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.social-btn:hover{background:#ffffff1a;border-color:var(--primary-accent)}.social-icon{font-weight:700}.auth-footer{text-align:center}.auth-footer p{color:#3f3f3f;font-size:.9rem}.auth-link{background:none;border:none;color:var(--primary-accent);cursor:pointer;text-decoration:underline;font-size:.9rem}.auth-link:hover{color:var(--secondary-accent)}@media (max-width: 1024px){.auth-card{max-width:400px;padding:2rem}.auth-header h2{font-size:1.6rem}.futuristic-input{font-size:.95rem;padding:.7rem 1rem .7rem 2.2rem}.auth-btn{font-size:.95rem;padding:.9rem}}@media (max-width: 768px){.auth-container{padding:1rem}.auth-card{max-width:100%;padding:1.8rem;border-radius:12px}.auth-logo .logo-text{font-size:1.5rem}.auth-header h2{font-size:1.4rem}.form-group{margin-bottom:1.2rem}.futuristic-input{font-size:.9rem;padding:.7rem 1rem .7rem 2.2rem}.auth-btn{font-size:.9rem;padding:.8rem}}@media (max-width: 480px){.auth-card{padding:1.2rem;border-radius:10px}.auth-logo{flex-direction:column;gap:.5rem}.auth-logo .logo-text{font-size:1.3rem}.auth-header h2{font-size:1.2rem}.futuristic-input{font-size:.85rem;padding:.6rem .8rem .6rem 2rem}.auth-btn{font-size:.85rem;padding:.7rem}.social-auth{flex-direction:column}.social-btn{width:100%}}:root{--primary-color: #3b82f6;--secondary-color: #818cf8;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--light-color: #f8fafc;--dark-color: #1e293b;--spinner-size-xs: 16px;--spinner-size-sm: 24px;--spinner-size-md: 40px;--spinner-size-lg: 60px;--spinner-size-xl: 80px}.spinner{display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.spinner-centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.spinner-inner{display:flex;align-items:center;justify-content:center}.spinner-text{margin-top:.75rem;font-size:.875rem;color:var(--dark-color);text-align:center;font-weight:500}.spinner-xs .spinner-text{font-size:.75rem;margin-top:.5rem}.spinner-sm .spinner-text{font-size:.8rem;margin-top:.6rem}.spinner-lg .spinner-text{font-size:1rem;margin-top:1rem}.spinner-xl .spinner-text{font-size:1.125rem;margin-top:1.25rem}.spinner-primary .spinner-text{color:var(--primary-color)}.spinner-secondary .spinner-text{color:var(--secondary-color)}.spinner-success .spinner-text{color:var(--success-color)}.spinner-warning .spinner-text{color:var(--warning-color)}.spinner-error .spinner-text{color:var(--error-color)}.spinner-light .spinner-text{color:var(--light-color)}.spinner-dark .spinner-text{color:var(--dark-color)}.ring{display:inline-block;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top:3px solid;animation:spin 1s linear infinite}.spinner-xs .ring{width:var(--spinner-size-xs);height:var(--spinner-size-xs);border-width:2px}.spinner-sm .ring{width:var(--spinner-size-sm);height:var(--spinner-size-sm);border-width:2px}.spinner-md .ring{width:var(--spinner-size-md);height:var(--spinner-size-md);border-width:3px}.spinner-lg .ring{width:var(--spinner-size-lg);height:var(--spinner-size-lg);border-width:4px}.spinner-xl .ring{width:var(--spinner-size-xl);height:var(--spinner-size-xl);border-width:5px}.spinner-primary .ring{border-top-color:var(--primary-color)}.spinner-secondary .ring{border-top-color:var(--secondary-color)}.spinner-success .ring{border-top-color:var(--success-color)}.spinner-warning .ring{border-top-color:var(--warning-color)}.spinner-error .ring{border-top-color:var(--error-color)}.spinner-light .ring{border-top-color:var(--light-color)}.spinner-dark .ring{border-top-color:var(--dark-color)}.dual-ring{display:inline-block;border-radius:50%;animation:spin 1.2s linear infinite}.spinner-xs .dual-ring{width:var(--spinner-size-xs);height:var(--spinner-size-xs);border:2px solid transparent}.spinner-sm .dual-ring{width:var(--spinner-size-sm);height:var(--spinner-size-sm);border:2px solid transparent}.spinner-md .dual-ring{width:var(--spinner-size-md);height:var(--spinner-size-md);border:3px solid transparent}.spinner-lg .dual-ring{width:var(--spinner-size-lg);height:var(--spinner-size-lg);border:4px solid transparent}.spinner-xl .dual-ring{width:var(--spinner-size-xl);height:var(--spinner-size-xl);border:5px solid transparent}.spinner-primary .dual-ring{border-top-color:var(--primary-color);border-bottom-color:var(--primary-color)}.spinner-secondary .dual-ring{border-top-color:var(--secondary-color);border-bottom-color:var(--secondary-color)}.spinner-success .dual-ring{border-top-color:var(--success-color);border-bottom-color:var(--success-color)}.spinner-warning .dual-ring{border-top-color:var(--warning-color);border-bottom-color:var(--warning-color)}.spinner-error .dual-ring{border-top-color:var(--error-color);border-bottom-color:var(--error-color)}.spinner-light .dual-ring{border-top-color:var(--light-color);border-bottom-color:var(--light-color)}.spinner-dark .dual-ring{border-top-color:var(--dark-color);border-bottom-color:var(--dark-color)}.ellipsis{display:inline-block;position:relative}.ellipsis div{position:absolute;border-radius:50%;animation:ellipsis 1.2s cubic-bezier(0,.5,.5,1) infinite}.ellipsis div:nth-child(1){animation-delay:-.24s}.ellipsis div:nth-child(2){animation-delay:-.12s}.ellipsis div:nth-child(3){animation-delay:0}.spinner-xs .ellipsis{width:var(--spinner-size-xs);height:var(--spinner-size-xs)}.spinner-xs .ellipsis div{width:4px;height:4px}.spinner-sm .ellipsis{width:var(--spinner-size-sm);height:var(--spinner-size-sm)}.spinner-sm .ellipsis div{width:5px;height:5px}.spinner-md .ellipsis{width:var(--spinner-size-md);height:var(--spinner-size-md)}.spinner-md .ellipsis div{width:8px;height:8px}.spinner-lg .ellipsis{width:var(--spinner-size-lg);height:var(--spinner-size-lg)}.spinner-lg .ellipsis div{width:10px;height:10px}.spinner-xl .ellipsis{width:var(--spinner-size-xl);height:var(--spinner-size-xl)}.spinner-xl .ellipsis div{width:12px;height:12px}.spinner-primary .ellipsis div{background:var(--primary-color)}.spinner-secondary .ellipsis div{background:var(--secondary-color)}.spinner-success .ellipsis div{background:var(--success-color)}.spinner-warning .ellipsis div{background:var(--warning-color)}.spinner-error .ellipsis div{background:var(--error-color)}.spinner-light .ellipsis div{background:var(--light-color)}.spinner-dark .ellipsis div{background:var(--dark-color)}.ripple{display:inline-block;position:relative}.ripple div{position:absolute;border:2px solid;border-radius:50%;animation:ripple 1s cubic-bezier(0,.2,.8,1) infinite}.ripple div:nth-child(2){animation-delay:-.5s}.spinner-xs .ripple{width:var(--spinner-size-xs);height:var(--spinner-size-xs)}.spinner-sm .ripple{width:var(--spinner-size-sm);height:var(--spinner-size-sm)}.spinner-md .ripple{width:var(--spinner-size-md);height:var(--spinner-size-md)}.spinner-lg .ripple{width:var(--spinner-size-lg);height:var(--spinner-size-lg)}.spinner-xl .ripple{width:var(--spinner-size-xl);height:var(--spinner-size-xl)}.spinner-primary .ripple div{border-color:var(--primary-color)}.spinner-secondary .ripple div{border-color:var(--secondary-color)}.spinner-success .ripple div{border-color:var(--success-color)}.spinner-warning .ripple div{border-color:var(--warning-color)}.spinner-error .ripple div{border-color:var(--error-color)}.spinner-light .ripple div{border-color:var(--light-color)}.spinner-dark .ripple div{border-color:var(--dark-color)}.hourglass{display:inline-block;position:relative;animation:rotate 1.5s linear infinite}.hourglass:before{content:"";display:block;border-style:solid;border-width:0 10px 20px 10px;border-color:transparent transparent;animation:hourglass 1.5s linear infinite}.spinner-xs .hourglass:before{border-width:0 6px 12px 6px}.spinner-sm .hourglass:before{border-width:0 8px 16px 8px}.spinner-md .hourglass:before{border-width:0 10px 20px 10px}.spinner-lg .hourglass:before{border-width:0 12px 24px 12px}.spinner-xl .hourglass:before{border-width:0 14px 28px 14px}.spinner-primary .hourglass:before{border-color:transparent transparent var(--primary-color) transparent}.spinner-secondary .hourglass:before{border-color:transparent transparent var(--secondary-color) transparent}.spinner-success .hourglass:before{border-color:transparent transparent var(--success-color) transparent}.spinner-warning .hourglass:before{border-color:transparent transparent var(--warning-color) transparent}.spinner-error .hourglass:before{border-color:transparent transparent var(--error-color) transparent}.spinner-light .hourglass:before{border-color:transparent transparent var(--light-color) transparent}.spinner-dark .hourglass:before{border-color:transparent transparent var(--dark-color) transparent}.dots{display:inline-flex;align-items:center;justify-content:space-between}.dots div{border-radius:50%;animation:dots-bounce 1.4s ease-in-out infinite both}.dots div:nth-child(1){animation-delay:-.32s}.dots div:nth-child(2){animation-delay:-.16s}.spinner-xs .dots{width:var(--spinner-size-xs);height:var(--spinner-size-xs)}.spinner-xs .dots div{width:4px;height:4px}.spinner-sm .dots{width:var(--spinner-size-sm);height:var(--spinner-size-sm)}.spinner-sm .dots div{width:5px;height:5px}.spinner-md .dots{width:var(--spinner-size-md);height:var(--spinner-size-md)}.spinner-md .dots div{width:8px;height:8px}.spinner-lg .dots{width:var(--spinner-size-lg);height:var(--spinner-size-lg)}.spinner-lg .dots div{width:10px;height:10px}.spinner-xl .dots{width:var(--spinner-size-xl);height:var(--spinner-size-xl)}.spinner-xl .dots div{width:12px;height:12px}.spinner-primary .dots div{background-color:var(--primary-color)}.spinner-secondary .dots div{background-color:var(--secondary-color)}.spinner-success .dots div{background-color:var(--success-color)}.spinner-warning .dots div{background-color:var(--warning-color)}.spinner-error .dots div{background-color:var(--error-color)}.spinner-light .dots div{background-color:var(--light-color)}.spinner-dark .dots div{background-color:var(--dark-color)}.cube-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px}.cube{animation:cube-grid 1.3s infinite ease-in-out}.cube:nth-child(1){animation-delay:.2s}.cube:nth-child(2){animation-delay:.3s}.cube:nth-child(3){animation-delay:.4s}.cube:nth-child(4){animation-delay:.1s}.cube:nth-child(5){animation-delay:.2s}.cube:nth-child(6){animation-delay:.3s}.cube:nth-child(7){animation-delay:0s}.cube:nth-child(8){animation-delay:.1s}.cube:nth-child(9){animation-delay:.2s}.spinner-xs .cube-grid{width:var(--spinner-size-xs);height:var(--spinner-size-xs)}.spinner-xs .cube{width:4px;height:4px}.spinner-sm .cube-grid{width:var(--spinner-size-sm);height:var(--spinner-size-sm)}.spinner-sm .cube{width:5px;height:5px}.spinner-md .cube-grid{width:var(--spinner-size-md);height:var(--spinner-size-md)}.spinner-md .cube{width:8px;height:8px}.spinner-lg .cube-grid{width:var(--spinner-size-lg);height:var(--spinner-size-lg)}.spinner-lg .cube{width:10px;height:10px}.spinner-xl .cube-grid{width:var(--spinner-size-xl);height:var(--spinner-size-xl)}.spinner-xl .cube{width:12px;height:12px}.spinner-primary .cube{background-color:var(--primary-color)}.spinner-secondary .cube{background-color:var(--secondary-color)}.spinner-success .cube{background-color:var(--success-color)}.spinner-warning .cube{background-color:var(--warning-color)}.spinner-error .cube{background-color:var(--error-color)}.spinner-light .cube{background-color:var(--light-color)}.spinner-dark .cube{background-color:var(--dark-color)}.pulse{display:inline-block;border-radius:50%;animation:pulse 1.5s ease-in-out infinite both}.spinner-xs .pulse{width:var(--spinner-size-xs);height:var(--spinner-size-xs)}.spinner-sm .pulse{width:var(--spinner-size-sm);height:var(--spinner-size-sm)}.spinner-md .pulse{width:var(--spinner-size-md);height:var(--spinner-size-md)}.spinner-lg .pulse{width:var(--spinner-size-lg);height:var(--spinner-size-lg)}.spinner-xl .pulse{width:var(--spinner-size-xl);height:var(--spinner-size-xl)}.spinner-primary .pulse{background-color:var(--primary-color)}.spinner-secondary .pulse{background-color:var(--secondary-color)}.spinner-success .pulse{background-color:var(--success-color)}.spinner-warning .pulse{background-color:var(--warning-color)}.spinner-error .pulse{background-color:var(--error-color)}.spinner-light .pulse{background-color:var(--light-color)}.spinner-dark .pulse{background-color:var(--dark-color)}.progress-spinner{display:inline-block;position:relative}.progress-circle{transform:rotate(-90deg)}.progress-circle-inner{stroke-dasharray:283;stroke-dashoffset:283;animation:progress 1.5s ease-in-out infinite both;transform-origin:center}.spinner-xs .progress-spinner{width:var(--spinner-size-xs);height:var(--spinner-size-xs)}.spinner-sm .progress-spinner{width:var(--spinner-size-sm);height:var(--spinner-size-sm)}.spinner-md .progress-spinner{width:var(--spinner-size-md);height:var(--spinner-size-md)}.spinner-lg .progress-spinner{width:var(--spinner-size-lg);height:var(--spinner-size-lg)}.spinner-xl .progress-spinner{width:var(--spinner-size-xl);height:var(--spinner-size-xl)}.spinner-primary .progress-circle-inner{stroke:var(--primary-color)}.spinner-secondary .progress-circle-inner{stroke:var(--secondary-color)}.spinner-success .progress-circle-inner{stroke:var(--success-color)}.spinner-warning .progress-circle-inner{stroke:var(--warning-color)}.spinner-error .progress-circle-inner{stroke:var(--error-color)}.spinner-light .progress-circle-inner{stroke:var(--light-color)}.spinner-dark .progress-circle-inner{stroke:var(--dark-color)}@keyframes ellipsis{0%{top:50%;left:0;transform:translateY(-50%)}to{top:50%;left:100%;transform:translate(-100%,-50%)}}@keyframes ripple{0%{top:50%;left:50%;width:0;height:0;opacity:1}to{top:0;left:0;width:100%;height:100%;opacity:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hourglass{0%{border-color:transparent transparent}50%{border-color:transparent transparent}to{border-color:transparent transparent}}@keyframes dots-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes cube-grid{0%,70%,to{transform:scaleZ(1)}35%{transform:scale3d(0,0,1)}}@keyframes pulse{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1);opacity:1}}@keyframes progress{0%{stroke-dashoffset:283;transform:rotate(0)}50%{stroke-dashoffset:70;transform:rotate(180deg)}to{stroke-dashoffset:283;transform:rotate(360deg)}}@media (max-width: 768px){:root{--spinner-size-xs: 14px;--spinner-size-sm: 20px;--spinner-size-md: 32px;--spinner-size-lg: 48px;--spinner-size-xl: 64px}.spinner-text{font-size:.8rem}}@media (max-width: 480px){:root{--spinner-size-xs: 12px;--spinner-size-sm: 18px;--spinner-size-md: 28px;--spinner-size-lg: 40px;--spinner-size-xl: 56px}.spinner-text{font-size:.75rem}}@media (prefers-color-scheme: dark){.spinner:not([class*=spinner-light]):not([class*=spinner-dark]) .spinner-text{color:var(--light-color)}}@media (prefers-reduced-motion: reduce){.ring,.dual-ring,.ellipsis div,.ripple div,.hourglass,.dots div,.cube,.pulse,.progress-circle-inner{animation-duration:2s;animation-timing-function:linear}}@media (prefers-contrast: high){.spinner-primary .ring,.spinner-primary .dual-ring,.spinner-primary .ellipsis div,.spinner-primary .ripple div,.spinner-primary .hourglass:before,.spinner-primary .dots div,.spinner-primary .cube,.spinner-primary .pulse,.spinner-primary .progress-circle-inner{filter:brightness(1.5)}}.profile-container{padding:1rem;min-height:100vh;box-sizing:border-box}.profile-header{margin-bottom:1.5rem;text-align:center;padding:0 .5rem}.profile-header h1{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(135deg,red,#3d2525);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3}.profile-header p{color:#212121;font-size:.95rem;line-height:1.4}.profile-content{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto}.profile-card{background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;width:100%;box-sizing:border-box}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.avatar-upload{position:relative;margin-bottom:.5rem}.avatar-preview{width:100px;height:100px;border-radius:50%;background:var(--glass-bg);border:2px solid var(--border-color);overflow:hidden;position:relative}.avatar-image{width:100%;height:100%;background-size:cover;background-position:center}.avatar-edit{position:absolute;right:0;bottom:0;background:var(--primary-accent);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--card-bg)}.avatar-edit input{display:none}.avatar-info h2{font-size:1.3rem;margin-bottom:.25rem;word-break:break-word;color:#212121}.avatar-info p{color:#212121;margin-bottom:.75rem;font-size:.9rem}.member-status{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));border-radius:20px;font-size:.75rem;font-weight:600}.profile-form .form-row{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.futuristic-input,.futuristic-textarea,.futuristic-select{width:100%;padding:.8rem 1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;box-sizing:border-box;transition:all .3s ease}.futuristic-textarea{resize:vertical;min-height:100px}.futuristic-input:focus,.futuristic-textarea:focus,.futuristic-select:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px var(--glow-color)}.futuristic-input:disabled,.futuristic-textarea:disabled,.futuristic-select:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.form-actions .futuristic-btn{width:100%;margin:0}.profile-kyc-status{color:#00f}.profile-sidebar{display:flex;flex-direction:column;gap:1.25rem}.sidebar-card{background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;box-shadow:0 4px 20px #0000001a}.sidebar-card h3{margin-bottom:1rem;font-size:1.1rem;color:#212121}.security-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.security-item:last-child{border-bottom:none;padding-bottom:0}.security-icon{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.security-info{flex:1;min-width:0}.security-info h4{font-size:.85rem;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#212121}.security-info p{font-size:.75rem;color:#414141;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.security-action{padding:.35rem .7rem;font-size:.75rem;white-space:nowrap}.subscription-info{margin-bottom:1rem}.plan-badge{display:inline-block;padding:.35rem .7rem;background:var(--success-color);border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.subscription-info p{font-size:.85rem;color:var(--text-secondary);line-height:1.4}@media (min-width: 481px){.profile-container{padding:1.5rem}.profile-header h1{font-size:2rem}.profile-avatar-section{flex-direction:row;text-align:left;align-items:center}.form-actions{flex-direction:row}.form-actions .futuristic-btn{flex:1}}@media (min-width: 641px){.profile-form .form-row{flex-direction:row}.profile-form .form-row>*{flex:1}}@media (min-width: 769px){.profile-content{flex-direction:row}.profile-main{flex:2}.profile-sidebar{flex:1;max-width:300px}}@media (min-width: 1025px){.profile-container,.profile-card{padding:2rem}.avatar-preview{width:120px;height:120px}}@media (max-width: 360px){.profile-container{padding:.75rem}.profile-card{padding:1.25rem}.avatar-preview{width:90px;height:90px}.avatar-info h2{font-size:1.2rem}.security-item{flex-wrap:wrap}.security-action{margin-top:.5rem;margin-left:0;width:100%}}@media (max-height: 500px) and (orientation: landscape){.profile-avatar-section{flex-direction:row;text-align:left}.profile-content{flex-direction:row;flex-wrap:wrap}.profile-main{flex:2;min-width:60%}.profile-sidebar{flex:1;min-width:35%}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.avatar-preview{border-width:1.5px}.profile-card{border-width:.5px}}@media (prefers-reduced-motion: reduce){.futuristic-input,.futuristic-textarea,.futuristic-select{transition:none}}@media (prefers-color-scheme: dark){.profile-card,.sidebar-card{border-color:#ffffff1a}.futuristic-input,.futuristic-textarea,.futuristic-select{background:#ffffff0d}}@media (hover: none) and (pointer: coarse){.futuristic-btn{min-height:44px;display:flex;align-items:center;justify-content:center}.avatar-edit{width:36px;height:36px}.futuristic-input,.futuristic-textarea,.futuristic-select{font-size:16px}}.user-list-container{padding:2rem;font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;max-width:100%;overflow-x:hidden}.user-list-header{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.user-list-title,.user-list-subtitle{color:#212121}.user-list-header h1{margin:0}.user-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1rem}.search-box{flex:1;min-width:200px}.search-input{width:100%;padding:8px 32px 8px 12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.role-filter{padding:6px 10px;border-radius:4px;border:1px solid #ccc;cursor:pointer;color:#272727;font-weight:700}.user-table-wrapper{overflow-x:auto;width:100%;box-shadow:0 2px 6px #0000000d}.user-table{width:100%;border-collapse:collapse;min-width:800px}.user-table thead{background-color:#00575f;color:#fff}.user-table th,.user-table td{padding:12px;text-align:left;border-bottom:1px solid #eaeaea}.badge{padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}.badge.admin{background-color:#e53935;color:#fff}.badge.moderator{background-color:#fb8c00;color:#fff}.badge.user{background-color:#43a047;color:#fff}.action-buttons{flex-wrap:nowrap}.action-buttons button{background:none;border:none;cursor:pointer;margin-right:6px;font-size:20px}.empty-state{text-align:center;padding:2rem;color:#777}.clear-filters-btn{margin-top:1rem;background-color:#00575f;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer}.retry-btn{background-color:#f55;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer}.error-message{text-align:center;padding:2rem;color:#d32f2f}.userserch-list{margin:0}@media (max-width: 768px){.user-list-container{padding:1rem}.user-list-header{flex-direction:column;align-items:flex-start}.user-controls{flex-direction:column;align-items:stretch}.role-filter{width:100%}.user-table{font-size:.9rem}}@media (max-width: 480px){.search-input{font-size:.9rem}.user-table th,.user-table td{padding:8px}.action-buttons button{font-size:14px;margin-right:4px}.badge{font-size:.75rem;padding:3px 8px}}.admin-user-profile-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.admin-user-profile-loading,.admin-user-profile-error{text-align:center;padding:60px 20px}.admin-user-profile-loading p{margin-top:16px;color:#718096;font-size:1.1rem}.admin-user-profile-error h2{color:#e53e3e;margin-bottom:8px}.admin-user-profile-error p{color:#718096}.admin-user-profile-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:30px;margin-bottom:30px;color:#fff}.admin-user-profile-header h1{font-size:2.5rem;font-weight:700;margin-bottom:8px}.admin-user-profile-header p{font-size:1.1rem;opacity:.9;margin:0}.admin-user-profile-content{display:flex;flex-direction:column;gap:24px}.admin-user-profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.admin-user-profile-card-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0;background:#f7fafc}.admin-user-profile-card-header h2{margin:0;color:#2d3748;font-size:1.5rem}.admin-user-profile-actions{display:flex;gap:12px}.admin-user-profile-btn{padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;font-size:.9rem}.admin-user-profile-btn-primary{background:#667eea;color:#fff}.admin-user-profile-btn-primary:hover{background:#5a67d8;transform:translateY(-2px)}.admin-user-profile-btn-secondary{background:#e2e8f0;color:#4a5568}.admin-user-profile-btn-secondary:hover{background:#cbd5e0;transform:translateY(-2px)}.admin-user-profile-card-body{padding:24px}.admin-user-profile-avatar{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.admin-user-profile-avatar-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.admin-user-profile-avatar-info h3{margin:0 0 4px;color:#2d3748;font-size:1.8rem}.admin-user-profile-avatar-info p{margin:0;color:#718096;font-size:.9rem}.admin-user-profile-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.admin-user-profile-detail-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f7fafc;border-radius:12px;border:1px solid #e2e8f0}.admin-user-profile-detail-item label{display:flex;align-items:center;gap:8px;font-weight:600;color:#4a5568;font-size:.9rem}.admin-user-profile-detail-icon{color:#667eea}.admin-user-profile-detail-item span{color:#2d3748;font-size:1rem}.admin-user-profile-input{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.admin-user-profile-input:focus{outline:none;border-color:#667eea}.admin-user-profile-role{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;width:fit-content}.admin-user-profile-role-user{background:#ebf8ff;color:#3182ce}.admin-user-profile-role-admin{background:#fff5f5;color:#e53e3e}.admin-user-profile-referral-code{background:#e6fffa;color:#319795;padding:4px 12px;border-radius:20px;font-weight:600;font-size:.9rem}.admin-user-profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.admin-user-profile-stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;gap:16px;transition:transform .3s ease}.admin-user-profile-stat-card:hover{transform:translateY(-4px)}.admin-user-profile-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.admin-user-profile-stat-wallet{background:#ebf8ff;color:#3182ce}.admin-user-profile-stat-referral{background:#fffaf0;color:#dd6b20}.admin-user-profile-stat-activity{background:#f0fff4;color:#38a169}.admin-user-profile-stat-info h3{margin:0 0 4px;color:#2d3748;font-size:1.2rem}.admin-user-profile-stat-info p{margin:0;color:#718096;font-size:.9rem}.admin-user-profile-additional-info{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014}.admin-user-profile-additional-info h3{margin:0 0 20px;color:#2d3748;font-size:1.3rem;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.admin-user-profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.admin-user-profile-info-item{display:flex;flex-direction:column;gap:4px}.admin-user-profile-info-item strong{color:#4a5568;font-size:.9rem;font-weight:600}.admin-user-profile-info-item span{color:#2d3748;font-size:1rem}.admin-user-profile-status-active{color:#38a169;font-weight:600}.admin-user-profile-action-buttons{display:flex;gap:16px;justify-content:center;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.admin-user-profile-action-btn{padding:12px 24px;border:2px solid;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.admin-user-profile-action-btn-secondary{background:#fff;border-color:#e2e8f0;color:#4a5568}.admin-user-profile-action-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.admin-user-profile-action-btn-warning{background:#fff;border-color:#fbd38d;color:#dd6b20}.admin-user-profile-action-btn-warning:hover{background:#fffaf0;border-color:#f6ad55}.admin-user-profile-action-btn-danger{background:#fff;border-color:#fed7d7;color:#e53e3e}.admin-user-profile-action-btn-danger:hover{background:#fff5f5;border-color:#feb2b2}@media (max-width: 768px){.admin-user-profile-container{padding:16px}.admin-user-profile-header{padding:20px;text-align:center}.admin-user-profile-header h1{font-size:2rem}.admin-user-profile-card-header{flex-direction:column;gap:16px;text-align:center}.admin-user-profile-avatar{flex-direction:column;text-align:center}.admin-user-profile-details-grid,.admin-user-profile-stats-grid,.admin-user-profile-info-grid{grid-template-columns:1fr}.admin-user-profile-action-buttons{flex-direction:column}.admin-user-profile-stat-card{flex-direction:column;text-align:center}}@media (max-width: 480px){.admin-user-profile-header{padding:16px}.admin-user-profile-header h1{font-size:1.8rem}.admin-user-profile-card-body{padding:16px}.admin-user-profile-avatar-icon{width:60px;height:60px;font-size:1.5rem}.admin-user-profile-avatar-info h3{font-size:1.5rem}.admin-user-profile-actions{flex-direction:column;width:100%}.admin-user-profile-btn{width:100%;justify-content:center}}.kyc-admin-container{max-width:1400px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.kyc-loading-container{text-align:center;padding:100px 20px}.kyc-loading-container p{margin-top:16px;color:#718096;font-size:1.1rem}.kyc-admin-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:30px;margin-bottom:30px;color:#fff}.kyc-admin-header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:8px}.kyc-admin-header-content p{font-size:1.1rem;opacity:.9;margin:0}.kyc-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.kyc-stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;gap:16px;transition:transform .3s ease}.kyc-stat-card:hover{transform:translateY(-4px)}.kyc-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.kyc-stat-total .kyc-stat-icon{background:#ebf8ff;color:#3182ce}.kyc-stat-pending .kyc-stat-icon{background:#fffaf0;color:#dd6b20}.kyc-stat-approved .kyc-stat-icon{background:#f0fff4;color:#38a169}.kyc-stat-rejected .kyc-stat-icon{background:#fed7d7;color:#e53e3e}.kyc-stat-info h3{font-size:1.5rem;font-weight:700;margin:0;color:#2d3748}.kyc-stat-info p{margin:0;color:#718096;font-weight:500}.kyc-admin-content{grid-template-columns:1fr 2fr;gap:30px}.kyc-recent-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;height:fit-content}.kyc-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.kyc-section-header h2{margin:0;color:#2d3748;font-size:1.3rem}.kyc-section-badge{background:#667eea;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.kyc-recent-list{display:flex;flex-direction:column;gap:12px}.kyc-recent-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f7fafc;border-radius:12px;transition:background .3s ease}.kyc-recent-item:hover{background:#edf2f7}.kyc-recent-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.kyc-recent-info{flex:1}.kyc-recent-info h4{margin:0 0 4px;color:#2d3748;font-size:.9rem}.kyc-recent-info p{margin:0 0 6px;color:#718096;font-size:.8rem}.kyc-recent-status{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;font-size:.7rem;font-weight:600;width:fit-content}.kyc-status-icon{font-size:.8rem}.kyc-recent-date{color:#718096;font-size:.8rem;min-width:80px;text-align:right}.kyc-recent-view-btn{padding:6px;background:#ebf8ff;color:#3182ce;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.kyc-recent-view-btn:hover{background:#bee3f8}.kyc-main-section{background:#fff;border-radius:16px;padding:10px;box-shadow:0 4px 20px #00000014}.kyc-controls{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.kyc-search-box{position:relative;flex:1;min-width:300px}.kyc-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a0aec0}.kyc-search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:border-color .3s ease}.kyc-search-input:focus{outline:none;border-color:#667eea}.kyc-filters{display:flex;gap:12px;flex-wrap:wrap}.kyc-filter-group{display:flex;align-items:center;gap:8px;background:#f7fafc;padding:8px 12px;border-radius:8px}.kyc-filter-icon{color:#718096}.kyc-filter-select{border:none;background:none;font-size:.9rem;color:#4a5568;cursor:pointer}.kyc-filter-select:focus{outline:none}.kyc-table-container{background:#f7fafc;border-radius:12px;overflow:hidden}.kyc-table-header{padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;font-weight:600;color:#4a5568}.kyc-table-wrapper{overflow-x:auto}.kyc-data-table{width:100%;border-collapse:collapse;background:#fff}.kyc-data-table th{background:#f7fafc;padding:16px;text-align:left;font-weight:600;color:#4a5568;border-bottom:2px solid #e2e8f0}.kyc-data-table td{padding:16px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.kyc-data-row:hover{background:#fafafa}.kyc-user-info{display:flex;align-items:center;gap:12px}.kyc-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.kyc-user-details{flex:1}.kyc-user-name{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:2px}.kyc-user-email{color:#718096;font-size:.9rem;margin-bottom:2px}.kyc-user-id{color:#a0aec0;font-size:.8rem}.kyc-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-weight:600;font-size:.9rem;width:fit-content}.kyc-status-approved{background:#c6f6d5;color:#2f855a}.kyc-status-pending{background:#fffaf0;color:#dd6b20}.kyc-status-rejected{background:#fed7d7;color:#c53030}.kyc-date-info{color:#718096;font-size:.9rem}.kyc-action-btn{padding:8px 12px;background:#ebf8ff;color:#3182ce;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .3s ease}.kyc-action-btn:hover{background:#bee3f8}.kyc-no-results{text-align:center;padding:60px 20px}.kyc-empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;color:#718096}.kyc-empty-icon{font-size:3rem;color:#cbd5e0}.kyc-empty-state h3{margin:0;color:#4a5568;font-size:1.2rem}.kyc-empty-state p{margin:0;font-size:.9rem}.kyclist-action-buttons{display:flex;justify-content:center;margin-top:16px}.kyc-delete-btn{background:#dc2626;color:#fff;margin-left:8px}.kyc-delete-btn:hover{background:#b91c1c}@media (max-width: 1024px){.kyc-admin-content{grid-template-columns:1fr;gap:20px}.kyc-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kyc-admin-container{padding:16px}.kyc-admin-header{padding:20px}.kyc-admin-header-content h1{font-size:2rem}.kyc-stats-grid{grid-template-columns:1fr}.kyc-controls{flex-direction:column}.kyc-search-box{min-width:auto}.kyc-filters{flex-direction:column;align-items:stretch}.kyc-filter-group{justify-content:space-between}.kyc-data-table{min-width:600px}}@media (max-width: 480px){.kyc-admin-header{padding:16px;text-align:center}.kyc-admin-header-content h1{font-size:1.8rem}.kyc-recent-item{flex-wrap:wrap}.kyc-recent-date{text-align:left;min-width:auto}.kyc-section-header{flex-direction:column;align-items:flex-start;gap:8px}.kyc-section-badge{align-self:flex-start}}.pagination{display:flex;justify-content:center;margin-top:1rem}.user-pagination-text{margin-right:.5rem;color:#212121}.user-pagination-btn{background-color:#00575f;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer}.kyc-details-container{max-width:1000px;margin:2rem auto;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#212121}.page-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.kyc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.kyc-user-name{font-size:1rem;font-weight:600}.kyc-status{font-size:1rem;font-weight:500}.status{font-weight:700;text-transform:capitalize;padding:.2rem .5rem;border-radius:8px}.status.pending{background-color:#fffbcc;color:#f4b400}.status.approved{background-color:#d1ffd6;color:#4caf50}.status.rejected{background-color:#ffebeb;color:#f44336}.kyc-content{margin-top:2rem}.kyc-section{margin-bottom:2rem;padding:1rem;border-radius:10px;border:1px solid white;color:#fff;box-shadow:0 2px 12px #0000000d;background:#fff}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.kyc-section p{font-size:1rem;margin-bottom:.5rem;color:#212121}.image-container{display:flex;justify-content:center;align-items:center;margin-top:1rem}.image-preview{max-width:100%;max-height:300px;border-radius:8px;border:2px solid #ddd;box-shadow:0 4px 6px #0000001a}.kyc-footer{margin-top:2rem;font-size:.9rem;font-weight:500;color:#777}.kyc-footer p{margin-bottom:.5rem}.kyc-footer strong{color:#333}.approve-reject-buttons{display:flex;justify-content:space-between;margin-top:2rem}.approve-button,.reject-button{padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer}.approve-button{background-color:#4caf50;color:#fff}.reject-button{background-color:#f44336;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.confirmation-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:400px;width:100%;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-content{padding:1.5rem;text-align:center}.modal-icon{width:60px;height:60px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.modal-icon.approve{color:#10b981;background:#10b9811a}.modal-icon.reject{color:#ef4444;background:#ef44441a}.modal-icon svg{width:30px;height:30px}.modal-content p{margin:0 0 .5rem;color:#374151;font-size:1rem;line-height:1.5}.modal-subtext{color:#6b7280!important;font-size:.875rem!important;margin-bottom:0!important}.modal-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.modal-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn.cancel{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.modal-btn.cancel:hover:not(:disabled){background:#e5e7eb}.modal-btn.confirm{color:#fff}.modal-btn.confirm.approve{background:#10b981}.modal-btn.confirm.approve:hover:not(:disabled){background:#059669}.modal-btn.confirm.reject{background:#ef4444}.modal-btn.confirm.reject:hover:not(:disabled){background:#dc2626}.approve-reject-buttons{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.approve-button,.reject-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.approve-button{background:#10b981;color:#fff}.approve-button:hover{background:#059669;transform:translateY(-1px)}.reject-button{background:#ef4444;color:#fff}.reject-button:hover{background:#dc2626;transform:translateY(-1px)}.status{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.status.pending{background:#fef3c7;color:#d97706}.status.approved{background:#d1fae5;color:#065f46}.status.rejected{background:#fee2e2;color:#b91c1c}@media (max-width: 768px){.modal-actions,.approve-reject-buttons{flex-direction:column}.confirmation-modal{margin:1rem}}@media (max-width: 480px){.modal-header{padding:1rem 1rem 0}.modal-content{padding:1rem}.modal-actions{padding:0 1rem 1rem}.modal-icon{width:50px;height:50px;font-size:1.5rem}.modal-icon svg{width:24px;height:24px}}@media (prefers-color-scheme: dark){.confirmation-modal{background:#1f2937;color:#fff}.modal-header h3{color:#f9fafb}.modal-close{color:#9ca3af}.modal-close:hover{background:#374151;color:#d1d5db}.modal-content p{color:#e5e7eb}.modal-subtext{color:#9ca3af!important}.modal-btn.cancel{background:#374151;color:#e5e7eb;border-color:#4b5563}.modal-btn.cancel:hover:not(:disabled){background:#4b5563}}@media (max-width: 768px){.kyc-details-container{padding:1rem}.page-title{font-size:1.5rem}.kyc-header{flex-direction:column;align-items:flex-start;gap:.5rem}.kyc-user-name{font-size:1rem}.kyc-status{font-size:.95rem}.kyc-section{padding:.75rem}.section-title{font-size:1.1rem}.kyc-section p{font-size:.95rem}.image-preview{max-height:200px}.approve-reject-buttons{flex-direction:column;align-items:stretch;gap:.75rem}.approve-button,.reject-button{width:100%;justify-content:center}}@media (max-width: 480px){.kyc-details-container{padding:.75rem}.page-title{font-size:1.3rem}.kyc-user-name,.section-title{font-size:1rem}.kyc-section p{font-size:.9rem}.approve-button,.reject-button{padding:.6rem 1rem;font-size:.9rem}.status{font-size:.8rem;padding:.2rem .5rem}.modal-header h3{font-size:1rem}.modal-content p{font-size:.9rem}.modal-subtext{font-size:.75rem!important}}:root{--primary-bg: #0f172a;--secondary-bg: rgba(30, 41, 59, .7);--card-bg: rgba(30, 41, 59, .5);--glass-bg: rgba(46, 32, 32, .05);--primary-accent: #3b82f6;--secondary-accent: #818cf8;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: rgba(255, 255, 255, .1);--glow-color: rgba(59, 130, 246, .4);--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b}.product-form-container{max-width:900px;margin:2rem auto;padding:0 1rem}.form-header{text-align:center;margin-bottom:2.5rem}.form-header h1{font-size:2.2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#ff1800,#2e3947);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-header p{color:#212121;font-size:1.1rem}.product-form{background:transparent;border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:0 10px 40px #0003}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-label{font-weight:600;margin-bottom:.5rem;color:var(--text-primary);display:flex;align-items:center}.form-label:after{content:"*";color:var(--error-color);margin-left:.25rem}.form-input,.form-select,.form-textarea{padding:.8rem 1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px var(--glow-color)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef444433}.catg-option{background-color:#fff}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.error-text{color:var(--error-color);font-size:.8rem;margin-top:.5rem;display:flex;align-items:center}.error-text:before{content:"⚠";margin-right:.25rem}.file-upload{margin-bottom:1rem}.file-input{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--glass-bg);border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.file-upload-label:hover{border-color:var(--primary-accent);background:#3b82f61a}.file-upload.error .file-upload-label{border-color:var(--error-color);background:#ef44441a}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-hint{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.preview-container{margin-top:1.5rem}.preview-title{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center}.preview-title:before{margin-right:.5rem}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.preview-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.preview-item:hover{transform:translateY(-2px)}.preview-image{width:100%;height:120px;object-fit:cover;display:block}.delete-image-btn{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:var(--error-color);color:#fff;border:none;border-radius:50%;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.9}.delete-image-btn:hover{opacity:1;transform:scale(1.1)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.cancel-btn,.submit-btn{padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.cancel-btn{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--border-color)}.cancel-btn:hover{background:#ffffff1a;border-color:var(--text-secondary)}.submit-btn{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 0 20px var(--glow-color);transform:translateY(-2px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-icon{font-size:1.2rem}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.variants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-variant-btn{padding:8px 16px;background-color:#27ae60;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.add-variant-btn:hover{background-color:#219653}.variant-card{border-radius:6px;padding:20px;margin-bottom:20px;border-left:4px solid #4a90e2}.variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.variant-header h4{margin:0;color:#333}.remove-variant-btn{padding:5px 10px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s}.remove-variant-btn:hover{background-color:#c0392b}.variant-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.variant-fields .form-group.full-width{grid-column:1 / -1}@media (max-width: 768px){.product-form-container{padding:0 .5rem;margin:1rem auto}.form-grid{grid-template-columns:1fr;gap:1rem}.product-form{padding:1.5rem}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center}.variant-fields{grid-template-columns:1fr}}@media (max-width: 480px){.form-header h1{font-size:1.8rem}.preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.form-header h1{font-size:1.5rem}.form-header p{font-size:.95rem}.product-form{padding:1rem}.form-input,.form-select,.form-textarea{font-size:.95rem;padding:.7rem .9rem}.form-label{font-size:.95rem}.file-upload-label{padding:1.5rem}.upload-icon{font-size:1.5rem}.preview-title{font-size:1rem}.preview-image{height:100px}.delete-image-btn{width:22px;height:22px;font-size:1rem}.cancel-btn,.submit-btn{font-size:.95rem;width:100%;padding:.7rem 1.2rem}.form-actions{gap:.7rem}}@media (max-width: 480px){.form-header{margin-bottom:2rem}.form-header h1{font-size:1.6rem}.form-header p{font-size:1rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column;align-items:stretch;gap:.75rem;padding-top:1rem}.cancel-btn,.submit-btn{width:100%;justify-content:center}.preview-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.preview-title{font-size:1rem;margin-bottom:.8rem}}@media (max-width: 768px){.product-form-container{padding:0 1rem}.product-form{padding:1.5rem 1rem}.form-actions{flex-direction:column;gap:1rem}.cancel-btn,.submit-btn{width:100%;justify-content:center;font-size:1rem}.form-input,.form-select,.form-textarea{width:100%}.file-upload-label{padding:1.8rem}}.product-list-container{max-width:1400px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.product-list-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:30px;margin-bottom:30px;color:#fff}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-text h1{font-size:2.5rem;font-weight:700;margin-bottom:8px}.header-text p{font-size:1.1rem;opacity:.9;margin:0}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-success,.btn-filter{padding:12px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;font-size:.9rem}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{background:#f7fafc;transform:translateY(-2px)}.btn-secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169;transform:translateY(-2px)}.btn-filter{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.btn-filter:hover,.btn-filter.active{background:#fff3;transform:translateY(-2px)}.table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;margin-bottom:30px;overflow-x:auto}.products-table{width:100%;border-collapse:collapse}.products-table th{background:#f7fafc;padding:16px 12px;text-align:left;font-weight:600;color:#4a5568;border-bottom:2px solid #e2e8f0}.products-table th.sortable{cursor:pointer;transition:background .3s ease}.products-table th.sortable:hover{background:#edf2f7}.products-table td{padding:16px 12px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.product-row:hover{background:#fafafa}.product-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.product-name-info{display:flex;flex-direction:column}.product-name{font-weight:600;color:#2d3748;margin-bottom:4px}.product-brand{font-size:.8rem;color:#718096}.price-range,.single-price{display:flex;align-items:center;gap:4px;font-weight:600}.min-price{color:#2d3748}.max-price{color:#667eea}.range-separator{color:#a0aec0}.variant-count{font-size:.7rem;color:#718096;background:#f7fafc;padding:2px 6px;border-radius:8px;margin-left:8px}.stock-indicator{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:8px;width:60px}.stock-indicator.in-stock{background:#f0fff4;border:1px solid #9ae6b4}.stock-indicator.out-of-stock{background:#fff5f5;border:1px solid #fc8181}.stock-value{font-weight:700;font-size:1.1rem}.stock-indicator.in-stock .stock-value{color:#38a169}.stock-indicator.out-of-stock .stock-value{color:#e53e3e}.stock-label{font-size:.7rem;color:#718096}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.active{background:#c6f6d5;color:#2f855a}.status-badge.inactive{background:#fed7d7;color:#c53030}.btn-action{padding:8px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-action.view{background:#edf2f7;color:#4a5568}.btn-action.view:hover{background:#e2e8f0}.btn-action.edit{background:#ebf8ff;color:#3182ce}.btn-action.edit:hover{background:#bee3f8}.btn-action.delete{background:#fed7d7;color:#e53e3e}.btn-action.delete:hover{background:#feb2b2}.btn-action.expand{background:#f7fafc;color:#4a5568}.btn-action.expand:hover{background:#edf2f7}.variant-details-row{background:#fafafa}.variant-details{padding:20px;background:#fff;margin:10px;border-radius:12px;border:1px solid #e2e8f0}.variant-details h4{margin-bottom:16px;color:#2d3748;font-size:1.1rem}.variants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.variant-card{background:#f7fafc;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.variant-size{font-weight:600;color:#2d3748}.variant-price{font-weight:700;color:#667eea}.variant-stock{margin-bottom:12px}.stock-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.stock-badge.in-stock{background:#c6f6d5;color:#2f855a}.stock-badge.out-of-stock{background:#fed7d7;color:#c53030}.variant-images{margin-top:12px}.variant-image{width:50px;height:50px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.pagination-btn{padding:10px 16px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .3s ease}.pagination-info{color:#718096;font-size:.9rem}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.empty-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{font-size:1.5rem;color:#2d3748;margin-bottom:8px}.empty-state p{color:#718096;margin-bottom:24px}.error-message{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.error-icon{font-size:3rem;margin-bottom:16px;display:block}.error-message h3{font-size:1.5rem;color:#2d3748;margin-bottom:20px}.retry-btn{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s ease}.retry-btn:hover{background:#5a67d8}@media (max-width: 1024px){.products-table{min-width:1000px}.table-container{overflow-x:auto}}@media (max-width: 768px){.product-list-container{padding:16px}.header-content{flex-direction:column;align-items:stretch;text-align:center}.header-actions{justify-content:center}.header-text h1{font-size:2rem}.products-table th,.products-table td{padding:12px 8px}.action-buttons{flex-direction:column}.pagination{flex-wrap:wrap;gap:12px}.variants-grid{grid-template-columns:1fr}}@media (max-width: 480px){.product-list-header{padding:20px}.header-text h1{font-size:1.8rem}.btn-primary,.btn-secondary,.btn-success,.btn-filter{width:100%;justify-content:center}.products-table{font-size:.9rem}.product-thumbnail{width:40px;height:40px}.stock-indicator{width:50px;padding:6px}.stock-value{font-size:1rem}}.stars-container{display:inline-flex;gap:2px}.star{color:#e4e5e9;font-size:1.2rem;transition:all .2s ease}.star.filled{color:#ffc107}.star.interactive{cursor:pointer;font-size:1.5rem}.star.interactive:hover{transform:scale(1.2)}.product-rating-large{display:flex;align-items:center;gap:10px;margin:10px 0}.rating-value{color:#666;font-weight:500}.review-section{margin-top:40px;padding-top:30px;border-top:2px solid #f0f0f0}.review-header{display:flex;justify-content:between;align-items:center;margin-bottom:20px}.review-header h3{color:#333;margin:0}.review-btn{padding:8px 16px;font-size:.9rem}.review-form{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:25px;border-radius:15px;margin-bottom:30px;border:1px solid #e0e0e0}.review-form h4{margin-bottom:20px;color:#333;font-weight:600}.rating-input{margin-bottom:20px}.rating-input label{display:block;margin-bottom:8px;font-weight:600;color:#555}.rating-text{margin-left:10px;color:#666;font-size:.9rem}.comment-input label{display:block;margin-bottom:8px;font-weight:600;color:#555}.comment-input textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;transition:border-color .3s ease}.comment-input textarea:focus{outline:none;border-color:#667eea}.review-actions{display:flex;gap:12px;margin-top:20px}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-item{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #00000014;border:1px solid #f0f0f0}.review-item .review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.reviewer-info strong{color:#333;font-size:1rem}.review-meta{display:flex;align-items:center;gap:10px;margin-top:5px}.review-date{color:#888;font-size:.85rem}.your-review-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.review-comment{color:#555;line-height:1.5;margin:0}.no-reviews{text-align:center;padding:40px 20px;color:#888;font-style:italic}@media (max-width: 768px){.review-header{flex-direction:column;gap:15px;align-items:flex-start}.review-form{padding:20px}.review-actions{flex-direction:column}.review-item .review-header{flex-direction:column;gap:10px}.review-meta{flex-direction:column;align-items:flex-start;gap:5px}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.review-item{animation:slideIn .3s ease}:root{--primary-bg: #0f172a;--secondary-bg: rgba(30, 41, 59, .7);--card-bg: rgba(30, 41, 59, .5);--glass-bg: rgba(255, 255, 255, .05);--primary-accent: #3b82f6;--secondary-accent: #818cf8;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: rgba(255, 255, 255, .1);--glow-color: rgba(59, 130, 246, .4);--success-color: #10b981;--error-color: #ef4444}.products-container{padding:2rem;min-height:100vh}.products-header{text-align:center;margin-bottom:2rem}.products-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#2f2f2f,#001aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.products-header p{color:#818181;font-size:1.1rem}.products-content{display:grid;grid-template-columns:280px 1fr;gap:2rem;max-width:1400px;margin:0 auto}.products-sidebar{background:transparent;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;height:fit-content;position:sticky;top:100px}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h3{font-size:1.1rem;margin-bottom:1rem;color:#2f2f2f;display:flex;align-items:center}.sidebar-section h3:before{content:"";display:block;width:4px;height:16px;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));margin-right:.5rem;border-radius:2px}.loading-container{display:flex;justify-content:center;align-items:center;height:50vh}.brand-filters,.rating-filters{display:flex;flex-direction:column;gap:8px}.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:#212121}.rating-filter{text-align:left;padding:8px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.rating-filter.active,.rating-filter:hover{background:#f0f0f0;border-color:#007bff}.reset-filters-btn{width:100%;padding:12px;background:#ff4757;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:16px}.reset-filters-btn:hover{background:#ff3742}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.page-numbers{display:flex;gap:8px}.pagination-btn{padding:8px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px}.pagination-btn.active{background:#007bff;color:#fff;border-color:#007bff}.pagination-ellipsis{padding:8px 4px}.profuct-filtter-checkmark{width:18px;height:18px;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:4px;position:relative;transition:all .3s ease}.toggle-filters-btn{padding:.8rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:#2f2f2f;font-size:.9rem;cursor:pointer;transition:all .3s ease;width:100%}.toggle-filters-btn:hover{background-color:#a8a8a8}.category-filters{display:flex;flex-direction:column;gap:.5rem}.category-filter{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.category-filter:hover{background:#ffffff1a;border-color:var(--primary-accent)}.category-filter.active{background:linear-gradient(90deg,rgba(59,130,246,.2),transparent);border-color:var(--primary-accent);color:#007bff}.category-name{font-weight:500}.product-count{font-size:.8rem;opacity:.7}.price-filter{padding:.5rem 0}.price-slider{width:100%;height:5px;-webkit-appearance:none;background:#0087ff;border-radius:5px;outline:none;margin-bottom:1rem}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-accent);cursor:pointer;box-shadow:0 0 10px var(--glow-color)}.price-values{display:flex;justify-content:space-between;font-size:.9rem;color:#2f2f2f}.tag-filters{display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter{padding:.4rem .8rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .3s ease}.tag-filter:hover{background:#ffffff1a;border-color:var(--primary-accent);color:var(--text-primary)}.products-main{display:flex;flex-direction:column;gap:1.5rem}.products-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem}.search-box{position:relative;flex:1;max-width:400px}.search-box .futuristic-input{padding-left:2.5rem;width:100%}.search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.futuristic-select{padding:.8rem 1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:#0f172a;font-size:.9rem;cursor:pointer;transition:all .3s ease}.filter-option{background:#101b37de;border:1px solid var(--border-color);border-radius:8px}.futuristic-select:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px var(--glow-color)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.5rem}.product-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d,0 0 20px var(--glow-color);border-color:var(--primary-accent)}.product-image{position:relative;height:200px;overflow:hidden;cursor:pointer}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-badge{position:absolute;top:.8rem;left:.8rem;padding:.3rem .6rem;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff;font-size:.7rem;font-weight:600;border-radius:4px}.quick-add-btn{position:absolute;bottom:-40px;left:0;right:0;padding:.6rem;background:var(--primary-accent);color:#fff;border:none;font-weight:600;transition:all .3s ease;cursor:pointer}.addtocart-btn{display:none}.product-card:hover .quick-add-btn{bottom:0}.quick-add-btn:hover{background:var(--secondary-accent)}.product-info{padding:1.2rem;cursor:pointer;gap:0}.product-name{font-size:1.1rem;color:#0f172a;cursor:pointer}.product-description{font-size:.9rem;color:#0f172a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.product-meta{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.product-rating{display:flex;align-items:center}.rating-stars{color:gold;font-size:.9rem}.rating-value{font-size:.8rem;color:#2f2f2f}.product-price{font-weight:700;color:var(--text-primary);font-size:1.1rem}.product-tags{display:flex;flex-wrap:wrap;gap:.4rem;cursor:pointer}.product-tag{padding:.2rem .5rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;font-size:.7rem;color:#2f2f2f}.no-products{grid-column:1 / -1;text-align:center;padding:3rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px}.no-products-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-products h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.no-products p{color:var(--text-secondary);margin-bottom:1.5rem}.loading-products{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.loading-spinner{width:50px;height:50px;border:3px solid var(--glass-bg);border-top:3px solid var(--primary-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.product-detail-container{padding:2rem;min-height:100vh;max-width:1400px;margin:0 auto}.back-button{background:none;border:none;color:var(--primary-accent);font-size:1rem;cursor:pointer;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.back-button:hover{background:var(--glass-bg)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.product-gallery{display:flex;flex-direction:column;gap:1rem}.main-image{width:100%;height:400px;border-radius:16px;overflow:hidden;background:var(--card-bg);border:1px solid var(--border-color)}.main-image img{width:100%;height:100%;object-fit:cover}.image-thumbnails{display:flex;gap:.8rem}.thumbnail{width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid var(--border-color);opacity:.7;transition:all .3s ease}.thumbnail:hover,.thumbnail.active{opacity:1;border-color:var(--primary-accent);box-shadow:0 0 10px var(--glow-color)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info{display:flex;flex-direction:column}.product-header h1{font-size:1.2rem;color:#212121}.product-rating-large{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.rating-stars-large{color:gold;font-size:1.1rem}.rating-value{color:#2f2f2f}.product-price-large{font-size:1rem;font-weight:700;color:#2f2f2f;margin-bottom:1rem}.product-variants h3{font-size:1.1rem;margin-bottom:.8rem;color:#2f2f2f}.variant-options{display:flex;gap:.8rem;margin-bottom:1rem}.variant-option{padding:.6rem 1.2rem;background:#0400ff14;border:1px solid var(--border-color);border-radius:8px;color:#272727;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.variant-option:hover{background:#ffffff1a;border-color:var(--primary-accent)}.variant-option.active{background:linear-gradient(90deg,rgba(59,130,246,.2),transparent);border-color:var(--primary-accent);color:var(--text-primary)}.variant-price{font-size:.7rem;opacity:.7}.product-description-short{color:#2f2f2f;line-height:1.6;margin-bottom:1rem}.purchase-section{display:flex;gap:1rem;align-items:center}.quantity-selector{display:flex;align-items:center;background:var(--glass-bg);border-radius:8px;overflow:hidden}.quantity-btn{padding:.8rem 1rem;background:#fff;border:none;color:#2f2f2f;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.quantity-btn:hover{background:#ffffff1a}.quantity-value{padding:0 1rem;font-weight:600;min-width:40px;text-align:center;color:#212121}.add-to-cart-btn{flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600}.product-features{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px}.feature{display:flex;align-items:center;gap:1rem}.feature-icon{font-size:1.5rem;width:40px;text-align:center}.feature-text h4{font-size:1rem;margin-bottom:.2rem;color:var(--text-primary)}.feature-text p{font-size:.9rem;color:var(--text-secondary)}.product-details-tabs{margin-bottom:3rem}.tabs-header{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.tab-button{padding:1rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;position:relative;transition:all .3s ease}.tab-button:hover,.tab-button.active{color:var(--text-primary)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent))}.tab-content{padding:0 1.5rem}.description-content h3,.specs-content h3,.reviews-content h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.description-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.description-content ul{color:var(--text-secondary);padding-left:1.5rem}.description-content li{margin-bottom:.5rem;line-height:1.6}.specs-table{display:flex;flex-direction:column;gap:.8rem}.spec-row{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid var(--border-color)}.spec-name{color:var(--text-secondary)}.spec-value{color:var(--text-primary);font-weight:500}.review-summary{display:flex;gap:3rem;align-items:center}.overall-rating{text-align:center}.rating-large{font-size:3rem;font-weight:700;color:var(--text-primary);display:block}.rating-bars{flex:1;display:flex;flex-direction:column;gap:.5rem}.rating-bar{display:flex;align-items:center;gap:.8rem}.stars{width:30px;color:var(--text-secondary)}.bar-container{flex:1;height:8px;background:var(--glass-bg);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent));border-radius:4px}.percentage{width:40px;text-align:right;color:var(--text-secondary);font-size:.9rem}.related-products{margin-top:3rem}.related-products h2{font-size:1.8rem;margin-bottom:1.5rem;color:#212121}.related-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.related-product-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;padding:1rem;text-align:center;transition:all .3s ease}.related-product-card:hover{transform:translateY(-5px);border-color:var(--primary-accent);box-shadow:0 5px 15px var(--glow-color)}.related-product-card img{width:100%;height:120px;object-fit:contain;margin-bottom:1rem}.related-product-card h4{font-size:1rem;margin-bottom:.5rem;color:var(--text-primary)}.related-product-card p{color:var(--text-secondary);font-weight:600}@media (max-width: 1024px){.products-content{grid-template-columns:1fr}.products-sidebar{position:static;margin-bottom:2rem}.product-detail{grid-template-columns:1fr;gap:1rem}.review-summary{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media (max-width: 768px){.products-container,.product-detail-container{padding:1rem}.products-controls{flex-direction:column;align-items:stretch}.addtocart-btn{display:block;padding:.6rem;background:var(--primary-accent);color:#fff;border:none;font-weight:600;transition:all .3s ease;cursor:pointer;border-radius:10px}.search-box{max-width:none}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.purchase-section{flex-direction:column;align-items:stretch}.quantity-selector{align-self:center}.tabs-header{overflow-x:auto;white-space:nowrap}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}.variant-options{flex-wrap:wrap}.product-features{padding:1rem}.feature{flex-direction:column;text-align:center;gap:.5rem}.related-products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.kyc-container{padding:40px;min-height:100vh;font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.kyc-title{font-size:2.5rem;font-weight:800;color:#d35400;margin-bottom:1rem}.kyc-status-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:5px solid #ffa500;border-radius:12px;padding:20px;margin-bottom:2rem}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:10px}.status{display:flex;align-items:center;gap:8px;font-weight:600}.status.verified{color:green}.status.rejected{color:red}.status.pending{color:orange}.kyc-form{border:1px solid #ddd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:20px;box-shadow:0 4px 12px #0000001a}.form-section{margin-bottom:30px}input[type=text],input[type=file]{width:100%;padding:12px;margin:0;border:1px solid #242424;border-radius:8px;font-size:1rem;background:transparent;color:#141414}.upload-btn{display:inline-block;background-color:#3498db;color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;margin-top:10px;cursor:pointer}.upload-btn:hover{background-color:#2980b9}.hidden-input{display:none}.image-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.image-preview img{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #ccc}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;border:none}.btn.primary{background-color:#f39c12;color:#fff}.btn.primary:hover{background-color:#e67e22}.btn.submit{background-color:#27ae60;color:#fff}.btn.submit:hover{background-color:#219150}.icon{margin-right:6px;vertical-align:middle}.image-preview{display:flex;align-items:center;gap:10px;margin-top:10px;position:relative}.image-preview img{width:90px;height:90px;object-fit:cover;border-radius:6px;border:1px solid #ccc}.delete-btn{background-color:transparent;border:none;color:#c0392b;cursor:pointer;margin-left:5px}@media (max-width: 600px){.kyc-container{padding:20px}.kyc-title{font-size:2rem}.form-actions{flex-direction:column;gap:10px}.btn{width:100%;text-align:center}}.admin-contact-container{padding:20px;min-height:100vh;font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.contact-header{margin-bottom:30px}.contact-header h1{font-size:28px;color:#303030;margin:0 0 8px}.contact-header p{color:#313131;margin:0;font-size:16px}.contact-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.search-box{position:relative;width:300px}.search-box input{width:100%;padding:12px 15px 12px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;box-shadow:0 1px 3px #0000000d}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8}.filter-controls{display:flex;gap:15px}.filter-group{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0}.filter-icon{color:#64748b}.filter-group select{border:none;background:none;font-size:14px;color:#334155;cursor:pointer}.filter-group select:focus{outline:none}.stat-card{border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 6px #0000000a;border:1px solid #f1f5f9}.stat-icon.new{background:linear-gradient(135deg,#f59e0b,#ef4444)}.stat-icon.progress{background:linear-gradient(135deg,#3b82f6,#0ea5e9)}.stat-icon.resolved{background:linear-gradient(135deg,#10b981,#059669)}.stat-info h3{margin:0;font-size:24px;font-weight:700;color:#1e293b}.stat-info p{margin:5px 0 0;color:#64748b;font-size:14px}.contacts-table-container{border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000a;border:1px solid #f1f5f9;margin-bottom:25px;overflow-x:auto}.contacts-table{width:100%;border-collapse:collapse}.contacts-table th{background:#00172c;padding:15px;text-align:left;font-weight:600;color:#dfdfdf;font-size:14px;border-bottom:1px solid #e2e8f0}.contacts-table td{padding:15px;border-bottom:1px solid #f1f5f9;color:#212121}.user-info{display:flex;align-items:center;gap:12px}.user-name{font-weight:600;color:#d4d4d4;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{color:#a8a8a8;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-cell{font-weight:500;color:#313131;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-badge{padding:5px 10px;background:#f1f5f9;border-radius:20px;font-size:12px;font-weight:500;color:#475569}.contact-fiter-group{background-color:#00172c;color:#fff}.priority-badge{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.priority-badge.high{background:#fee2e2;color:#ef4444}.priority-badge.medium{background:#fef3c7;color:#f59e0b}.priority-badge.low{background:#dcfce7;color:#16a34a}.status-badge{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.new{background:#dbeafe;color:#1d4ed8}.status-badge.in-progress{background:#fef3c7;color:#d97706}.status-badge.resolved{background:#dcfce7;color:#15803d}.action-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.action-btn.view{background:#18304f;color:#3b82f6;padding:0}.action-btn.view:hover{background:#dbeafe}.action-btn.delete{background:#473030;color:#ef4444;padding:0}.action-btn.delete:hover{background:#fee2e2}.no-contacts{text-align:center;padding:40px;color:#94a3b8}.no-contacts svg{font-size:40px;margin-bottom:15px}.no-contacts p{margin:0;font-size:16px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.contact-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-header h2{margin:0;color:#1e293b;font-size:22px}.close-btn{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{background:#f1f5f9;color:#475569}.contact-detail-section{margin-bottom:25px}.contact-detail-section h3{margin:0 0 15px;color:#2c2c2c;font-size:18px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.detail-label{width:100px;flex-shrink:0;color:#e9e9e9;font-weight:500}.detail-value{flex:1;color:#1e293b}.status-select{padding:6px 10px;border-radius:6px;border:1px solid #e2e8f0;background:#292929;color:#f3f3f3;font-size:14px}.message-content{background:#fff;border-radius:8px;padding:15px;line-height:1.6;color:#1f1f1f;border:1px solid #1b77d3}.btn{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;font-size:14px}.btn.primary{background:#6366f1;color:#fff;border:none}@media (max-width: 768px){.admin-contact-container{padding:15px}.contact-controls{flex-direction:column;align-items:stretch}.search-box{width:100%}.filter-controls{width:100%;justify-content:space-between}.stats-cards{grid-template-columns:repeat(2,1fr)}.contacts-table{min-width:800px}.modal-content{margin:0;max-height:100vh;border-radius:0}.detail-row{flex-direction:column;gap:5px;margin-bottom:15px}.detail-label{width:100%}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr}.filter-controls{flex-direction:column;gap:10px}.modal-body{padding:15px}.modal-actions{flex-direction:column}.btn{width:100%;text-align:center}}.withdrawal-requests-container{padding:20px;min-height:100vh;font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.outter-main-download-btn{cursor:pointer}.main-download-btn{background-color:#07f;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.main-download-btn{background:linear-gradient(135deg,#07f,#00c6ff);border:none;padding:12px 24px;color:#fff;font-weight:600;font-size:14px;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.main-download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0077ff4d}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#fff;padding:25px;border-radius:12px;width:400px;max-width:90%;box-shadow:0 6px 20px #0003;animation:fadeIn .3s ease-in-out}.withdrawal-report-title{text-align:center;font-size:18px;font-weight:600;margin-bottom:20px}.withdrawal-report-filters{display:flex;flex-direction:column;gap:15px}.withdrawal-report-filter-group{display:flex;flex-direction:column;gap:6px}.withdrawal-report-filter-group-status{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border .2s}.withdrawal-report-filter-group label{font-size:14px;font-weight:500;color:#444}.withdrawal-report-filter-group input[type=date]{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border .2s}.withdrawal-report-filter-group input[type=date]:focus{border:1px solid #0077ff}.modal-actions{margin-top:20px;display:flex;justify-content:space-between}.withdrawal-report-download-btn{background:#28a745;border:none;padding:10px 18px;color:#fff;border-radius:8px;font-weight:600;cursor:pointer}.withdrawal-report-download-btn:hover{background:#218838}.withdrawal-report-cancel-btn{background:#dc3545;border:none;padding:10px 18px;color:#fff;border-radius:8px;font-weight:600;cursor:pointer}.withdrawal-report-cancel-btn:hover{background:#c82333}.requests-header{margin-bottom:30px}.requests-header h1{font-size:28px;color:#292929;margin:0 0 8px}.requests-header p{color:#272727;margin:0;font-size:16px}.withdrawal-requests-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.withdrawal-search-box{position:relative;width:300px}.withdrawal-search-box input{width:100%;padding:12px 15px 12px 40px;border:1px solid #252525;border-radius:8px;font-size:14px;box-shadow:0 1px 3px #0000000d}.withdrawal-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#242424}.withdrawal-filter-controls{display:flex;gap:15px}.withdrawal-filter-group{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:1px solid #222222}.withdrawal-filter-icon{color:#272727}.withdrawal-filter-group select{border:none;background:none;font-size:14px;color:#202020;cursor:pointer}.withdrawal-filter-group select:focus{outline:none}.withdrawal-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 6px #0000000a;border:1px solid #2c2c2c}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.stat-icon.total{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.approved{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.rejected{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-info h3{margin:0;font-size:24px;font-weight:700;color:#d6d6d6}.stat-info p{margin:5px 0 0;color:#cfcfcf;font-size:14px}.requests-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000a;border:1px solid #f1f5f9;margin-bottom:25px;overflow-x:auto}.requests-table{width:100%;border-collapse:collapse}.requests-table th{background:#15314d;padding:15px;text-align:left;font-weight:600;color:#ececec;font-size:14px;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background .2s}.requests-table th:hover{background:#05488b}.withdrawal-table-header{display:flex;align-items:center;gap:8px}.requests-table td{padding:15px;border-bottom:1px solid #f1f5f9;color:#212121}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.user-details{min-width:0}.user-name{font-weight:600;color:#303030;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{color:#222;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amount-cell,.balance-cell{font-weight:600;color:#2c2c2c}.status-badge{padding:8px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:5px;text-transform:capitalize}.status-pending{background:#fef3c7;color:#d97706}.status-approved{background:#dcfce7;color:#16a34a}.status-processing{background:#dbeafe;color:#2563eb}.status-rejected{background:#fee2e2;color:#dc2626}.status-completed{background:#dcfce7;color:#15803d}.withdraw-action-buttons{display:flex;gap:8px}.withdraw-action-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.withdraw-action-btn.view{background:#eff6ff;color:#3b82f6}.withdraw-action-btn.view:hover{background:#dbeafe}.withdraw-action-btn.approve{background:#dcfce7;color:#16a34a}.withdraw-action-btn.approve:hover{background:#bbf7d0}.withdraw-action-btn.reject{background:#fef2f2;color:#ef4444}.withdraw-action-btn.reject:hover{background:#fee2e2}.withdraw-action-btn.complete{background:#ede9fe;color:#7c3aed}.withdraw-action-btn.complete:hover{background:#ddd6fe}.no-requests{text-align:center;padding:40px;color:#94a3b8}.no-requests svg{font-size:40px;margin-bottom:15px}.no-requests p{margin:0;font-size:16px}.pagination-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.pagination-info{color:#64748b;font-size:14px}.pagination-btn{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.request-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#1a1a1a;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;scrollbar-width:none;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #f1f5f9}.modal-header h2{margin:0;color:#dfdfdf;font-size:22px}.close-btn{background:none;border:none;font-size:24px;color:#dfdfdf;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{color:#475569}.modal-body{padding:25px}.detail-section{margin-bottom:25px}.detail-section h3{margin:0 0 15px;color:#303030;font-size:18px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.detail-row{display:flex;margin-bottom:12px}.detail-label{width:140px;flex-shrink:0;color:#313131;font-weight:500}.detail-value{flex:1;color:#222}.detail-value a{color:#3b82f6;text-decoration:none}.detail-value a:hover{text-decoration:underline}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 25px;border-top:1px solid #f1f5f9}.btn{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:14px}.btn.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn.secondary:hover{background:#e2e8f0}.btn.approve{background:#10b981;color:#fff}.btn.approve:hover{background:#059669}.btn.reject{background:#ef4444;color:#fff}.btn.reject:hover{background:#dc2626}.btn.complete{background:#6366f1;color:#fff}.btn.complete:hover{background:#4f46e5}@media (max-width: 768px){.withdrawal-requests-container{padding:15px}.requests-header{flex-direction:column;align-items:center;gap:5px}.requests-header-text{text-align:center}.requests-controls{flex-direction:column;align-items:stretch}.search-box{width:100%}.withdrawal-filter-controls{width:100%;justify-content:space-between}.stats-cards{grid-template-columns:repeat(2,1fr)}.requests-table{min-width:800px}.pagination-controls{flex-direction:column;align-items:center}.modal-content{margin:0;max-height:100vh;border-radius:0}.detail-row{flex-direction:column;gap:5px;margin-bottom:15px}.detail-label{width:100%}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr}.withdrawal-filter-controls{flex-direction:column;gap:10px}.modal-body{padding:15px}.modal-actions{flex-direction:column}.btn{width:100%;text-align:center}}.admin-order-container{max-width:1400px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.loading-container p{margin-top:16px;color:#718096;font-size:1.1rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff}.header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:8px}.header-content p{font-size:1.1rem;opacity:.9;margin:0}.refresh-btn{padding:12px 20px;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.refresh-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;gap:16px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-card.total .stat-icon{background:#ebf8ff;color:#3182ce}.stat-card.pending .stat-icon{background:#fffaf0;color:#dd6b20}.stat-card.processing .stat-icon{background:#ebf8ff;color:#3182ce}.stat-card.delivered .stat-icon{background:#f0fff4;color:#38a169}.stat-info h3{font-size:2rem;font-weight:700;margin:0;color:#2d3748}.stat-info p{margin:0;color:#718096;font-weight:500}.controls-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:30px;box-shadow:0 4px 20px #00000014}.search-controls{display:flex;gap:16px;margin-bottom:20px}.search-box{flex:1;position:relative}.search-box input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:border-color .3s ease}.search-box input:focus{outline:none;border-color:#667eea}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a0aec0}.filter-toggle-btn{padding:12px 20px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.filter-toggle-btn:hover{border-color:#667eea;color:#667eea}.advanced-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px;background:#f7fafc;border-radius:12px;border:1px solid #e2e8f0}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600;color:#4a5568;font-size:.9rem}.filter-group select,.filter-group input{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:border-color .3s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#667eea}.date-inputs{display:flex;align-items:center;gap:8px}.date-inputs span{color:#718096;font-weight:600}.filter-actions{display:flex;gap:12px;align-items:flex-end}.apply-btn,.clear-btn{padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.apply-btn{background:#667eea;color:#fff}.apply-btn:hover{background:#5a67d8}.clear-btn{background:#e2e8f0;color:#4a5568}.clear-btn:hover{background:#cbd5e0}.table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;margin-bottom:30px}.table-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.table-header h3{margin:0;color:#2d3748;font-size:1.3rem}.results-count{color:#718096;font-weight:500}.orders-table-wrapper{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th{background:#f7fafc;padding:16px;text-align:left;font-weight:600;color:#4a5568;border-bottom:2px solid #e2e8f0;cursor:pointer;transition:background .3s ease}.orders-table th:hover{background:#edf2f7}.table-header-cell{display:flex;align-items:center;gap:8px}.orders-table td{padding:16px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.order-row:hover{background:#fafafa}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-name{font-weight:600;color:#2d3748}.customer-contact{font-size:.8rem;color:#718096}.amount-cell{font-weight:700;color:#2d3748}.payment-info{display:flex;flex-direction:column;gap:4px}.payment-method{font-weight:600;color:#4a5568}.payment-status{font-size:.7rem;padding:2px 8px;border-radius:12px;font-weight:600;width:fit-content}.payment-status.paid{background:#c6f6d5;color:#2f855a}.payment-status.unpaid{background:#fed7d7;color:#c53030}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;width:fit-content}.status-pending{background:#fffaf0;color:#dd6b20}.status-processing{background:#ebf8ff;color:#3182ce}.status-shipped{background:#e6fffa;color:#319795}.status-delivered{background:#f0fff4;color:#38a169}.status-cancelled{background:#fed7d7;color:#e53e3e}.date-cell{color:#718096;font-size:.9rem}.action-buttons-containers{display:flex;align-items:center;justify-content:center}.action-buttons{display:flex;gap:8px}.action-btn{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.view-btn{background:#ebf8ff;color:#3182ce}.view-btn:hover{background:#bee3f8}.no-orders{text-align:center;padding:60px 20px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;color:#718096}.empty-state h3{margin:0;color:#4a5568}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.pagination-info{color:#718096;font-weight:500}.pagination-buttons{display:flex;gap:8px}.pagination-btn{padding:8px 12px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:4px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.order-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;color:#2d3748}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#718096;transition:color .3s ease}.close-btn:hover{color:#e53e3e}.modal-content{padding:24px}.modal-section{margin-bottom:32px}.modal-section h3{margin-bottom:16px;color:#2d3748;font-size:1.1rem;display:flex;align-items:center;gap:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.label{font-weight:600;color:#4a5568;font-size:.9rem}.value{color:#2d3748}.status-control{display:flex;align-items:center;gap:8px}.status-select{padding:6px 8px;border:2px solid #e2e8f0;border-radius:6px;font-size:.9rem}.amount{font-weight:700;color:#2d3748}.order-items{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f7fafc;border-radius:8px}.item-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.item-details{flex:1}.item-details h4{margin:0 0 4px;color:#2d3748}.item-details p{margin:0;color:#718096;font-size:.9rem}.item-total{font-weight:700;color:#2d3748}.order-summary{display:flex;flex-direction:column;gap:8px;max-width:300px;margin-left:auto}.summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e2e8f0}.summary-item.total{border-top:2px solid #e2e8f0;border-bottom:none;font-weight:700;font-size:1.1rem;padding-top:12px;margin-top:4px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e2e8f0}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn.primary{background:#667eea;color:#fff}.btn.primary:hover{background:#5a67d8}.btn.secondary{background:#e2e8f0;color:#4a5568}.btn.secondary:hover{background:#cbd5e0}@media (max-width: 1024px){.stats-cards{grid-template-columns:repeat(2,1fr)}.advanced-filters{grid-template-columns:1fr}}@media (max-width: 768px){.admin-order-container{padding:16px}.admin-header{flex-direction:column;gap:16px;text-align:center;padding:20px}.header-content h1{font-size:2rem}.search-controls{flex-direction:column}.stats-cards{grid-template-columns:1fr}.pagination-controls{flex-direction:column;gap:16px}.pagination-buttons{flex-wrap:wrap;justify-content:center}.orders-table{font-size:.9rem}.orders-table th,.orders-table td{padding:12px 8px}.modal-overlay{padding:10px}.order-modal{max-height:95vh}}@media (max-width: 480px){.admin-header{padding:16px}.header-content h1{font-size:1.8rem}.stat-card{padding:16px}.stat-icon{width:50px;height:50px;font-size:1.2rem}.stat-info h3{font-size:1.5rem}.table-header{flex-direction:column;gap:12px;align-items:stretch;text-align:center}.info-grid{grid-template-columns:1fr}.order-item{flex-direction:column;text-align:center}.order-summary{max-width:none}.modal-actions{flex-direction:column}.btn{width:100%}}.cat-admin-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.cat-card{width:920px;max-width:96%;background:linear-gradient(180deg,#ffffff08,#ffffff05);border:1px solid rgba(255,255,255,.04);border-radius:14px;padding:22px;box-shadow:0 10px 30px #02061799;color:#202020}.cat-header h1{margin:0 0 6px;font-size:22px;letter-spacing:-.2px}.cat-header .muted{margin:0;font-size:13px;color:#222}.cat-form{display:flex;gap:16px;margin-top:18px;align-items:center}.form-left{display:flex;gap:10px;flex:1.6}.form-right{flex:1;text-align:right}.input{padding:11px 14px;border-radius:10px;border:1px solid rgb(32,32,32);background:#fff;outline:none;color:#242424;font-size:14px;width:100%}.input::placeholder{color:#3d3f42}.input.search{max-width:240px}.btn{padding:10px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-size:14px}.btn.primary{background:linear-gradient(90deg,#4f46e5,#06b6d4);color:#fff;box-shadow:0 6px 18px #4f46e52e}.btn.danger{background:#ff505996;color:#fff;border:1px solid rgba(255,80,90,.12)}.btn.sm{padding:8px 10px;border-radius:8px;font-size:13px}.alert{margin-top:14px;padding:12px 14px;border-radius:10px;font-weight:600}.alert.danger{background:#ff505a14;color:#ffd2d6}.alert.success{background:#22c55e14;color:#bff5cf}.list-wrap{margin-top:16px}.cat-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.cat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.03);background:linear-gradient(180deg,#ffffff03,#ffffff01)}.left{display:flex;align-items:center;gap:12px}.avatar{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:1rem;color:#dbeafe;border:1px solid rgba(255,255,255,.03)}.meta .name{font-weight:700}.meta .id{font-size:12px;color:#8fa6d0}.cat-footer{margin-top:14px;color:#9fb0d6}.empty{padding:22px;text-align:center;color:#9fb0d6}@media (max-width: 640px){.cat-card{padding:16px}.cat-form{flex-direction:column;align-items:stretch}.form-right{text-align:left}}.admin-dashboard{display:flex;flex-direction:column;font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.admin-main{flex:1;padding:20px;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{display:flex;align-items:center;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;cursor:pointer}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:1.5rem;color:#fff}.stat-icon.users{background-color:#3498db}.stat-icon.orders{background-color:#2ecc71}.stat-icon.products{background-color:#e74c3c}.stat-icon.inquiries{background-color:#f39c12}.stat-icon.kycs{background-color:#9b59b6}.stat-icon.deposits{background-color:#0ff1dc}.stat-info h3{margin:0;font-size:1.8rem;color:#313131}.stat-info p{margin:5px 0 0;color:#3a3a3a}.recent-activities{background-color:#fff;color:#333;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.activity-list{margin-top:15px}.activity-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:50%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;margin-right:15px;color:#7f8c8d}.activity-details p{margin:0;color:#1a1a1a}.activity-time{font-size:.85rem;color:#4d4d4d}.table-header{display:flex;justify-content:space-between;margin-bottom:20px}.btn-primary{background-color:#3498db;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;display:flex;align-items:center}.btn-primary i{margin-right:8px}.search-box{position:relative}.search-box input{padding:10px 15px 10px 35px;border:1px solid #ddd;border-radius:4px;width:250px}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#95a5a6}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.data-table th{background-color:#f8f9fa;font-weight:600;color:#2c3e50}.data-table tr:hover{background-color:#f8f9fa}.status-badge{padding:5px 10px;border-radius:20px;font-size:.85rem;font-weight:500}.status-badge.pending{background-color:#ffeaa7;color:#d35400}.status-badge.resolved,.status-badge.approved,.status-badge.shipped{background-color:#d1f7c4;color:#27ae60}.status-badge.processing{background-color:#c7ecee;color:#2980b9}.btn-view,.btn-edit,.btn-delete,.btn-approve,.btn-reject{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;margin-right:5px;font-size:.85rem}.btn-view{background-color:#3498db;color:#fff}.btn-edit{background-color:#f39c12;color:#fff}.btn-delete{background-color:#e74c3c;color:#fff}.btn-approve{background-color:#2ecc71;color:#fff}.btn-reject{background-color:#e74c3c;color:#fff}.low-stock{color:#e74c3c;font-weight:600}.in-stock{color:#27ae60}@media (max-width: 768px){.admin-sidebar{width:70px}.admin-sidebar.open{width:250px;position:absolute;height:calc(100% - 70px);z-index:99}.stats-grid{grid-template-columns:1fr}.table-header{flex-direction:column;gap:15px}.search-box input{width:100%}}.upload-container{max-width:500px;margin:50px auto;padding:25px;border-radius:16px;box-shadow:0 8px 20px #00000014;font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #f0f0f0}.upload-container:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000001f}.upload-container h2{text-align:center;font-size:1.6rem;margin-bottom:20px;color:#252525}.upload-container form{display:flex;flex-direction:column;gap:15px}.upload-container input,.upload-container textarea,.upload-container select{padding:12px 14px;border:1px solid #dcdcdc;background:transparent;color:#202020;border-radius:10px;font-size:14px;outline:none;transition:border .2s ease,box-shadow .2s ease}.gift-category-option{padding:12px 14px;border:1px solid #dcdcdc;background:#ebebeb;color:#2b2b2b;border-radius:10px;font-size:14px;outline:none;transition:border .2s ease,box-shadow .2s ease}.upload-container input:focus,.upload-container textarea:focus,.upload-container select:focus{border-color:#3498db;box-shadow:0 0 6px #3498db4d}.upload-container textarea{resize:none;min-height:90px}.image-preview{position:relative;display:inline-block;width:100%;border-radius:10px;overflow:hidden;border:2px solid #f0f0f0}.image-preview img{width:100%;height:auto;display:block;border-radius:10px}.delete-btn{position:absolute;top:8px;right:8px;background:#f00c;color:#fff;border:none;padding:5px 8px;border-radius:50%;cursor:pointer;font-size:14px;transition:background .2s ease}.delete-btn:hover{background:red}.upload-container button[type=submit]{padding:12px;background:linear-gradient(135deg,#3498db,#2ecc71);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;font-size:15px;transition:background .3s ease,transform .2s ease}.upload-container button[type=submit]:hover{background:linear-gradient(135deg,#2980b9,#27ae60);transform:translateY(-2px)}.upload-container button[type=submit]:disabled{background:#95a5a6;cursor:not-allowed}@media (max-width: 600px){.upload-container{margin:20px;padding:20px}.upload-container h2{font-size:1.4rem}}.gallery-container{max-width:1200px;margin:0 auto;padding:20px}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.gallery-header h1{color:#e7e7e7;margin:0}.gallery-add-gallery{display:flex;justify-content:space-between;padding:25px;border-radius:10px;margin-bottom:15px;color:#212121}.add-gallery-section{display:flex;align-items:center;justify-content:center}.add-gallery-btn{padding:12px;background:#4b6cb7;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:16px;margin-top:15px}.gallery-controls{width:100%;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.gallery-search-box{position:relative;display:flex;align-items:center;width:55%}.gallery-search-input{padding:10px 40px 10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:250px}.gallery-search-icon{position:absolute;right:12px;color:#d3d3d3}.gallery-category-filter{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.gallery-stats{margin-bottom:20px;color:#e9e9e9;font-size:14px}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.gallery-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.gallery-no-images{text-align:center;padding:60px 20px;color:#d3d3d3;font-size:16px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.gallery-item{background:#ffffff61;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.gallery-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover .gallery-image-container img{transform:scale(1.05)}.gallery-image-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-image-overlay{opacity:1}.gallery-btn-edit,.gallery-btn-delete{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}.gallery-btn-edit{background:#667eea;color:#fff}.gallery-btn-edit:hover{background:#5a6fd8}.gallery-btn-delete{background:#e74c3c;color:#fff}.gallery-btn-delete:hover{background:#c0392b}.gallery-image-info{padding:15px}.gallery-image-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#303030}.gallery-image-category{display:inline-block;background:#667eea;color:#1f1f1f;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-right:8px}.gallery-image-date{color:#666;font-size:12px}.gallery-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.gallery-modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.gallery-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.gallery-modal-header h2{margin:0;color:#303030}.gallery-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#2e2e2e;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.gallery-modal-close:hover{color:#a13636}.gallery-edit-form{padding:20px}.gallery-form-group{margin-bottom:20px}.gallery-form-group label{display:block;margin-bottom:6px;font-weight:500;color:#313131}.gallery-form-group input,.gallery-form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.gallery-form-group input:focus,.gallery-form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.gallery-image-preview{margin-top:10px;text-align:center}.gallery-image-preview img{max-width:100%;max-height:200px;border-radius:6px;border:1px solid #ddd}.gallery-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.gallery-btn-cancel,.gallery-btn-save{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.gallery-btn-cancel{background:#f8f9fa;color:#333;border:1px solid #ddd}.gallery-btn-cancel:hover{background:#e9ecef}.gallery-btn-save{background:#667eea;color:#fff}.gallery-btn-save:hover{background:#5a6fd8}@media (max-width: 768px){.gallery-header{flex-direction:column;align-items:stretch}.gallery-add-gallery{flex-direction:column;text-align:center}.gallery-search-box{width:100%}.gallery-controls{flex-direction:column;align-items:stretch}.gallery-search-input{width:100%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.gallery-modal-content{margin:10px;max-width:none}}@media (max-width: 480px){.gallery-container{padding:15px}.gallery-grid{grid-template-columns:1fr}.gallery-image-overlay{flex-direction:column;gap:8px}.gallery-form-actions{flex-direction:column}.gallery-btn-cancel,.gallery-btn-save{width:100%}}.gift-container{max-width:1200px;margin:0 auto;padding:20px}.gift-header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.gift-header-main h1{color:#252525;margin:0;font-size:28px}.gift-add-section{display:flex;align-items:center}.gift-add-btn{background:#28a745;color:#fff;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background .3s ease}.gift-add-btn:hover{background:#218838}.gift-controls{display:flex;gap:15px;align-items:center;margin-bottom:25px;flex-wrap:wrap}.gift-search-box{position:relative;flex:1;min-width:250px}.gift-search-input{width:100%;padding:12px 40px 12px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.gift-level-filter{padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;min-width:150px}.gift-stats{margin-bottom:20px;color:#666;font-size:14px}.gift-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.gift-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #28a745;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.gift-no-items{text-align:center;padding:60px 20px;color:#666;font-size:16px;background:#f8f9fa;border-radius:8px}.gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.gift-items{background:#f5f5f5;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.gift-items:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.gift-image-container{position:relative;overflow:hidden;aspect-ratio:16/9}.gift-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gift-items:hover .gift-image-container img{transform:scale(1.05)}.gift-expired-badge{position:absolute;top:10px;right:10px;background:#dc3545;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.gift-image-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s ease}.gift-items:hover .gift-image-overlay{opacity:1}.gift-btn-edit,.gift-btn-delete{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}.gift-btn-edit{background:#007bff;color:#fff}.gift-btn-edit:hover{background:#0056b3}.gift-btn-delete{background:#dc3545;color:#fff}.gift-btn-delete:hover{background:#c82333}.gift-info{padding:20px}.gift-title{margin:0 0 10px;font-size:18px;font-weight:600;color:#2c2c2c}.gift-description{color:#202020;margin:0 0 15px;line-height:1.5;font-size:14px}.gift-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.gift-level{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#2b2b2b}.gift-level-bronze{background:#cd7f32}.gift-level-silver{background:silver;color:#333}.gift-level-gold{background:gold;color:#333}.gift-level-platinum{background:#e5e4e2;color:#333}.gift-level-default{background:#6c757d}.gift-validity{display:flex;flex-direction:column;align-items:flex-end}.validity-label{font-size:11px;color:#313131;margin-bottom:2px}.validity-date{font-size:12px;font-weight:500;color:#212121}.validity-date.expired{color:#dc3545}.gift-date{color:#363636;font-size:12px;border-top:1px solid #eee;padding-top:10px}.gift-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.gift-modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;scrollbar-width:thin}.gift-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.gift-modal-header h2{margin:0;color:#222}.gift-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#313131;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.gift-modal-close:hover{color:#c7c7c7}.gift-edit-form{padding:20px}.gift-form-group{margin-bottom:20px}.gift-form-group label{display:block;margin-bottom:6px;font-weight:500;color:#303030}.gift-form-group input,.gift-form-group select,.gift-form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:transparent;color:#303030}.gift-form-group textarea{resize:vertical;min-height:80px;background:transparent}.gift-form-group input:focus,.gift-form-group select:focus,.gift-form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.gift-image-preview{margin-top:10px;text-align:center}.gift-image-preview img{max-width:100%;max-height:200px;border-radius:6px;border:1px solid #ddd}.gift-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.gift-btn-cancel,.gift-btn-save{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.gift-btn-cancel{background:#f8f9fa;color:#333;border:1px solid #ddd}.gift-btn-cancel:hover{background:#e9ecef}.gift-btn-save{background:#007bff;color:#fff}.gift-btn-save:hover{background:#0056b3}@media (max-width: 768px){.gift-header-main,.gift-controls{flex-direction:column;align-items:stretch}.gift-search-input{width:100%}.gift-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.gift-modal-content{margin:10px;max-width:none}.gift-meta{flex-direction:column;align-items:flex-start}.gift-validity{align-items:flex-start}}@media (max-width: 480px){.gift-container{padding:15px}.gift-grid{grid-template-columns:1fr}.gift-image-overlay{flex-direction:column;gap:8px}.gift-form-actions{flex-direction:column}.gift-btn-cancel,.gift-btn-save{width:100%}}.reset-auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.reset-auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px;width:100%;max-width:450px;animation:slideUp .5s ease;border:1px solid #ffffff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-auth-header{text-align:center;margin-bottom:30px}.reset-auth-header h1{color:#202020;margin-bottom:10px;font-size:28px;font-weight:600}.reset-auth-header p{color:#252525;font-size:16px}.reset-auth-form{margin-bottom:25px}.reset-form-group{margin-bottom:20px}.reset-form-group label{display:block;margin-bottom:8px;color:#202020;font-weight:500;font-size:14px}.reset-form-group input{width:100%;padding:14px;border:1px solid #ddd;border-radius:8px;background:transparent;color:#252525;font-size:16px;transition:border-color .3s,box-shadow .3s}.reset-form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.reset-password-input-container{position:relative}.reset-toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:5px}.reset-password-strength{display:flex;align-items:center;margin-top:10px;gap:10px}.reset-strength-bars{display:flex;gap:4px;flex:1}.reset-strength-bar{height:4px;flex:1;border-radius:2px;transition:background .3s}.reset-strength-bar.strength-1{background:#ff4d4d}.reset-strength-bar.strength-2{background:#ffa64d}.reset-strength-bar.strength-3{background:#fc0}.reset-strength-bar.strength-4{background:#0c6}.reset-strength-label{font-size:12px;font-weight:500;min-width:50px;text-align:right}.strength-bar.strength-1+.strength-label{color:#ff4d4d}.strength-bar.strength-2+.strength-label{color:#ffa64d}.strength-bar.strength-3+.strength-label{color:#fc0}.strength-bar.strength-4+.strength-label{color:#0c6}.reset-password-requirements{padding:15px;border-radius:8px;margin-bottom:20px}.reset-password-requirements p{font-weight:500;color:#242424;font-size:14px}.reset-password-requirements ul{list-style:none;padding:0;margin:0}.reset-password-requirements li{font-size:13px;color:#202020;padding-left:20px;position:relative}.reset-password-requirements li:before{content:"●";position:absolute;left:0;color:#202020}.reset-password-requirements li.met{color:#0c6}.reset-password-requirements li.met:before{content:"✓";color:#0c6}.reset-auth-button{width:100%;padding:14px;background:#667eea;color:#1a1919;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .3s,transform .2s;display:flex;align-items:center;justify-content:center;text-decoration:none}.reset-auth-button:hover{background:#5a6fd8;transform:translateY(-1px)}.reset-auth-button:active{transform:translateY(0)}.reset-auth-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.reset-auth-button.secondary{background:#6c757d}.auth-button.secondary:hover{background:#5a6268}.reset-button-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.reset-success-message{text-align:center;padding:20px 0}.reset-success-icon{width:60px;height:60px;background:#0c6;color:#181818;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 20px}.reset-success-message h3{color:#333;margin-bottom:10px;font-size:22px}.reset-success-message p{color:#202020;margin-bottom:25px;font-size:16px}.reset-auth-footer{text-align:center;padding-top:20px;border-top:1px solid #eee}.reset-auth-footer p{color:#2b2a2a;font-size:14px}.reset-auth-footer a{color:#667eea;text-decoration:none;font-weight:500}.reset-auth-footer a:hover{text-decoration:underline}.reset-error-text{color:#ff4d4d;font-size:13px;margin-top:5px}@media (max-width: 576px){.reset-auth-container{padding:15px}.reset-auth-card{padding:30px 25px}.reset-auth-header h1{font-size:24px}.reset-auth-header p{font-size:14px}.reset-form-group input,.reset-auth-button{padding:12px;font-size:16px}}@media (max-width: 400px){.reset-auth-card{padding:25px 20px}.reset-password-requirements{padding:12px}.reset-success-icon{width:50px;height:50px;font-size:20px}}.admin-wallet{min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-wallet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fff;gap:20px}.wallet-header{text-align:center;margin-bottom:40px;color:#fff}.wallet-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#fff,#f8f9fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wallet-header p{font-size:1.1rem;opacity:.9;margin:0}.wallet-overview{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:40px}.wallet-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:30px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.balance-card{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#fff,#f8fafc)}.card-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 20px #667eea4d}.card-content h3{color:#718096;font-size:1rem;font-weight:600;margin:0 0 8px}.balance-amount{font-size:2.5rem;font-weight:800;color:#2d3748;margin:0 0 5px;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-content p{color:#a0aec0;margin:0;font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-item{display:flex;align-items:center;gap:15px}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 12px #00000026}.stat-label{font-size:.85rem;color:#718096;font-weight:600;margin-bottom:4px}.stat-value{font-size:1.3rem;font-weight:700}.transaction-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:30px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.filter-tabs{display:flex;gap:8px;background:#f7fafc;padding:4px;border-radius:12px}.filter-tab{padding:8px 16px;border:none;background:transparent;border-radius:8px;font-weight:600;color:#718096;cursor:pointer;transition:all .3s ease}.filter-tab.active{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #f1f5f9;transition:all .3s ease}.transaction-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.transaction-main{display:flex;align-items:center;gap:15px}.transaction-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.transaction-type{margin-bottom:5px}.type-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.transaction-date{color:#718096;font-size:.85rem}.transaction-amount{font-size:1.3rem;font-weight:700}.no-transactions{text-align:center;padding:60px 20px}.empty-state{color:#a0aec0}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:1.5rem;margin-bottom:10px;color:#718096}.empty-state p{font-size:1rem;margin:0}.quick-actions{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:30px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.quick-actions h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:20px}.action-buttons{display:flex;gap:15px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.action-btn.secondary{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 4px 15px #4ecdc44d}.action-btn.outline{background:transparent;color:#667eea;border:2px solid #667eea}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.btn-icon{font-size:1.1rem}@media (max-width: 1024px){.wallet-overview{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;gap:15px}}@media (max-width: 768px){.admin-wallet{padding:15px}.wallet-header h1{font-size:2rem}.wallet-card{padding:20px}.balance-amount{font-size:2rem}.section-header{flex-direction:column;gap:15px;align-items:flex-start}.filter-tabs{align-self:stretch;justify-content:center}.action-buttons{flex-direction:column}.transaction-main{flex-direction:column;align-items:flex-start;gap:12px}.transaction-amount{align-self:flex-end}}@media (max-width: 480px){.wallet-header h1{font-size:1.8rem}.balance-card{flex-direction:column;text-align:center;gap:15px}.card-icon{width:60px;height:60px;font-size:2rem}.balance-amount{font-size:1.8rem}.stat-item{flex-direction:column;text-align:center;gap:10px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.transaction-item{animation:slideInUp .3s ease}.transactions-list::-webkit-scrollbar{width:6px}.transactions-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.transactions-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.transactions-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.admin-purchase-form{max-width:1200px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8fafc;min-height:100vh}.admin-purchase-form h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;position:relative}.admin-purchase-form h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.admin-purchase-form h4{color:#334155;font-size:1.25rem;font-weight:600;margin-bottom:1rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.form-error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;text-align:center}.admin-purchase-form-group{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;border:1px solid #e2e8f0;transition:all .3s ease}.admin-purchase-form-group:hover{box-shadow:0 4px 6px #0000000d}.admin-purchase-form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.admin-purchase-form-group input,.admin-purchase-form-group select,.admin-purchase-form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fff;color:#374151}.admin-purchase-form-group input:focus,.admin-purchase-form-group select:focus,.admin-purchase-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.admin-purchase-form-group input[type=file]{padding:.5rem;border:2px dashed #cbd5e1;background:#f8fafc;cursor:pointer}.admin-purchase-form-group input[type=file]:hover{border-color:#667eea;background:#f0f4ff}.product-search-results{top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:.25rem}.product-result-item{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease}.product-result-item:hover{background:#f8fafc;transform:translate(4px)}.product-result-item:last-child{border-bottom:none}.product-result-item strong{color:#1e293b;font-size:.95rem}.product-result-item small{color:#64748b;font-size:.8rem}.line-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .3s ease}.line-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.line-item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto;gap:1rem;align-items:start}.line-total{font-weight:600;color:#059669;font-size:1rem;padding:.5rem 0}.field{display:flex;flex-direction:column}.field label{font-size:.8rem;margin-bottom:.25rem}.field input{padding:.5rem .75rem;font-size:.9rem}.field.remove button{background:#ef4444;color:#fff;border:none;border-radius:6px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.8rem}.field.remove button:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.field.remove button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.admin-purchase-form-group button[type=button]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.admin-purchase-form-group button[type=button]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.form-actions button[type=submit]{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%;max-width:300px;margin:0 auto;display:block}.form-actions button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0596694d}.form-actions button[type=submit]:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.totals{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;margin:2rem 0;text-align:center}.totals div{font-size:1.1rem;margin-bottom:.5rem}.totals div:last-child{margin-bottom:0}.totals div strong{font-size:1.3rem}@media (max-width: 1024px){.line-item-row{grid-template-columns:1fr 1fr 1fr;gap:.75rem}.line-item-row .field:nth-child(n+4){grid-column:span 1}}@media (max-width: 768px){.admin-purchase-form{padding:1rem}.admin-purchase-form h2{font-size:1.5rem}.admin-purchase-form-group{padding:1rem}.line-item-row{grid-template-columns:1fr 1fr;gap:.5rem}.line-item{padding:.75rem}.totals{padding:1rem}.totals div{font-size:1rem}}@media (max-width: 480px){.admin-purchase-form{padding:.5rem}.line-item-row{grid-template-columns:1fr;gap:.5rem}.admin-purchase-form-group button[type=button],.form-actions button[type=submit]{width:100%;text-align:center}.product-search-results{position:relative;margin-top:.5rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.form-actions button[type=submit]:disabled{animation:pulse 2s infinite}.product-search-results::-webkit-scrollbar{width:6px}.product-search-results::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.product-search-results::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.product-search-results::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-purchase-form-group input:focus-visible,.admin-purchase-form-group select:focus-visible,.admin-purchase-form-group textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media print{.admin-purchase-form{background:#fff;padding:0}.admin-purchase-form-group button,.field.remove button{display:none}.admin-purchase-form-group{box-shadow:none;border:1px solid #000}}.vendor-form-container-unique{max-width:600px;margin:50px auto;padding:30px;background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000001a;font-family:Poppins,sans-serif}.vendor-form-title-unique{text-align:center;color:#222;font-size:1.8rem;margin-bottom:20px;font-weight:600}.vendor-form-unique{display:flex;flex-direction:column;gap:16px}.vendor-form-group-unique label{font-size:.95rem;color:#333;margin-bottom:6px;display:block}.vendor-form-group-unique input,.vendor-form-group-unique textarea{width:100%;padding:10px 14px;border:1px solid #ccc;border-radius:10px;font-size:.95rem;outline:none;transition:border-color .3s}.vendor-form-group-unique input:focus,.vendor-form-group-unique textarea:focus{border-color:#4b8cff}.vendor-form-submit-btn-unique{background-color:#4b8cff;color:#fff;font-weight:600;border:none;padding:12px;border-radius:10px;cursor:pointer;transition:.3s ease}.vendor-form-submit-btn-unique:hover{background-color:#3b6fd6}.vendor-form-submit-btn-unique:disabled{background-color:#ccc;cursor:not-allowed}.ecom-purchase-table{width:100%}.ecom-purchase-table__container{overflow-x:auto}.ecom-purchase-table__table{width:100%;border-collapse:collapse;min-width:1000px}.ecom-purchase-table__header{background:#f8f9fa;border-bottom:2px solid #e9ecef}.ecom-purchase-table__th{padding:1rem .75rem;text-align:left;font-weight:600;color:#2c3e50;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.ecom-purchase-table__th--sortable{cursor:pointer;transition:background-color .3s ease}.ecom-purchase-table__th--sortable:hover{background:#e9ecef}.ecom-purchase-table__th-content{display:flex;align-items:center;gap:.5rem}.ecom-purchase-table__sort-icon{color:#6c757d;font-size:.8rem;transition:color .3s ease}.ecom-purchase-table__sort-icon--active{color:#667eea}.ecom-purchase-table__body{background:#fff}.ecom-purchase-table__row{border-bottom:1px solid #f8f9fa;transition:background-color .3s ease}.ecom-purchase-table__row:hover{background:#f8f9fa}.ecom-purchase-table__td{padding:1rem .75rem;vertical-align:middle}.ecom-purchase-table__invoice{display:flex;align-items:center;gap:.5rem}.ecom-purchase-table__invoice-number{font-weight:600;color:#2c3e50}.ecom-purchase-table__notes{color:#ffa726;cursor:help}.ecom-purchase-table__vendor-name{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.ecom-purchase-table__created-by{font-size:.8rem;color:#6c757d}.ecom-purchase-table__items-count{font-weight:600;color:#2c3e50;margin-bottom:.5rem}.ecom-purchase-table__items-preview{display:flex;flex-direction:column;gap:.25rem}.ecom-purchase-table__item-preview{font-size:.8rem;color:#6c757d;background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;width:fit-content}.ecom-purchase-table__more-items{font-size:.7rem;color:#667eea;font-style:italic}.ecom-purchase-table__total-amount{font-weight:700;color:#2c3e50;font-size:1.1rem;margin-bottom:.25rem}.ecom-purchase-table__quantity{font-size:.8rem;color:#6c757d}.ecom-purchase-table__status,.ecom-purchase-table__payment-status{padding:.4rem .75rem;border-radius:15px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.ecom-purchase-table__status--received{background:#e3f2fd;color:#2196f3}.ecom-purchase-table__status--processing{background:#fff3e0;color:#ff9800}.ecom-purchase-table__status--completed{background:#e8f5e8;color:#4caf50}.ecom-purchase-table__status--cancelled{background:#ffebee;color:#f44336}.ecom-purchase-table__payment-status--paid{background:#e8f5e8;color:#4caf50}.ecom-purchase-table__payment-status--pending{background:#fff3e0;color:#ff9800}.ecom-purchase-table__payment-status--partial{background:#e3f2fd;color:#2196f3}.ecom-purchase-table__payment-status--cancelled{background:#ffebee;color:#f44336}.ecom-purchase-table__payment-method{font-size:.7rem;color:#6c757d;margin-top:.25rem}.ecom-purchase-table__date{font-size:.9rem;color:#2c3e50}.ecom-purchase-table__actions{display:flex;gap:.5rem}.ecom-purchase-table__action-btn{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.8rem}.ecom-purchase-table__action-btn--view{background:#e3f2fd;color:#2196f3}.ecom-purchase-table__action-btn--view:hover{background:#2196f3;color:#fff}.ecom-purchase-table__action-btn--delete{background:#fff3e0;color:red}.ecom-purchase-table__action-btn--edit:hover{background:red;color:#fff}.ecom-purchase-table__action-btn--download{background:#e8f5e8;color:#4caf50}.ecom-purchase-table__action-btn--download:hover{background:#4caf50;color:#fff}.ecom-purchase-table__skeleton{padding:1rem}.ecom-purchase-table__skeleton-row{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #f8f9fa}.ecom-purchase-table__skeleton-cell{background:#f0f0f0;border-radius:4px;animation:ecom-purchase-table-pulse 1.5s infinite}.ecom-purchase-table__skeleton-cell--invoice{width:120px;height:20px}.ecom-purchase-table__skeleton-cell--vendor{width:150px;height:20px}.ecom-purchase-table__skeleton-cell--amount{width:100px;height:20px}.ecom-purchase-table__skeleton-cell--status{width:80px;height:20px}.ecom-purchase-table__skeleton-cell--date{width:100px;height:20px}.ecom-purchase-table__skeleton-cell--actions{width:120px;height:20px}@keyframes ecom-purchase-table-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.ecom-purchase-table__empty{text-align:center;padding:4rem 2rem}.ecom-purchase-table__empty-icon{font-size:4rem;color:#e9ecef;margin-bottom:1.5rem}.ecom-purchase-table__empty-title{font-size:1.5rem;color:#2c3e50;margin:0 0 1rem}.ecom-purchase-table__empty-text{color:#6c757d;line-height:1.6}@media (max-width: 768px){.ecom-purchase-table__th{padding:.75rem .5rem;font-size:.8rem}.ecom-purchase-table__td{padding:.75rem .5rem}.ecom-purchase-table__actions{flex-direction:column}.ecom-purchase-table__action-btn{width:28px;height:28px}}.ecom-purchase-filters{display:flex;flex-direction:column;gap:1.5rem}.ecom-purchase-filters__search-container{position:relative;display:flex;align-items:center}.ecom-purchase-filters__search-icon{position:absolute;left:1rem;color:#6c757d;z-index:1}.ecom-purchase-filters__search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;transition:border-color .3s ease;background:#fff}.ecom-purchase-filters__search-input:focus{outline:none;border-color:#667eea}.ecom-purchase-filters__search-clear{position:absolute;right:1rem;background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:50%;transition:background-color .3s ease}.ecom-purchase-filters__search-clear:hover{background:#f8f9fa}.ecom-purchase-filters__controls{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.ecom-purchase-filters__select-group,.ecom-purchase-filters__date-group{display:flex;flex-direction:column;gap:.5rem}.ecom-purchase-filters__label{font-size:.8rem;font-weight:600;color:#2c3e50}.ecom-purchase-filters__select,.ecom-purchase-filters__date-input{padding:.5rem 1rem;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#2c3e50;cursor:pointer;font-size:.9rem;min-width:150px}.ecom-purchase-filters__select:focus,.ecom-purchase-filters__date-input:focus{outline:none;border-color:#667eea}.ecom-purchase-filters__results{display:flex;align-items:center;gap:1rem;margin-left:auto}.ecom-purchase-filters__count{font-weight:600;color:#2c3e50}.ecom-purchase-filters__clear-btn{background:#ff6b6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .3s ease}.ecom-purchase-filters__clear-btn:hover{background:#ff5252}@media (max-width: 768px){.ecom-purchase-filters__controls{flex-direction:column;align-items:stretch}.ecom-purchase-filters__results{margin-left:0;justify-content:space-between}.ecom-purchase-filters__select,.ecom-purchase-filters__date-input{min-width:auto}}.ecom-purchase-list-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 0}.ecom-purchase-list-page__container{max-width:1400px;margin:0 auto;padding:0 1rem}.ecom-purchase-list-page__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding:0 1rem}.ecom-purchase-list-page__header-content{flex:1}.ecom-purchase-list-page__title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin:0 0 .5rem}.ecom-purchase-list-page__subtitle{font-size:1.1rem;color:#6c757d;margin:0}.ecom-purchase-list-page__header-actions{display:flex;gap:1rem}.ecom-purchase-list-page__export-btn,.ecom-purchase-list-page__action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.ecom-purchase-list-page__export-btn{background:#6c757d;color:#fff}.ecom-purchase-list-page__export-btn:hover{background:#5a6268;transform:translateY(-1px)}.ecom-purchase-list-page__action-btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.ecom-purchase-list-page__action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.ecom-purchase-list-page__action-btn--secondary{background:#4caf50;color:#fff}.ecom-purchase-list-page__action-btn--secondary:hover{background:#45a049;transform:translateY(-1px)}.ecom-purchase-list-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.ecom-purchase-list-page__stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.ecom-purchase-list-page__stat-card:hover{transform:translateY(-2px)}.ecom-purchase-list-page__stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.ecom-purchase-list-page__stat-icon--total{background:#667eea;color:#fff}.ecom-purchase-list-page__stat-icon--amount{background:#4caf50;color:#fff}.ecom-purchase-list-page__stat-icon--paid{background:#ffa726;color:#fff}.ecom-purchase-list-page__stat-icon--pending{background:#ff6b6b;color:#fff}.ecom-purchase-list-page__stat-content{flex:1}.ecom-purchase-list-page__stat-number{display:block;font-size:1.2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.ecom-purchase-list-page__stat-label{font-size:.9rem;color:#6c757d}.ecom-purchase-list-page__filters-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a}.ecom-purchase-list-page__content{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.ecom-purchase-list-page__pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa}.ecom-purchase-list-page__pagination-info{color:#6c757d;font-size:.9rem}.ecom-purchase-list-page__pagination-controls{display:flex;align-items:center;gap:1rem}.ecom-purchase-list-page__pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e9ecef;background:#fff;color:#2c3e50;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.ecom-purchase-list-page__pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.ecom-purchase-list-page__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ecom-purchase-list-page__pagination-numbers{display:flex;gap:.25rem}.ecom-purchase-list-page__pagination-number{width:40px;height:40px;border:2px solid #e9ecef;background:#fff;color:#2c3e50;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.ecom-purchase-list-page__pagination-number:hover{border-color:#667eea;color:#667eea}.ecom-purchase-list-page__pagination-number--active{background:#667eea;border-color:#667eea;color:#fff}.ecom-purchase-list-page__pagination-size{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.9rem}.ecom-purchase-list-page__pagination-select{padding:.25rem .5rem;border:1px solid #e9ecef;border-radius:4px;background:#fff;color:#2c3e50}.ecom-purchase-list-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.ecom-purchase-list-page__loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:ecom-purchase-list-page-spin 1s linear infinite;margin-bottom:1rem}@keyframes ecom-purchase-list-page-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.ecom-purchase-list-page__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ecom-purchase-list-page{padding:1rem 0}.ecom-purchase-list-page__header{flex-direction:column;align-items:flex-start;gap:1.5rem}.ecom-purchase-list-page__header-actions{width:100%;justify-content:space-between}.ecom-purchase-list-page__stats{grid-template-columns:1fr}.ecom-purchase-list-page__pagination{flex-direction:column;gap:1rem;text-align:center}.ecom-purchase-list-page__pagination-numbers{order:-1}}@media (max-width: 480px){.ecom-purchase-list-page__container{padding:0 .5rem}.ecom-purchase-list-page__title{font-size:2rem}.ecom-purchase-list-page__header-actions{flex-direction:column}.ecom-purchase-list-page__action-btn{width:100%;justify-content:center}}.ecom-purchase-detail-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 0}.ecom-purchase-detail-page__container{max-width:1200px;margin:0 auto;padding:0 1rem}.ecom-purchase-detail-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:0 1rem}.ecom-purchase-detail-page__header-content{flex:1}.ecom-purchase-detail-page__breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:#6c757d}.ecom-purchase-detail-page__breadcrumb-link{color:#667eea;text-decoration:none;transition:color .3s ease}.ecom-purchase-detail-page__breadcrumb-link:hover{color:#5a6fd8;text-decoration:underline}.ecom-purchase-detail-page__breadcrumb-separator{font-size:.7rem;color:#adb5bd}.ecom-purchase-detail-page__breadcrumb-current{color:#2c3e50;font-weight:500}.ecom-purchase-detail-page__title{font-size:2.2rem;font-weight:700;color:#2c3e50;margin:0 0 1rem;line-height:1.2}.ecom-purchase-detail-page__meta{display:flex;gap:1.5rem;flex-wrap:wrap}.ecom-purchase-detail-page__meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.ecom-purchase-detail-page__meta-item i{color:#667eea;width:16px}.ecom-purchase-detail-page__header-actions{display:flex;gap:1rem;flex-shrink:0}.ecom-purchase-detail-page__action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.ecom-purchase-detail-page__action-btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.ecom-purchase-detail-page__action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.ecom-purchase-detail-page__action-btn--secondary{background:#fff;color:#2c3e50;border:2px solid #e9ecef}.ecom-purchase-detail-page__action-btn--secondary:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.ecom-purchase-detail-page__status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;padding:0 1rem}.ecom-purchase-detail-page__status-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.ecom-purchase-detail-page__status-card:hover{transform:translateY(-2px)}.ecom-purchase-detail-page__status-card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.ecom-purchase-detail-page__status-card-content{flex:1}.ecom-purchase-detail-page__status-card-label{display:block;font-size:.9rem;color:#6c757d;margin-bottom:.5rem}.ecom-purchase-detail-page__status-card-value{display:block}.ecom-purchase-detail-page__status-card-number{font-size:1.8rem;font-weight:700;color:#2c3e50}.ecom-purchase-detail-page__status-card-amount{font-size:1.8rem;font-weight:700;color:#4caf50}.ecom-purchase-detail-page__status,.ecom-purchase-detail-page__payment-status{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.ecom-purchase-detail-page__status--received{background:#e3f2fd;color:#2196f3}.ecom-purchase-detail-page__status--processing{background:#fff3e0;color:#ff9800}.ecom-purchase-detail-page__status--completed{background:#e8f5e8;color:#4caf50}.ecom-purchase-detail-page__status--cancelled{background:#ffebee;color:#f44336}.ecom-purchase-detail-page__payment-status--paid{background:#e8f5e8;color:#4caf50}.ecom-purchase-detail-page__payment-status--pending{background:#fff3e0;color:#ff9800}.ecom-purchase-detail-page__payment-status--partial{background:#e3f2fd;color:#2196f3}.ecom-purchase-detail-page__payment-status--cancelled{background:#ffebee;color:#f44336}.ecom-purchase-detail-page__tabs{display:flex;background:#fff;border-radius:12px 12px 0 0;padding:0 1rem;border-bottom:1px solid #e9ecef;overflow-x:auto}.ecom-purchase-detail-page__tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#6c757d;cursor:pointer;transition:all .3s ease;font-weight:500;white-space:nowrap;font-size:.9rem}.ecom-purchase-detail-page__tab:hover{color:#667eea}.ecom-purchase-detail-page__tab--active{color:#667eea;border-bottom-color:#667eea;background:#667eea0d}.ecom-purchase-detail-page__content{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 4px 15px #0000001a;min-height:400px}.ecom-purchase-detail-page__details{padding:2rem}.ecom-purchase-detail-page__details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.ecom-purchase-detail-page__detail-section{background:#f8f9fa;border-radius:12px;padding:1.5rem;border:1px solid #e9ecef}.ecom-purchase-detail-page__detail-section-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.ecom-purchase-detail-page__detail-section-title i{color:#667eea}.ecom-purchase-detail-page__detail-content{display:flex;flex-direction:column;gap:1rem}.ecom-purchase-detail-page__detail-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.ecom-purchase-detail-page__detail-item:last-child{border-bottom:none;padding-bottom:0}.ecom-purchase-detail-page__detail-item--total{border-top:2px solid #667eea;padding-top:.75rem;font-weight:700}.ecom-purchase-detail-page__detail-label{font-weight:500;color:#6c757d}.ecom-purchase-detail-page__detail-value{font-weight:600;color:#2c3e50;text-align:right}.ecom-purchase-detail-page__notes{margin:0;color:#6c757d;line-height:1.5;font-style:italic;background:#fff;padding:1rem;border-radius:8px;border-left:4px solid #667eea}.ecom-purchase-detail-page__items{padding:2rem}.ecom-purchase-detail-page__items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.ecom-purchase-detail-page__items-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.ecom-purchase-detail-page__items-count{color:#6c757d;font-weight:500}.ecom-purchase-detail-page__items-list{display:flex;flex-direction:column;gap:1.5rem}.ecom-purchase-detail-page__item-card{display:grid;grid-template-columns:80px 1fr auto auto;gap:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;transition:transform .3s ease}.ecom-purchase-detail-page__item-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.ecom-purchase-detail-page__item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.ecom-purchase-detail-page__item-img{width:100%;height:100%;object-fit:cover}.ecom-purchase-detail-page__item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e9ecef;color:#6c757d;font-size:1.5rem}.ecom-purchase-detail-page__item-details{display:flex;flex-direction:column;gap:.5rem}.ecom-purchase-detail-page__item-name{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0}.ecom-purchase-detail-page__item-meta{display:flex;gap:1rem;flex-wrap:wrap}.ecom-purchase-detail-page__item-variant,.ecom-purchase-detail-page__item-sku{font-size:.8rem;color:#6c757d;background:#fff;padding:.25rem .5rem;border-radius:4px}.ecom-purchase-detail-page__item-description{margin:0;color:#6c757d;font-size:.9rem;line-height:1.4}.ecom-purchase-detail-page__item-quantity{text-align:center;display:flex;flex-direction:column;gap:.5rem}.ecom-purchase-detail-page__item-quantity-label{font-size:.8rem;color:#6c757d}.ecom-purchase-detail-page__item-quantity-value{font-size:1.5rem;font-weight:700;color:#2c3e50}.ecom-purchase-detail-page__item-pricing{display:flex;flex-direction:column;gap:.75rem;min-width:150px}.ecom-purchase-detail-page__item-price,.ecom-purchase-detail-page__item-tax,.ecom-purchase-detail-page__item-subtotal{display:flex;justify-content:space-between;align-items:center}.ecom-purchase-detail-page__item-price-label,.ecom-purchase-detail-page__item-tax-label,.ecom-purchase-detail-page__item-subtotal-label{font-size:.8rem;color:#6c757d}.ecom-purchase-detail-page__item-price-value,.ecom-purchase-detail-page__item-tax-value,.ecom-purchase-detail-page__item-subtotal-value{font-weight:600;color:#2c3e50}.ecom-purchase-detail-page__item-subtotal{border-top:1px solid #e9ecef;padding-top:.5rem;margin-top:.5rem}.ecom-purchase-detail-page__item-subtotal-value{color:#667eea;font-size:1.1rem}.ecom-purchase-detail-page__inventory{padding:2rem}.ecom-purchase-detail-page__inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.ecom-purchase-detail-page__inventory-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.ecom-purchase-detail-page__inventory-count{color:#6c757d;font-weight:500}.ecom-purchase-detail-page__inventory-table{overflow-x:auto}.ecom-purchase-detail-page__inventory-table-content{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.ecom-purchase-detail-page__inventory-table-content th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:1px solid #e9ecef}.ecom-purchase-detail-page__inventory-table-content td{padding:1rem;border-bottom:1px solid #f8f9fa}.ecom-purchase-detail-page__inventory-table-content tr:last-child td{border-bottom:none}.ecom-purchase-detail-page__lot-product{display:flex;flex-direction:column;gap:.25rem}.ecom-purchase-detail-page__lot-product-name{font-weight:600;color:#2c3e50}.ecom-purchase-detail-page__lot-product-id{font-size:.8rem;color:#6c757d}.ecom-purchase-detail-page__lot-variant{background:#e3f2fd;color:#2196f3;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.ecom-purchase-detail-page__lot-quantity{font-weight:600;color:#2c3e50;font-size:1.1rem}.ecom-purchase-detail-page__lot-cost{font-weight:600;color:#4caf50}.ecom-purchase-detail-page__lot-date{color:#6c757d;font-size:.9rem}.ecom-purchase-detail-page__lot-status{padding:.4rem .75rem;border-radius:15px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ecom-purchase-detail-page__lot-status--active{background:#e8f5e8;color:#4caf50}.ecom-purchase-detail-page__lot-status--depleted{background:#ffebee;color:#f44336}.ecom-purchase-detail-page__inventory-empty{text-align:center;padding:4rem 2rem;color:#6c757d}.ecom-purchase-detail-page__inventory-empty i{font-size:4rem;margin-bottom:1rem;opacity:.5}.ecom-purchase-detail-page__documents{padding:2rem}.ecom-purchase-detail-page__documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.ecom-purchase-detail-page__documents-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.ecom-purchase-detail-page__upload-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.ecom-purchase-detail-page__upload-btn:hover{background:#5a6fd8}.ecom-purchase-detail-page__upload-btn--primary{background:#4caf50}.ecom-purchase-detail-page__upload-btn--primary:hover{background:#45a049}.ecom-purchase-detail-page__documents-list{display:flex;flex-direction:column;gap:1rem}.ecom-purchase-detail-page__document-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;transition:transform .3s ease}.ecom-purchase-detail-page__document-card:hover{transform:translateY(-2px)}.ecom-purchase-detail-page__document-icon{width:50px;height:50px;background:#667eea;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.ecom-purchase-detail-page__document-info{flex:1}.ecom-purchase-detail-page__document-name{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 .25rem}.ecom-purchase-detail-page__document-date{font-size:.9rem;color:#6c757d}.ecom-purchase-detail-page__document-actions{display:flex;gap:.5rem}.ecom-purchase-detail-page__document-btn{width:40px;height:40px;border:none;border-radius:6px;background:#fff;color:#6c757d;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.ecom-purchase-detail-page__document-btn:hover{background:#667eea;color:#fff}.ecom-purchase-detail-page__documents-empty{text-align:center;padding:4rem 2rem;color:#6c757d}.ecom-purchase-detail-page__documents-empty i{font-size:4rem;margin-bottom:1rem;opacity:.5}.ecom-purchase-detail-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.ecom-purchase-detail-page__loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:ecom-purchase-detail-page-spin 1s linear infinite;margin-bottom:1rem}@keyframes ecom-purchase-detail-page-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ecom-purchase-detail-page__error{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.ecom-purchase-detail-page__error-icon{font-size:4rem;color:#ff6b6b;margin-bottom:1.5rem}.ecom-purchase-detail-page__error-title{font-size:1.5rem;color:#2c3e50;margin:0 0 1rem}.ecom-purchase-detail-page__error-text{color:#6c757d;margin-bottom:2rem;line-height:1.6}.ecom-purchase-detail-page__error-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.ecom-purchase-detail-page__error-btn:hover{background:#5a6fd8}.ecom-purchase-detail-page__not-found{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.ecom-purchase-detail-page__not-found-icon{font-size:4rem;color:#e9ecef;margin-bottom:1.5rem}.ecom-purchase-detail-page__not-found-title{font-size:1.5rem;color:#2c3e50;margin:0 0 1rem}.ecom-purchase-detail-page__not-found-text{color:#6c757d;line-height:1.6}@media (max-width: 1024px){.ecom-purchase-detail-page__status-cards{grid-template-columns:repeat(2,1fr)}.ecom-purchase-detail-page__details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.ecom-purchase-detail-page{padding:1rem 0}.ecom-purchase-detail-page__header{flex-direction:column;gap:1.5rem}.ecom-purchase-detail-page__header-actions{width:100%;justify-content:space-between}.ecom-purchase-detail-page__status-cards{grid-template-columns:1fr}.ecom-purchase-detail-page__tabs{flex-wrap:wrap}.ecom-purchase-detail-page__tab{flex:1;min-width:120px;justify-content:center}.ecom-purchase-detail-page__item-card{grid-template-columns:1fr;gap:1rem}.ecom-purchase-detail-page__item-pricing{flex-direction:row;justify-content:space-between}.ecom-purchase-detail-page__documents-header{flex-direction:column;gap:1rem;align-items:flex-start}}@media (max-width: 480px){.ecom-purchase-detail-page__container{padding:0 .5rem}.ecom-purchase-detail-page__title{font-size:1.8rem}.ecom-purchase-detail-page__header-actions{flex-direction:column}.ecom-purchase-detail-page__action-btn{width:100%;justify-content:center}.ecom-purchase-detail-page__meta{flex-direction:column;gap:.5rem}.ecom-purchase-detail-page__details,.ecom-purchase-detail-page__items,.ecom-purchase-detail-page__inventory,.ecom-purchase-detail-page__documents{padding:1rem}}.update-payment-container{max-width:1200px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;transition:transform .3s ease}.update-payment-container:hover{transform:translateY(-3px)}.update-payment-title{text-align:center;color:#1e3a8a;margin-bottom:1.5rem;font-size:1.4rem;font-weight:600;letter-spacing:.5px}.update-payment-form{display:flex;flex-direction:column;gap:1.2rem}.update-form-group{display:flex;flex-direction:column}.update-form-label{font-weight:600;color:#333;margin-bottom:.4rem}.update-form-input,.update-form-select{padding:10px 12px;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color .3s;font-size:.95rem}.update-form-input:focus,.update-form-select:focus{border-color:#1e3a8a;box-shadow:0 0 0 2px #1e3a8a26}.update-btn{padding:12px;background:#1e3a8a;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .3s,transform .2s}.update-btn:hover{background:#2b4bb6;transform:translateY(-2px)}.success-message{color:#16a34a;background:#dcfce7;padding:10px;border-radius:6px;text-align:center;margin-top:1rem;font-weight:500}.error-message{color:#dc2626;background:#fee2e2;padding:10px;border-radius:6px;text-align:center;margin-top:1rem;font-weight:500}@media (max-width: 600px){.update-payment-container{padding:1.2rem;margin:1.5rem}.update-btn{font-size:.95rem}.update-payment-title{font-size:1.2rem}}.ecom-profit-loss-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 0}.ecom-profit-loss-page__container{max-width:1200px;margin:0 auto;padding:0 1rem}.ecom-profit-loss-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:0 1rem}.ecom-profit-loss-page__header-content{flex:1}.ecom-profit-loss-page__title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin:0 0 .5rem;background:linear-gradient(135deg,#2c3e50,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ecom-profit-loss-page__subtitle{font-size:1.1rem;color:#6c757d;margin:0}.ecom-profit-loss-page__header-actions{display:flex;gap:1rem;flex-shrink:0}.ecom-profit-loss-page__export-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.ecom-profit-loss-page__export-btn--excel{background:#4caf50;color:#fff}.ecom-profit-loss-page__export-btn--excel:hover{background:#45a049;transform:translateY(-1px)}.ecom-profit-loss-page__export-btn--pdf{background:#f44336;color:#fff}.ecom-profit-loss-page__export-btn--pdf:hover{background:#da190b;transform:translateY(-1px)}.ecom-profit-loss-page__filters{display:grid;grid-template-columns:auto auto 1fr;gap:2rem;align-items:end;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.ecom-profit-loss-page__filter-group{display:flex;flex-direction:column;gap:.5rem}.ecom-profit-loss-page__filter-label{font-size:.8rem;font-weight:600;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px}.ecom-profit-loss-page__filter-input{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;transition:border-color .3s ease;min-width:150px}.ecom-profit-loss-page__filter-input:focus{outline:none;border-color:#667eea}.ecom-profit-loss-page__quick-filters{display:flex;flex-direction:column;gap:.5rem}.ecom-profit-loss-page__quick-filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.ecom-profit-loss-page__quick-filter-btn{padding:.5rem 1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#6c757d;cursor:pointer;transition:all .3s ease;font-size:.8rem;font-weight:500}.ecom-profit-loss-page__quick-filter-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.ecom-profit-loss-page__error{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffebee;border:1px solid #f44336;border-radius:12px;margin-bottom:2rem}.ecom-profit-loss-page__error-icon{font-size:2rem;color:#f44336;flex-shrink:0}.ecom-profit-loss-page__error-content{flex:1}.ecom-profit-loss-page__error-title{font-size:1.1rem;font-weight:600;color:#c62828;margin:0 0 .5rem}.ecom-profit-loss-page__error-text{color:#d32f2f;margin:0;line-height:1.4}.ecom-profit-loss-page__error-retry{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f44336;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .3s ease}.ecom-profit-loss-page__error-retry:hover{background:#d32f2f}.ecom-profit-loss-page__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.ecom-profit-loss-page__metric-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .3s ease;border-left:4px solid}.ecom-profit-loss-page__metric-card:hover{transform:translateY(-2px)}.ecom-profit-loss-page__metric-card--revenue{border-left-color:#667eea}.ecom-profit-loss-page__metric-card--gross{border-left-color:#4caf50}.ecom-profit-loss-page__metric-card--net{border-left-color:#ff9800}.ecom-profit-loss-page__metric-card--cogs{border-left-color:#f44336}.ecom-profit-loss-page__metric-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.ecom-profit-loss-page__metric-card--revenue .ecom-profit-loss-page__metric-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.ecom-profit-loss-page__metric-card--gross .ecom-profit-loss-page__metric-icon{background:linear-gradient(135deg,#4caf50,#45a049)}.ecom-profit-loss-page__metric-card--net .ecom-profit-loss-page__metric-icon{background:linear-gradient(135deg,#ff9800,#f57c00)}.ecom-profit-loss-page__metric-card--cogs .ecom-profit-loss-page__metric-icon{background:linear-gradient(135deg,#f44336,#d32f2f)}.ecom-profit-loss-page__metric-content{flex:1}.ecom-profit-loss-page__metric-label{display:block;font-size:.9rem;color:#6c757d;margin-bottom:.5rem;font-weight:500}.ecom-profit-loss-page__metric-value{display:block;font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:.25rem;line-height:1}.ecom-profit-loss-page__metric-change{display:block;font-size:.8rem;color:#6c757d}.ecom-profit-loss-page__statement{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;overflow:hidden}.ecom-profit-loss-page__statement-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.ecom-profit-loss-page__statement-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.ecom-profit-loss-page__statement-period{color:#6c757d;font-weight:500}.ecom-profit-loss-page__statement-content{padding:0}.ecom-profit-loss-page__statement-section{border-bottom:1px solid #f8f9fa}.ecom-profit-loss-page__statement-section:last-child{border-bottom:none}.ecom-profit-loss-page__section-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0;padding:1.5rem 2rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.ecom-profit-loss-page__statement-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #f8f9fa}.ecom-profit-loss-page__statement-row:last-child{border-bottom:none}.ecom-profit-loss-page__statement-row--negative{background:#f4433605}.ecom-profit-loss-page__statement-row--total{background:#f8f9fa;font-weight:600;border-top:2px solid #e9ecef}.ecom-profit-loss-page__statement-row--grand-total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:1.1rem}.ecom-profit-loss-page__statement-row--note{font-size:.9rem;color:#6c757d;background:#667eea05}.ecom-profit-loss-page__row-label{font-weight:500;color:inherit}.ecom-profit-loss-page__row-value{font-weight:600;color:inherit}.ecom-profit-loss-page__row-value--profit{color:#4caf50}.ecom-profit-loss-page__row-value--net-profit{color:#fff;font-size:1.2rem}.ecom-profit-loss-page__statement-row--grand-total .ecom-profit-loss-page__row-label,.ecom-profit-loss-page__statement-row--grand-total .ecom-profit-loss-page__row-value{color:#fff}.ecom-profit-loss-page__ratios{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem;margin-bottom:2rem}.ecom-profit-loss-page__ratios-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0 0 1.5rem;text-align:center}.ecom-profit-loss-page__ratios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.ecom-profit-loss-page__ratio-card{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:transform .3s ease}.ecom-profit-loss-page__ratio-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.ecom-profit-loss-page__ratio-value{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.5rem;line-height:1}.ecom-profit-loss-page__ratio-label{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.ecom-profit-loss-page__ratio-description{font-size:.8rem;color:#6c757d;line-height:1.4}.ecom-profit-loss-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.ecom-profit-loss-page__loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:ecom-profit-loss-page-spin 1s linear infinite;margin-bottom:1rem}@keyframes ecom-profit-loss-page-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ecom-profit-loss-page__empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.ecom-profit-loss-page__empty-icon{font-size:4rem;color:#e9ecef;margin-bottom:1.5rem}.ecom-profit-loss-page__empty-title{font-size:1.5rem;color:#2c3e50;margin:0 0 1rem}.ecom-profit-loss-page__empty-text{color:#6c757d;line-height:1.6}@media (max-width: 1024px){.ecom-profit-loss-page__metrics,.ecom-profit-loss-page__ratios-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ecom-profit-loss-page{padding:1rem 0}.ecom-profit-loss-page__header{flex-direction:column;gap:1.5rem;text-align:center}.ecom-profit-loss-page__header-actions{width:100%;justify-content:center}.ecom-profit-loss-page__filters{grid-template-columns:1fr;gap:1rem}.ecom-profit-loss-page__quick-filter-buttons{justify-content:center}.ecom-profit-loss-page__metrics{grid-template-columns:1fr}.ecom-profit-loss-page__statement-header{flex-direction:column;gap:1rem;text-align:center}.ecom-profit-loss-page__statement-row{padding:1rem}.ecom-profit-loss-page__ratios-grid{grid-template-columns:1fr}.ecom-profit-loss-page__error{flex-direction:column;text-align:center;gap:1rem}}@media (max-width: 480px){.ecom-profit-loss-page__container{padding:0 .5rem}.ecom-profit-loss-page__title{font-size:2rem}.ecom-profit-loss-page__header-actions{flex-direction:column}.ecom-profit-loss-page__export-btn{width:100%;justify-content:center}.ecom-profit-loss-page__metric-card{flex-direction:column;text-align:center;gap:1rem}.ecom-profit-loss-page__statement-row{flex-direction:column;gap:.5rem;text-align:center}.ecom-profit-loss-page__quick-filter-buttons{flex-direction:column}.ecom-profit-loss-page__quick-filter-btn{width:100%}}.admin-content-page-panel,.user-content-page-panel{min-height:100vh}.dashboard-container{display:flex;overflow:hidden}.futuristic-sidebar{flex-shrink:0;position:sticky}.pages-container{flex:1;overflow-y:auto;padding:1rem}@media (max-width: 768px){.dashboard-container{flex-direction:column}.futuristic-sidebar{width:100%;height:auto;position:relative;display:flex;overflow-x:auto}.pages-container{height:calc(100vh - 60px)}.pages-container.shrunk{width:calc(100% - 12px)}}.pages-container{flex-grow:1;transition:margin-left .3s ease,width .3s ease}.pages-container.shrunk{margin-left:33px}.pages-container.expanded{width:calc(100% - 60px);margin-left:260px}.main-content{padding:2rem;min-height:100vh;box-sizing:border-box}:root{--primary-bg: #f8fafc;--secondary-bg: rgba(226, 232, 240, .7);--card-bg: rgba(255, 255, 255, .9);--glass-bg: rgba(241, 245, 249, .7);--primary-accent: #2563eb;--secondary-accent: #4f46e5;--text-primary: #1e293b;--text-secondary: #475569;--border-color: rgba(148, 163, 184, .3);--glow-color: rgba(37, 99, 235, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-color:#ececec;color:#1e293b;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.hero-section{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden;padding:2rem 0}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;position:relative;z-index:2}.hero-title{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(135deg,red,#2035ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-gradient{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary,.btn-outline,.btn-outline-light{padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff}.btn-primary:hover{box-shadow:0 0 20px var(--glow-color);transform:translateY(-2px)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#e2e8f080;border-color:var(--primary-accent)}.btn-outline{background:transparent;color:#232323;border:1px solid var(--border-color)}.btn-outline:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.btn-outline-light{background:transparent;color:#313131;border:1px solid var(--border-color)}.btn-outline-light:hover{background:#ffffffb3;border-color:var(--text-primary)}.floating-cards{position:relative;height:300px}.card{position:absolute;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.card-1{top:0;left:0;animation:float 6s ease-in-out infinite}.card-2{top:40%;right:0;animation:float 6s ease-in-out infinite 2s}.card-3{bottom:0;left:20%;animation:float 6s ease-in-out infinite 4s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px var(--glow-color);border-color:var(--primary-accent)}.card-icon{font-size:2rem;margin-bottom:1rem;color:var(--primary-accent)}.card h4{margin-bottom:.5rem;color:var(--text-primary)}.card p{color:var(--text-secondary);font-size:.9rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-background{position:absolute;inset:0;overflow:hidden;z-index:1}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3}.orb-1{width:300px;height:300px;background:var(--primary-accent);top:20%;left:10%;animation:pulse 8s ease-in-out infinite}.orb-2{width:200px;height:200px;background:var(--secondary-accent);bottom:30%;right:15%;animation:pulse 6s ease-in-out infinite 2s}.orb-3{width:150px;height:150px;background:#6366f1;top:50%;left:50%;animation:pulse 10s ease-in-out infinite 4s}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.4}}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;-webkit-background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:transparent;border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026;border-color:var(--primary-accent)}.feature-icon{font-size:3rem;margin-bottom:1rem;color:var(--primary-accent)}.feature-card h3{margin-bottom:1rem;color:#232323}.feature-card p{color:#494949;line-height:1.6}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.product-card{background:transparent;border:1px solid var(--border-color);border-radius:16px;padding:1rem;text-align:center;transition:all .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026;border-color:var(--primary-accent)}.product-image{width:100%;height:200px;background:var(--glass-bg);border-radius:12px;margin-bottom:1rem;border:1px solid var(--border-color)}.product-card h3{margin-bottom:.2rem;color:#232323}.product-price{color:var(--primary-accent);font-weight:600;margin-bottom:.4rem;font-size:1.2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item h3{font-size:3rem;color:var(--primary-accent);margin-bottom:.5rem}.stat-item p{color:#494949;font-size:1.1rem}.cta-section{text-align:center;color:var(--text-primary);padding:5rem 0;background:var(--secondary-bg)}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{font-size:1.2rem;margin-bottom:2rem;color:var(--text-secondary)}.cta-buttons{display:flex;gap:1rem;justify-content:center}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;flex-direction:column;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.hero-actions{justify-content:center}.floating-cards{height:250px}}@media (max-width: 768px){.hero-title,.section-title{font-size:2rem}.hero-actions,.cta-buttons{flex-direction:column;align-items:center}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.8rem}.stats-grid{grid-template-columns:1fr}.card,.feature-card,.product-card{padding:1rem}}.homepage-container{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.homepage-container-inner{max-width:1200px;margin:0 auto;padding:0 20px}.homepage-features-section{padding:80px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.homepage-section-header{text-align:center;margin-bottom:60px}.homepage-section-title{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.homepage-section-subtitle{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.homepage-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.homepage-feature-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:1px solid #f1f5f9}.homepage-feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.homepage-feature-icon-container{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.homepage-feature-icon{font-size:2rem}.homepage-feature-title{font-size:1.4rem;font-weight:600;color:#1e293b;margin-bottom:16px}.homepage-feature-description{color:#64748b;line-height:1.6;font-size:1rem}.homepage-products-section{padding:80px 0;background:#fff}.homepage-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.homepage-product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014;transition:all .3s ease;padding:20px;border:1px solid #f1f5f9}.homepage-product-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.homepage-product-image-container{position:relative;height:200px;overflow:hidden;border-radius:10px}.homepage-product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.homepage-product-card:hover .homepage-product-image{transform:scale(1.05)}.homepage-product-category{position:absolute;top:16px;left:16px;background:#ffffffe6;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:#667eea}.homepage-product-info{padding:24px}.homepage-product-name{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:8px}.homepage-product-price{font-size:1.4rem;font-weight:700;color:#667eea;margin-bottom:12px}.homepage-product-rating{display:flex;align-items:center;gap:4px}.homepage-rating-star{color:#fbbf24;font-size:1rem}.homepage-rating-text{color:#64748b;font-size:.9rem;margin-left:8px}.homepage-product-button{width:100%;padding:12px;background:transparent;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.homepage-product-button:hover{border-color:#667eea;color:#667eea;background:#f8fafc}.homepage-products-actions{text-align:center}.homepage-view-all-button{padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;font-size:1.1rem}.homepage-view-all-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.homepage-stats-section{padding:80px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.homepage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.homepage-stat-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.homepage-stat-icon{font-size:3rem;opacity:.9}.homepage-stat-value{font-size:3rem;font-weight:700;margin:0;color:#fff}.homepage-stat-label{font-size:1.1rem;opacity:.9;margin:0;font-weight:500}.homepage-cta-section{padding:80px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.homepage-cta-content{text-align:center;max-width:600px;margin:0 auto}.homepage-cta-title{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:16px}.homepage-cta-description{font-size:1.1rem;color:#64748b;margin-bottom:40px;line-height:1.6}.homepage-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.homepage-cta-button-primary{padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1.1rem}.homepage-cta-button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.homepage-cta-button-secondary{padding:16px 32px;background:transparent;border:2px solid #667eea;color:#667eea;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1.1rem}.homepage-cta-button-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width: 1024px){.homepage-features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.homepage-products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}}@media (max-width: 768px){.homepage-container-inner{padding:0 16px}.homepage-features-section,.homepage-products-section,.homepage-stats-section,.homepage-cta-section{padding:60px 0}.homepage-section-title{font-size:2rem}.homepage-features-grid,.homepage-products-grid{grid-template-columns:1fr;gap:20px}.homepage-stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.homepage-stat-value{font-size:2.5rem}.homepage-cta-title{font-size:2rem}.homepage-cta-buttons{flex-direction:column;align-items:center}.homepage-cta-button-primary,.homepage-cta-button-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.homepage-section-title{font-size:1.8rem}.homepage-feature-card{padding:30px 20px}.homepage-feature-icon-container{width:60px;height:60px;font-size:1.5rem}.homepage-stats-grid{grid-template-columns:1fr;gap:24px}.homepage-stat-value{font-size:2rem}.homepage-cta-title{font-size:1.8rem}}.sv-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.sv-hero__container{max-width:1400px;margin:0 auto;padding:2rem;gap:4rem;align-items:center;width:100%}.sv-hero__content{z-index:2}.sv-hero__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#fff}.sv-hero__brand{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sv-hero__description{font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6;margin-bottom:2.5rem;color:#a0a0c0;max-width:500px}.sv-hero__actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.sv-hero__btn{padding:1rem 2rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.sv-hero__btn--primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.sv-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.sv-hero__btn--secondary{background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.sv-hero__btn--secondary:hover{background:#fff3;transform:translateY(-2px)}.sv-hero__stats{display:flex;gap:2rem;flex-wrap:wrap}.sv-hero__stat{text-align:center}.sv-hero__stat-number{display:block;font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.sv-hero__stat-label{font-size:.9rem;color:#a0a0c0}.sv-hero__slider-container{position:relative;z-index:2}.sv-hero__slider{position:relative;height:500px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.sv-hero__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(100%);transition:all .8s cubic-bezier(.4,0,.2,1)}.sv-hero__slide--active{opacity:1;transform:translate(0)}.sv-hero__slide--prev{transform:translate(-100%)}.sv-hero__slide-content{position:relative;width:100%;height:100%}.sv-hero__image{width:100%;height:100%;object-fit:cover;border-radius:20px}.sv-hero__slide-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:2rem;border-radius:0 0 20px 20px}.sv-hero__slide-title{font-size:1.5rem;margin-bottom:.5rem}.sv-hero__slide-desc{font-size:1rem;opacity:.9}.sv-hero__slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:3}.sv-hero__slider-btn:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.sv-hero__slider-btn--prev{left:1rem}.sv-hero__slider-btn--next{right:1rem}.sv-hero__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.sv-hero__dot{min-width:5px;min-height:5px;width:12px;height:12px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.sv-hero__dot--active{background:#667eea;transform:scale(1.2)}.sv-hero__dot:hover{background:#ffffff80}.sv-hero__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:500px;color:#a0a0c0}.sv-hero__loader-spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,.3);border-left:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.sv-hero__background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.sv-hero__orbs{position:relative;width:100%;height:100%}.sv-hero__orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.3;animation:float 6s ease-in-out infinite}.sv-hero__orb--1{width:300px;height:300px;background:#667eea;top:10%;left:10%;animation-delay:0s}.sv-hero__orb--2{width:200px;height:200px;background:#764ba2;top:60%;right:10%;animation-delay:2s}.sv-hero__orb--3{width:150px;height:150px;background:#f093fb;bottom:20%;left:20%;animation-delay:4s}.sv-hero__gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%)}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@media (max-width: 1024px){.sv-hero__container{grid-template-columns:1fr;gap:3rem;text-align:center}.sv-hero__description{margin-left:auto;margin-right:auto}.sv-hero__actions,.sv-hero__stats{justify-content:center}.sv-hero__slider{height:400px}}@media (max-width: 768px){.sv-hero{min-height:50vh}.sv-hero__container{padding:1rem;gap:2rem}.sv-hero__actions{flex-direction:column;align-items:center}.sv-hero__btn{width:100%;max-width:300px;justify-content:center}.sv-hero__stats{gap:1.5rem}.sv-hero__stat-number{font-size:1.5rem}.sv-hero__slider{height:300px}.sv-hero__slider-btn{width:40px;height:40px;font-size:1.2rem}}@media (max-width: 480px){.sv-hero__title{font-size:2rem}.sv-hero__description{font-size:1rem}.sv-hero__slider{height:250px}.sv-hero__slide-caption{padding:1rem}.sv-hero__slide-title{font-size:1.2rem}.sv-hero__orb--1{width:200px;height:200px}}@media (prefers-reduced-motion: reduce){.sv-hero__orb,.sv-hero__slide,.sv-hero__btn{animation:none;transition:none}}:root{--primary-purple: #6D28D9;--primary-indigo: #4F46E5;--secondary-teal: #0D9488;--accent-gold: #D97706;--light-lavender: #F3F4F6;--dark-navy: #1E293B;--text-dark: #334155;--text-light: #64748B;--white: #FFFFFF;--gradient-primary: linear-gradient(0deg, #ff5959 0%, #7570bf 100%);--gradient-secondary: linear-gradient(135deg, #0D9488 0%, #059669 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.about-main-wrapper{font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.6;color:var(--text-dark);overflow-x:hidden}.about-container{max-width:1200px;margin:0 auto;padding:0 20px}.about-hero-section{padding:120px 0 80px;text-align:center;position:relative;overflow:hidden}.image-section{display:flex;justify-content:center;align-items:center;background:#f7e2b996}.logo-of-aboutus{width:278px;height:270px}.about-hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#fdfdfd,#baa9ff)}.about-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;position:relative;background:linear-gradient(135deg,red,#2035ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.about-hero-subtitle{font-size:1.3rem;max-width:600px;margin:0 auto;opacity:.9;font-weight:300}.about-us-section{padding:100px 0;background:linear-gradient(179deg,#efe5925e,#08edff4d)}.about-flex{display:flex;align-items:center;gap:60px}.about-flex-reverse{display:flex;align-items:center;gap:60px;flex-direction:row-reverse}.about-us-text,.mission-content-block,.crystals-info-text{flex:1}.about-us-text h2,.mission-content-block h2,.crystals-info-text h2{font-size:2.5rem;color:var(--dark-navy);margin-bottom:1.5rem;position:relative}.about-us-text h2:after,.mission-content-block h2:after,.crystals-info-text h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--gradient-primary);border-radius:2px}.about-us-text p,.mission-content-block p,.crystals-info-text p{font-size:1.1rem;color:#000;margin-bottom:1.5rem;line-height:1.8}.about-us-image,.mission-image-block,.crystals-info-image{flex:1;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.about-us-image:hover,.mission-image-block:hover,.crystals-info-image:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.about-us-image img,.mission-image-block img,.crystals-info-image img{width:100%;height:400px;object-fit:cover;transition:transform .3s ease}.about-us-image:hover img,.mission-image-block:hover img,.crystals-info-image:hover img{transform:scale(1.05)}.mission-highlight-section{padding:100px 0;background:#f7e2b996}.mission-stats-row{display:flex;gap:30px;margin-top:40px}.stat-box{flex:1;text-align:center;padding:30px 20px;background:#ff780040;border-radius:15px;box-shadow:0 10px 30px #00000014;transition:transform .3s ease,box-shadow .3s ease}.stat-box:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f}.stat-box h4{font-size:2.5rem;font-weight:700;color:var(--primary-purple);margin-bottom:10px}.stat-box p{color:var(--text-light);font-weight:500}.spiritual-tools-section{padding:100px 0;background:#ffb3b39c;text-align:center}.spiritual-tools-section h2{font-size:2.5rem;color:var(--dark-navy);margin-bottom:1rem}.spiritual-tools-section>p{font-size:1.1rem;color:var(--text-light);max-width:700px;margin:0 auto 50px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px}.tool-card{background:#ffe3e3;border-radius:20px;padding:30px;box-shadow:0 15px 35px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.tool-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026}.tool-card img{width:100%;height:200px;object-fit:cover;border-radius:15px;margin-bottom:20px}.tool-card h4{font-size:1.3rem;color:var(--dark-navy);font-weight:600}.importance-crystals-section{padding:100px 0;background:#ffb3b39c}.vision-section{padding:100px 0;background:var(--gradient-primary);color:var(--white);text-align:center}.vision-section h2{font-size:2.5rem;margin-bottom:2rem;font-weight:700}.vision-section p{font-size:1.2rem;max-width:800px;margin:0 auto 1.5rem;opacity:.9;line-height:1.8}.vision-tagline{font-size:1.5rem;font-weight:600;margin-top:2rem;font-style:italic;opacity:.95}.core-values-section{padding:100px 0;background:#ff5858}.core-values-section h2{font-size:2.5rem;text-align:center;color:var(--dark-navy);margin-bottom:3rem}.core-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.value-card{background:var(--white);padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 15px 35px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.value-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.value-card:nth-child(2):before{background:var(--gradient-secondary)}.value-card:nth-child(3):before{background:linear-gradient(135deg,var(--accent-gold) 0%,#F59E0B 100%)}.value-card:nth-child(4):before{background:linear-gradient(135deg,#ec4899,#f472b6)}.value-card h3{font-size:1.4rem;color:var(--dark-navy);margin-bottom:1rem;font-weight:600}.value-card p{color:var(--text-light);line-height:1.7}@media (max-width: 968px){.about-flex,.about-flex-reverse{flex-direction:column;gap:40px}.about-hero-title{font-size:2.8rem}.mission-stats-row{flex-direction:column;gap:20px}.tools-grid,.core-values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.about-container{padding:0 15px}.about-hero-section{padding:80px 0 60px}.about-hero-title{font-size:2.2rem}.about-hero-subtitle{font-size:1.1rem}.about-us-section,.mission-highlight-section,.spiritual-tools-section,.importance-crystals-section,.vision-section,.core-values-section{padding:60px 0}.about-us-text h2,.mission-content-block h2,.crystals-info-text h2,.spiritual-tools-section h2,.vision-section h2,.core-values-section h2{font-size:2rem}.tools-grid,.core-values-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.about-hero-title{font-size:1.8rem}.about-hero-subtitle{font-size:1rem}.stat-box{padding:20px 15px}.stat-box h4{font-size:2rem}.tool-card,.value-card{padding:25px 20px}}html{scroll-behavior:smooth}.about-us-image img,.mission-image-block img,.crystals-info-image img,.tool-card img{background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);background-size:400% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:100% 50%}to{background-position:0 50%}}.about-us-image:focus,.mission-image-block:focus,.crystals-info-image:focus,.tool-card:focus,.value-card:focus,.stat-box:focus{outline:3px solid var(--primary-purple);outline-offset:2px}.contact-container{background:linear-gradient(178deg,#d3fffd,#00fff3)}.contact-hero{text-align:center;padding:4rem 0}.contact-content{padding:4rem 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info h2{font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,#ff2020,#4957e7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-info>p{color:#353535;margin-bottom:2rem;font-size:1.1rem}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{display:flex;align-items:center;flex-direction:column;gap:1rem;padding:1.5rem;background:#c8faff;border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.contact-method:hover{border-color:var(--primary-accent);transform:translate(5px)}.method-icon{font-size:1.5rem;min-width:40px}.method-info h3{margin-bottom:.5rem;color:#353535}.method-info p{color:#353535;line-height:1.5;margin:.25rem 0}.contact-form-container{background:#c8faff;border:1px solid var(--border-color);border-radius:16px;padding:2rem}.contact-form-container h2{font-size:1.8rem;margin-bottom:1.5rem;color:#212121}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:#494949}.form-group input,.form-group textarea{padding:.8rem 1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:#353535;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px var(--glow-color)}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.faq-section{padding:4rem 0;background:transparent;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.faq-item{background:transparent;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.faq-item:hover{border-color:var(--primary-accent);transform:translateY(-2px)}.faq-item h3{margin-bottom:1rem;color:#212121;font-size:1.2rem}.faq-item p{color:#353535;line-height:1.6}.contact-cta{text-align:center;padding:4rem 0;color:#272727}.contact-cta h2{font-size:2.5rem;margin-bottom:1rem}.contact-cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.contact-method{flex-direction:column;text-align:center}.method-icon{align-self:center}.faq-grid{grid-template-columns:1fr}}@media (max-width: 480px){.contact-form-container{padding:1.5rem}.contact-info h2{font-size:1.8rem}.contact-form-container h2{font-size:1.5rem}.contact-cta h2{font-size:2rem}.contact-cta p{font-size:1rem}}.shopping-cart-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.shopping-cart-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.shopping-cart-empty-icon{font-size:4rem;color:#667eea;margin-bottom:20px}.shopping-cart-empty h2{color:#2d3748;margin-bottom:12px;font-size:1.8rem}.shopping-cart-empty p{color:#718096;margin-bottom:24px;font-size:1.1rem}.shopping-cart-continue-btn{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;margin:0 auto;transition:background .3s ease}.shopping-cart-continue-btn:hover{background:#5a67d8}.shopping-cart-header{text-align:center;margin-bottom:40px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff}.shopping-cart-header h1{font-size:2.5rem;font-weight:700;margin-bottom:8px}.shopping-cart-subtitle{font-size:1.1rem;opacity:.9;margin:0}.shopping-cart-content{display:grid;grid-template-columns:1fr 400px;gap:30px;margin-bottom:40px}.shopping-cart-items{display:flex;flex-direction:column;gap:20px}.shopping-cart-item{display:grid;grid-template-columns:120px 1fr auto auto;gap:20px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease}.shopping-cart-item:hover{transform:translateY(-2px)}.shopping-cart-item-image{position:relative;width:100%;height:120px;border-radius:12px;overflow:hidden}.shopping-cart-item-image img{width:100%;height:100%;object-fit:cover}.shopping-cart-item-out-of-stock{position:absolute;top:8px;left:8px;background:#e53e3e;color:#fff;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600}.shopping-cart-item-details{display:flex;flex-direction:column;gap:12px}.shopping-cart-item-name{font-size:1.2rem;font-weight:600;color:#2d3748;margin:0}.shopping-cart-item-price-breakdown{display:flex;flex-direction:column;gap:4px}.shopping-cart-item-price-row{display:flex;justify-content:space-between;font-size:.9rem;color:#718096}.shopping-cart-item-price-row.shopping-cart-item-total{font-weight:600;color:#2d3748;margin-top:4px}.shopping-cart-item-meta{display:flex;gap:16px;font-size:.9rem}.shopping-cart-item-size{color:#4a5568;font-weight:500}.shopping-cart-item-stock{font-weight:600}.shopping-cart-item-stock-in{color:#38a169}.shopping-cart-item-stock-out{color:#e53e3e}.shopping-cart-item-actions{margin-top:auto;display:flex;justify-content:center}.shopping-cart-item-remove-btn{padding:8px 16px;background:#fed7d7;color:#e53e3e;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:background .3s ease}.shopping-cart-item-remove-btn:hover{background:#feb2b2}.shopping-cart-item-quantity{display:flex;align-items:center}.shopping-cart-quantity-controls{display:flex;align-items:center;gap:12px;background:#f7fafc;padding:8px;border-radius:12px}.shopping-cart-quantity-btn{width:32px;height:32px;border:none;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;transition:background .3s ease;box-shadow:0 2px 4px #0000001a}.shopping-cart-quantity-btn:hover:not(:disabled){background:#edf2f7}.shopping-cart-quantity-btn:disabled{opacity:.5;cursor:not-allowed}.shopping-cart-quantity-display{font-weight:600;color:#2d3748;min-width:30px;text-align:center}.shopping-cart-item-total-price{display:flex;align-items:center;justify-content:flex-end}.shopping-cart-item-total-amount{font-size:1.2rem;font-weight:700;color:#2d3748}.shopping-cart-summary{position:sticky;top:20px;height:fit-content}.shopping-cart-summary-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014}.shopping-cart-summary-title{font-size:1.3rem;font-weight:600;color:#2d3748;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.shopping-cart-summary-content{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.shopping-cart-summary-row{display:flex;justify-content:space-between;align-items:center}.shopping-cart-summary-row span:first-child{color:#718096}.shopping-cart-summary-row span:last-child{font-weight:600;color:#2d3748}.shopping-cart-summary-divider{height:1px;background:#e2e8f0;margin:8px 0}.shopping-cart-summary-total{font-size:1.2rem;font-weight:700;color:#2d3748;padding-top:12px;border-top:2px solid #e2e8f0}.shopping-cart-checkout-btn{width:100%;padding:16px;background:#667eea;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s ease;margin-bottom:20px}.shopping-cart-checkout-btn:hover{background:#5a67d8}.shopping-cart-security{display:flex;align-items:center;gap:8px;justify-content:center;color:#718096;font-size:.9rem;margin-bottom:20px}.shopping-cart-security-icon{color:#48bb78}.shopping-cart-payment-methods{text-align:center}.shopping-cart-payment-title{display:block;color:#718096;font-size:.9rem;margin-bottom:8px}.shopping-cart-payment-icons{display:flex;justify-content:center;gap:12px}.shopping-cart-payment-icon{font-size:1.5rem;color:#4a5568}.shopping-cart-recommendations{margin-top:40px}.shopping-cart-recommendations-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:20px;text-align:center}.shopping-cart-recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.shopping-cart-recommendation-item{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014;min-height:200px}.shopping-cart-recommendation-placeholder{width:100%;height:160px;background:#f7fafc;border-radius:8px;border:2px dashed #e2e8f0}@media (max-width: 1024px){.shopping-cart-content{grid-template-columns:1fr;gap:20px}.shopping-cart-summary{position:static;order:-1}}@media (max-width: 768px){.shopping-cart-container{padding:16px}.shopping-cart-header{padding:20px}.shopping-cart-header h1{font-size:2rem}.shopping-cart-item{grid-template-columns:1fr;text-align:center;gap:16px}.shopping-cart-item-image{width:100%;height:200px;margin:0 auto}.shopping-cart-item-meta,.shopping-cart-item-quantity,.shopping-cart-item-total-price{justify-content:center}.shopping-cart-recommendations-grid{grid-template-columns:1fr}}@media (max-width: 480px){.shopping-cart-header{padding:16px}.shopping-cart-header h1{font-size:1.8rem}.shopping-cart-item{padding:16px}.shopping-cart-item-image{height:150px}.shopping-cart-item-meta{flex-direction:column;gap:8px}.shopping-cart-summary-card{padding:20px}}.user-orders-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.user-orders-loading{text-align:center;padding:100px 20px}.user-orders-loading p{margin-top:16px;color:#718096;font-size:1.1rem}.user-orders-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:30px;margin-bottom:30px;color:#fff}.user-orders-header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:8px}.user-orders-header-content p{font-size:1.1rem;opacity:.9;margin:0}.user-orders-controls{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #00000014}.user-orders-search{position:relative;margin-bottom:20px}.user-orders-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a0aec0}.user-orders-search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:border-color .3s ease}.user-orders-search-input:focus{outline:none;border-color:#667eea}.user-orders-tabs{display:flex;gap:8px;flex-wrap:wrap}.user-orders-tab-btn{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#4a5568}.user-orders-tab-btn:hover{border-color:#667eea;color:#667eea}.user-orders-tab-active{background:#667eea;border-color:#667eea;color:#fff}.user-orders-tab-active:hover{background:#5a67d8;border-color:#5a67d8;color:#fff}.user-orders-content{margin-bottom:40px}.user-orders-empty{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.user-orders-empty-icon{font-size:4rem;color:#667eea;margin-bottom:20px}.user-orders-empty h3{color:#2d3748;margin-bottom:12px;font-size:1.5rem}.user-orders-empty p{color:#718096;margin-bottom:24px}.user-orders-shop-btn{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.user-orders-shop-btn:hover{background:#5a67d8}.user-orders-table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.user-orders-table-header{padding:20px 24px;background:#f7fafc;border-bottom:1px solid #e2e8f0;font-weight:600;color:#4a5568}.user-orders-table-wrapper{overflow-x:auto}.user-orders-table{width:100%;border-collapse:collapse}.user-orders-table th{background:#f7fafc;padding:16px;text-align:left;font-weight:600;color:#4a5568;border-bottom:2px solid #e2e8f0}.user-orders-table td{padding:16px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.user-orders-table-row:hover{background:#fafafa}.user-orders-td-order{min-width:150px}.user-orders-order-id{font-weight:600;color:#2d3748;margin-bottom:4px}.user-orders-payment-method{font-size:.8rem;color:#718096;background:#f7fafc;padding:2px 8px;border-radius:4px;width:fit-content}.user-orders-td-date{color:#718096;min-width:120px}.user-orders-td-items{min-width:200px}.user-orders-items-list{display:flex;flex-direction:column;gap:8px}.user-orders-item-preview{display:flex;align-items:center;gap:8px}.user-orders-item-image{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid #e2e8f0}.user-orders-item-name{font-size:.9rem;color:#4a5568;line-height:1.4}.user-orders-more-items{font-size:.8rem;color:#718096;font-style:italic}.user-orders-td-total{font-weight:700;color:#2d3748;min-width:100px}.user-orders-td-status{min-width:140px}.user-orders-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-weight:600;font-size:.9rem;width:fit-content}.user-orders-status-icon{font-size:1rem}.user-orders-status-delivered{background:#c6f6d5;color:#2f855a}.user-orders-status-shipped{background:#bee3f8;color:#3182ce}.user-orders-status-processing{background:#fffaf0;color:#dd6b20}.user-orders-status-cancelled{background:#fed7d7;color:#c53030}.user-orders-delivery-date{font-size:.8rem;color:#718096;margin-top:4px}.user-orders-td-actions{min-width:100px}.user-orders-view-btn{padding:8px 12px;background:#ebf8ff;color:#3182ce;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .3s ease}.user-orders-view-btn:hover{background:#bee3f8}.user-orders-mobile-cards{display:none;flex-direction:column;gap:16px}.user-orders-mobile-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014}.user-orders-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.user-orders-mobile-order-info{flex:1}.user-orders-mobile-order-id{font-weight:600;color:#2d3748;margin-bottom:4px}.user-orders-mobile-order-date{font-size:.8rem;color:#718096}.user-orders-mobile-status{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.user-orders-mobile-items{margin-bottom:16px}.user-orders-mobile-item{display:flex;align-items:center;gap:12px;padding:8px 0}.user-orders-mobile-item-image{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid #e2e8f0}.user-orders-mobile-item-info{flex:1}.user-orders-mobile-item-name{font-weight:500;color:#2d3748;margin-bottom:2px;font-size:.9rem}.user-orders-mobile-item-quantity{font-size:.8rem;color:#718096}.user-orders-mobile-more-items{font-size:.8rem;color:#718096;font-style:italic;padding:8px 0}.user-orders-mobile-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e2e8f0}.user-orders-mobile-total{font-weight:700;color:#2d3748}.user-orders-mobile-view-btn{padding:8px 12px;background:#ebf8ff;color:#3182ce;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:.9rem}@media (max-width: 1024px){.user-orders-table{min-width:800px}}@media (max-width: 768px){.user-orders-container{padding:16px}.user-orders-header{padding:20px}.user-orders-header-content h1{font-size:2rem}.user-orders-tabs{flex-wrap:wrap;overflow-x:auto;padding-bottom:8px;justify-content:center}.user-orders-tab-btn{white-space:nowrap;font-size:.9rem;padding:8px 16px}.user-orders-table-container{display:none}.user-orders-mobile-cards{display:flex}}@media (max-width: 480px){.user-orders-header{padding:16px;text-align:center}.user-orders-header-content h1{font-size:1.8rem}.user-orders-controls{padding:16px}.user-orders-search-input{font-size:.9rem}.user-orders-mobile-card{padding:16px}.user-orders-mobile-card-header{flex-direction:column;gap:8px;align-items:flex-start}.user-orders-mobile-card-footer{flex-direction:column;gap:12px;align-items:stretch}.user-orders-mobile-view-btn{width:100%;justify-content:center}}:root{--primary-bg: #0f172a;--secondary-bg: rgba(30, 41, 59, .7);--card-bg: rgba(30, 41, 59, .5);--glass-bg: rgba(255, 255, 255, .05);--primary-accent: #3b82f6;--secondary-accent: #818cf8;--text-primary: #f1f5f9;--text-secondary: #3b3b3b;--border-color: rgba(255, 255, 255, .1);--glow-color: rgba(59, 130, 246, .4);--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b}.checkout-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh}.checkout-header{text-align:center;margin-bottom:2rem}.checkout-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,red,#6f6f6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.checkout-header p{color:#212121;font-size:1.1rem}.checkout-steps{margin-bottom:2rem}.steps-container{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:transparent;border:1px solid var(--border-color);border-radius:16px}.step{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;transition:all .3s ease}.step.active{background:var(--glass-bg)}.step-number{width:40px;height:40px;border-radius:50%;background:var(--glass-bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.step.active .step-number{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.step-info{display:flex;flex-direction:column}.step-title{font-weight:600;color:#212121}.step-desc{font-size:.8rem;color:#3b3b3b}.step-connector{width:60px;height:2px;background:var(--border-color);position:relative}.step-connector:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:0;height:2px;background:var(--primary-accent);transition:width .3s ease}.step.active~.step-connector:after{width:100%}.checkout-main{display:grid;grid-template-columns:1fr 400px;gap:2rem}.checkout-form-container{background:transparent;border-radius:16px;padding:2rem;width:90%}.form-step h2{margin-bottom:1.5rem;color:#212121;font-size:1.5rem}.checkout-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group input,.form-group select{padding:.8rem 1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:#212121;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px var(--glow-color)}.form-group input.error,.form-group select.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef444433}.error-text{color:var(--error-color);font-size:.8rem;margin-top:.25rem}.form-checkbox{margin-top:1rem}.checkbox-container{display:flex;align-items:center;gap:.8rem;cursor:pointer;color:var(--text-secondary)}.checkbox-container input{display:none}.checkmark{width:18px;height:18px;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:4px;position:relative;transition:all .3s ease}.checkbox-container input:checked~.checkmark{background:var(--primary-accent);border-color:var(--primary-accent)}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.address-option{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border:2px solid #e0e0e0;border-radius:12px;transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer;box-shadow:0 1px 3px #0000000d;margin-bottom:16px;max-width:600px}.address-option:hover{border-color:#4a90e2;box-shadow:0 4px 12px #0000001a}.address-option.selected{border-color:#4a90e2}.address-radio{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border:2px solid #ccc;border-radius:50%;margin-top:6px;transition:border-color .3s ease,background-color .3s ease}.address-option.selected .address-radio{border-color:#4a90e2}.radio-indicator{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.radio-dot{width:10px;height:10px;background-color:#4a90e2;border-radius:50%}.address-details{flex:1}.address-details p{margin:4px 0;font-size:14px;color:#303030;line-height:1.5}.address-name strong{font-size:16px;color:#111}.address-line,.address-country,.address-mobile,.address-email{color:#ddd}@media (max-width: 600px){.address-option{flex-direction:column;gap:10px}.address-radio{align-self:flex-start}}.shipping-methods{display:flex;flex-direction:column;gap:1rem}.shipping-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;color:#212121}.shipping-method:hover{border-color:var(--primary-accent)}.shipping-method.selected{border-color:var(--primary-accent);background:#3b82f61a}.method-radio{display:flex;align-items:center;justify-content:center}.radio-indicator{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.shipping-method.selected .radio-indicator{border-color:var(--primary-accent)}.radio-dot{width:10px;height:10px;background:var(--primary-accent);border-radius:50%}.method-info{flex:1}.method-info h4{margin-bottom:.25rem;color:#212121}.method-info p{color:#3b3b3b;font-size:.9rem}.method-price{font-weight:600;color:#212121}.billing-address{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.billing-address h4{margin-bottom:1rem;color:var(--text-primary)}.checkout-navigation{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.nav-btn{padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.prev-btn{background:#fff;color:#212121;border:1px solid var(--border-color)}.prev-btn:hover{background:#ffffff1a;border-color:var(--primary-accent)}.next-btn,.submit-btn{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff}.next-btn:hover,.submit-btn:hover{box-shadow:0 0 20px var(--glow-color);transform:translateY(-2px)}.order-summary{display:flex;flex-direction:column;gap:1.5rem}.summary-card,.support-card{background:transparent;border-radius:16px;padding:1.5rem;width:90%}.summary-card h3{margin-bottom:1.5rem;color:#212121;font-size:1rem}.order-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.order-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.order-item .item-image{width:50px;height:50px;border-radius:8px;object-fit:cover}.order-item .item-details{flex:1}.order-item .item-details h4{font-size:.9rem;margin-bottom:.25rem;color:#212121}.order-item .item-details p{font-size:.8rem;color:var(--text-secondary)}.order-item .item-price{font-weight:600;color:#212121}.summary-row{display:flex;justify-content:space-between;margin-bottom:.8rem;color:#212121}.summary-row.total{font-weight:700;color:#212121;font-size:1.1rem}.summary-divider{height:1px;background:var(--border-color);margin:1rem 0}.security-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#212121;font-size:.9rem;margin:1rem 0;padding:.8rem;background:var(--glass-bg);border-radius:8px}.payment-methods{text-align:center;color:#212121;font-size:.9rem}.payment-icons{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.payment-icon{font-size:1.5rem}.support-card h4{margin-bottom:.8rem;color:#212121}.support-card p{color:#272727;margin-bottom:1rem;font-size:.9rem}.support-contact{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#2c2c2c;font-size:.9rem;overflow:hidden}.support-icon{font-size:1.2rem}@media (max-width: 1024px){.checkout-main{grid-template-columns:1fr}.steps-container{flex-direction:column;gap:.5rem}.step-connector{width:2px;height:40px}}@media (max-width: 768px){.checkout-container{padding:1rem}.form-row{grid-template-columns:1fr;gap:10px}.form-group{margin-bottom:0}.checkout-navigation{flex-direction:column;gap:1rem}.nav-btn{width:100%;text-align:center}.checkout-header h1{font-size:2rem}}@media (max-width: 480px){.steps-container{padding:1rem}.step{padding:.5rem}.checkout-label{display:none}.step-number{width:32px;height:32px;font-size:.9rem}.checkout-form-container{padding:1rem}.shipping-method{flex-direction:column;text-align:center;gap:.8rem}.method-info{text-align:center}}@media (max-width: 360px){.checkout-header h1{font-size:1.5rem}.step-title{font-size:.9rem}.step-desc{font-size:.75rem}.form-group input,.form-group select{font-size:.9rem;padding:.6rem .8rem}.summary-card,.support-card{padding:1rem}.order-item .item-image{width:40px;height:40px}.payment-icon{font-size:1.2rem}button,input[type=radio],input[type=checkbox]{min-height:40px;min-width:40px}}:root{--primary-bg: #0f172a;--secondary-bg: rgba(30, 41, 59, .7);--card-bg: rgba(30, 41, 59, .5);--glass-bg: rgba(255, 255, 255, .05);--primary-accent: #3b82f6;--secondary-accent: #818cf8;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: rgba(255, 255, 255, .1);--glow-color: rgba(59, 130, 246, .4);--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--credit-color: #10b981;--debit-color: #ef4444}.wallet-container{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh}.wallet-header{text-align:center;margin-bottom:2rem}.wallet-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,red,#6f6f6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wallet-header p{color:#0f172a;font-size:1.1rem}.wallet-overview{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.balance-card,.earnings-card{background:transparent;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000026}.balance-card{display:flex;flex-direction:column;justify-content:space-between}.balance-info h3{color:#212121;font-size:1rem;margin-bottom:.5rem}.balance-amount{font-size:2.5rem;font-weight:700;color:#212121;margin-bottom:.5rem}.balance-info p{color:#212121;font-size:.9rem}.balance-actions{margin:1.5rem 0}.withdraw-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.withdraw-btn:hover{box-shadow:0 0 20px var(--glow-color);transform:translateY(-2px)}.balance-graph{margin-top:1rem}.graph-bar{width:100%;height:8px;background:#8989897f;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.graph-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent));border-radius:4px;transition:width .3s ease}.graph-labels{display:flex;justify-content:space-between;color:#212121;font-size:.8rem}.earnings-card h3{margin-bottom:1.5rem;color:#212121;font-size:1.2rem}.levels-grid{display:flex;flex-direction:column;gap:1rem}.level-item{display:flex;flex-direction:column;gap:.5rem}.level-header{display:flex;justify-content:space-between;align-items:center}.level-badge{padding:.3rem .8rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;font-size:.8rem;font-weight:600;color:#212121}.level-amount{font-weight:600;color:#212121}.level-progress{width:100%;height:6px;background:#8989897f;border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent));border-radius:3px;transition:width .3s ease}.transactions-section{background:transparent;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header h2{color:#212121;font-size:1.5rem}.filter-controls{display:flex;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{color:#212121;font-size:.9rem;white-space:nowrap}.filter-select{padding:.5rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer}.transactions-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.transaction-item:hover{border-color:var(--primary-accent);box-shadow:0 2px 8px var(--glow-color)}.transaction-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border-radius:10px}.transaction-details{flex:1}.transaction-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;color:#212121;font-size:1rem}.level-tag{padding:.2rem .5rem;background:var(--primary-accent);color:#fff;border-radius:8px;font-size:.7rem;font-weight:600}.transaction-info{color:#212121;font-size:.9rem;margin-bottom:.25rem}.transaction-date{color:var(--text-secondary);font-size:.8rem}.transaction-amount{font-weight:700;font-size:1.1rem}.transaction-amount.credit{color:var(--credit-color)}.transaction-amount.debit{color:var(--debit-color)}.empty-transactions{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.empty-transactions h3{margin-bottom:.5rem;color:var(--text-primary)}.transactions-summary{padding:1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px}.summary-item{display:flex;justify-content:space-between;margin-bottom:.5rem;color:#515151}.summary-item.net{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-weight:600}.credit-amount{color:var(--credit-color);font-weight:600}.debit-amount{color:var(--debit-color);font-weight:600}.net-amount.positive{color:var(--credit-color)}.net-amount.negative{color:var(--debit-color)}.wallet-stats{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.wallet-stat-card,.info-card{background:transparent;border:1px solid var(--border-color);border-radius:16px;padding:1rem}.wallet-stat-card h3,.info-card h3{margin-bottom:1.5rem;color:#212121;font-size:1.2rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px}.stat-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border-radius:10px}.stat-info{display:flex;flex-direction:column}.stat-value{font-weight:700;color:#212121;font-size:1.1rem}.stat-label{color:#212121;font-size:.8rem}.info-content{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:flex-start;gap:1rem}.info-number{width:24px;height:24px;background:var(--primary-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.info-text h4{margin-bottom:.25rem;color:var(--text-primary);font-size:.9rem}.info-text p{color:#212121;font-size:.8rem;line-height:1.4}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.spinner{width:50px;height:50px;border:3px solid var(--glass-bg);border-top:3px solid var(--primary-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-message{text-align:center;padding:3rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px}.error-icon{font-size:3rem;margin-bottom:1rem;display:block}.error-message h3{color:var(--error-color);margin-bottom:1.5rem}.retry-btn{padding:.8rem 1.5rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:#ffffff1a;border-color:var(--primary-accent)}@media (max-width: 1024px){.wallet-overview,.wallet-stats{grid-template-columns:1fr}}@media (max-width: 768px){.wallet-container{padding:1rem}.summary-item{flex-direction:column;align-items:flex-start;gap:.5rem}.section-header,.filter-controls{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.transaction-item{flex-direction:column;text-align:center;gap:.8rem}.transaction-details{text-align:center}.wallet-header h1{font-size:2rem}}@media (max-width: 480px){.balance-amount{font-size:2rem}.transaction-title{flex-direction:column;gap:.5rem}.filter-group{flex-direction:column;align-items:flex-start}}.order-detail-container{max-width:1200px;margin:0 auto;padding:24px;font-family:Inter,Segoe UI,Tahoma,sans-serif;color:#f1f1f1;background:transparent;min-height:100vh}.order-detail-header{margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.back-button{background:none;border:none;color:#38bdf8;font-size:16px;cursor:pointer;margin-bottom:10px;transition:color .2s ease-in-out}.back-button:hover{color:#0ea5e9;text-decoration:underline}.order-detail-header h1{font-size:28px;font-weight:600;color:#202020;margin-bottom:6px}.order-id{color:#353535;font-size:15px}.spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid #38bdf8;border-radius:50%;width:42px;height:42px;animation:spin 1s linear infinite;margin:0 auto 15px}.error-message,.not-found{text-align:center;padding:50px 20px;background:#ff00000d;border-radius:12px;border:1px solid rgba(255,0,0,.3);color:#f87171}.order-detail-content{display:flex;flex-direction:column;gap:24px}.order-status-card,.order-items-card,.order-summary-card,.shipping-address-card,.order-actions-card{background:transparent;border-radius:14px;padding:24px;box-shadow:0 4px 20px #00000040;transition:transform .2s ease-in-out}.order-status-card:hover,.order-items-card:hover,.order-summary-card:hover,.shipping-address-card:hover,.order-actions-card:hover{transform:translateY(-2px)}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.status-header h2{font-size:20px;font-weight:500;color:#1d1d1d}.status-badge{padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;text-transform:capitalize}.status-badge.processing{background:#facc15;color:#1f2937}.status-badge.shipped{background:#38bdf8;color:#fff}.status-badge.delivered{background:#22c55e;color:#fff}.status-badge.cancelled{background:#ef4444;color:#fff}.progress-tracker{display:flex;justify-content:space-between;margin:28px 0;position:relative}.order-dates{color:#212121}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.step-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.progress-step.completed .step-icon{background:#22c55e;color:#fff}.progress-step.active .step-icon{background:#38bdf8;color:#fff}.progress-step.pending .step-icon{background:#334155;color:#94a3b8}.progress-step.cancelled .step-icon{background:#ef4444;color:#fff}.step-connector{position:absolute;top:16px;height:3px;background:#334155;left:0;right:0;z-index:1}.progress-step.completed+.step-connector,.progress-step.active+.step-connector{background:#22c55e}.step-label{font-size:14px;margin-top:6px;color:#333}.progress-step.active .step-label,.progress-step.completed .step-label{color:#252525;font-weight:500}.order-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.order-items-card h2,.order-summary-card h2,.shipping-address-card h2,.order-actions-card h2{font-size:19px;font-weight:600;color:#1b1b1b;margin-bottom:18px}.order-item-detail{display:flex;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}.order-item-detail:last-child{border-bottom:none}.item-image{width:70px;height:70px;object-fit:cover;border-radius:10px;margin-right:16px}.item-details h4{font-size:16px;font-weight:500;color:#222}.item-price,.item-quantity{font-size:14px;color:#94a3b8}.item-total{font-size:18px;font-weight:600;color:#212121}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px}.summary-row.total{font-size:18px;font-weight:600;margin-top:12px}.payment-info h3,.shipping-info h3{font-size:17px;margin-bottom:10px;color:#292929}.payment-status.paid{color:#22c55e}.payment-status.pending{color:#facc15}.payment-detail{color:#212121}.orderlist-action-buttons{display:flex;flex-wrap:wrap;gap:12px}.orderlist-action-btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;color:#f1f5f9;border:none}.orderlist-action-btn:hover{background:#475569}.cancel-btn{background:#ef4444}.cancel-btn:hover{background:#dc2626}.return-btn{background:#f97316}.return-btn:hover{background:#ea580c}.review-btn{background:#22c55e}.review-btn:hover{background:#16a34a}.help-btn{background:#38bdf8}.help-btn:hover{background:#0ea5e9}.invoice-btn{background:#6b7280}.invoice-btn:hover{background:#4b5563}@media (max-width: 900px){.order-detail-grid{grid-template-columns:1fr}.order-item-detail{display:flex;flex-direction:column;gap:15px}}@media (max-width: 600px){.order-detail-container{padding:16px}.progress-tracker{flex-direction:column;gap:20px;align-items:center}.step-connector{display:none}.action-buttons{flex-direction:column}.orderlist-action-btn{width:100%}.order-dates{color:#212121}}.withdrawal-container{padding:20px;background-color:#f8fafc;min-height:100vh;font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.withdrawal-header{margin-bottom:30px}.withdrawal-header h1{font-size:28px;color:#1e293b;margin:0 0 8px;display:flex;align-items:center;gap:10px}.withdrawal-header p{color:#64748b;margin:0;font-size:16px}.withdrawal-content{display:grid;grid-template-columns:1fr 300px;gap:25px}.withdrawal-main{display:flex;flex-direction:column;gap:20px}.balance-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000000a;border:1px solid #f1f5f9}.balance-info{display:flex;align-items:center;gap:15px}.balance-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.balance-details h3{margin:0 0 5px;color:#2e2e2e;font-size:16px;font-weight:500}.balance-amount{margin:0;font-size:32px;font-weight:700;color:#1e293b}.kyc-alert{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:20px;display:flex;gap:15px;align-items:flex-start}.kyc-alert svg{color:#f59e0b;font-size:24px;flex-shrink:0;margin-top:2px}.alert-content h4{margin:0 0 8px;color:#d97706;font-size:16px}.alert-content p{margin:0 0 15px;color:#92400e;font-size:14px;line-height:1.5}.kyc-button{background:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.kyc-button:hover{background:#d97706}.withdrawal-form-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000000a;border:1px solid #f1f5f9}.withdrawal-form-card h3{margin:0 0 20px;color:#1e293b;font-size:20px}.message{padding:12px 15px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px}.message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;color:#303030;font-weight:500}.amount-input-container{position:relative;margin-bottom:15px}.currency-symbol{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:18px;font-weight:500}.amount-input-container input{width:100%;padding:12px 15px 12px 35px;border:2px solid #e5e7eb;border-radius:8px;font-size:18px;font-weight:600;color:#1f2937;transition:border-color .2s}.amount-input-container input:focus{outline:none;border-color:#464646}.quick-amounts{display:flex;flex-wrap:wrap;gap:10px}.quick-amount-btn{padding:8px 15px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#4b5563;font-size:14px;cursor:pointer;transition:all .2s}.quick-amount-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.quick-amount-btn:disabled{opacity:.5;cursor:not-allowed}.form-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px 15px;display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.form-info svg{color:#0ea5e9;flex-shrink:0;margin-top:2px}.form-info p{margin:0;color:#00a6ff;font-size:14px;line-height:1.5}.withdraw-button{width:100%;padding:15px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.withdraw-button:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px)}.withdraw-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.withdrawal-history{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000000a;border:1px solid #f1f5f9}.withdrawal-history h3{margin:0 0 20px;color:#1e293b;font-size:20px}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #f1f5f9;border-radius:8px}.transaction-info{flex:1}.transaction-amount{font-weight:600;color:#1e293b;margin-bottom:5px}.transaction-date{color:#64748b;font-size:14px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.approved{background:#dcfce7;color:#16a34a}.status-badge.rejected{background:#fee2e2;color:#dc2626}.status-badge.completed{background:#dcfce7;color:#15803d}.withdrawal-sidebar{display:flex;flex-direction:column;gap:20px}.info-card,.help-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000000a;border:1px solid #f1f5f9}.info-card h4,.help-card h4{margin:0 0 15px;color:#1e293b;font-size:18px}.info-card ul{margin:0;padding:0;list-style:none}.info-card li{padding:8px 0;border-bottom:1px solid #f1f5f9;color:#454546}.info-card li:last-child{border-bottom:none}.info-card li strong{color:#000}.help-card p{margin:0 0 15px;color:#252525;line-height:1.5}.support-button{width:100%;padding:12px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.support-button:hover{background:#e5e7eb}@media (max-width: 968px){.withdrawal-content{grid-template-columns:1fr}}@media (max-width: 576px){.withdrawal-container{padding:15px}.balance-info{flex-direction:column;text-align:center;gap:12px}.quick-amounts{justify-content:center}.history-item{flex-direction:column;align-items:flex-start;gap:10px}.transaction-status{align-self:flex-end}}.withdraw-button:disabled{animation:pulse 1.5s infinite}@media (prefers-color-scheme: dark){.withdrawal-container{background:#fff;color:#202020}.withdrawal-header h1{color:#252525}.withdrawal-header p{color:#272727}.balance-card,.withdrawal-form-card,.withdrawal-history,.info-card,.help-card{background:transparent;border-color:#334155;color:#242424}.balance-amount{color:#202020}.amount-input-container input{background:#fff;border-color:#334155;color:#202020}.quick-amount-btn{background:#334155;border-color:#475569;color:#e2e8f0}.quick-amount-btn:hover:not(:disabled){background:#475569}.form-info p{color:#0073ff}.history-item{border-color:#334155}.transaction-amount{color:#161616}.info-card li{border-color:#334155;color:#242424}.info-card li strong{color:#000}.help-card p{color:#292929}.support-button{background:#334155;border-color:#475569;color:#e2e8f0}.support-button:hover{background:#475569}}.ud-dashboard{min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ud-container{max-width:1400px;margin:0 auto;padding:20px}.ud-main{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 40px #0000001a;overflow:hidden;margin-top:20px}.ud-content{padding:30px}.ud-content h2{color:#2d3748;font-size:2.2rem;font-weight:700;margin-bottom:30px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ud-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.ud-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.ud-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.ud-stat-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.ud-stat-icon{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 6px 15px #0003}.ud-stat-icon.ud-level{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.ud-stat-icon.ud-order{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.ud-stat-icon.ud-network{background:linear-gradient(135deg,#c5c5c5,#3d3d3d)}.ud-stat-icon.ud-points{background:linear-gradient(135deg,#ffd93d,#ff9a3d)}.ud-stat-icon.ud-wallet{background:linear-gradient(135deg,#6c5ce7,#a363d9)}.ud-stat-icon.ud-kyc{background:linear-gradient(135deg,#00b894,#00a085)}.ud-stat-info h3{font-size:2.2rem;font-weight:800;margin:0;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ud-stat-info p{color:#718096;font-weight:600;margin:5px 0 0;font-size:.95rem}.ud-sections{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ud-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:30px;box-shadow:0 8px 25px #0000001a;border:1px solid rgba(255,255,255,.2)}.ud-section-title{font-size:1.4rem;font-weight:700;color:#2d3748;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ud-order-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #f1f5f9;transition:all .3s ease}.ud-order-item:hover{background:#667eea0d;border-radius:12px;padding:18px 15px;transform:translate(5px)}.ud-order-item:last-child{border-bottom:none}.ud-order-info h4{font-weight:600;color:#2d3748;margin:0 0 5px;font-size:1.1rem}.ud-order-info p{color:#718096;margin:0;font-size:.9rem}.ud-order-status{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:8px 16px;border-radius:12px;font-weight:600;font-size:.95rem;box-shadow:0 4px 12px #48bb784d}.ud-gift-list{display:flex;flex-direction:column;gap:20px}.ud-gift-item{background:linear-gradient(135deg,#fffaf0,#fed7aa);border:1px solid rgba(251,191,36,.3);border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease;position:relative;overflow:hidden}.ud-gift-item:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#f59e0b,#d97706)}.ud-gift-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #f59e0b33}.ud-gift-icon{width:60px;height:60px;border-radius:12px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.ud-gift-icon img{width:40px;height:40px;object-fit:contain}.ud-gift-info{flex:1}.ud-gift-info h4{font-weight:700;color:#7c2d12;margin:0 0 5px;font-size:1.1rem}.ud-gift-info p{color:#92400e;margin:0;font-size:.9rem;opacity:.8}.ud-gift-status,.ud-gift-validity{font-size:.85rem;color:#92400e;opacity:.7}.ud-gift-status p,.ud-gift-validity p{margin:2px 0}.ud-no-data{text-align:center;padding:40px 20px;color:#a0aec0;font-style:italic}.ud-no-data p{margin:0;font-size:1.1rem}.ud-kyc-verified{color:#00b894!important;font-weight:700}.ud-kyc-pending{color:#fdcb6e!important;font-weight:700}.ud-kyc-not-submitted{color:#e17055!important;font-weight:700}.ud-kyc-rejected{color:#d63031!important;font-weight:700}@media (max-width: 1200px){.ud-sections{grid-template-columns:1fr;gap:25px}}@media (max-width: 768px){.ud-container{padding:15px}.ud-content{padding:20px}.ud-content h2{font-size:1.8rem}.ud-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.ud-stat-card{padding:20px}.ud-stat-icon{width:60px;height:60px;font-size:1.7rem}.ud-stat-info h3{font-size:1.8rem}.ud-card{padding:25px}.ud-gift-item{flex-direction:column;text-align:center;gap:12px}.ud-gift-item:before{width:100%;height:4px}}@media (max-width: 480px){.ud-stats{grid-template-columns:1fr}.ud-content h2{font-size:1.5rem;text-align:center}.ud-stat-card{padding:18px}.ud-card{padding:20px}.ud-order-item{flex-direction:column;text-align:center;gap:10px}.ud-order-status{align-self:center}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.ud-loading{animation:pulse 2s infinite}.ud-gift-list::-webkit-scrollbar{width:6px}.ud-gift-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.ud-gift-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.ud-gift-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-tertiary: #888888;--accent-primary: #6366f1;--accent-secondary: #818cf8;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border-color: #404040;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}.network-network-container{min-height:100vh;padding:2rem;font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.network-network-header{text-align:center;margin-bottom:2rem}.network-network-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.network-network-subtitle{color:var(--text-secondary);font-size:1.1rem}.network-network-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.network-search-box{position:relative;flex:1;min-width:250px}.network-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.9rem}.network-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.network-search-input::placeholder{color:var(--text-tertiary)}.network-view-toggle{display:flex;gap:.5rem}.network-toggle-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.network-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.network-toggle-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.network-network-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.network-stat-card{background:#ffffffc7;padding:1.5rem;border-radius:1rem;text-align:center;box-shadow:var(--shadow)}.network-stat-value{font-size:2rem;font-weight:700;color:#212121;margin-bottom:.5rem}.network-stat-label{color:#1d1d1d;font-size:.9rem}.network-network-content{margin-top:2rem}.network-network-section{margin-bottom:2rem}.network-section-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#212121;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.network-table-container{background:#ffffff7a;border-radius:1rem;overflow:auto;box-shadow:var(--shadow)}.network-network-table{width:100%;border-collapse:collapse}.network-network-table th{background:#ffffffab;padding:1rem;text-align:left;font-weight:600;color:#212121;border-bottom:1px solid var(--border-color)}.network-network-table td{padding:1rem;border-bottom:1px solid var(--border-color)}.network-table-row:hover{background:#ccccccec}.network-level-cell{font-weight:600;color:#212121}.network-name-cell{display:flex;align-items:center;gap:.75rem}.network-user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:600;color:#1d1d1d}.network-email-cell{color:#212121}.network-date-cell{color:#212121;font-size:.9rem}.network-status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:500}.network-status-badge.active{background:#10b98133;color:var(--success)}.network-status-badge.inactive{background:#ef444433;color:var(--error)}.network-tree-view-container{background:#ffffff61;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow)}.network-tree-structure{display:flex;flex-direction:column;gap:1rem}.network-tree-level{border-left:2px solid var(--border-color);padding-left:1rem;margin-left:1rem}.network-level-header{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:.5rem;transition:background .3s ease}.network-level-header:hover{background:var(--bg-tertiary)}.network-level-label{font-weight:600;color:#212121}.network-toggle-icon{color:var(--accent-primary)}.network-user-count{color:var(--text-tertiary);font-size:.9rem}.network-level-users{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;margin:.75rem 0;padding-left:1rem}.network-tree-node{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:.75rem;transition:transform .2s ease}.network-tree-node:hover{transform:translate(4px)}.network-node-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:600;color:#202020;flex-shrink:0}.network-main-avatar{width:3rem;height:3rem;font-size:1.2rem}.network-node-info{flex:1}.network-node-name{font-weight:600;color:#212121}.network-node-email{font-size:.9rem;color:#212121}.network-current-user-level{margin:1.5rem 0;border-left:2px solid var(--accent-primary)}.network-main-node{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))}.network-main-node .network-node-name,.network-main-node .network-node-email{color:#1f1f1f}.network-cards-view{display:flex;flex-direction:column;gap:2rem}.network-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.network-network-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.network-network-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.network-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.network-card-avatar{width:3rem;height:3rem;font-size:1.2rem}.network-card-level{background:#ffffff61;color:#1f1f1f;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600}.network-card-body{margin-bottom:1rem}.network-card-name{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#212121}.network-card-email{color:#212121;margin-bottom:.75rem;font-size:.9rem}.network-card-meta{font-size:.8rem;color:#212121}.network-card-footer{display:flex;justify-content:flex-end}.network-loading-container,.network-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.network-loading-spinner{width:3rem;height:3rem;border:3px solid var(--border-color);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.network-error-icon{font-size:3rem;margin-bottom:1rem}.network-retry-button{background:var(--accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;font-weight:600;transition:background .3s ease;margin-top:1rem}.network-retry-button:hover{background:var(--accent-secondary)}.network-empty-state,.network-empty-card{text-align:center;padding:2rem;color:var(--text-tertiary);border-radius:.75rem}@media (max-width: 768px){.network-network-container{padding:1rem}.network-network-controls{flex-direction:column;align-items:stretch}.network-search-box{min-width:100%}.network-view-toggle{width:100%;justify-content:center}.network-network-stats{grid-template-columns:1fr}.network-network-table{font-size:.9rem}.network-network-table th,.network-network-table td{padding:.75rem .5rem}.network-level-users,.network-cards-container{grid-template-columns:1fr}}@media (max-width: 480px){.network-network-title{font-size:2rem}.network-toggle-btn{padding:.5rem;font-size:.8rem}.network-tree-level{margin-left:.5rem;padding-left:.5rem}}.gallery-container{padding:20px;min-height:100vh;font-family:Alan Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.header-content h1{font-size:28px;color:#333;margin:0 0 8px;display:flex;align-items:center;gap:10px}.header-content p{color:#2e2e2e;margin:0;font-size:16px}.view-toggle{display:none;gap:8px;padding:8px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.view-btn{padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#001aff;transition:all .2s}.view-btn.active{background:#6366f1;color:#fff}.view-btn:hover{background:#f1f5f9}.view-btn.active:hover{background:#4f46e5}.gallery-filters{border-radius:12px;margin-bottom:25px;box-shadow:0 4px 6px #0000000a}.gallery-filter-group{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:15px}.search-box{position:relative;width:250px}.search-box input{width:100%;padding:12px 15px 12px 40px;border:1px solid #383838;border-radius:8px;font-size:14px;color:#2e2e2e}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#333}.category-filter,.date-filter{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:1px solid #2a2b2b;color:#1e293b}.filter-icon{color:#ebebeb}.category-filter select,.date-filter input{border:none;width:100%;border-radius:5px;background:none;font-size:14px;color:#2b2b2b;cursor:pointer;outline:none}.date-filter input{width:120px}.date-filter span{color:#e7e7e7;font-size:14px}.apply-btn{padding:6px 12px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.apply-btn:hover{background:#4f46e5}.clear-filters-btn{padding:8px 16px;background:#1d6f9e;color:#d3d3d3;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;margin-top:0}.clear-filters-btn:hover{background:#165db9}.results-info{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #f1f5f9;color:#64748b;font-size:14px}.results-info select{padding:6px 10px;border:1px solid #1d1d1d;border-radius:6px;background:transparent;color:#000;cursor:pointer}.gallery-catg-option{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#20458ac7;color:#e8e8e9;cursor:pointer}.gallery-content{margin-bottom:30px}.gallery-content.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.gallery-content.masonry{columns:280px;gap:20px}.gallery-content.masonry .gallery-item{break-inside:avoid;margin-bottom:20px}.gallery-item{border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000a;transition:transform .2s,box-shadow .2s}.gallery-item:hover{transform:translateY(-2px);box-shadow:0 8px 15px #0000001a}.gallery-image-container{position:relative;overflow:hidden;aspect-ratio:4/3}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s;cursor:pointer}.gallery-item:hover .image-container img{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.gallery-item:hover .image-overlay{opacity:1}.image-actions{display:flex;gap:10px}.action-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.action-btn.view{background:#6366f1;color:#fff}.action-btn.download{background:#10b981;color:#fff}.action-btn:hover{transform:scale(1.1)}.image-info{padding:15px}.image-title{margin:0 0 8px;font-size:16px;color:#303030;font-weight:600}.image-description{margin:0 0 12px;color:#64748b;font-size:14px;line-height:1.4}.image-meta{display:flex;justify-content:space-between;align-items:center}.category-badge{background:#e0e7ff;color:#3730a3;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.image-date{color:#94a3b8;font-size:12px}.no-images{text-align:center;padding:60px 20px;color:#94a3b8;grid-column:1 / -1}.no-images h3{margin:20px 0 10px;color:#64748b}.no-images p{margin:0;font-size:16px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}.pagination-btn{padding:10px 16px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.page-numbers{display:flex;gap:8px;align-items:center}.ellipsis{color:#64748b;padding:0 8px}.image-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:900px;max-height:80vh;position:relative;display:flex;flex-direction:column}.close-btn{position:absolute;top:15px;right:15px;background:#000000b3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#000000e6}.modal-image-container{flex:1;display:flex;align-items:center;justify-content:center;background:#f8fafc;max-height:70vh;overflow:hidden}.modal-image-container img{max-width:100%;max-height:70vh;object-fit:contain}.modal-info{padding:20px;border-top:1px solid #f1f5f9}.modal-info h2{margin:0 0 10px;color:#1e293b}.modal-description{margin:0 0 15px;color:#64748b;line-height:1.5}.modal-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s}.btn.primary{background:#6366f1;color:#fff}.btn.primary:hover{background:#4f46e5}.loading-spinner{text-align:center;padding:60px 20px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #6366f1;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@media (max-width: 1024px){.gallery-content.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.gallery-container{padding:15px}.gallery-header{flex-direction:column;align-items:flex-start}.gallery-filter-group{flex-direction:column;align-items:stretch}.search-box,.category-filter,.date-filter{width:100%}.date-filter{flex-wrap:wrap}.date-filter input{flex:1;min-width:120px}.gallery-content.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.gallery-content.masonry{columns:200px;gap:15px}.pagination-controls{flex-wrap:wrap;gap:10px}.page-numbers{order:3;width:100%;justify-content:center}}@media (max-width: 480px){.gallery-content.grid{grid-template-columns:1fr}.gallery-content.masonry{columns:1}.modal-content{margin:0;border-radius:0;max-height:100vh}.image-meta{flex-direction:column;align-items:flex-start;gap:8px}.pagination-btn{padding:8px 12px;font-size:14px}}.not-authorized-container{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top left,#0f0f1a,#000);color:#fff;font-family:Orbitron,sans-serif;overflow:hidden;position:relative}.not-authorized-container:before,.not-authorized-container:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#00ff9626;filter:blur(100px);animation:float 6s ease-in-out infinite alternate}.not-authorized-container:after{right:10%;bottom:10%;background:#0096ff26;animation-delay:3s}.not-authorized-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);padding:3rem;border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 25px #00ff9633;animation:fadeIn 1s ease-in-out}.not-authorized-card h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(90deg,#0fa,#0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;text-shadow:0 0 15px rgba(0,255,150,.8)}.not-authorized-card p{font-size:1.2rem;color:#b0b0b0;margin-bottom:2rem}.not-authorized-card a{text-decoration:none;padding:12px 28px;font-size:1rem;font-weight:700;border-radius:30px;background:linear-gradient(90deg,#0fa,#0cf);color:#0f0f1a;transition:all .3s ease-in-out;box-shadow:0 0 20px #0fa6}.not-authorized-card a:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px #0ff9}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-40px)}}.products-container{max-width:1400px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.products-header{text-align:center;margin-bottom:40px;padding:30px 20px;border-radius:20px;color:#fff}.products-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;color:#212121}.products-header p{font-size:1.1rem;opacity:.9}.products-content{display:flex;gap:30px;position:relative}.mobile-filter-toggle{display:none;margin-bottom:20px}.toggle-filters-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fff;border:2px solid #e1e5e9;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-filters-btn:hover{border-color:#667eea}.filter-count{background:#667eea;color:#fff;padding:2px 8px;border-radius:20px;font-size:.8rem}.products-layout{display:flex;gap:30px;width:100%}.products-sidebar{width:300px;flex-shrink:0;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;height:fit-content;position:sticky;top:100px}.sidebar-sections{display:flex;flex-direction:column;gap:24px}.sidebar-section h3{font-size:1rem;font-weight:600;margin-bottom:12px;color:#2d3748}.search-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:.9rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#667eea}.filter-list{display:flex;flex-direction:column;gap:8px}.filter-item{padding:10px 12px;border:none;background:#f7fafc;border-radius:8px;text-align:left;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-item:hover{background:#edf2f7}.filter-item.active{background:#667eea;color:#fff}.filter-checkbox{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;font-size:.9rem}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{padding:8px 12px;border:2px solid #e2e8f0;border-radius:20px;background:#fff;cursor:pointer;font-size:.8rem;transition:all .3s ease}.filter-chip:hover{border-color:#667eea}.filter-chip.active{background:#667eea;color:#fff;border-color:#667eea}.rating-filters{display:flex;flex-direction:column;gap:8px}.rating-filter{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;text-align:left;transition:all .3s ease}.rating-filter:hover{border-color:#667eea}.rating-filter.active{background:#667eea;color:#fff;border-color:#667eea}.reset-filters-btn{width:100%;padding:12px;background:#e53e3e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s ease}.reset-filters-btn:hover{background:#c53030}.products-main{flex:1;min-width:0}.products-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.results-info{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:#718096}.controls-right{display:flex;gap:12px}.sort-select{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px}.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.product-image{position:relative;height:200px;overflow:hidden;cursor:pointer;margin-bottom:0}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.featured-badge{position:absolute;top:12px;left:12px;background:#ff6b6b;color:#fff;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600}.size-badge{position:absolute;top:12px;right:12px;background:#000c;color:#fff;padding:4px 8px;border-radius:6px;font-size:.7rem}.product-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.view-details-btn{padding:8px 16px;background:#fff;color:#2d3748;border:none;border-radius:6px;cursor:pointer;font-weight:600}.product-info{padding:10px}.product-info h3{font-size:1.1rem;font-weight:600;cursor:pointer;color:#2d3748}.product-info h3:hover{color:#667eea}.product-brand{color:#718096;font-size:.9rem}.product-description{color:#4a5568;font-size:.9rem;line-height:1.5}.product-meta{display:flex;justify-content:space-between;align-items:center}.rating{align-items:center}.stars{color:#fbbf24;font-size:.9rem}.rating-count{color:#718096;font-size:.8rem}.price-section{text-align:right}.price{font-size:1.2rem;font-weight:700;color:#2d3748}.variant-price{display:block;font-size:.8rem;color:#718096;margin-top:2px}.variants-info{background:#f7fafc;padding:6px 5px;border-radius:6px;font-size:.8rem;color:#718096;margin:5px;text-align:center}.add-to-cart-btn{width:100%;padding:12px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.add-to-cart-btn:hover:not(:disabled){background:#5a67d8}.add-to-cart-btn:disabled{background:#48bb78;cursor:not-allowed}.add-to-cart-btn.in-cart{background:#48bb78}.no-products{text-align:center;padding:60px 20px}.no-products-icon{font-size:3rem;margin-bottom:16px}.no-products h3{font-size:1.5rem;margin-bottom:8px;color:#2d3748}.no-products p{color:#718096;margin-bottom:20px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:40px}.pagination-numbers{display:flex;gap:4px}.pagination-btn{padding:8px 12px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.pagination-btn.active{background:#667eea;color:#fff;border-color:#667eea}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{padding:8px 4px;color:#718096}.loading-container{text-align:center;padding:100px 20px}.loading-container p{margin-top:16px;color:#718096}@media (max-width: 1024px){.products-layout,.products-content{flex-direction:column}.products-sidebar{width:100%;position:static;display:none}.products-sidebar.active,.mobile-filter-toggle{display:block}}@media (max-width: 768px){.products-container{padding:16px}.product-meta{flex-direction:column}.products-header{padding:20px 16px;margin-bottom:24px}.products-header h1{font-size:2rem}.products-controls{flex-direction:column;gap:12px;align-items:stretch}.controls-right,.sort-select{width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}.pagination-controls{flex-wrap:wrap}.pagination-numbers{order:3;width:100%;justify-content:center;margin-top:12px}}.product-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.add-to-cart-btn,.buy-now-btn{flex:1;border:none;border-radius:10px;padding:9px 8px;font-size:12px;cursor:pointer;transition:all .25s ease;font-weight:600}.add-to-cart-btn{background:linear-gradient(135deg,#5b9df9,#0073e6);color:#fff;position:relative}.add-to-cart-btn.in-cart{background:linear-gradient(135deg,#29c47f,#20a968)}.add-to-cart-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #5b9df94d}.cart-count-badge{background-color:#ff3e6c;color:#fff;font-size:11px;border-radius:50%;padding:3px 6px;margin-left:6px;position:relative;top:-1px}.buy-now-btn{background:linear-gradient(135deg,#ff3e6c,#ff6584);color:#fff}.buy-now-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #ff63844d}.otp-verification-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.otp-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;padding:40px;width:100%;max-width:440px;text-align:center}.otp-header{margin-bottom:30px}.otp-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.otp-icon svg{width:30px;height:30px}.otp-header h2{margin:0 0 12px;color:#2d3748;font-size:24px;font-weight:600}.otp-header p{margin:8px 0;color:#718096;font-size:16px}.email-display{font-weight:600;color:#4a5568!important;font-size:15px;letter-spacing:.5px}.otp-input-container{margin-bottom:30px}.instruction{margin:0 0 16px;color:#718096;font-size:14px}.otp-inputs{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.otp-input{width:50px;height:60px;border:2px solid #e2e8f0;border-radius:12px;text-align:center;font-size:24px;font-weight:600;color:#2d3748;transition:all .2s ease;outline:none}.otp-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;transform:translateY(-2px)}.otp-input:disabled{background-color:#f7fafc;cursor:not-allowed}.otp-actions{margin-bottom:24px}.verify-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.verify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.verify-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.verify-btn.loading{cursor:wait}.spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resend-section{margin-bottom:20px}.resend-section p{margin:0 0 12px;color:#718096;font-size:14px}.resend-btn{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease;font-size:14px}.resend-btn:hover:not(.disabled):not(:disabled){background-color:#f7fafc;text-decoration:underline}.resend-btn.disabled,.resend-btn:disabled{color:#a0aec0;cursor:not-allowed}.otp-footer{border-top:1px solid #e2e8f0;padding-top:20px}.otp-footer p{margin:0;color:#a0aec0;font-size:13px;font-style:italic}@media (max-width: 480px){.otp-verification-container{padding:40px 16px 16px;align-items:flex-start}.otp-card{padding:30px 24px;border-radius:12px}.otp-header h2{font-size:22px}.otp-inputs{gap:8px}.otp-input{width:44px;height:54px;font-size:20px}.verify-btn{padding:14px}}@keyframes pulse{0%{box-shadow:0 0 #667eea66}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.otp-input:focus{animation:pulse 1.5s infinite}.terms-page{display:flex;flex-direction:column;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.terms-header{background:linear-gradient(90deg,#4b6cb7,#182848);color:#fff;text-align:center;padding:2rem 1rem;box-shadow:0 4px 6px #0000001a}.terms-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.terms-header p{margin:0;opacity:.9;font-size:1rem}.terms-container{flex:1;overflow-y:auto;padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.terms-content{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 10px 30px #00000014;line-height:1.6;color:#333}.terms-section{margin-bottom:2.5rem;padding:1rem}.terms-section h2{color:#4b6cb7;margin-bottom:1rem;font-size:1.5rem;border-bottom:2px solid #eaeaea;padding-bottom:.5rem}.terms-section p{margin-bottom:1rem;font-size:1.05rem;color:#555}.terms-section ul{padding-left:1.5rem;margin-bottom:1rem}.terms-section li{margin-bottom:.5rem;color:#555}.acceptance-section{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-top:2rem;text-align:center;border-left:4px solid #4b6cb7}.checkbox-container{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;cursor:pointer;font-weight:500;color:#444}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{height:22px;width:22px;background-color:#eee;border-radius:4px;margin-right:10px;position:relative}.checkbox-container:hover input~.checkmark{background-color:#ccc}.checkbox-container input:checked~.checkmark{background-color:#4b6cb7}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:8px;top:4px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.accept-btn{background:#ccc;color:#fff;border:none;padding:.8rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:not-allowed;transition:all .3s ease}.accept-btn.active{background:linear-gradient(90deg,#4b6cb7,#182848);cursor:pointer;box-shadow:0 4px 15px #4b6cb766}.accept-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4b6cb799}.scroll-to-top{position:fixed;bottom:30px;right:30px;background:#4b6cb7;color:#fff;width:50px;height:50px;border-radius:50%;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s ease;z-index:1000}.scroll-to-top:hover{background:#182848;transform:translateY(-3px);box-shadow:0 6px 15px #0000004d}.terms-footer{background:#182848;color:#fff;text-align:center;padding:1.5rem;margin-top:auto}@media (max-width: 768px){.terms-header h1{font-size:2rem}.terms-container{padding:1rem}.terms-content{padding:1.5rem}.terms-section{margin-bottom:2rem}.terms-section h2{font-size:1.3rem}.acceptance-section{padding:1.2rem}.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px}}@media (max-width: 480px){.terms-header{padding:1.5rem 1rem}.terms-header h1{font-size:1.8rem}.terms-content{padding:1.2rem}.checkbox-container{font-size:.9rem}.accept-btn{padding:.7rem 1.5rem}}.privacy-policy-page{min-height:100vh;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#333}.policy-header{background:linear-gradient(120deg,#2c3e50,#3498db);color:#fff;padding:2.5rem 1.5rem;text-align:center;box-shadow:0 4px 12px #0000001a}.header-content{max-width:1200px;margin:0 auto}.policy-header h1{font-size:2.8rem;margin-bottom:.5rem;font-weight:700}.policy-header p{margin-bottom:1.5rem;opacity:.9;font-size:1.1rem}.search-box{display:flex;max-width:500px;margin:0 auto;background:#fff;border-radius:50px;overflow:hidden;box-shadow:0 4px 10px #0000001a}.search-box input{flex:1;border:none;padding:.8rem 1.5rem;font-size:1rem;outline:none}.search-btn{background:#3498db;color:#fff;border:none;padding:.8rem 1.2rem;cursor:pointer;transition:background .3s ease}.search-btn:hover{background:#2980b9}.policy-container{display:flex;flex:1;max-width:1200px;margin:0 auto;width:100%;padding:2rem 1rem;gap:2rem}.policy-sidebar{width:250px;flex-shrink:0;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000000d;height:fit-content;position:sticky;top:2rem}.policy-sidebar h3{margin-bottom:1.2rem;color:#2c3e50;font-size:1.3rem;padding-bottom:.5rem;border-bottom:2px solid #eaeaea}.policy-sidebar ul{list-style:none;padding:0}.policy-sidebar li{margin-bottom:.5rem}.policy-sidebar button{width:100%;text-align:left;padding:.8rem 1rem;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#555;font-weight:500}.policy-sidebar button:hover{background:#f0f7ff;color:#3498db}.policy-sidebar button.active{background:#3498db;color:#fff}.policy-content{flex:1;background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 15px #0000000d}.policy-section{margin-bottom:3rem;scroll-margin-top:20px}.policy-section h2{color:#2c3e50;margin-bottom:1.2rem;font-size:1.8rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.policy-section p{line-height:1.6;margin-bottom:1rem;color:#555}.policy-section ul{margin-bottom:1rem;padding-left:1.5rem}.policy-section li{margin-bottom:.5rem;line-height:1.5}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.usage-card{background:#f8f9fa;border-radius:10px;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e9ecef}.usage-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000014}.card-icon{font-size:2rem;margin-bottom:1rem}.usage-card h4{margin-bottom:.8rem;color:#2c3e50}.usage-card p{color:#666;font-size:.95rem}.protection-measures{background:#f8f9fa;padding:1.5rem;border-radius:10px;margin:1.5rem 0;border-left:4px solid #3498db}.protection-measures h4{margin-bottom:1rem;color:#2c3e50}.cookie-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.cookie-type{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:1.5rem;box-shadow:0 4px 10px #00000008}.cookie-type h4{color:#2c3e50;margin-bottom:.8rem}.cookie-type p{color:#666;font-size:.95rem}.rights-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.rights-column{background:#f8f9fa;padding:1.5rem;border-radius:10px}.rights-column h4{color:#2c3e50;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.rights-column ul{list-style:none;padding:0}.rights-column li{margin-bottom:.8rem;padding-left:1.5rem;position:relative}.rights-column li:before{content:"•";color:#3498db;font-weight:700;position:absolute;left:0}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.contact-method{background:#f8f9fa;padding:1.5rem;border-radius:10px;text-align:center}.contact-method h4{color:#2c3e50;margin-bottom:.8rem}.contact-method p{color:#666;margin:0}.policy-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #eaeaea}.download-btn,.print-btn{padding:.8rem 1.5rem;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.download-btn{background:#2c3e50;color:#fff}.download-btn:hover{background:#1a252f;transform:translateY(-2px)}.print-btn{background:#e9ecef;color:#2c3e50}.print-btn:hover{background:#dee2e6;transform:translateY(-2px)}.policy-footer{background:#2c3e50;color:#fff;padding:1.5rem;text-align:center;margin-top:auto}.footer-links{margin-top:.8rem}.footer-links a{color:#3498db;margin:0 1rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff;text-decoration:underline}@media (max-width: 900px){.policy-container{flex-direction:column}.policy-sidebar{width:100%;position:static}}@media (max-width: 768px){.policy-header h1{font-size:2.2rem}.policy-content{padding:1.5rem}.usage-grid,.cookie-types,.rights-container,.contact-methods{grid-template-columns:1fr}.policy-actions{flex-direction:column}}@media (max-width: 480px){.policy-header{padding:2rem 1rem}.policy-header h1{font-size:1.8rem}.policy-section h2{font-size:1.5rem}.search-box{flex-direction:column;border-radius:10px}.search-btn{padding:.5rem}}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1;padding:0;margin-top:60px;min-height:90vh}