:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sort-dropdown{padding:8px 32px 8px 12px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1a1a1a;font-size:14px;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.navbar{background-color:var(--nav-bg);border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:0 24px;height:70px;display:flex;align-items:center;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;margin:0 auto;gap:30px}.navbar-logo{flex-shrink:0}.nav-logo-img{height:35px;width:auto;object-fit:contain;display:block}.navbar-categories{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:15px;white-space:nowrap;color:var(--text-primary);transition:color .2s ease}.navbar-categories:hover{color:var(--accent-color)}.navbar-search{flex-grow:1;max-width:600px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper input{width:100%;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:50px;padding:10px 45px 10px 20px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s ease}.search-input-wrapper input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ff60001a}.search-input-wrapper input::placeholder{color:var(--text-secondary)}.search-icon{position:absolute;right:18px;color:var(--text-secondary);pointer-events:none}.navbar-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.icon-group{display:flex;align-items:center;gap:15px;border-right:1px solid var(--border-color);padding-right:20px}.nav-icon{cursor:pointer;color:var(--text-secondary);transition:color .2s ease;position:relative}.nav-icon:hover{color:var(--accent-color)}.cart-trigger{position:relative;cursor:pointer;color:var(--text-secondary);transition:color .2s ease;display:flex;align-items:center}.cart-trigger:hover{color:var(--accent-color)}.cart-badge{position:absolute;top:-8px;right:-12px;background-color:var(--accent-color);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--nav-bg);box-sizing:content-box}.cart-popup{position:absolute;top:45px;right:-10px;width:340px;max-width:90vw;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0003;z-index:1001;overflow:hidden;animation:slideInDown .2s ease-out}.cart-popup-header{padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:16px;color:var(--text-primary);background-color:var(--card-bg)}.close-cart{cursor:pointer;color:var(--text-secondary);transition:color .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.close-cart:hover{color:var(--accent-color);background-color:#ff60001a}.cart-popup-body{max-height:380px;overflow-y:auto;padding:12px}.cart-popup-body::-webkit-scrollbar{width:4px}.cart-popup-body::-webkit-scrollbar-track{background:var(--bg-secondary)}.cart-popup-body::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.cart-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.cart-item:hover{background-color:var(--bg-secondary)}.cart-item img{width:55px;height:55px;object-fit:cover;border-radius:8px;background-color:var(--input-bg);flex-shrink:0}.item-details{flex:1;min-width:0}.item-name{font-size:13px;font-weight:600;margin:0;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-price{font-size:13px;color:var(--accent-color);margin:6px 0 0;font-weight:700}.item-quantity{display:flex;align-items:center;gap:8px;margin-top:6px}.quantity-btn{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease}.quantity-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.quantity-value{font-size:13px;font-weight:600;color:var(--text-primary)}.remove-item{cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.remove-item:hover{color:#ef4444;background-color:#ef44441a}.empty-cart{padding:50px 20px;text-align:center;color:var(--text-secondary)}.empty-cart svg{color:var(--text-muted);margin-bottom:12px}.empty-cart p{margin-top:8px;font-size:14px}.cart-popup-footer{padding:16px 20px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.subtotal{display:flex;justify-content:space-between;margin-bottom:15px;font-weight:700;font-size:15px;color:var(--text-primary)}.subtotal span:last-child{color:var(--accent-color);font-size:18px}.btn-view-cart,.btn-checkout{width:100%;padding:12px;border-radius:10px;font-weight:700;cursor:pointer;margin-bottom:8px;border:none;transition:all .2s ease;font-size:14px}.btn-view-cart{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-view-cart:hover{background-color:var(--input-bg);border-color:var(--accent-color);transform:translateY(-1px)}.btn-checkout{background-color:var(--accent-color);color:#fff;margin-bottom:0}.btn-checkout:hover{background-color:#e65c00;transform:translateY(-1px);box-shadow:0 4px 10px #ff60004d}.settings-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.language-selector-container,.theme-selector-container{position:relative}.language-selector,.theme-selector{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;color:var(--text-primary);transition:background-color .2s ease}.language-selector:hover,.theme-selector:hover{background-color:var(--bg-secondary)}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:8px;min-width:160px;z-index:2000;box-shadow:0 10px 25px #0003;animation:slideDown .2s ease-out}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--text-primary);transition:all .2s ease}.dropdown-item:hover{background-color:var(--accent-color);color:#fff}.dropdown-item.active{color:var(--accent-color);font-weight:700}.dropdown-item.active:hover{color:#fff}.auth-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-signin{background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;padding:10px 15px;transition:color .2s ease;white-space:nowrap}.btn-signin:hover{color:var(--accent-color)}.btn-register{background-color:var(--accent-color);color:#fff;border:none;padding:10px 22px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #ff600033;transition:all .2s ease;white-space:nowrap}.btn-register:hover{background-color:#e65c00;transform:translateY(-1px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.navbar-categories span:not(.navbar-categories svg){display:none}.icon-group span,.language-selector span,.theme-selector span{display:none}.navbar-container{gap:15px}.settings-group{gap:5px}.icon-group{gap:12px;padding-right:12px}.cart-popup{width:320px}}@media(max-width:768px){.navbar{padding:0 16px;height:60px}.navbar-search{max-width:250px}.nav-logo-img{height:28px}.language-selector,.theme-selector{padding:6px 8px}.cart-popup{width:320px;right:-15px;top:50px}.cart-item{padding:10px}.cart-item img{width:45px;height:45px}.item-name{font-size:12px}.btn-view-cart,.btn-checkout{padding:10px}}@media(max-width:640px){.navbar-search{display:none}.icon-group{border-right:none;padding-right:0}.icon-group .nav-icon:first-child,.settings-group{display:none}.navbar-right{gap:12px}.auth-buttons{gap:6px}.btn-signin{padding:6px 10px;font-size:13px}.btn-register{padding:6px 14px;font-size:13px}.cart-popup{width:300px;right:-20px}.cart-popup-header{padding:12px 16px;font-size:14px}.cart-popup-body{max-height:320px}}@media(max-width:480px){.navbar{padding:0 12px}.navbar-logo{margin-right:auto}.navbar-categories{display:none}.icon-group{gap:10px}.icon-group .nav-icon:nth-child(2){display:none}.auth-buttons{gap:4px}.btn-signin{padding:5px 8px;font-size:12px}.btn-register{padding:5px 10px;font-size:12px}.cart-popup{width:calc(100vw - 24px);max-width:320px;right:-8px}.cart-popup-header{padding:10px 14px}.cart-item{gap:8px;padding:8px}.cart-item img{width:40px;height:40px}.item-name,.item-price{font-size:11px}.quantity-btn{width:20px;height:20px;font-size:12px}.quantity-value{font-size:11px}.subtotal span:last-child{font-size:16px}.btn-view-cart,.btn-checkout{padding:8px;font-size:13px}}@media(min-width:1920px){.navbar-container{max-width:1600px}.navbar-search{max-width:800px}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cart-badge.update{animation:bounce .3s ease}[data-theme=dark] .cart-popup{box-shadow:0 10px 25px #00000080}.empty-cart-icon{opacity:.5;margin-bottom:12px}:root{--bg-main: #050505;--bg-secondary: #0a0a0a;--card-bg: #121212;--border-color: #222222;--text-primary: #ffffff;--text-secondary: #888888;--accent-color: #ff6a00;--accent-hover: #ff8533;--hover-bg: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .3)}.hero-section{background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;padding-top:100px;display:flex;flex-direction:column;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.hero-container{display:flex;max-width:1300px;margin:0 auto;padding:40px 24px;align-items:center;gap:60px;flex:1}.hero-left{flex:1}.new-collection-badge{display:inline-flex;align-items:center;background:#ff66001a;padding:6px 16px;border-radius:20px;border:1px solid var(--accent-color);font-size:13px;color:var(--accent-color);margin-bottom:24px}.orange-dot{width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;margin-right:8px}.hero-title{font-size:64px;line-height:1.1;font-weight:800;margin-bottom:24px;color:var(--text-primary)}.text-gradient{background:linear-gradient(90deg,#f60,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{color:var(--text-secondary);font-size:18px;max-width:500px;line-height:1.6;margin-bottom:40px}.hero-actions{display:flex;gap:16px;margin-bottom:60px;flex-wrap:wrap}.btn-start{background-color:var(--accent-color);color:#fff;padding:14px 28px;border-radius:30px;border:none;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 10px 20px #f603;transition:all .3s ease}.btn-start:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 15px 30px #ff66004d}.btn-start:active{transform:translateY(0)}.btn-sell{background:transparent;color:var(--text-primary);padding:14px 28px;border-radius:30px;border:1px solid var(--border-color);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-sell:hover{background-color:var(--hover-bg);border-color:var(--text-secondary);transform:translateY(-2px)}.hero-stats{display:flex;gap:40px;flex-wrap:wrap}.stat-item h3{font-size:28px;margin:0;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.stat-item p{color:var(--text-secondary);font-size:12px;letter-spacing:1px;margin-top:4px}.hero-right{flex:1;position:relative}.glow-effect{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,102,0,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.image-grid{display:flex;gap:20px;position:relative;z-index:1}.grid-col{display:flex;flex-direction:column;gap:20px}.col-2{padding-top:40px}.img-wrapper{border-radius:24px;overflow:hidden;width:240px;transition:transform .3s ease}.img-wrapper:hover{transform:translateY(-5px)}.img-tall{height:320px}.img-small{height:220px}.img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.img-wrapper:hover img{transform:scale(1.05)}.floating-card{position:absolute;left:-40px;top:45%;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:16px;border:1px solid var(--border-color);display:flex;align-items:center;gap:12px;z-index:2;box-shadow:0 4px 20px var(--shadow-color);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-text{display:flex;flex-direction:column}.card-title{font-weight:700;font-size:14px;color:var(--text-primary)}.card-sub{font-size:12px;color:var(--text-secondary)}.features-bar-wrapper{padding:40px 24px;max-width:1300px;margin:0 auto;width:100%}.features-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;display:grid;grid-template-columns:repeat(4,1fr);padding:30px;transition:background-color .3s ease,border-color .3s ease}.feature-item{display:flex;align-items:center;gap:15px;justify-content:center;transition:transform .3s ease}.feature-item:hover{transform:translateY(-3px)}.feature-item:not(:last-child){border-right:1px solid var(--border-color)}.f-icon{background:#8080801a;padding:10px;border-radius:12px;transition:background .3s ease}.feature-item:hover .f-icon{background:#ff66001a}.orange{color:#f60}.green{color:#10b981}.blue{color:#3b82f6}.purple{color:#8b5cf6}.f-text{display:flex;flex-direction:column}.f-text strong{font-size:15px;color:var(--text-primary)}.f-text span{font-size:12px;color:var(--text-secondary)}.body-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease;border-radius:20px;margin:20px auto;max-width:1300px;padding:40px 24px}.title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:24px}@media(max-width:1200px){.img-wrapper{width:200px}.img-tall{height:280px}.img-small{height:180px}}@media(max-width:1024px){.hero-container{flex-direction:column;padding:20px 16px;gap:40px}.hero-title{font-size:48px}.hero-description{font-size:16px}.features-bar{grid-template-columns:repeat(2,1fr);gap:24px;padding:24px}.feature-item:not(:last-child){border-right:none}.feature-item:nth-child(odd){border-right:1px solid var(--border-color)}.hero-right{display:flex;justify-content:center}.floating-card{left:0;top:auto;bottom:-20px}}@media(max-width:768px){.hero-section{padding-top:80px}.hero-title{font-size:36px}.hero-stats{flex-wrap:wrap;gap:20px}.hero-actions{margin-bottom:40px}.btn-start,.btn-sell{padding:12px 24px;font-size:14px}.image-grid{gap:12px}.img-wrapper{width:150px}.img-tall{height:220px}.img-small{height:160px}.features-bar{grid-template-columns:1fr;gap:20px}.feature-item{justify-content:flex-start}.feature-item:nth-child(odd){border-right:none}.feature-item{border-bottom:1px solid var(--border-color);padding-bottom:16px}.feature-item:last-child{border-bottom:none;padding-bottom:0}.floating-card{left:10px;bottom:-10px;padding:8px 16px}.body-container{padding:24px 16px;margin:16px}.title{font-size:1.5rem}}@media(max-width:480px){.hero-title{font-size:28px}.hero-description{font-size:14px}.img-wrapper{width:120px}.img-tall{height:180px}.img-small{height:140px}.stat-item h3{font-size:22px}.hero-actions{flex-direction:column;width:100%}.btn-start,.btn-sell{justify-content:center;width:100%}}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}:root{--bg-dark: var(--bg-main);--card-bg: var(--bg-secondary);--primary-orange: var(--accent-color);--accent-red: #d12727;--text-gray: var(--text-secondary)}.fd-container{background-color:var(--bg-main);min-height:100vh;padding:40px;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);position:relative;transition:background-color .3s ease,color .3s ease}.fd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.fd-title-section{display:flex;align-items:center;gap:15px}.fd-badge-hot{background-color:#d127271a;border:1px solid rgba(209,39,39,.3);padding:5px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#ff4d4d}.fd-badge-hot .dot{width:6px;height:6px;background-color:#ff4d4d;border-radius:50%}.fd-main-title{font-size:28px;font-weight:800;color:var(--text-primary)}.fd-timer-container{background-color:var(--bg-secondary);padding:10px 20px;border-radius:12px;display:flex;align-items:center;gap:15px;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.fd-timer-label{color:#f33;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.fd-timer-slots{display:flex;align-items:center;gap:5px}.fd-timer-slots .slot{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;color:var(--text-primary)}.fd-timer-slots .slot.white{background-color:var(--bg-primary);color:var(--text-primary)}.fd-timer-slots .slot.red{background-color:#d12727;color:#fff}.fd-timer-slots .sep{color:var(--text-secondary);font-weight:700}.fd-timer-ending{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:1px}.fd-card{width:280px;background-color:var(--card-bg);border-radius:20px;overflow:hidden;transition:transform .3s ease,background-color .3s ease;box-shadow:0 4px 20px var(--shadow-color)}.fd-card:hover{transform:translateY(-5px)}.fd-card-image{position:relative;height:200px;overflow:hidden;border-radius:12px 12px 0 0}.fd-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.fd-card:hover .fd-card-image img{transform:scale(1.05)}.fd-badge-new{position:absolute;top:15px;left:15px;background-color:#3b82f6;color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:800;z-index:2;box-shadow:0 2px 8px #3b82f64d}.fd-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;padding:15px;z-index:3}.fd-card:hover .fd-image-overlay{opacity:1}.fd-btn-wishlist{align-self:flex-end;width:40px;height:40px;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.fd-btn-wishlist:hover{background-color:#ff4d4d;color:#fff;border-color:#ff4d4d}.fd-bottom-actions{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:10px}.fd-btn-add-cart{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:12px 20px;border-radius:30px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;flex:1;max-width:180px;justify-content:center;box-shadow:0 4px 15px var(--shadow-color);transition:all .2s ease}.fd-btn-add-cart:hover{background-color:var(--hover-bg)}.fd-btn-quickview{width:45px;height:45px;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.fd-btn-quickview:hover{background-color:var(--hover-bg)}.fd-card-body{padding:20px;background-color:var(--card-bg);transition:background-color .3s ease}.fd-card-meta{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:700}.fd-card-meta .category{color:var(--text-secondary)}.fd-card-meta .seller{color:var(--accent-color)}.fd-card-title{font-size:18px;margin:0 0 10px;color:var(--text-primary)}.fd-card-rating{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px;margin-bottom:20px}.fd-card-price{font-size:22px;font-weight:800;color:var(--text-primary)}.fd-scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:var(--accent-color);border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ff6a004d;transition:background-color .3s ease,transform .2s ease;z-index:1000}.fd-scroll-top:hover{background-color:var(--accent-hover);transform:scale(1.1)}@media(max-width:768px){.fd-container{padding:20px}.fd-header{flex-direction:column;gap:20px;align-items:flex-start}.fd-timer-container{width:100%;flex-wrap:wrap}.fd-card{width:100%;max-width:350px;margin:0 auto}}:root{--primary-orange: var(--accent-color);--bg-dark: var(--bg-main);--card-bg: var(--bg-secondary);--text-muted: var(--text-secondary)}.sc-container{background-color:var(--bg-main);padding:60px 40px;color:var(--text-primary);font-family:Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.sc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.sc-title-group{border-left:4px solid var(--accent-color);padding-left:15px}.sc-main-title{font-size:32px;font-weight:800;margin:0;letter-spacing:-.5px;color:var(--text-primary)}.sc-subtitle{color:var(--text-secondary);margin:8px 0 0;font-size:16px}.sc-view-all{background-color:#ff66001a;border:1px solid rgba(255,102,0,.2);color:var(--accent-color);padding:10px 22px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.sc-view-all:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.sc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.sc-card{position:relative;height:320px;border-radius:15px;overflow:hidden;cursor:pointer;background-color:var(--bg-secondary);box-shadow:0 4px 15px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.sc-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-color)}.sc-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.sc-card:hover .sc-card-img{transform:scale(1.1)}.sc-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 40%,transparent 100%);display:flex;align-items:flex-end;padding:20px;transition:background .3s ease}.light-theme .sc-card-overlay{background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 40%,transparent 100%)}.sc-card-name{font-size:18px;font-weight:700;margin:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:text-shadow .3s ease}@media(max-width:1200px){.sc-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.sc-container{padding:40px 30px}.sc-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sc-container{padding:30px 20px}.sc-header{flex-direction:column;gap:20px;align-items:flex-start}.sc-grid{grid-template-columns:repeat(2,1fr);gap:15px}.sc-card{height:280px}.sc-main-title{font-size:28px}}@media(max-width:480px){.sc-grid{grid-template-columns:1fr}.sc-card{height:300px}.sc-view-all{width:100%;justify-content:center}}.sc-card{animation:fadeInUp .5s ease forwards}.sc-card:nth-child(1){animation-delay:.1s}.sc-card:nth-child(2){animation-delay:.2s}.sc-card:nth-child(3){animation-delay:.3s}.sc-card:nth-child(4){animation-delay:.4s}.sc-card:nth-child(5){animation-delay:.5s}.sc-card.loading{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--hover-bg) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--primary-orange: var(--accent-color);--bg-dark: var(--bg-main);--card-bg: var(--bg-secondary);--text-gray: var(--text-secondary)}.ja-container{background-color:var(--bg-main);padding:60px 40px;color:var(--text-primary);font-family:Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.ja-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.ja-title{font-size:28px;font-weight:800;margin:0;color:var(--text-primary)}.ja-filters{display:flex;gap:10px;background-color:transparent;flex-wrap:wrap}.ja-filter-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 18px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.ja-filter-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.ja-filter-btn:hover:not(.active){color:var(--accent-color);border-color:var(--accent-color)}.ja-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:50px}.ja-card{background-color:var(--bg-secondary);border-radius:20px;overflow:hidden;transition:all .3s ease;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color)}.ja-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px var(--shadow-color);border-color:var(--accent-color)}.ja-card-image{position:relative;height:300px;overflow:hidden;background-color:var(--bg-primary)}.ja-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ja-card:hover .ja-card-image img{transform:scale(1.08)}.ja-badge-new{position:absolute;top:15px;left:15px;background-color:#3b82f6;color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:800;z-index:2;box-shadow:0 2px 8px #3b82f64d}.ja-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#0006);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;padding:15px;z-index:3}.ja-card:hover .ja-image-overlay{opacity:1}.ja-btn-wishlist{align-self:flex-end;width:42px;height:42px;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--shadow-color)}.ja-btn-wishlist:hover{background-color:#ff4d4d;color:#fff;border-color:#ff4d4d;transform:scale(1.1)}.ja-bottom-actions{margin-top:auto;display:flex;gap:10px;padding-bottom:15px}.ja-btn-add-cart{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:12px;border-radius:30px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--shadow-color)}.ja-btn-add-cart:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px)}.ja-btn-quickview{width:48px;height:48px;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ja-btn-quickview:hover{background-color:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.ja-card-body{padding:20px;background-color:var(--bg-secondary);transition:background-color .3s ease}.ja-card-meta{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:700}.ja-card-meta .category{color:var(--text-secondary);text-transform:uppercase}.ja-card-meta .seller{color:var(--accent-color);font-weight:700}.ja-card-title{font-size:18px;margin:0 0 10px;font-weight:700;color:var(--text-primary)}.ja-card-rating{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;margin-bottom:15px}.ja-card-price{font-size:22px;font-weight:800;color:var(--text-primary)}.ja-footer{display:flex;justify-content:center}.ja-load-more{background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color);padding:12px 35px;border-radius:30px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.ja-load-more:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #ff66004d}.ja-load-more:active{transform:translateY(0)}.ja-card{animation:fadeInUp .5s ease forwards;opacity:0}.ja-card:nth-child(3n+1){animation-delay:.1s}.ja-card:nth-child(3n+2){animation-delay:.2s}.ja-card:nth-child(3n+3){animation-delay:.3s}@media(max-width:1024px){.ja-container{padding:40px 30px}.ja-grid{gap:20px}}@media(max-width:850px){.ja-header{flex-direction:column;align-items:flex-start}.ja-filters{width:100%;justify-content:flex-start}.ja-filter-btn{padding:6px 15px;font-size:13px}.ja-title{font-size:24px}}@media(max-width:768px){.ja-container{padding:30px 20px}.ja-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.ja-card-image{height:250px}.ja-card-title{font-size:16px}.ja-card-price{font-size:20px}.ja-btn-add-cart{padding:10px;font-size:13px}.ja-btn-quickview{width:42px;height:42px}}@media(max-width:480px){.ja-container{padding:20px 15px}.ja-filters{gap:8px}.ja-filter-btn{padding:5px 12px;font-size:12px}.ja-grid{grid-template-columns:1fr}.ja-card-image{height:280px}.ja-load-more{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.ja-card,.ja-card-image img,.ja-btn-wishlist,.ja-btn-add-cart,.ja-btn-quickview,.ja-load-more{animation:none;transition:none}.ja-card{opacity:1}}.toast-notification{position:fixed;top:80px;right:20px;min-width:300px;max-width:400px;background:var(--card-bg, #121212);border-left:4px solid;border-radius:8px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:10000;animation:slideInRight .3s ease-out;box-shadow:0 4px 12px #0000004d}.toast-notification.success{border-left-color:#10b981;background:linear-gradient(135deg,#121212,#1a1a2e)}.toast-notification.error{border-left-color:#ef4444;background:linear-gradient(135deg,#121212,#1a1a2e)}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-content svg{flex-shrink:0}.toast-content .toast-message{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.4;color:#e0e0e0}.toast-content .toast-message strong{color:var(--accent-orange, #ff6a00);font-weight:600;margin-right:4px}.toast-close{background:none;border:none;color:var(--text-muted, #888888);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.toast-close:hover{color:#fff;background:#ffffff1a}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.ja-btn-add-cart.added-to-cart{animation:cartPulse .5s ease;background:#10b981!important}@keyframes cartPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.nl-container{background-color:var(--bg-main);padding:60px 40px;font-family:Segoe UI,Roboto,sans-serif;transition:background-color .3s ease}.nl-banner{background:linear-gradient(90deg,var(--accent-color) 0%,#ff4d00 100%);background-image:linear-gradient(90deg,var(--accent-color) 0%,#ff4d00 100%),url(https://www.transparenttextures.com/patterns/hexellence.png);background-blend-mode:overlay;border-radius:30px;padding:60px 80px;display:flex;justify-content:space-between;align-items:center;gap:40px;overflow:hidden;box-shadow:0 20px 40px #f603;transition:box-shadow .3s ease}.dark-theme .nl-banner{box-shadow:0 20px 40px #ff66004d}.light-theme .nl-banner{background:linear-gradient(90deg,var(--accent-color) 0%,#ff6b4d 100%);background-image:linear-gradient(90deg,var(--accent-color) 0%,#ff6b4d 100%),url(https://www.transparenttextures.com/patterns/hexellence.png);background-blend-mode:overlay;box-shadow:0 20px 40px #ff660040}.nl-content{max-width:500px}.nl-badge{display:inline-flex;align-items:center;gap:8px;background-color:#fff3;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:25px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.nl-title{color:#fff;font-size:42px;font-weight:800;line-height:1.1;margin:0 0 20px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.light-theme .nl-title{text-shadow:0 2px 10px rgba(0,0,0,.1)}.nl-description{color:#ffffffe6;font-size:16px;line-height:1.5;margin:0}.nl-form{flex-shrink:0}.nl-input-group{display:flex;gap:15px;align-items:center}.nl-input{width:300px;height:55px;border-radius:30px;border:2px solid transparent;padding:0 25px;font-size:15px;outline:none;background-color:var(--bg-primary);color:var(--text-primary);box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.nl-input::placeholder{color:var(--text-secondary)}.nl-input:focus{border-color:#fff;box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.dark-theme .nl-input::placeholder{color:#999}.light-theme .nl-input::placeholder{color:#666}.nl-button{height:55px;padding:0 35px;background-color:#fff;color:var(--accent-color);border:none;border-radius:30px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;border:2px solid transparent}.nl-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #0003;background-color:var(--accent-color);color:#fff;border-color:#fff}.nl-button:active{transform:translateY(0) scale(1)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nl-banner{animation:slideIn .6s ease forwards}@media(max-width:1100px){.nl-container{padding:40px 30px}.nl-banner{flex-direction:column;text-align:center;padding:50px 30px}.nl-content{display:flex;flex-direction:column;align-items:center;max-width:100%}.nl-title{font-size:36px}.nl-input-group{flex-direction:column;width:100%}.nl-input,.nl-button{width:100%;max-width:400px}}@media(max-width:768px){.nl-container{padding:30px 20px}.nl-banner{padding:40px 20px}.nl-title{font-size:30px}.nl-description{font-size:14px}.nl-badge{font-size:11px;padding:5px 12px}.nl-input,.nl-button{height:50px;font-size:14px}}@media(max-width:480px){.nl-container{padding:20px 15px}.nl-banner{padding:30px 15px;border-radius:20px}.nl-title{font-size:26px}.nl-badge{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.nl-banner,.nl-input,.nl-button{animation:none;transition:none}.nl-button:hover{transform:none}.nl-input:focus{transform:none}}:root{--primary-orange: var(--accent-color);--bg-dark: var(--bg-main);--footer-text: var(--text-secondary);--footer-title: var(--text-primary)}.footer{background-color:var(--bg-main);color:var(--text-primary);padding:80px 40px 40px;font-family:Segoe UI,Roboto,sans-serif;position:relative;border-top:1px solid var(--border-color);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.footer-container{max-width:1400px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}.footer-info{max-width:300px}.footer-logo{margin-bottom:25px;display:flex;align-items:center}.footer-logo img{height:40px;width:auto;filter:brightness(1);transition:filter .3s ease}.light-theme .footer-logo img{filter:brightness(.8)}.logo-text{font-size:24px;font-weight:800;color:var(--text-primary);transition:color .3s ease}.footer-desc{color:var(--text-secondary);line-height:1.6;font-size:14px;transition:color .3s ease}.footer-column h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:25px;transition:color .3s ease}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:12px}.footer-column ul li a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .3s ease;position:relative;display:inline-block}.footer-column ul li a:hover{color:var(--accent-color);transform:translate(5px)}.footer-column ul li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width .3s ease}.footer-column ul li a:hover:after{width:100%}.footer-divider{height:1px;background-color:var(--border-color);margin-bottom:30px;transition:background-color .3s ease}.footer-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:14px;transition:color .3s ease;flex-wrap:wrap;gap:20px}.footer-copyright{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer-copyright span{color:var(--text-secondary)}.footer-heart{color:#ff4d4d;margin:0 4px;animation:heartbeat 1.5s ease infinite}.footer-legal{display:flex;gap:20px}.footer-legal a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-legal a:hover{color:var(--accent-color)}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.scroll-top-btn{position:absolute;right:40px;bottom:40px;width:50px;height:50px;background-color:var(--accent-color);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 15px #ff66004d;transition:all .3s ease;z-index:10}.scroll-top-btn:hover{transform:translateY(-5px) scale(1.1);background-color:var(--accent-hover);box-shadow:0 6px 20px #f606}.scroll-top-btn:active{transform:translateY(0) scale(1)}.footer-social{display:flex;gap:15px;margin-top:20px}.social-icon{width:36px;height:36px;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.social-icon:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-3px)}@media(max-width:1024px){.footer{padding:60px 30px 30px}.footer-top{grid-template-columns:1fr 1fr 1fr;gap:30px}.footer-info{grid-column:span 3;max-width:100%}}@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-info{grid-column:span 2}.scroll-top-btn{width:45px;height:45px;font-size:18px}}@media(max-width:600px){.footer{padding:40px 20px 20px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-info{grid-column:span 1}.footer-bottom{flex-direction:column;text-align:center;gap:20px}.footer-copyright{flex-direction:column;gap:10px}.footer-legal{flex-wrap:wrap;justify-content:center}.scroll-top-btn{position:static;margin:20px auto 0}.footer-social{justify-content:center}}@media(prefers-reduced-motion:reduce){.footer-heart{animation:none}.scroll-top-btn,.footer-column ul li a,.social-icon{transition:none}.footer-column ul li a:hover{transform:none}.footer-column ul li a:after{display:none}}.body-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.title{color:var(--text-primary)}:root{--bg-dark: #050505;--bg-card: #121212;--border-light: rgba(255, 255, 255, .05);--text-muted: #888888;--accent-orange: #ff6a00;--accent-hover: #ff8533}.home-content{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:#0a0a0a;padding-top:0}.home-content>*{margin-bottom:60px}.home-content>*:last-child{margin-bottom:0}.home-content>section{animation:slideUp .6s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html,body{overflow-y:auto!important;height:auto!important;scroll-behavior:smooth;background-color:#0a0a0a}@media(max-width:768px){.home-content>*{margin-bottom:40px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange, #ff6a00)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:var(--bg-dark, #050505);color:#fff;animation:fadeOut 5s ease-in-out forwards;animation-delay:4.5s;position:fixed;inset:0;z-index:9999}.spinner{width:50px;height:50px;border:4px solid var(--border-light, rgba(255, 255, 255, .05));border-top-color:var(--accent-orange, #ff6a00);border-radius:50%;animation:spin 5s linear forwards;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.loading-container p{color:var(--text-muted, #888888);font-size:.9rem;margin-top:1rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.section-container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.section-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(90deg,#ffffff 0%,var(--accent-orange, #ff6a00) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{color:var(--text-muted, #888888);font-size:1rem;margin-bottom:2rem}.grid-3cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-card{background:var(--bg-card, #121212);border:1px solid var(--border-light, rgba(255, 255, 255, .05));border-radius:16px;overflow:hidden;transition:all .3s ease}.product-card:hover{transform:translateY(-4px);border-color:var(--accent-orange, #ff6a00);box-shadow:0 8px 24px #0000004d}.product-image{width:100%;height:240px;object-fit:cover}.product-info{padding:16px}.product-title{font-size:1rem;font-weight:600;margin-bottom:8px;color:#fff}.product-price{font-size:1.25rem;font-weight:700;color:var(--accent-orange, #ff6a00);margin-bottom:12px}.product-rating{display:flex;align-items:center;gap:4px;color:#fbbf24;font-size:.85rem}.btn-primary{background:linear-gradient(135deg,var(--accent-orange, #ff6a00),var(--accent-hover, #ff8533));color:#fff;border:none;padding:12px 24px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6a004d}.btn-secondary{background:transparent;border:1px solid var(--border-light, rgba(255, 255, 255, .05));color:#fff;padding:12px 24px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff0d;border-color:var(--accent-orange, #ff6a00)}.fast-deal-banner{background:linear-gradient(135deg,var(--accent-orange, #ff6a00),#a85821);border-radius:20px;padding:40px;text-align:center;margin:40px 0}.fast-deal-banner h2{font-size:2rem;font-weight:800;margin-bottom:12px}.fast-deal-banner p{font-size:1rem;opacity:.9;margin-bottom:24px}.timer{display:flex;justify-content:center;gap:20px;margin-top:20px}.timer-unit{background:#0000004d;border-radius:12px;padding:12px;min-width:70px}.timer-number{font-size:2rem;font-weight:800;line-height:1}.timer-label{font-size:.7rem;opacity:.8;margin-top:4px}.shop-category{background:var(--bg-card, #121212);border-radius:20px;padding:40px;border:1px solid var(--border-light, rgba(255, 255, 255, .05))}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:24px}.category-item{text-align:center;padding:20px;background:#ffffff08;border-radius:16px;transition:all .3s ease;cursor:pointer}.category-item:hover{background:#ff6a001a;transform:translateY(-4px)}.category-icon{font-size:2rem;margin-bottom:12px}.category-name{font-weight:600;margin-bottom:4px}.category-count{font-size:.75rem;color:var(--text-muted, #888888)}@media(max-width:1024px){.grid-4cols{grid-template-columns:repeat(3,1fr)}.section-container{padding:0 20px}.section-title{font-size:1.75rem}}@media(max-width:768px){.grid-3cols,.grid-4cols{grid-template-columns:repeat(2,1fr);gap:16px}.section-container{padding:0 16px}.section-title{font-size:1.5rem}.fast-deal-banner{padding:24px;margin:20px}.fast-deal-banner h2{font-size:1.5rem}.timer{gap:12px}.timer-unit{min-width:55px;padding:8px}.timer-number{font-size:1.5rem}.shop-category{padding:24px;margin:0 16px}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-3cols,.grid-4cols{grid-template-columns:1fr}.section-title{font-size:1.25rem}.fast-deal-banner{padding:20px}.timer{flex-wrap:wrap;gap:8px}.timer-unit{min-width:70px}.category-grid{grid-template-columns:1fr}.btn-primary,.btn-secondary{padding:10px 20px;font-size:.9rem}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:8px}.newsletter-section{background:linear-gradient(135deg,#0a0a0a,var(--bg-card, #121212));border-radius:20px;padding:40px;text-align:center;border:1px solid var(--border-light, rgba(255, 255, 255, .05));margin:40px 0}.newsletter-form{display:flex;gap:12px;max-width:500px;margin:24px auto 0}.newsletter-form input{flex:1;padding:12px 16px;background:#1a1a1a;border:1px solid var(--border-light, rgba(255, 255, 255, .05));border-radius:30px;color:#fff;font-size:.9rem}.newsletter-form input:focus{outline:none;border-color:var(--accent-orange, #ff6a00)}.footer{background:var(--bg-card, #121212);border-top:1px solid var(--border-light, rgba(255, 255, 255, .05));padding:40px 24px 24px;margin-top:60px}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.footer-section h4{font-size:1rem;font-weight:600;margin-bottom:16px;color:#fff}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:8px}.footer-section a{color:var(--text-muted, #888888);text-decoration:none;font-size:.85rem;transition:color .2s}.footer-section a:hover{color:var(--accent-orange, #ff6a00)}.footer-bottom{text-align:center;padding-top:32px;margin-top:32px;border-top:1px solid var(--border-light, rgba(255, 255, 255, .05));color:var(--text-muted, #888888);font-size:.75rem}@media(max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr);gap:24px}.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}@media(max-width:480px){.footer-content{grid-template-columns:1fr;text-align:center}}.bzm-reg-page,.bzm-reg-page *{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.bzm-reg-page{display:flex;min-height:100vh;width:100%;background-color:#000;color:#fff}.bzm-reg-sidebar{flex:.8;background:linear-gradient(155deg,#ff6a00,#ff4d00 30%,#d80000);display:flex;justify-content:center;padding:30px;position:relative}.bzm-reg-sidebar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}.bzm-reg-sidebar-inner{width:100%;max-width:380px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;z-index:2}.bzm-logo-main{display:flex;align-items:center;gap:8px;font-size:2rem;font-weight:900}.bzm-logo-market{font-size:1.3rem;font-weight:700;margin-top:-4px}.bzm-logo-slogan{font-size:.7rem;opacity:.8}.bzm-reg-title{font-size:2.4rem;font-weight:800;margin-bottom:10px}.bzm-reg-subtitle{font-size:.9rem;opacity:.9;margin-bottom:30px;line-height:1.4}.bzm-reg-perks{display:flex;flex-direction:column;gap:10px;width:100%}.bzm-reg-perk{background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 18px;border-radius:12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:.85rem;font-weight:500}.bzm-icon-bg{background:#fff3;padding:8px;border-radius:8px;display:flex}.bzm-reg-footer-copy{font-size:.7rem;opacity:.6}.bzm-reg-main{flex:1.2;display:flex;align-items:center;justify-content:center;background-color:#050505;padding:40px;overflow-y:auto}.bzm-reg-form-container{width:100%;max-width:440px}.bzm-step-header{font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:4px}.bzm-step-info{color:#888;text-align:center;font-size:.85rem;margin-bottom:20px}.bzm-reg-stepper{display:flex;gap:6px;margin-bottom:30px}.bzm-reg-bar{flex:1;height:3px;background:#222;border-radius:10px}.bzm-reg-bar.active{background:#ff6b00;box-shadow:0 0 10px #ff6b0066}.bzm-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.bzm-acc-card{background:#111;border:1px solid #222;padding:25px 15px;border-radius:14px;text-align:center;cursor:pointer;position:relative;transition:.2s}.bzm-acc-card.active{border-color:#ff6b00;background:#ff6b000d}.bzm-acc-card h3{font-size:1rem;margin:10px 0 4px}.bzm-acc-card p{font-size:.75rem;color:#777}.bzm-check{position:absolute;top:12px;right:12px;color:#ff6b00}.bzm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px}.bzm-input-group label{font-size:.8rem;font-weight:600;color:#bbb}.bzm-input-group input{background:#111;border:1px solid #222;padding:12px 14px;border-radius:10px;color:#fff;font-size:.85rem;outline:none}.bzm-nav-btns{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.bzm-btn-back{background:none;border:1px solid #222;color:#888;padding:10px 20px;border-radius:100px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.85rem}.bzm-btn-back:disabled{opacity:.3;cursor:not-allowed}.bzm-btn-next{background:#ff6b00;color:#fff;border:none;padding:10px 25px;border-radius:100px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.85rem;box-shadow:0 4px 15px #ff6b0033;transition:.2s}.bzm-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff6b004d}.bzm-reg-switch{text-align:center;margin-top:35px;color:#666;font-size:.9rem}.bzm-reg-link{color:#ff6b00;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:4px;margin-left:5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.bzm-reg-page{flex-direction:column}.bzm-reg-sidebar{display:none}.bzm-form-grid{grid-template-columns:1fr}}html,body,#root{margin:0;padding:0;width:100%;height:100%}.bzm-reg-page{display:flex;width:100vw;height:100vh;margin:0;padding:0;background-color:#000;color:#fff;overflow:hidden}.bzm-reg-sidebar{flex:0 0 40%;height:100%;background:linear-gradient(155deg,#ff6a00,#ff4d00 30%,#d80000);display:flex;justify-content:center;align-items:center;padding:40px;position:relative}.bzm-reg-main{flex:1;height:100%;background-color:#050505;display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto}.bzm-reg-form-container{width:100%;max-width:480px;padding:20px 0}.bzm-form-single-col{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.bzm-input-group textarea{background:#111;border:1px solid #222;padding:14px 16px;border-radius:12px;color:#fff;font-size:.95rem;width:100%;outline:none;resize:none;transition:border-color .2s}.bzm-input-group textarea:focus{border-color:#444}.bzm-logo-upload-wrapper{display:flex;align-items:center;gap:20px;padding:5px 0}.bzm-logo-circle{width:70px;height:70px;border-radius:50%;background:#1a1a1a;border:2px dashed #333;display:flex;align-items:center;justify-content:center;cursor:pointer}.bzm-muted-icon{color:#444}.bzm-upload-text .bzm-text-main{font-size:.95rem;color:#ccc}.bzm-upload-text .bzm-text-sub{font-size:.85rem;color:#666;margin-top:2px}.bzm-banner-upload-box{width:100%;height:140px;background:#1a1a1a;border:2px dashed #333;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#555;font-size:.9rem;cursor:pointer;transition:all .2s}.bzm-banner-upload-box:hover{border-color:#ff6b00;color:#888}.bzm-btn-create{background:linear-gradient(to right,#ff6b00,#ff8c00)!important;box-shadow:0 8px 25px #ff6b004d!important}.bzm-input-group label{margin-bottom:8px;display:block}.bzm-error-message{background-color:#fee;color:#c00;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #fcc;font-size:14px;animation:slideIn .3s ease}.bzm-error-message span{display:flex;align-items:center;gap:8px}.bzm-btn-next:disabled,.bzm-btn-back:disabled,.bzm-btn-create:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.bzm-logo-upload-wrapper input[type=file]{padding:8px;border:1px dashed #ccc;border-radius:4px;width:100%;cursor:pointer}.bzm-logo-upload-wrapper input[type=file]:hover{border-color:#06c}.bzm-banner-upload-box{position:relative;border:2px dashed #ccc;padding:20px;text-align:center;border-radius:8px;cursor:pointer;transition:all .3s ease;background-color:#f9f9f9}.bzm-banner-upload-box:hover{border-color:#06c;background-color:#f0f7ff}.bzm-banner-upload-box span{color:#666;font-size:14px}.bzm-input-group label:after{content:" *";color:#c00;display:inline}.bzm-input-group label:contains("Optional"):after,.bzm-input-group label:contains("Optionnel"):after{content:""}.bzm-page-wrapper,.bzm-page-wrapper *{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,sans-serif}.bzm-page-wrapper{display:flex;min-height:100vh;width:100%;background-color:#000;color:#fff;overflow:hidden}.bzm-sidebar{flex:1;background:linear-gradient(155deg,#ff6a00,#ff4d00 30%,#d80000);display:flex;justify-content:center;padding:30px;position:relative}.bzm-sidebar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.bzm-sidebar-content{width:100%;max-width:400px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;z-index:2}.bzm-logo-section{margin-top:10px}.bzm-logo-main{display:flex;align-items:center;justify-content:center;gap:8px;font-size:2.2rem;font-weight:900;line-height:1}.bzm-logo-market{font-size:1.4rem;font-weight:700;margin-top:-4px}.bzm-logo-slogan{font-size:.7rem;opacity:.8;margin-top:4px}.bzm-main-title{font-size:2.6rem;font-weight:800;line-height:1.1;margin-bottom:15px}.bzm-main-subtitle{font-size:.95rem;opacity:.9;margin-bottom:30px;line-height:1.4}.bzm-features{display:flex;flex-direction:column;gap:12px;width:100%}.bzm-feature-item{background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 20px;border-radius:14px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:500;font-size:.9rem}.bzm-icon-box{background:#fff3;padding:8px;border-radius:10px;display:flex}.bzm-footer-copy{font-size:.75rem;opacity:.6;margin-bottom:10px}.bzm-form-container{flex:1.2;display:flex;align-items:center;justify-content:center;background-color:#050505;padding:30px}.bzm-form-box{width:100%;max-width:380px}.bzm-form-title{font-size:1.8rem;font-weight:700;margin-bottom:6px;text-align:center}.bzm-form-subtitle{color:#888;text-align:center;margin-bottom:30px;font-size:.95rem}.bzm-login-form{display:flex;flex-direction:column;gap:18px}.bzm-input-group{display:flex;flex-direction:column;gap:6px}.bzm-input-group label{font-size:.85rem;font-weight:600;color:#ccc}.bzm-forgot{color:#ff6b00;text-decoration:none;font-size:.8rem;font-weight:600}.bzm-input-group input,.bzm-pass-wrapper input{background:#121212;border:1px solid #252525;padding:12px 16px;border-radius:10px;color:#fff;font-size:.9rem;width:100%;outline:none;transition:border-color .2s}.bzm-input-group input:focus{border-color:#444}.bzm-eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#555;cursor:pointer;display:flex;padding:0}.bzm-remember-row{margin-top:2px}.bzm-checkbox-label{display:flex;align-items:center;gap:10px;color:#888;cursor:pointer;font-size:.9rem}.bzm-checkbox-label input{width:16px;height:16px;accent-color:#FF6B00}.bzm-btn-submit{background:#ff6b00;color:#fff;border:none;padding:14px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:5px;box-shadow:0 6px 20px #ff6b0040;transition:.3s ease}.bzm-btn-submit:hover{transform:translateY(-1px);box-shadow:0 10px 25px #ff6b0059}.bzm-divider{display:flex;align-items:center;text-align:center;margin:30px 0 15px;color:#555;font-size:.85rem}.bzm-divider:before,.bzm-divider:after{content:"";flex:1;border-bottom:1px solid #222}.bzm-divider span{padding:0 12px}.bzm-signup-link{color:#ff6b00;text-decoration:none;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem}@media(max-width:900px){.bzm-page-wrapper{flex-direction:column;overflow:auto}.bzm-sidebar{padding:40px 20px}.bzm-main-title{font-size:2rem}.bzm-sidebar-content{max-width:100%}}.bzm-error-message{background-color:#fee;color:#c00;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px;border:1px solid #fcc;animation:slideIn .3s ease}.bzm-loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;display:inline-block}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bzm-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.bzm-btn-submit:disabled:hover{transform:none;box-shadow:none}.bzm-pass-wrapper input:disabled{background-color:#f5f5f5;cursor:not-allowed}.bzm-eye-btn:disabled{opacity:.5;cursor:not-allowed}.bzm-checkbox-label input:disabled+.bzm-custom-check{opacity:.5;cursor:not-allowed}.bzm-input-group input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.bzm-eye-btn{transition:opacity .3s ease}.bzm-eye-btn:hover:not(:disabled){opacity:.7}.bzm-btn-submit .bzm-loading-spinner{margin:0 auto}:root{--bg-color: #050505;--card-bg: #111111;--accent-orange: #ff6a00;--vendor-orange: #a85821;--text-main: #ffffff;--text-muted: #888888;--border-color: #222222;--badge-blue: #2b7fff;--nav-height: 70px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.5}.shopping-page{display:flex;flex-direction:column;min-height:100vh;padding-top:var(--nav-height)}.header-section{background:radial-gradient(circle at 0% 0%,rgba(168,88,33,.15) 0%,transparent 50%),linear-gradient(90deg,#0f0a07,#050505);padding:60px 8%;width:100%;border-bottom:1px solid var(--border-color)}.breadcrumbs{color:var(--text-muted);font-size:.9rem;margin-bottom:15px;display:flex;gap:8px}.breadcrumbs .active-breadcrumb{color:#fff;font-weight:600}.title-container{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.title-container h1{font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin:0}.results-badge{background:#a858211a;color:var(--accent-orange);padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:700;border:1px solid rgba(168,88,33,.3);box-shadow:0 0 15px #a858211a}.main-content{display:grid;grid-template-columns:280px 1fr;gap:40px;padding:40px 8%;max-width:1600px;margin:0 auto;width:100%}.filters-title{border-left:4px solid var(--vendor-orange);padding-left:15px;font-size:1.2rem;font-weight:800;margin-bottom:25px;letter-spacing:.5px}.filter-card{background-color:var(--card-bg);padding:30px;border-radius:16px;border:1px solid var(--border-color);position:sticky;top:100px}.section-title{font-size:1rem;font-weight:700;margin-bottom:20px;color:#fff;display:block}.checkbox-group{display:flex;flex-direction:column;gap:14px;margin-bottom:40px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.9rem;color:var(--text-muted);transition:color .2s}.checkbox-label:hover{color:#fff}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--vendor-orange);cursor:pointer}.price-display{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.85rem;margin-bottom:15px}.range-container{margin-bottom:20px}.price-slider{width:100%;height:5px;-webkit-appearance:none;background:#222;border-radius:5px;outline:none}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#fff;border:3px solid var(--vendor-orange);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #00000080}.top-bar{background:var(--card-bg);padding:15px 25px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border:1px solid var(--border-color)}.top-bar p{color:var(--text-muted);font-size:.9rem}.top-bar strong{color:var(--vendor-orange)}.sort-dropdown{background:#000;color:#fff;border:1px solid #333;padding:8px 16px;border-radius:8px;font-size:.85rem;cursor:pointer;outline:none}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.product-card{background:var(--card-bg);border-radius:20px;overflow:hidden;border:1px solid var(--border-color);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.product-card:hover{transform:translateY(-8px);border-color:var(--vendor-orange);box-shadow:0 20px 40px #0006}.image-container{position:relative;height:250px;background:#1a1a1a}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.product-card:hover .image-container img{transform:scale(1.1)}.badge-new{position:absolute;top:15px;left:15px;background:var(--badge-blue);color:#fff;font-size:.7rem;font-weight:800;padding:5px 12px;border-radius:50px;text-transform:uppercase}.card-details{padding:25px}.category-vendor{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:10px}.vendor-tag{color:var(--vendor-orange)}.cat-tag{color:var(--text-muted)}.product-name{font-size:1.2rem;font-weight:700;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3.1rem}.price-tag{font-size:1.5rem;font-weight:900;color:#fff;display:flex;align-items:center;gap:5px}.price-tag:after{content:" DZD";font-size:.8rem;color:var(--vendor-orange)}.footer{background:#000;padding:80px 8% 30px;border-top:1px solid var(--border-color);margin-top:100px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:50px;margin-bottom:60px}.footer-column h3{font-size:1rem;margin-bottom:25px;position:relative}.footer-column h3:after{content:"";position:absolute;bottom:-10px;left:0;width:35px;height:3px;background:var(--vendor-orange)}.footer-column ul li{list-style:none;margin-bottom:15px}.footer-column ul li a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .3s}.footer-column ul li a:hover{color:var(--accent-orange)}@media(max-width:1100px){.main-content{grid-template-columns:1fr}.filter-card{position:static}.header-section{padding:40px 5%}}@media(max-width:600px){.title-container h1{font-size:1.8rem}.products-grid{grid-template-columns:1fr}.top-bar{flex-direction:column;gap:15px;text-align:center}}:root{--bg-dark: #050505;--card-bg: #121212;--accent-orange: #ff6a00;--text-muted: #888888;--border-light: rgba(255, 255, 255, .05)}.profile-page{background-color:var(--bg-dark);color:#fff;min-height:100vh;font-family:Inter,sans-serif}.profile-header{background:linear-gradient(90deg,#130904,#050505);padding:85px 8%;border-bottom:1px solid var(--border-light)}.header-content{display:flex;justify-content:space-between;align-items:center}.user-info-main{display:flex;gap:20px;align-items:center}.avatar-circle{width:70px;height:70px;background:linear-gradient(135deg,#ff6a00,#a85821);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;box-shadow:0 0 20px #ff6a0033}.name-row{display:flex;align-items:center;gap:10px}.name-row h1{font-size:24px;margin:0}.badge-bronze-small{background:#a8582133;color:#a85821;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px;border:1px solid rgba(168,88,33,.3)}.user-email{color:var(--text-muted);font-size:14px;margin:5px 0}.member-since{color:#555;font-size:12px;display:flex;align-items:center;gap:5px}.points-summary-widget{background:#ff6a000d;border:1px solid rgba(255,106,0,.2);padding:20px 40px;border-radius:12px;text-align:center}.points-count{font-size:32px;font-weight:800;color:var(--accent-orange)}.points-label{font-size:10px;letter-spacing:1px;color:var(--text-muted)}.profile-content{padding:40px 8%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.stat-item{background:var(--card-bg);padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;border:1px solid var(--border-light)}.stat-icon-bg{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon-bg.green{background:#22c55e1a;color:#22c55e}.stat-icon-bg.orange{background:#ff6a001a;color:#ff6a00}.stat-icon-bg.purple{background:#a855f71a;color:#a855f7}.stat-icon-bg.blue{background:#3b82f61a;color:#3b82f6}.stat-value{font-size:20px;font-weight:700}.stat-label{font-size:12px;color:var(--text-muted)}.dashboard-layout{display:grid;grid-template-columns:350px 1fr;gap:30px}.card{background:var(--card-bg);padding:25px;border-radius:15px;border:1px solid var(--border-light);margin-bottom:25px}.card h3{font-size:15px;display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#efefef}.tier-display{background:#a858211a;border:1px solid rgba(168,88,33,.2);padding:30px;border-radius:12px;text-align:center;margin-bottom:25px}.tier-name{font-size:28px;font-weight:800;color:#a85821}.tier-subtitle{font-size:12px;color:var(--text-muted);margin-top:5px}.progress-labels{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px;color:var(--text-muted)}.progress-bar-bg{height:6px;background:#222;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:#a85821;border-radius:10px}.progress-percentage{text-align:right;font-size:11px;color:var(--text-muted)}.perks-section h4,.milestones h4{font-size:11px;color:var(--text-muted);letter-spacing:1px;margin:25px 0 15px}.perks-section ul{list-style:none;padding:0}.perks-section li{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:10px;color:#ddd}.milestone-item{display:flex;justify-content:space-between;padding:12px;background:#1a1a1a;border-radius:8px;margin-bottom:8px;font-size:13px;color:#777}.milestone-item.active{background:#a858211a;color:#a85821}.refer-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.refer-stats{display:flex;gap:15px;margin:20px 0}.ref-stat{flex:1;background:#1a1a1a;padding:15px;border-radius:10px;text-align:center}.ref-stat.rewarded{border:1px solid rgba(34,197,94,.2);color:#22c55e}.ref-val{font-size:20px;font-weight:700}.ref-lab{font-size:11px;opacity:.7}.copy-field{margin-top:20px}.copy-field label{font-size:11px;color:var(--text-muted);display:block;margin-bottom:8px}.input-group{background:#0a0a0a;border:1px solid #222;padding:12px 15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:13px;color:var(--accent-orange)}.activity-tabs-card{background:var(--card-bg);border-radius:15px;border:1px solid var(--border-light);overflow:hidden}.tabs-header{display:flex;background:#1a1a1a;padding:10px;gap:10px}.tab-btn{background:transparent;border:none;color:var(--text-muted);padding:10px 20px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer}.tab-btn.active{background:#222;color:#fff}.tab-content{padding:30px}.tab-content h3{font-size:18px;margin-bottom:5px}.tab-content .sub{color:var(--text-muted);font-size:13px;margin-bottom:40px}.empty-state{text-align:center;padding:60px 0;color:#333}.empty-title{color:#888;font-size:18px;font-weight:600;margin-top:20px}.empty-desc{color:#555;font-size:14px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;text-align:center}.error-container svg{color:#f44336;margin-bottom:20px}.back-home-btn,.shop-now-btn{margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease}.back-home-btn:hover,.shop-now-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.user-type.vendor{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:12px;font-size:11px;margin-top:8px}.badge-bronze,.badge-silver,.badge-gold{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.badge-bronze{background-color:#fdf1e0;color:#cd7f32}.badge-silver{background-color:#f0f0f0;color:gray}.badge-gold{background-color:#fef7e0;color:gold}.input-group{cursor:pointer;transition:all .3s ease}.input-group:hover{background-color:#f5f5f5}.input-group .copied{color:#4caf50;animation:pulse .3s ease}.copy-feedback{display:block;margin-top:4px;font-size:11px;color:#4caf50;animation:fadeIn .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.avatar-circle{background:linear-gradient(90deg,#130904,#050505);color:#fff;font-weight:700;font-size:24px}:root{--nav-bg: #ffffff;--surface-1: #f5f5f5;--surface-2: #ebebeb;--border-color: #dddddd;--text-primary: #1a1a1a;--text-secondary: #777777;--accent-primary: #ff6a00;--accent-hover: #ff8533;--nav-height: 70px}.navbar-auth{display:flex;align-items:center;justify-content:space-between;background-color:var(--nav-bg);padding:0 20px;height:var(--nav-height);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-family:Inter,sans-serif;position:sticky;top:0;z-index:1000}.nav-section-left{display:flex;align-items:center;gap:20px;flex-shrink:0}.logo-placeholder{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:inherit}.logo-main{font-size:20px;font-weight:900}.logo-sub{font-size:11px;font-weight:700;color:var(--accent-primary)}.categories-trigger{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--surface-1);padding:8px 12px;border-radius:8px;transition:.2s}.categories-trigger:hover{background:var(--surface-2)}.nav-section-center{flex:1;max-width:500px;margin:0 20px}.search-wrapper{position:relative;width:100%}.search-input{width:100%;background-color:var(--surface-1);border:1px solid var(--border-color);border-radius:50px;padding:10px 45px 10px 20px;color:var(--text-primary);font-size:14px;outline:none;transition:.2s}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #ff6a0026}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.nav-section-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.icon-actions{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid var(--border-color)}.nav-icon-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:50%;display:flex;transition:.2s}.nav-icon-btn:hover{background:var(--surface-2);color:var(--accent-primary)}.user-avatar{width:36px;height:36px;background:var(--surface-2);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);cursor:pointer}.user-avatar.authenticated{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background-color:var(--nav-bg);border-radius:12px;min-width:200px;box-shadow:0 10px 30px #0000001a;border:1px solid var(--border-color);z-index:1100;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .2s ease-out}.dropdown-item{padding:12px 20px;cursor:pointer;font-size:14px;color:var(--text-primary);transition:.2s;display:flex;align-items:center;gap:10px}.dropdown-item:hover{background-color:var(--surface-1);color:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.nav-section-center{max-width:300px}.categories-text{display:none}}@media(max-width:768px){.navbar-auth{padding:0 12px;height:65px}.nav-section-center{display:none}.nav-section-left{gap:10px}.logo-sub{display:none}.icon-actions{padding-right:8px;gap:4px}}@media(max-width:480px){.icon-actions{border-right:none}.language-selector span{display:none}.nav-icon-btn{padding:6px}.logo-main{font-size:18px}}:root{--bg-color: #050505;--bg-black: #0a0a0a;--bg-sidebar: #0e0e0e;--main-bg: #050505;--bg-card: #121212;--card-bg: #121212;--border-color: #222222;--text-main: #ffffff;--text-muted: #888888;--brand-orange: #ff6a00;--accent-orange: #ff6a00;--hover-white: rgba(255, 255, 255, .05);--header-gradient: linear-gradient(90deg, #130904 0%, #050505 100%);--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 999px;--container-max-width: 1400px;--container-padding: 8%}.orders-page{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.orders-header{background:var(--header-gradient);padding:var(--spacing-2xl) var(--container-padding);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(17,17,17,.8);position:relative;max-width:100%}.header-left{position:relative}.breadcrumbs{color:var(--text-muted);font-size:.85rem;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);letter-spacing:.3px}.breadcrumbs span{transition:color .2s ease}.breadcrumbs .active-breadcrumb{color:var(--text-main);font-weight:600;position:relative}.breadcrumbs .separator{color:var(--text-muted);font-size:.7rem}.orders-header h1{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#ccc);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-.02em}.continue-shopping-btn{background:transparent;color:var(--text-main);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05}.continue-shopping-btn:hover{background:var(--hover-white);border-color:var(--text-muted);transform:translateY(-2px)}.continue-shopping-btn:active{transform:translateY(0)}.orders-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--container-padding);min-height:calc(100vh - 200px)}.empty-orders-container{text-align:center;max-width:480px;width:100%;padding:var(--spacing-2xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all .3s ease;animation:fadeInUp .5s ease-out}.empty-orders-container:hover{border-color:#ff6a004d;transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.icon-circle{width:100px;height:100px;background:linear-gradient(135deg,#ff6a001a,#ff6a000d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-xl);transition:all .3s ease;border:1px solid rgba(255,106,0,.2)}.empty-orders-container:hover .icon-circle{transform:scale(1.05);border-color:#ff6a0066;box-shadow:0 0 20px #ff6a0033}.package-icon{color:var(--accent-orange);transition:transform .3s ease}.empty-orders-container:hover .package-icon{transform:scale(1.1)}.empty-orders-container h2{font-size:1.75rem;margin-bottom:var(--spacing-sm);font-weight:700;background:linear-gradient(135deg,#fff,#ccc);background-clip:text;-webkit-background-clip:text;color:transparent}.empty-orders-container p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-xl);max-width:320px;margin-left:auto;margin-right:auto}.start-shopping-btn{background:var(--accent-orange);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-full);font-size:1rem;font-weight:700;display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6a004d;position:relative;overflow:hidden}.start-shopping-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.start-shopping-btn:hover:before{width:300px;height:300px}.start-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6a0066;filter:brightness(1.05)}@media(max-width:1200px){:root{--container-padding: 6%}.orders-header h1{font-size:1.8rem}.empty-orders-container h2{font-size:1.6rem}}@media(max-width:1024px){:root{--container-padding: 5%}.orders-header{padding:var(--spacing-xl) var(--container-padding)}.orders-header h1{font-size:1.6rem}.empty-orders-container{max-width:420px;padding:var(--spacing-xl)}.icon-circle{width:90px;height:90px}.empty-orders-container h2{font-size:1.5rem}}@media(max-width:768px){.orders-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--container-padding)}.header-left{width:100%}.orders-header h1{font-size:1.5rem;margin-top:var(--spacing-xs)}.continue-shopping-btn{width:100%;justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.orders-content{padding:var(--spacing-xl) var(--container-padding);min-height:calc(100vh - 180px)}.empty-orders-container{max-width:380px;padding:var(--spacing-lg)}.icon-circle{width:80px;height:80px;margin-bottom:var(--spacing-lg)}.empty-orders-container h2{font-size:1.3rem}.empty-orders-container p{font-size:.85rem;margin-bottom:var(--spacing-lg)}.start-shopping-btn{padding:var(--spacing-sm) var(--spacing-xl);font-size:.9rem}}@media(max-width:480px){:root{--container-padding: 4%}.orders-header{padding:var(--spacing-md) var(--container-padding);gap:var(--spacing-md)}.breadcrumbs{font-size:.75rem}.orders-header h1{font-size:1.3rem}.continue-shopping-btn{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md)}.orders-content{padding:var(--spacing-lg) var(--container-padding)}.empty-orders-container{max-width:100%;padding:var(--spacing-md)}.icon-circle{width:70px;height:70px}.empty-orders-container h2{font-size:1.2rem}.empty-orders-container p{font-size:.8rem}.start-shopping-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:.85rem;width:100%;justify-content:center}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.empty-orders-container{animation:slideInUp .5s ease-out}.start-shopping-btn{position:relative;z-index:1}.start-shopping-btn:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--accent-orange),#ff884d,var(--accent-orange));border-radius:var(--radius-full);opacity:0;z-index:-1;transition:opacity .3s ease}.start-shopping-btn:hover:after{opacity:.5}:root{--bg-color: #050505;--accent-orange: #ff6a00;--text-muted: #888888;--header-gradient: linear-gradient(90deg, #130904 0%, #050505 100%);--glow-color: rgba(168, 88, 33, .15)}.messages-page{background-color:var(--bg-color);color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,sans-serif}.messages-header{background:var(--header-gradient);padding:90px 0;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #111}.messages-header h1{font-size:24px;margin:0;font-weight:700;letter-spacing:-.5px}.messages-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.empty-messages-container{text-align:center;max-width:450px}.icon-glow-wrapper{position:relative;width:120px;height:120px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center}.icon-glow-wrapper:before{content:"";position:absolute;width:100%;height:100%;background:var(--glow-color);border-radius:50%;filter:blur(20px)}.icon-circle{position:relative;width:80px;height:80px;background:#141414cc;border:1px solid rgba(168,88,33,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.chat-icon{color:#a85821}.empty-messages-container h2{font-size:24px;margin-bottom:12px;font-weight:700}.empty-messages-container p{color:var(--text-muted);font-size:15px;line-height:1.5;margin-bottom:30px}.browse-products-btn{background:var(--accent-orange);color:#fff;border:none;padding:12px 28px;border-radius:30px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #ff6a0033}.browse-products-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 20px #ff6a004d}@media(max-width:480px){.messages-header h1,.empty-messages-container h2{font-size:20px}}:root{--sidebar-bg: #0a0a0a;--main-bg: #000000;--card-bg: #121212;--accent-orange: #ff6a00;--text-main: #ffffff;--text-muted: #888888;--border-color: #1e1e1e}.vendor-container{display:flex;height:100vh;background-color:var(--main-bg);color:var(--text-main);font-family:Inter,sans-serif}.vendor-sidebar{width:240px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px}.logo-section{display:flex;align-items:center;gap:12px;margin-bottom:40px}.logo-icon{background:var(--accent-orange);padding:8px;border-radius:8px}.logo-text{font-weight:700;font-size:18px}.nav-label{font-size:11px;color:var(--text-muted);letter-spacing:1px;margin-bottom:15px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;color:var(--text-muted);border-radius:8px;cursor:pointer;margin-bottom:4px;font-size:14px;transition:all .2s}.nav-item:hover,.nav-item.active{background-color:#ffffff0d;color:#fff}.nav-item.active{background-color:#1a1a1a;color:#fff;font-weight:500}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:20px}.footer-actions{display:flex;justify-content:space-between;margin-bottom:10px;padding:0 10px}.action-item{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;cursor:pointer}.vendor-main{flex:1;padding:25px;overflow-y:auto}.welcome-banner{background:linear-gradient(90deg,#f05423,#d91b42);padding:30px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.shop-icon{background:#fff3;padding:15px;border-radius:14px;border:1px solid rgba(255,255,255,.3)}.banner-text p{font-size:14px;opacity:.9;margin:0}.banner-text h2{font-size:32px;margin:5px 0 0;font-weight:800}.btn-add{background:#fff;color:#d91b42;border:none;padding:10px 20px;border-radius:10px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}.btn-view{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.stat-card{background:var(--card-bg);padding:20px;border-radius:16px;border:1px solid var(--border-color)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stat-title{color:var(--text-muted);font-size:14px}.stat-icon-circle.green{background:#10b981}.stat-icon-circle.blue{background:#3b82f6}.stat-icon-circle.purple{background:#8b5cf6}.stat-icon-circle.orange{background:#f59e0b}.stat-value{font-size:26px;font-weight:700;margin:0}.stat-trend{font-size:12px;color:#10b981;margin-top:5px}.dashboard-lower{display:grid;grid-template-columns:2fr 1fr;gap:20px}.card{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);padding:25px}.card-header h3{margin:0;font-size:18px}.card-header p{color:var(--text-muted);font-size:13px;margin:8px 0 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-muted)}.empty-icon{opacity:.1;margin-bottom:15px}.actions-list{margin-top:25px;display:flex;flex-direction:column;gap:12px}.action-row{background:#ffffff05;border:1px solid var(--border-color);padding:15px;border-radius:12px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:background .2s}.action-row:hover{background:#ffffff0d}.row-icon-bg{background:#ff6a001a;padding:10px;border-radius:10px;color:var(--accent-orange)}.action-row span{flex:1;font-weight:500;font-size:14px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#222;border-radius:10px}.sidebar-footer{margin-top:auto;padding:20px 10px;display:flex;flex-direction:column;gap:30px}.footer-top-row{display:flex;align-items:center;justify-content:flex-start;gap:40px;padding-left:10px}.language-selector{display:flex;align-items:center;gap:12px;color:#fff;cursor:pointer;font-size:15px}.theme-toggle{display:flex;align-items:center;color:#fff;cursor:pointer;transition:opacity .2s}.theme-toggle:hover{opacity:.8}.logout-button{display:flex;align-items:center;gap:15px;padding-left:10px;cursor:pointer;color:#fff;transition:transform .2s}.logout-button:hover{transform:translate(5px)}.logout-text{color:#ffb366;font-size:18px;font-weight:500;letter-spacing:.3px}.sidebar-footer svg{stroke-width:1.5px}:root{--bg-black: #0a0a0a;--bg-sidebar: #0a0a0a;--main-bg: #050505;--bg-main: #050505;--bg-card: #121212;--card-bg: #121212;--input-bg: #0a0a0a;--border-color: #222222;--text-main: #ffffff;--text-muted: #888888;--brand-orange: #ff6a00;--accent-orange: #ff6a00;--hover-white: rgba(255, 255, 255, .05);--error-color: #ff4444;--danger-color: #ef4444;--success-color: #00c851;--warning-color: #ffbb33;--info-blue: #3b82f6;--info-purple: #8b5cf6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px}.add-product-container{display:flex;min-height:100vh;background-color:var(--main-bg);color:var(--text-main);overflow:hidden}.vendor-sidebar{width:280px;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;flex-shrink:0;padding:var(--spacing-xl) var(--spacing-lg)}.logo-section{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-sm);cursor:pointer;transition:opacity .2s}.logo-icon{background:var(--brand-orange);width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.logo-text{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#fff,var(--brand-orange));background-clip:text;-webkit-background-clip:text;color:transparent}.nav-label{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted);padding:0 var(--spacing-sm);margin-bottom:var(--spacing-md);letter-spacing:.05rem;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-xs) 0;border-radius:var(--radius-lg);color:var(--text-muted);font-size:.9rem;font-weight:500;transition:all .2s;cursor:pointer;text-decoration:none;background:none;border:none;width:100%}.nav-item:hover{background:var(--hover-white);color:var(--text-main)}.nav-item.active{background:#ff6a001a;color:var(--brand-orange)}.nav-item:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}.sidebar-footer{margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid #1a1a1a}.footer-top-row{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm);color:var(--text-muted);font-size:.8rem}.language-selector,.theme-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:color .2s;background:none;border:none;color:var(--text-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.language-selector:hover,.theme-toggle:hover{color:var(--text-main);background-color:var(--hover-white)}.logout-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s;background:none;border:none;width:100%}.logout-button:hover{background:var(--hover-white);color:#ff6a6a}.logout-text{color:inherit}.add-product-main{flex:1;display:flex;flex-direction:column;padding:var(--spacing-xl) 5%;overflow-y:auto;background-color:var(--main-bg);min-width:0;position:relative;z-index:1}.page-header h1{font-size:1.75rem;margin-bottom:var(--spacing-xl);font-weight:700;background:linear-gradient(135deg,#fff 0%,var(--text-muted) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.form-scroll-area{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:1000px;width:100%;margin:0 auto}.form-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-color);transition:all .2s}.form-card:hover{border-color:#ff6a004d;box-shadow:0 4px 20px #0003}.card-info h3{font-size:1.125rem;margin:0 0 var(--spacing-sm) 0;font-weight:600}.card-info p{color:var(--text-muted);font-size:.8rem;line-height:1.5;margin-bottom:var(--spacing-lg)}.card-title-icon{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;margin-bottom:var(--spacing-lg);color:var(--accent-orange);font-size:1rem}.sub-desc{color:var(--text-muted);font-size:.8rem;margin-bottom:var(--spacing-lg)}.translation-progress-box{background:#1a1a1a;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.progress-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;margin-bottom:var(--spacing-md)}.percent-badge{background:#000;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);border:1px solid #333;font-size:.75rem;font-weight:500}.lang-status-grid{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.lang-status{display:flex;flex-direction:column;font-size:.8rem;font-weight:500;gap:var(--spacing-xs)}.lang-status small{color:var(--text-muted);font-size:.7rem;display:flex;align-items:center;gap:var(--spacing-xs)}.status-completed{color:var(--success-color)}.status-in-progress{color:var(--warning-color)}.status-not-started{color:var(--text-muted)}.tabs-navigation{display:flex;gap:var(--spacing-sm);border-bottom:1px solid #222;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.tabs-navigation button{background:transparent;border:none;color:var(--text-muted);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;font-size:.9rem;font-weight:500;position:relative;transition:color .2s}.tabs-navigation button:hover{color:#fff}.tabs-navigation button.active{color:#fff;font-weight:600}.tabs-navigation button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent-orange)}.tab-tag{font-size:.7rem;background:#333;padding:2px 6px;border-radius:var(--radius-sm);margin-left:var(--spacing-sm);font-weight:400}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.default-lang-notice{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);background:#ff6a001a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border-left:3px solid var(--accent-orange)}.flag-circle{width:44px;height:44px;background:#1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;border:1px solid var(--border-color);flex-shrink:0}.default-lang-notice strong{font-size:.9rem;margin-bottom:2px;display:block}.default-lang-notice p{font-size:.75rem;color:var(--text-muted);margin:0}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.input-group label{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.required{color:var(--accent-orange);font-weight:400;font-size:.75rem}input,textarea,select{background:var(--input-bg);border:1px solid #222;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:#fff;font-size:.9rem;transition:all .2s;font-family:inherit}input:hover,textarea:hover,select:hover{border-color:#333}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-orange);box-shadow:0 0 0 2px #ff6a001a}input.error,textarea.error,select.error{border-color:var(--error-color)}textarea{resize:vertical;min-height:100px}select option{background:var(--input-bg);color:#fff}.overall-progress-card{background:var(--card-bg);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.progress-bar-bg{height:8px;background:#222;border-radius:var(--radius-full);margin:var(--spacing-sm) 0;overflow:hidden}.progress-fill{height:100%;background:var(--accent-orange);border-radius:var(--radius-full);transition:width .3s ease}.hint{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-sm)}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.upload-area{border:2px dashed #333;border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);cursor:pointer;transition:all .2s;background:#ffffff05}.upload-area:hover{border-color:var(--accent-orange);background:#ff6a000d}.btn-upload{background:var(--accent-orange);border:none;color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-upload:hover{opacity:.9}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.image-preview{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:#1a1a1a;border:1px solid var(--border-color)}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:#000000b3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:background .2s}.remove-image:hover{background:var(--error-color)}.attribute-config{background:#0a0a0a;padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.config-header{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.quick-add{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:.75rem;flex-wrap:wrap}.quick-add label{color:var(--text-muted)}.btn-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-group button{background:#222;border:none;color:#fff;padding:6px 12px;border-radius:var(--radius-sm);font-size:.7rem;display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:all .2s}.btn-group button:hover{background:#333;transform:translateY(-1px)}.custom-attr{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.custom-attr input{flex:1;padding:var(--spacing-sm);font-size:.8rem}.btn-add-attr{background:var(--accent-orange);border:none;width:40px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1.125rem;transition:opacity .2s}.btn-add-attr:hover{opacity:.9}.attr-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{background:#222;font-size:.75rem;padding:5px 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:background .2s}.tag button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:0;display:flex;align-items:center}.tag button:hover{color:var(--accent-orange)}.btn-orange-outline{width:100%;background:transparent;border:1px solid var(--accent-orange);color:var(--accent-orange);padding:var(--spacing-sm);border-radius:var(--radius-md);font-weight:600;margin-top:var(--spacing-sm);cursor:pointer;transition:all .2s}.btn-orange-outline:hover{background:#ff6a001a;transform:translateY(-1px)}.variants-list{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.variant-item{background:#0a0a0a;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color)}.variant-item h4{font-size:.9rem;margin:0 0 var(--spacing-md) 0;color:var(--accent-orange)}.variant-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.variant-attr{display:flex;flex-direction:column;gap:var(--spacing-xs)}.variant-attr label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.variant-attr input{padding:var(--spacing-sm) var(--spacing-sm);font-size:.8rem}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xl)}.btn-secondary{flex:1;background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--accent-orange);color:#fff}.btn-submit-main{flex:2;background:var(--accent-orange);border:none;color:#fff;padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #ff6a004d;transition:all .2s}.btn-submit-main:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6a0066}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-main);color:#fff;gap:var(--spacing-lg)}.add-product-main::-webkit-scrollbar{width:6px}.add-product-main::-webkit-scrollbar-track{background:var(--bg-main)}.add-product-main::-webkit-scrollbar-thumb{background:#333;border-radius:var(--radius-sm)}.add-product-main::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}@media(max-width:1024px){.vendor-sidebar{width:260px;padding:var(--spacing-lg) var(--spacing-md)}.add-product-main{padding:var(--spacing-lg) 4%}.form-grid-2col{gap:var(--spacing-lg)}}@media(max-width:768px){.add-product-container{flex-direction:column}.vendor-sidebar{width:100%;height:auto;position:relative;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-right:none;border-bottom:1px solid var(--border-color)}.logo-section{margin-bottom:0}.nav-menu{display:none}.sidebar-footer{margin-top:0;padding-top:0;border-top:none}.footer-top-row{margin-bottom:0}.add-product-main{padding:var(--spacing-lg);overflow-y:auto}.form-grid-2col{grid-template-columns:1fr;gap:var(--spacing-lg)}.lang-status-grid{gap:var(--spacing-lg)}.form-card{padding:var(--spacing-lg)}.tabs-navigation button{padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem}.variant-fields{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-secondary,.btn-submit-main{width:100%}}@media(max-width:480px){.vendor-sidebar{padding:var(--spacing-sm) var(--spacing-md)}.logo-text{font-size:1rem}.logo-icon{width:32px;height:32px}.add-product-main{padding:var(--spacing-md)}.page-header h1{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.form-card{padding:var(--spacing-md)}.tabs-navigation{gap:var(--spacing-xs)}.tabs-navigation button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.tab-tag{display:none}.default-lang-notice{flex-direction:column;text-align:center}.btn-group{width:100%}.btn-group button{flex:1;justify-content:center}.custom-attr{flex-direction:column}.btn-add-attr{width:100%;padding:var(--spacing-sm)}.upload-area{padding:var(--spacing-lg) var(--spacing-md)}}:root{--bg-color: #0b0b0b;--bg-black: #0a0a0a;--bg-sidebar: #0e0e0e;--main-bg: #0b0b0b;--bg-card: #121212;--card-bg: #121212;--border-color: #222222;--text-main: #ffffff;--text-muted: #888888;--brand-orange: #ff6a00;--accent-orange: #ff6a00;--hover-white: rgba(255, 255, 255, .05);--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--info-blue: #3b82f6;--info-purple: #8b5cf6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 999px;--container-max-width: 1400px;--container-padding: 8%}body{background-color:var(--bg-color);color:var(--text-main);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar-track{background:var(--bg-color)}.store-page{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.breadcrumbs{padding:var(--spacing-md) var(--container-padding);font-size:.8rem;color:var(--text-muted);background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);max-width:var(--container-max-width);margin:0 auto;width:100%}.breadcrumbs .current{color:var(--text-main);font-weight:500}.store-banner{height:350px;width:100%;position:relative;overflow:hidden}.banner-img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:transform .3s ease}.store-banner:hover .banner-img{transform:scale(1.02)}.banner-overlay{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to top,var(--bg-color),transparent)}.store-header-container{padding:0 var(--container-padding);position:relative;z-index:10;max-width:var(--container-max-width);margin:0 auto;width:100%}.store-profile-section{display:flex;align-items:flex-end;gap:var(--spacing-xl);margin-top:-60px;padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.profile-image-wrapper{width:140px;height:140px;background:linear-gradient(135deg,var(--bg-color) 0%,var(--card-bg) 100%);border-radius:var(--radius-xl);padding:var(--spacing-xs);border:1px solid var(--border-color);box-shadow:0 8px 32px #0006;transition:transform .3s ease,box-shadow .3s ease}.profile-image-wrapper:hover{transform:translateY(-4px);box-shadow:0 12px 40px #ff6a0033}.profile-image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.store-meta{flex:1;padding-bottom:var(--spacing-sm)}.store-name{font-size:2.5rem;font-weight:800;margin:0 0 var(--spacing-sm) 0;background:linear-gradient(135deg,#fff,#ccc);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-.02em}.stats-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;margin-top:var(--spacing-xs)}.stat-item{color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-full);transition:all .2s ease}.stat-item:hover{background:var(--hover-white);color:var(--text-main)}.stat-badge{background:#ffffff0d;color:var(--text-muted);font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--spacing-xs);border:1px solid var(--border-color);transition:all .2s ease}.stat-badge:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.store-actions{display:flex;gap:var(--spacing-md);padding-bottom:var(--spacing-sm);flex-wrap:wrap}.btn-follow{background:var(--accent-orange);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:700;display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-follow:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 4px 12px #ff6a004d}.btn-follow:active{transform:translateY(0)}.btn-contact{background:transparent;color:var(--text-main);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-contact:hover{background:var(--hover-white);border-color:var(--text-muted);transform:translateY(-1px)}.store-content{padding:var(--spacing-2xl) var(--container-padding);max-width:var(--container-max-width);margin:0 auto;width:100%}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);position:relative}.orange-bar{width:4px;height:28px;background:linear-gradient(180deg,var(--accent-orange) 0%,#ff884d 100%);border-radius:var(--radius-sm)}.section-title h2{font-size:1.6rem;font-weight:700;margin:0;text-transform:capitalize;letter-spacing:-.01em}.section-title h2 span{color:var(--text-muted);font-weight:500;font-size:1.2rem;margin-left:var(--spacing-sm)}.empty-products{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all .3s ease}.empty-products:hover{border-color:#ff6a004d;transform:translateY(-2px)}.empty-icon-wrapper{width:100px;height:100px;background:linear-gradient(135deg,#141414cc,#1e1e1ecc);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#444;margin-bottom:var(--spacing-lg);transition:all .3s ease;border:1px solid var(--border-color)}.empty-products:hover .empty-icon-wrapper{color:var(--accent-orange);border-color:var(--accent-orange);transform:scale(1.05)}.empty-products h3{font-size:1.5rem;margin:0 0 var(--spacing-sm) 0;font-weight:700;color:var(--text-main)}.empty-products p{color:var(--text-muted);font-size:.95rem;max-width:400px;line-height:1.5}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.product-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.product-card:hover{transform:translateY(-4px);border-color:var(--accent-orange);box-shadow:0 8px 24px #0000004d}.product-image{width:100%;aspect-ratio:1;object-fit:cover}.product-info{padding:var(--spacing-md)}.product-name{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-main)}.product-price{font-size:1.1rem;font-weight:700;color:var(--accent-orange);margin-top:var(--spacing-sm)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--bg-color);color:#fff;gap:var(--spacing-lg)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-orange);border-radius:50%;animation:spin 1s linear infinite}.text-brand{color:var(--accent-orange)}@media(max-width:1200px){:root{--container-padding: 6%}.store-name{font-size:2.2rem}.section-title h2{font-size:1.5rem}}@media(max-width:1024px){:root{--container-padding: 5%}.store-profile-section{gap:var(--spacing-lg)}.profile-image-wrapper{width:120px;height:120px}.store-name{font-size:2rem}.stats-row{gap:var(--spacing-sm)}.stat-item{font-size:.85rem}}@media(max-width:900px){.store-profile-section{flex-direction:column;align-items:center;text-align:center;margin-top:-70px;gap:var(--spacing-md)}.store-meta{text-align:center}.stats-row{justify-content:center}.store-actions{width:100%;justify-content:center}.profile-image-wrapper{width:110px;height:110px}.store-name{font-size:1.8rem}.section-title{justify-content:center}.section-title h2{font-size:1.4rem;text-align:center}}@media(max-width:768px){:root{--container-padding: 4%}.store-banner{height:250px}.store-header-container{margin-top:-40px}.store-profile-section{margin-top:-50px}.profile-image-wrapper{width:90px;height:90px}.store-name{font-size:1.5rem}.stat-item{font-size:.8rem}.stat-badge{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.btn-follow,.btn-contact{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.section-title h2{font-size:1.2rem}.section-title h2 span{font-size:1rem}.store-content{padding:var(--spacing-xl) var(--container-padding)}.empty-products{padding:var(--spacing-xl) var(--spacing-md)}.empty-products h3{font-size:1.2rem}.empty-products p{font-size:.85rem}.empty-icon-wrapper{width:80px;height:80px}}@media(max-width:480px){:root{--container-padding: 3%}.breadcrumbs{padding:var(--spacing-sm) var(--container-padding);font-size:.7rem}.store-banner{height:200px}.profile-image-wrapper{width:80px;height:80px}.store-name{font-size:1.3rem}.stats-row{gap:var(--spacing-xs)}.stat-item{font-size:.7rem;gap:var(--spacing-xs)}.stat-badge{font-size:.7rem;padding:2px var(--spacing-sm)}.btn-follow,.btn-contact{padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem}.section-title{margin-bottom:var(--spacing-xl)}.section-title h2{font-size:1.1rem}.section-title h2 span{font-size:.9rem}.orange-bar{height:24px}.store-content{padding:var(--spacing-lg) var(--container-padding)}.empty-icon-wrapper{width:70px;height:70px}.empty-products h3{font-size:1.1rem}}:root{--bg-black: #0a0a0a;--bg-sidebar: #0a0a0a;--main-bg: #000000;--bg-card: #121212;--border-color: #1e1e1e;--text-main: #ffffff;--text-muted: #888888;--brand-orange: #ff6a00;--accent-orange: #ff6a00;--hover-white: rgba(255, 255, 255, .05);--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--info-blue: #3b82f6;--info-purple: #8b5cf6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px}body{background-color:var(--main-bg);color:var(--text-main);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{background:#222;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.vendor-container{display:flex;min-height:100vh;background-color:var(--main-bg);color:var(--text-main)}.vendor-sidebar{width:240px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;padding:var(--spacing-lg) 0}.logo-section{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-lg);margin-bottom:var(--spacing-2xl);cursor:pointer;transition:opacity .2s}.logo-section:hover{opacity:.8}.logo-icon{background:var(--brand-orange);width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;padding:0}.logo-text{font-weight:700;font-size:1.1rem}.nav-label{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted);padding:0 var(--spacing-lg);margin-bottom:var(--spacing-sm);letter-spacing:.05rem;text-transform:uppercase}.nav-menu{flex:1}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-decoration:none;background:none;border:none;width:100%;font-size:.9rem;margin-bottom:var(--spacing-xs)}.nav-item:hover,.nav-item.active{color:var(--text-main);background-color:var(--hover-white)}.nav-item.active{font-weight:500;background-color:#ffffff0d}.nav-item:focus-visible{outline:2px solid var(--brand-orange);outline-offset:-2px}.sidebar-footer{margin-top:auto;padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-lg)}.footer-top-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.language-selector{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-main);cursor:pointer;font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s;background:none;border:none}.language-selector:hover{color:var(--text-main);background-color:var(--hover-white)}.theme-toggle{display:flex;align-items:center;color:var(--text-main);cursor:pointer;transition:opacity .2s;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.theme-toggle:hover{opacity:.8;background-color:var(--hover-white)}.logout-button{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--text-main);transition:transform .2s;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:none;border:none;width:100%}.logout-button:hover{transform:translate(5px);background-color:var(--hover-white)}.logout-text{color:var(--brand-orange);font-size:.9rem;font-weight:500;letter-spacing:.3px}.vendor-main{flex:1;padding:var(--spacing-xl) var(--spacing-2xl);overflow-y:auto}.welcome-banner{background:linear-gradient(90deg,var(--brand-orange) 0%,#d91b42 100%);padding:var(--spacing-xl);border-radius:var(--radius-xl);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.banner-info{display:flex;align-items:center;gap:var(--spacing-lg)}.shop-icon{background:#fff3;padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.banner-text p{font-size:.9rem;opacity:.9;margin:0}.banner-text h2{font-size:2rem;margin:var(--spacing-xs) 0 0 0;font-weight:800}.banner-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-add{background:#fff;color:#d91b42;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all .2s}.btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-view{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.btn-view:hover{background:#ffffff40}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.stat-card{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all .2s}.stat-card:hover{border-color:var(--text-muted)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.stat-title{color:var(--text-muted);font-size:.9rem;font-weight:500}.stat-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-icon-circle.green{background:var(--success-color)}.stat-icon-circle.blue{background:var(--info-blue)}.stat-icon-circle.purple{background:var(--info-purple)}.stat-icon-circle.orange{background:var(--warning-color)}.stat-value{font-size:1.625rem;font-weight:700;margin:0}.stat-trend{font-size:.75rem;color:var(--success-color);margin-top:var(--spacing-xs)}.dashboard-lower{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}.card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:var(--spacing-lg)}.card-header h3{margin:0;font-size:1.125rem;font-weight:600}.card-header p{color:var(--text-muted);font-size:.8rem;margin:var(--spacing-xs) 0 0 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);text-align:center}.empty-icon{opacity:.1;margin-bottom:var(--spacing-md)}.empty-icon svg{width:64px;height:64px}.empty-state p{margin-bottom:var(--spacing-lg)}.actions-list{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.action-row{background:#ffffff05;border:1px solid var(--border-color);padding:var(--spacing-md);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:all .2s}.action-row:hover{background:var(--hover-white);border-color:var(--text-muted)}.row-icon-bg{background:#ff6a001a;padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--brand-orange);display:flex;align-items:center;justify-content:center}.action-row span{flex:1;font-weight:500;font-size:.9rem}.arrow{color:var(--text-muted)}input,select,textarea{background-color:var(--bg-black);border:1px solid var(--border-color);color:var(--text-main);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s;font-family:inherit;font-size:.9rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-orange);box-shadow:0 0 0 2px #ff600033}.table-head{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1.5fr;padding:var(--spacing-md) var(--spacing-lg);background-color:#ffffff05;border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.05rem;text-transform:uppercase}.product-row{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1.5fr;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);align-items:center;transition:background-color .2s}.product-row:hover{background-color:var(--hover-white)}.product-row:last-child{border-bottom:none}.product-info{display:flex;align-items:center;gap:var(--spacing-md)}.product-image{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;background-color:var(--bg-black)}.product-icon{color:var(--text-muted);width:48px;height:48px;padding:9px;background-color:var(--bg-black);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.product-details h4{font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-main)}.product-details p{font-size:.75rem;color:var(--text-muted)}.product-price{font-weight:600;color:var(--text-main)}.product-stock{position:relative;font-weight:500}.stock-low{color:var(--warning-color)}.stock-warning{display:block;font-size:.65rem;color:var(--warning-color);margin-top:var(--spacing-xs);opacity:.8}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.status-badge.inactive{background-color:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.status-badge.pending{background-color:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.product-actions{display:flex;gap:var(--spacing-sm)}.action-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;background:none;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.action-btn.edit{background-color:transparent;color:var(--text-muted);border:1px solid var(--border-color)}.action-btn.edit:hover{background-color:var(--hover-white);color:var(--text-main);border-color:var(--text-muted)}.action-btn.delete{background-color:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.action-btn.delete:hover{background-color:#ef444433}.loading-spinner{text-align:center;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-lower{grid-template-columns:1fr}.table-head,.product-row{grid-template-columns:2.5fr 1fr 1fr 1fr 1.8fr}}@media(max-width:992px){.vendor-sidebar{width:80px;padding:var(--spacing-lg) 0}.logo-section span:not(.logo-icon),.nav-item span:not(.nav-icon),.nav-label,.language-selector span,.logout-text,.footer-top-row span:not(.nav-icon){display:none}.logo-section{justify-content:center;padding:0}.nav-item{justify-content:center;padding:12px 0}.vendor-main{margin-left:0;padding:var(--spacing-lg)}.footer-top-row,.language-selector,.theme-toggle,.logout-button{justify-content:center}.table-head,.product-row{grid-template-columns:2fr .8fr .8fr .8fr 1.5fr;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-sm)}.product-actions{flex-direction:column;gap:var(--spacing-xs)}}@media(max-width:768px){.vendor-main{padding:var(--spacing-md)}.welcome-banner,.banner-info{flex-direction:column;text-align:center}.stats-grid{grid-template-columns:1fr}.table-head{display:none}.product-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.product-info{margin-bottom:var(--spacing-sm)}.product-price,.product-stock,.product-status,.product-actions{padding-left:64px}.product-actions{flex-direction:row;flex-wrap:wrap}.action-btn{min-height:44px;padding:8px 12px}}@media(max-width:480px){.vendor-main{padding:var(--spacing-sm)}.banner-text h2{font-size:1.5rem}.btn-add,.btn-view{padding:8px 12px;font-size:.85rem}.product-price,.product-stock,.product-status,.product-actions{padding-left:56px}.product-image,.product-icon{width:40px;height:40px}}:root{--bg-black: #0a0a0a;--bg-sidebar: #0e0e0e;--bg-card: #121212;--border-color: #1f1f1f;--text-main: #ffffff;--text-muted: #808080;--brand-orange: #ff6000;--hover-white: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,sans-serif}.nav-group{padding:10px 0}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 24px;color:var(--text-muted);cursor:pointer;transition:.2s}.sign-out{color:var(--text-muted)}.sign-out:hover,.lang-toggle:hover{color:var(--text-main)}.header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.title-area h1{font-size:1.8rem;font-weight:700;margin-bottom:4px}.title-area p{color:var(--text-muted)}.content-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.table-head{display:grid;grid-template-columns:1.5fr 2fr 1.5fr 1fr 1.5fr 1fr;padding:16px 24px;background-color:#ffffff05;border-bottom:1px solid var(--border-color)}.th{font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.05rem}.empty-state{padding:100px 0;display:flex;flex-direction:column;align-items:center;text-align:center}.bag-icon-container{color:var(--text-muted);opacity:.3;margin-bottom:16px}.empty-state p{color:var(--text-muted);font-size:1rem}:root{--bg-black: #0a0a0a;--bg-sidebar: #0e0e0e;--bg-card: #121212;--border-color: #1f1f1f;--text-main: #ffffff;--text-muted: #808080;--brand-orange: #ff6000;--dark-orange: #8b3a00;--hover-white: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-black);color:var(--text-main)}.vendor-layout{display:flex;min-height:100vh}.sidebar{width:240px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:fixed}.sidebar-brand{padding:24px;display:flex;align-items:center;gap:12px}.brand-logo{background-color:var(--brand-orange);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.nav-title{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted);padding:0 24px;margin-bottom:12px;letter-spacing:.05rem}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 24px;color:var(--text-muted);cursor:pointer}.nav-link.active{color:var(--text-main);background-color:var(--hover-white)}.sidebar-footer{margin-top:auto;padding:24px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:var(--text-muted)}.lang-toggle,.sign-out{display:flex;align-items:center;gap:10px;font-size:.9rem;cursor:pointer}.main-view{margin-left:240px;flex:1;padding:40px 48px}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-section h1{font-size:2.2rem;font-weight:700}.btn-request{background-color:var(--dark-orange);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;opacity:.8}.balance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.balance-card{padding:30px;border-radius:16px;display:flex;flex-direction:column;gap:20px}.balance-card.orange{background-color:var(--brand-orange)}.balance-card.dark{background-color:#161616;border:1px solid var(--border-color)}.card-header{display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:1.1rem;color:#fff}.balance-card.dark .card-header{color:var(--text-main)}.balance-amount{font-size:2.5rem;font-weight:800;color:#fff}.balance-card.dark .balance-amount{color:var(--text-muted)}.history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.history-section h3{font-size:1.1rem;font-weight:600;margin-bottom:16px}.empty-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}:root{--bg-black: #0a0a0a;--bg-sidebar: #0e0e0e;--main-bg: #0a0a0a;--bg-card: #121212;--card-bg: #121212;--border-color: #1f1f1f;--text-main: #ffffff;--text-muted: #666666;--brand-orange: #ff6000;--accent-orange: #ff6000;--hover-white: rgba(255, 255, 255, .05);--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--trend-up: #22c55e;--trend-down: #ef4444;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px}.sidebar{width:240px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;flex-shrink:0;z-index:10}.nav-title{display:block;font-size:.7rem;font-weight:700;color:#555;padding:0 var(--spacing-lg);margin-bottom:var(--spacing-sm);letter-spacing:.05rem;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);color:#888;cursor:pointer;transition:all .2s;text-decoration:none;background:none;border:none;width:100%;font-size:.9rem}.nav-link:hover{background-color:var(--hover-white);color:var(--text-main)}.nav-link.active{color:var(--text-main);background-color:var(--hover-white);font-weight:500}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);color:#888}.lang-toggle,.sign-out{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;cursor:pointer;transition:all .2s;background:none;border:none;color:#888;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.header-section h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#fff,#aaa);background-clip:text;-webkit-background-clip:text;color:transparent}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.metric-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s}.metric-card:hover{transform:translateY(-2px);border-color:#333}.metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.metric-value{font-size:1.8rem;font-weight:700;color:var(--text-main);margin-bottom:var(--spacing-sm)}.metric-trend{font-size:.7rem;display:flex;align-items:center;gap:var(--spacing-xs)}.trend-up{color:var(--trend-up)}.trend-down{color:var(--trend-down)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.chart-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s}.chart-card:hover{border-color:#333}.chart-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-main)}.chart-container{display:flex;height:200px;gap:var(--spacing-md);position:relative}.y-axis{display:flex;flex-direction:column;justify-content:space-between;color:var(--text-muted);font-size:.75rem;padding-bottom:25px;min-width:35px;text-align:right}.chart-main{flex:1;display:flex;flex-direction:column;position:relative}.grid-lines{flex:1;border-left:1px solid #333;border-bottom:1px solid #333;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hline{width:100%;height:1px;border-top:1px dashed #222;position:relative}.vline{position:absolute;top:0;bottom:0;width:1px;border-left:1px dashed #222}.vline:nth-child(1){left:0%}.vline:nth-child(2){left:16.6%}.vline:nth-child(3){left:33.3%}.vline:nth-child(4){left:50%}.vline:nth-child(5){left:66.6%}.vline:nth-child(6){left:83.3%}.vline:nth-child(7){left:100%}.x-axis{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.7rem;padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.bar-chart-area{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-around;padding:0 5%;gap:var(--spacing-sm)}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);height:100%;justify-content:flex-end}.bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--brand-orange) 0%,#ff884d 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .3s ease;min-width:30px}.bar-label{font-size:.65rem;color:var(--text-muted)}.line-chart-area{position:absolute;inset:0;pointer-events:none}.line-path{position:absolute;bottom:0;left:0;right:0;height:100%;display:flex;align-items:flex-end}.line-svg{width:100%;height:100%}.data-points{position:absolute;bottom:0;left:0;right:0;height:100%;display:flex;justify-content:space-between;padding:0 5%;pointer-events:none}.data-dot{width:8px;height:8px;background-color:var(--brand-orange);border-radius:50%;position:relative;bottom:calc(100% - var(--y-pos));transform:translateY(50%);box-shadow:0 0 6px var(--brand-orange)}.data-dot:after{content:"";position:absolute;width:20px;height:20px;background-color:#ff600033;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.chart-legend{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);font-size:.8rem}.legend-square{width:10px;height:10px;background-color:var(--brand-orange);border-radius:2px}.legend-circle{width:8px;height:8px;border:2px solid var(--brand-orange);border-radius:50%}.legend-text{color:var(--text-muted);font-size:.75rem}.color-orange{color:var(--brand-orange)}.data-line-orange{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--brand-orange);box-shadow:0 0 8px var(--brand-orange)}.analytics-full-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:all .2s}.analytics-full-card:hover{border-color:#333}.analytics-full-card h3{font-size:1rem;margin-bottom:var(--spacing-sm);font-weight:600}.subtitle{color:var(--text-muted);font-size:.8rem;margin-bottom:var(--spacing-lg)}.empty-state-small{height:120px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;border:1px dashed var(--border-color);border-radius:var(--radius-md);background-color:#ffffff05}.p-relative{position:relative}.text-center{text-align:center}@media(max-width:1200px){.metrics-row{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.charts-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.main-view{padding:var(--spacing-xl) var(--spacing-xl)}}@media(max-width:1024px){.sidebar{width:80px}.sidebar-brand .brand-name,.nav-link span:not(.nav-icon),.nav-title,.footer-top span,.sign-out span,.lang-toggle span{display:none}.sidebar-brand{justify-content:center;padding:var(--spacing-lg) 0}.nav-link{justify-content:center;padding:var(--spacing-sm)}.footer-top,.lang-toggle,.sign-out{justify-content:center}.main-view{padding:var(--spacing-lg)}.header-section h1{font-size:1.5rem;margin-bottom:var(--spacing-lg)}}@media(max-width:768px){.vendor-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-right:none;border-bottom:1px solid var(--border-color)}.sidebar-brand{margin-bottom:0;padding:var(--spacing-sm)}.nav-title,.nav-link{display:none}.sidebar-footer{margin-top:0;padding:var(--spacing-sm);border-top:none}.footer-top{margin-bottom:0;gap:var(--spacing-md)}.main-view{padding:var(--spacing-md);overflow-y:auto}.metrics-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.chart-container{height:180px}.bar{min-width:20px}.x-axis{font-size:.6rem}.y-axis{font-size:.65rem;min-width:30px}.metric-value{font-size:1.5rem}}@media(max-width:480px){.main-view{padding:var(--spacing-sm)}.header-section h1{font-size:1.3rem;margin-bottom:var(--spacing-md)}.chart-card{padding:var(--spacing-md)}.chart-card h3{font-size:.9rem;margin-bottom:var(--spacing-md)}.chart-container{height:160px}.metric-card{padding:var(--spacing-md)}.metric-value{font-size:1.3rem}.analytics-full-card{padding:var(--spacing-md)}.bar{min-width:15px}.bar-label,.x-axis{font-size:.55rem}}:root{--bg-black: #0a0a0a;--bg-sidebar: #0e0e0e;--main-bg: #0a0a0a;--bg-card: #121212;--card-bg: #121212;--border-color: #1f1f1f;--text-main: #ffffff;--text-muted: #808080;--brand-orange: #ff6000;--accent-orange: #ff6000;--hover-white: rgba(255, 255, 255, .05);--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--input-bg: #161616;--input-border: #2a2a2a;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px}.btn-create{background-color:var(--brand-orange);color:#fff;border:none;padding:10px 18px;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all .2s}.btn-create:hover{opacity:.9;transform:translateY(-1px)}.btn-create:active{transform:translateY(0)}.table-head{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr 1.2fr 1fr 1fr;padding:var(--spacing-md) var(--spacing-lg);background-color:#ffffff05;border-bottom:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:var(--text-main);letter-spacing:.3px}.modal-container{background-color:#0d0d0d;width:100%;max-width:500px;border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:0 20px 40px #0006;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header h2{font-size:1.4rem;font-weight:700;color:var(--text-main)}.modal-body{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{display:flex;gap:var(--spacing-md)}input,select,textarea{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-main);font-size:.95rem;outline:none;transition:all .2s;font-family:inherit;width:100%}input::placeholder,textarea::placeholder{color:#444}.input-highlight{border-color:#4a2411}.input-highlight:focus{border-color:var(--brand-orange)}.select-wrapper,.date-wrapper{position:relative;display:flex;align-items:center;width:100%}.select-icon,.calendar-icon{position:absolute;right:var(--spacing-md);pointer-events:none;color:#666;font-size:.8rem}.modal-footer{padding:var(--spacing-lg);display:flex;justify-content:flex-end;border-top:1px solid var(--border-color)}.btn-submit{background-color:var(--brand-orange);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.btn-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}.btn-secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;margin-right:var(--spacing-sm)}@media(max-width:1024px){.sidebar{width:80px}.sidebar-brand .brand-name,.nav-link span:not(.nav-icon),.nav-title,.footer-top span,.sign-out span,.lang-toggle span{display:none}.sidebar-brand{justify-content:center;padding:var(--spacing-lg) 0}.nav-link{justify-content:center;padding:var(--spacing-sm)}.footer-top,.lang-toggle,.sign-out{justify-content:center}.main-view{padding:var(--spacing-lg)}.header-section h1{font-size:1.5rem}.table-head{grid-template-columns:1.2fr .8fr .8fr 1fr 1fr .8fr .8fr;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.th{font-size:.75rem}}@media(max-width:768px){.vendor-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-right:none;border-bottom:1px solid var(--border-color)}.sidebar-brand{margin-bottom:0;padding:var(--spacing-sm)}.nav-group{display:none}.sidebar-footer{margin-top:0;padding:var(--spacing-sm);border-top:none}.footer-top{margin-bottom:0;gap:var(--spacing-md)}.main-view{padding:var(--spacing-md);overflow-y:auto}.header-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-section h1{font-size:1.3rem}.table-head{display:none}.empty-state{padding:40px 0}.modal-container{width:95%;margin:var(--spacing-md)}.form-row{flex-direction:column;gap:var(--spacing-md)}.modal-footer{flex-direction:column-reverse;gap:var(--spacing-sm)}.btn-secondary,.btn-submit{width:100%;justify-content:center;margin-right:0}}@media(max-width:480px){.main-view{padding:var(--spacing-sm)}.header-section h1{font-size:1.2rem}.btn-create{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.modal-header h2{font-size:1.2rem}.modal-body{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.form-group label{font-size:.85rem}input,select,textarea{padding:var(--spacing-sm);font-size:.85rem}}:root{--bg-black: #0a0a0a;--bg-sidebar: #0e0e0e;--main-bg: #0a0a0a;--bg-card: #121212;--card-bg: #121212;--input-bg: #121212;--border-color: #1f1f1f;--text-main: #ffffff;--text-muted: #808080;--brand-orange: #ff6000;--accent-orange: #ff6000;--hover-white: rgba(255, 255, 255, .05);--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ff4444;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg-black);color:var(--text-main);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-black)}::-webkit-scrollbar-thumb{background:#333;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--brand-orange)}.vendor-layout{display:flex;min-height:100vh;background-color:var(--bg-black);overflow:hidden}.sidebar{width:240px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;flex-shrink:0}.sidebar-brand{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:opacity .2s}.sidebar-brand:hover{opacity:.8}.brand-logo{background-color:var(--brand-orange);width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.brand-name{font-weight:700;font-size:1.1rem}.nav-group{padding:var(--spacing-sm) 0}.nav-title{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted);padding:0 var(--spacing-lg);margin-bottom:var(--spacing-sm);letter-spacing:.05rem;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);color:var(--text-muted);cursor:pointer;transition:all .2s;text-decoration:none;background:none;border:none;width:100%;font-size:.9rem}.nav-link:hover,.nav-link.active{color:var(--text-main);background-color:var(--hover-white)}.nav-link.active{font-weight:500}.nav-link:focus-visible{outline:2px solid var(--brand-orange);outline-offset:-2px}.sidebar-footer{margin-top:auto;padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);color:var(--text-muted)}.lang-toggle,.sign-out{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;cursor:pointer;transition:all .2s;background:none;border:none;color:var(--text-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.lang-toggle:hover,.sign-out:hover{color:var(--text-main);background-color:var(--hover-white)}.lang-toggle:focus-visible,.sign-out:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}.main-view{flex:1;padding:var(--spacing-xl) var(--spacing-2xl);overflow-y:auto;background-color:var(--bg-black);min-width:0;position:relative;z-index:1}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.header-section h1{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#fff,#ccc);background-clip:text;-webkit-background-clip:text;color:transparent}button,.btn{cursor:pointer;font-weight:600;border-radius:var(--radius-md);transition:all .2s;font-size:.9rem;font-family:inherit;background:none;border:none;display:inline-flex;align-items:center;gap:var(--spacing-sm)}button:focus-visible,.btn:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}.btn-create-ad{background-color:var(--brand-orange);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all .2s}.btn-create-ad:hover{opacity:.9;transform:translateY(-1px)}.btn-create-ad:active{transform:translateY(0)}.btn-outline{background:transparent;color:#fff;border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md)}.btn-outline:hover{background:var(--hover-white);border-color:var(--text-muted)}.btn-filled{background:var(--brand-orange);color:#fff;border:none;padding:10px 18px}.btn-filled:hover{background:#ff7000;transform:translateY(-1px)}.content-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.table-head{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1.2fr 1fr 1fr;padding:var(--spacing-md) var(--spacing-lg);background-color:#ffffff05;border-bottom:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:var(--text-main);letter-spacing:.3px}.table-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1.2fr 1fr 1fr;padding:14px var(--spacing-lg);border-bottom:1px solid var(--border-color);font-size:.9rem;transition:background-color .2s;align-items:center}.table-row:hover{background-color:var(--hover-white)}.table-row:last-child{border-bottom:none}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-active{background-color:#ff600026;color:var(--brand-orange);border:1px solid rgba(255,96,0,.2)}.status-pending{background-color:#80808033;color:var(--text-muted);border:1px solid rgba(128,128,128,.2)}.status-expired{background-color:#ff44441a;color:var(--error-color);border:1px solid rgba(255,68,68,.2)}.action-buttons{display:flex;gap:var(--spacing-sm)}.action-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;transition:all .2s;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{color:var(--brand-orange);background-color:var(--hover-white)}.empty-state{padding:60px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state p{color:var(--text-muted);font-size:.95rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background-color:var(--bg-card);width:95%;max-width:550px;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000080;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--text-main)}.close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:var(--radius-sm)}.close-btn:hover{color:var(--text-main);background-color:var(--hover-white)}.modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-main)}.required-star{color:var(--brand-orange);margin-left:2px}.form-row{display:flex;gap:var(--spacing-lg)}.flex-1{flex:1}.select-wrapper{position:relative;display:flex;align-items:center;width:100%}input,select,textarea{width:100%;background-color:var(--input-bg);border:1px solid #222;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-main);font-size:.9rem;outline:none;transition:all .2s;font-family:inherit}textarea{resize:vertical;min-height:80px}input::placeholder,textarea::placeholder{color:#555}select{appearance:none;cursor:pointer;padding-right:var(--spacing-xl)}.select-icon{position:absolute;right:var(--spacing-md);color:#555;pointer-events:none;font-size:.8rem}input:focus,select:focus,textarea:focus{border-color:var(--brand-orange);outline:none;box-shadow:0 0 0 2px #ff600033}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-orange)}.checkbox-group label{margin:0;cursor:pointer;font-weight:400;font-size:.9rem;color:var(--text-main)}.modal-footer{padding:var(--spacing-lg);display:flex;justify-content:flex-end;border-top:1px solid var(--border-color);gap:var(--spacing-sm)}.btn-place-bid{background-color:var(--brand-orange);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.btn-place-bid:hover{opacity:.9;transform:translateY(-1px)}.btn-place-bid:active{transform:scale(.98)}.btn-secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--hover-white);color:var(--text-main);border-color:var(--text-muted)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-black);color:#fff;gap:var(--spacing-lg)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--brand-orange);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:40px;height:40px;margin:0 auto var(--spacing-md);border:3px solid rgba(255,96,0,.1);border-top:3px solid var(--brand-orange);border-radius:50%;animation:spin 1s linear infinite}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand-orange)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}@media(max-width:1024px){.sidebar{width:80px}.sidebar-brand .brand-name,.nav-link span:not(.nav-icon),.nav-title,.footer-top span,.sign-out span,.lang-toggle span{display:none}.sidebar-brand{justify-content:center;padding:var(--spacing-lg) 0}.nav-link{justify-content:center;padding:var(--spacing-sm)}.footer-top,.lang-toggle,.sign-out{justify-content:center}.main-view{padding:var(--spacing-lg)}.table-head,.table-row{grid-template-columns:1.5fr 1fr 1fr .8fr .8fr .8fr;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.th,.table-row>div{font-size:.8rem}}@media(max-width:768px){.vendor-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-right:none;border-bottom:1px solid var(--border-color)}.sidebar-brand{margin-bottom:0;padding:var(--spacing-sm)}.nav-group{display:none}.sidebar-footer{margin-top:0;padding:var(--spacing-sm);border-top:none}.footer-top{margin-bottom:0;gap:var(--spacing-md)}.main-view{padding:var(--spacing-md);overflow-y:auto}.header-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-section h1{font-size:1.5rem}.table-head{display:none}.table-row{display:flex;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm)}.table-row>div{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;width:100%}.table-row>div:before{content:attr(data-label);font-weight:600;color:var(--text-muted);margin-right:var(--spacing-sm)}.action-buttons{justify-content:flex-start;margin-top:var(--spacing-xs)}.modal-container{width:95%;margin:var(--spacing-md)}.form-row{flex-direction:column;gap:var(--spacing-md)}.modal-footer{flex-direction:column-reverse}.btn-secondary,.btn-place-bid{width:100%;justify-content:center}}@media(max-width:480px){.main-view{padding:var(--spacing-sm)}.header-section h1{font-size:1.3rem}.btn-create-ad{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:var(--spacing-md)}.form-group label{font-size:.85rem}input,select,textarea{padding:var(--spacing-sm);font-size:.85rem}}:root{--bg-black: #0a0a0a;--bg-sidebar: #0e0e0e;--bg-card: #121212;--border-color: #1f1f1f;--text-main: #ffffff;--text-muted: #808080;--brand-orange: #ff6000}.settings-page{padding-bottom:80px!important}.settings-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.settings-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.card-header-text h3{font-size:1.1rem;margin-bottom:6px}.card-header-text p{color:var(--text-muted);font-size:.85rem;margin-bottom:20px}.translation-progress-box{background-color:#1a1a1a;border-radius:10px;padding:20px;margin-bottom:24px;border:1px solid #222}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;font-size:.95rem}.progress-badge{background:#ffffff1a;padding:4px 10px;border-radius:20px;font-size:.8rem}.lang-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lang-status{display:flex;align-items:center;gap:10px;opacity:.6}.lang-status.active{opacity:1}.flag{font-size:.7rem;font-weight:800;color:var(--text-muted)}.lang-name{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600}.status-text{font-size:.75rem;color:#555}.status-text.orange{color:var(--brand-orange)}.lang-tabs{display:flex;border-bottom:1px solid #222;margin-bottom:24px}.tab-item{background:transparent;border:none;color:var(--text-muted);padding:12px 20px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px}.tab-item.active{color:#fff;border-bottom:2px solid var(--brand-orange)}.default-tag{font-size:.7rem;background:#222;padding:2px 6px;border-radius:4px}.lang-title-row{display:flex;align-items:center;gap:15px;margin-bottom:20px}.flag-large{font-weight:900;color:#333;font-size:1.2rem}.lang-label-group h4{font-size:1rem}.lang-label-group p{color:#555;font-size:.8rem}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:600}.text-red{color:#f44}textarea{background-color:#161616;border:1px solid #2a2a2a;border-radius:8px;padding:12px;color:#fff;min-height:100px;resize:vertical}.translation-status-footer{display:flex;align-items:center;gap:15px;padding-top:15px;border-top:1px solid #222}.status-label{font-size:.8rem;font-weight:700;color:#444}.status-indicators{display:flex;gap:10px}.status-pill{font-size:.75rem;display:flex;align-items:center;gap:4px}.status-pill.success{color:#4ade80}.status-pill.error{color:#f87171}.in-progress-tag{margin-left:auto;color:var(--brand-orange);font-size:.8rem;display:flex;align-items:center;gap:5px}.progress-bar-container{margin-top:10px}.progress-gradient-bar{height:10px;background:linear-gradient(to right,#f87171,#facc15,#4ade80);border-radius:10px;position:relative}.progress-pointer{position:absolute;top:-5px;width:4px;height:20px;background-color:#fff;border-radius:2px}.progress-hint{margin-top:12px;font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.upload-zone{border:2px dashed #333;border-radius:12px;padding:40px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;color:var(--text-muted);transition:border-color .2s}.upload-zone:hover{border-color:var(--brand-orange)}.upload-zone p{font-size:.9rem;color:#ccc}.upload-zone span{font-size:.75rem}.btn-save-changes{background-color:var(--brand-orange);color:#fff;border:none;padding:14px;border-radius:8px;font-weight:700;cursor:pointer;margin-top:10px;width:150px}:root{--bg-dark: #050505;--card-bg: #121212;--border-light: rgba(255, 255, 255, .05);--text-muted: #888888;--accent-orange: #ff6a00;--accent-hover: #ff8533}.cart-page{background-color:var(--bg-dark, #050505);color:#fff;min-height:100vh;font-family:Inter,sans-serif}.cart-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 200px)}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .05))}.cart-header h1{display:flex;align-items:center;gap:.75rem;font-size:1.8rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#ff6a00,#a85821);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-header p{color:var(--text-muted, #888888);font-size:1rem}.cart-content{display:grid;grid-template-columns:1fr 380px;gap:2rem}.cart-items{background:var(--card-bg, #121212);border-radius:12px;border:1px solid var(--border-light, rgba(255, 255, 255, .05));overflow:hidden}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto auto;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .05));transition:background-color .2s}.cart-item:hover{background-color:#ff6a000d}.item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light, rgba(255, 255, 255, .05))}.no-image{font-size:.75rem;color:var(--text-muted, #888888);text-align:center}.item-details h3{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.item-price{color:var(--accent-orange, #ff6a00);font-weight:600;font-size:.9rem}.item-quantity{display:flex;align-items:center;gap:.5rem;background-color:#1a1a1a;border-radius:8px;padding:.25rem;border:1px solid var(--border-light, rgba(255, 255, 255, .05))}.qty-btn{width:28px;height:28px;border-radius:6px;background:var(--card-bg, #121212);border:1px solid var(--border-light, rgba(255, 255, 255, .05));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#fff}.qty-btn:hover:not(:disabled){background-color:var(--accent-orange, #ff6a00);border-color:var(--accent-orange, #ff6a00);color:#fff}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.item-quantity span{min-width:32px;text-align:center;font-weight:500;color:#fff}.item-subtotal{font-weight:600;color:#fff;min-width:100px;text-align:right}.remove-item{background:none;border:none;cursor:pointer;color:#ef4444;padding:.5rem;border-radius:6px;transition:all .2s}.remove-item:hover:not(:disabled){background-color:#ef44441a}.remove-item:disabled{opacity:.5;cursor:not-allowed}.cart-actions{display:flex;justify-content:space-between;padding:1.5rem;background-color:#0003;border-top:1px solid var(--border-light, rgba(255, 255, 255, .05))}.clear-cart-btn,.continue-shopping{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.clear-cart-btn{background:none;border:1px solid #ef4444;color:#ef4444}.clear-cart-btn:hover{background-color:#ef44441a}.continue-shopping{background:none;border:1px solid var(--border-light, rgba(255, 255, 255, .05));color:var(--text-muted, #888888)}.continue-shopping:hover{background-color:#ff6a001a;border-color:var(--accent-orange, #ff6a00);color:var(--accent-orange, #ff6a00)}.cart-summary{background:var(--card-bg, #121212);border-radius:12px;border:1px solid var(--border-light, rgba(255, 255, 255, .05));padding:1.5rem;position:sticky;top:1rem;height:fit-content}.cart-summary h3{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .05));color:#fff}.summary-details{margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between;padding:.75rem 0;color:var(--text-muted, #888888)}.summary-row.total{border-top:1px solid var(--border-light, rgba(255, 255, 255, .05));margin-top:.5rem;padding-top:1rem;font-weight:700;font-size:1.1rem;color:#fff}.discount-row{display:flex;justify-content:space-between;padding:.5rem 0;color:#10b981;font-weight:500}.coupon-section{margin:1rem 0}.coupon-input-wrapper{display:flex;gap:.5rem;margin-bottom:.5rem}.coupon-input-wrapper input{flex:1;padding:.75rem;background-color:#1a1a1a;border:1px solid var(--border-light, rgba(255, 255, 255, .05));border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s;color:#fff}.coupon-input-wrapper input:focus{border-color:var(--accent-orange, #ff6a00)}.coupon-input-wrapper input::placeholder{color:var(--text-muted, #888888)}.apply-coupon-btn{padding:.75rem 1rem;background:linear-gradient(135deg,#ff6a00,#a85821);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.apply-coupon-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff6a004d}.apply-coupon-btn:disabled{opacity:.6;cursor:not-allowed}.checkout-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#ff6a00,#a85821);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;margin-bottom:1rem}.checkout-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6a004d}.delivery-info{border-top:1px solid var(--border-light, rgba(255, 255, 255, .05));padding-top:1rem}.info-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.85rem;color:var(--text-muted, #888888)}.cart-empty,.cart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.empty-cart-icon{color:var(--text-muted, #888888);margin-bottom:1.5rem}.cart-empty h2{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.cart-empty p{color:var(--text-muted, #888888);margin-bottom:2rem}.continue-shopping-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff6a00,#a85821);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.continue-shopping-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6a004d}.spinner{width:50px;height:50px;border:3px solid var(--border-light, rgba(255, 255, 255, .05));border-top-color:var(--accent-orange, #ff6a00);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.spinner-small{width:20px;height:20px;border:2px solid var(--border-light, rgba(255, 255, 255, .05));border-top-color:var(--accent-orange, #ff6a00);border-radius:50%;animation:spin .6s linear infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.cart-item.added{animation:pulse .3s ease}.cart-item.updating{opacity:.7;pointer-events:none}.modal-overlay{position:fixed;inset:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg, #121212);border-radius:16px;padding:2rem;max-width:450px;width:90%;position:relative;text-align:center;border:1px solid var(--border-light, rgba(255, 255, 255, .05))}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--text-muted, #888888);transition:color .2s}.modal-close:hover{color:#fff}.modal-icon{display:flex;justify-content:center;margin-bottom:1rem;color:var(--accent-orange, #ff6a00)}.modal-content h2{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.modal-content p{color:var(--text-muted, #888888);margin-bottom:1.5rem}.modal-details{background-color:#1a1a1a;border-radius:12px;padding:1rem;margin:1.5rem 0}.modal-row{display:flex;justify-content:space-between;padding:.75rem 0;color:var(--text-muted, #888888)}.modal-row.total{border-top:1px solid var(--border-light, rgba(255, 255, 255, .05));margin-top:.5rem;padding-top:1rem;color:#fff;font-weight:600}.modal-buttons{display:flex;gap:1rem}.cancel-btn,.confirm-btn{flex:1;padding:.875rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:none;border:1px solid var(--border-light, rgba(255, 255, 255, .05));color:var(--text-muted, #888888)}.cancel-btn:hover:not(:disabled){background:#ffffff0d}.confirm-btn{background:linear-gradient(135deg,var(--accent-orange, #ff6a00),#a85821);border:none;color:#fff}.confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff6a004d}.confirm-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.remove-coupon-btn{padding:.75rem 1rem;background:#1a1a1a;border:1px solid var(--border-light, rgba(255, 255, 255, .05));border-radius:8px;color:var(--text-muted, #888888);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;width:100%;justify-content:center}.remove-coupon-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}@media(max-width:768px){.cart-content{grid-template-columns:1fr}.cart-item{grid-template-columns:80px 1fr;grid-template-areas:"image details" "image quantity" "subtotal subtotal" "remove remove";gap:.75rem}.item-image{grid-area:image}.item-details{grid-area:details}.item-quantity{grid-area:quantity;justify-self:start}.item-subtotal{grid-area:subtotal;text-align:left}.remove-item{grid-area:remove;justify-self:start}.cart-actions{flex-direction:column;gap:.75rem}.clear-cart-btn,.continue-shopping{justify-content:center}.cart-summary{position:static}.modal-content{width:95%;padding:1.5rem}.modal-buttons{flex-direction:column}.modal-row{font-size:.9rem}}:root{--nav-bg: #ffffff;--bg-main: #f8f9fa;--bg-secondary: #f0f2f5;--text-primary: #1a1a1a;--text-secondary: #65676b;--border-color: #e4e6eb;--input-bg: #f0f2f5;--accent-color: #ff6000;--card-bg: #ffffff}html.dark{--nav-bg: #050505;--bg-main: #050505;--bg-secondary: #111111;--text-primary: #ffffff;--text-secondary: #888888;--border-color: #222222;--input-bg: #1a1a1a;--accent-color: #ff6600;--card-bg: rgba(20, 20, 20, .8)}body{background-color:var(--bg-main);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;margin:0;font-family:Inter,sans-serif}.bzm-form-container{flex:1;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:2rem}.bzm-form-box{max-width:450px;width:100%;background:#fff;padding:2.5rem;border-radius:24px;box-shadow:0 4px 20px #0000000d;border:1px solid #e5e7eb;animation:fadeInRight .6s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.bzm-form-title{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px;text-align:center}.bzm-form-subtitle{color:#6b7280;text-align:center;margin-bottom:32px;font-size:14px}.bzm-input-group{margin-bottom:24px}.bzm-label-split{display:flex;justify-content:space-between;align-items:center}.bzm-forgot{font-size:12px;color:#ff6000;text-decoration:none;transition:color .2s}.bzm-forgot:hover{color:#e55a00;text-decoration:underline}.bzm-input-group input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;background-color:#f9fafb;color:#1a1a1a;transition:all .2s}.bzm-input-group input:focus{outline:none;border-color:#ff6000;box-shadow:0 0 0 3px #ff60001a;background-color:#fff}.bzm-input-group input::placeholder{color:#9ca3af}.bzm-input-group input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.bzm-pass-wrapper{position:relative}.bzm-pass-wrapper input{padding-right:48px}.bzm-eye-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;transition:color .2s;padding:0;display:flex;align-items:center}.bzm-eye-btn:hover{color:#ff6000}.bzm-eye-btn:disabled{cursor:not-allowed;opacity:.5}.bzm-remember-row{margin-bottom:24px}.bzm-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#4b5563}.bzm-checkbox-label input{display:none}.bzm-custom-check{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:inline-block;position:relative;transition:all .2s}.bzm-checkbox-label input:checked+.bzm-custom-check{background-color:#ff6000;border-color:#ff6000}.bzm-checkbox-label input:checked+.bzm-custom-check:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}.bzm-btn-submit{width:100%;background:#ff6000;color:#fff;border:none;padding:14px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px}.bzm-btn-submit:hover:not(:disabled){background:#e55a00;transform:translateY(-2px);box-shadow:0 8px 20px #ff600033}.bzm-btn-submit:active:not(:disabled){transform:translateY(0)}.bzm-btn-submit:disabled{opacity:.7;cursor:not-allowed}.bzm-loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.bzm-divider{text-align:center;position:relative;margin:24px 0}.bzm-divider:before,.bzm-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 80px);height:1px;background-color:#e5e7eb}.bzm-divider:before{left:0}.bzm-divider:after{right:0}.bzm-divider span{background-color:#fff;padding:0 16px;color:#9ca3af;font-size:14px}.bzm-signup-footer{text-align:center}.bzm-signup-link{display:inline-flex;align-items:center;gap:8px;color:#ff6000;text-decoration:none;font-weight:600;transition:gap .2s}.bzm-signup-link:hover{gap:12px;color:#e55a00}@media(max-width:640px){.bzm-form-box{padding:1.5rem}.bzm-form-title{font-size:24px}}.bzm-reg-main{flex:1;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:2rem;overflow-y:auto;max-height:100vh}.bzm-reg-form-container{max-width:550px;width:100%;background:#fff;padding:2.5rem;border-radius:24px;box-shadow:0 4px 20px #0000000d;border:1px solid #e5e7eb;position:relative;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bzm-cancel-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#ef4444;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:6px;font-weight:500}.bzm-cancel-btn:hover{background-color:#fee2e2}.bzm-error-message{background-color:#fee2e2;border-left:4px solid #ef4444;padding:12px 16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:8px;color:#dc2626;font-size:14px}.bzm-step-header{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px;text-align:center}.bzm-step-info{color:#6b7280;text-align:center;margin-bottom:24px;font-size:14px}.bzm-progress-bar{width:100%;height:4px;background-color:#e5e7eb;border-radius:4px;margin-bottom:32px;overflow:hidden}.bzm-progress-fill{height:100%;background:linear-gradient(90deg,#ff6000,#ff8533);border-radius:4px;transition:width .3s ease}.bzm-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.bzm-acc-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .2s;position:relative}.bzm-acc-card:hover{border-color:#ff6000;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.bzm-acc-card.active{border-color:#ff6000;background:#ff60000d}.bzm-check{position:absolute;top:12px;right:12px;color:#ff6000}.bzm-acc-card svg{color:#ff6000;margin-bottom:12px}.bzm-acc-card h3{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.bzm-acc-card p{font-size:13px;color:#6b7280}.bzm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.bzm-form-single-col{margin-bottom:32px}.bzm-input-group{margin-bottom:0}.bzm-input-group label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:8px;font-size:14px}.bzm-input-group input,.bzm-input-group textarea{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;background-color:#f9fafb;color:#1a1a1a;transition:all .2s;font-family:inherit}.bzm-input-group input:focus,.bzm-input-group textarea:focus{outline:none;border-color:#ff6000;box-shadow:0 0 0 3px #ff60001a;background-color:#fff}.bzm-input-group input::placeholder,.bzm-input-group textarea::placeholder{color:#9ca3af}.bzm-input-group input:disabled,.bzm-input-group textarea:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.bzm-input-group textarea{resize:vertical;min-height:100px}.bzm-nav-btns{display:flex;justify-content:space-between;gap:16px;margin-top:8px}.bzm-btn-back,.bzm-btn-next,.bzm-btn-create{padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;border:none}.bzm-btn-back{background-color:#f3f4f6;color:#4b5563}.bzm-btn-back:hover:not(:disabled){background-color:#e5e7eb}.bzm-btn-next,.bzm-btn-create{background-color:#ff6000;color:#fff}.bzm-btn-next:hover:not(:disabled),.bzm-btn-create:hover:not(:disabled){background-color:#e55a00;transform:translateY(-2px);box-shadow:0 4px 12px #ff600033}.bzm-btn-next:active:not(:disabled),.bzm-btn-create:active:not(:disabled){transform:translateY(0)}.bzm-btn-back:disabled,.bzm-btn-next:disabled,.bzm-btn-create:disabled{opacity:.6;cursor:not-allowed}.bzm-logo-upload-wrapper{display:flex;align-items:center;gap:20px;padding:16px;background-color:#f9fafb;border-radius:12px;border:1px dashed #e5e7eb}.bzm-logo-circle{width:80px;height:80px;border-radius:50%;background-color:#fff;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden}.bzm-muted-icon{color:#9ca3af}.bzm-upload-text{flex:1}.bzm-text-main{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.bzm-text-sub{font-size:12px;color:#6b7280;margin-bottom:8px}.bzm-upload-text input{font-size:12px;color:#6b7280}.bzm-banner-upload-box{position:relative;width:100%;padding:40px 20px;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;text-align:center;cursor:pointer;transition:all .2s;overflow:hidden}.bzm-banner-upload-box:hover{border-color:#ff6000;background-color:#ff60000d}.bzm-banner-upload-box span{color:#6b7280;font-size:14px;pointer-events:none}.bzm-fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.bzm-reg-switch{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb;font-size:14px;color:#6b7280}.bzm-reg-link{display:inline-flex;align-items:center;gap:4px;color:#ff6000;text-decoration:none;font-weight:600;transition:gap .2s}.bzm-reg-link:hover{gap:8px;color:#e55a00}@media(max-width:768px){.bzm-reg-main{padding:1rem}.bzm-reg-form-container{padding:1.5rem}.bzm-form-grid{grid-template-columns:1fr;gap:16px}.bzm-account-grid{gap:12px}.bzm-acc-card{padding:16px}.bzm-step-header{font-size:24px}.bzm-nav-btns{flex-direction:column}.bzm-btn-back,.bzm-btn-next,.bzm-btn-create{justify-content:center}.bzm-logo-upload-wrapper{flex-direction:column;text-align:center}.bzm-cancel-btn{position:relative;top:0;right:0;margin-bottom:16px;justify-content:center;width:100%}}.vendor-container{display:flex;min-height:100vh;background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.vendor-sidebar{width:280px;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:all .3s ease}.logo-section{display:flex;align-items:center;gap:12px;padding:24px 20px;cursor:pointer;border-bottom:1px solid #e5e7eb;transition:background-color .2s}.logo-section:hover{background-color:#f9fafb}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#ff6000,#ff8533);border-radius:10px;display:flex;align-items:center;justify-content:center}.logo-text{font-size:18px;font-weight:700;color:#1a1a1a}.nav-menu{flex:1;padding:20px 16px}.nav-label{font-size:12px;font-weight:600;color:#9ca3af;letter-spacing:.5px;margin-bottom:16px;padding-left:12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:12px;cursor:pointer;color:#4b5563;font-size:14px;font-weight:500;transition:all .2s}.nav-item:hover{background-color:#f9fafb;color:#ff6000}.nav-item.active{background:linear-gradient(135deg,#ff60001a,#ff85331a);color:#ff6000}.nav-item svg{width:20px;height:20px}.logout-button{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;color:#ef4444;font-size:14px;font-weight:500;transition:all .2s}.logout-button:hover{background-color:#fee2e2}.logout-text{color:#ef4444}.vendor-main{flex:1;margin-left:280px;padding:24px 32px;background-color:#f9fafb;min-height:100vh}.welcome-banner{background:linear-gradient(135deg,#ff6000,#ff8533);border-radius:20px;padding:28px 32px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.banner-info{display:flex;align-items:center;gap:20px}.shop-icon{width:52px;height:52px;background:#fff3;border-radius:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banner-text p{color:#ffffffe6;font-size:14px;margin-bottom:4px}.banner-text h2{color:#fff;font-size:24px;font-weight:700;margin:0}.banner-buttons{display:flex;gap:12px}.btn-add,.btn-view{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-add{background-color:#fff;color:#ff6000}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-view{background-color:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-view:hover{background-color:#ffffff4d;transform:translateY(-2px)}.stat-card{background-color:#fff;border-radius:20px;padding:20px;border:1px solid #e5e7eb;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-title{font-size:14px;font-weight:500;color:#6b7280}.stat-icon-circle{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-circle.orange{background-color:#ff60001a;color:#ff6000}.stat-icon-circle.green{background-color:#10b9811a;color:#10b981}.stat-icon-circle.blue{background-color:#3b82f61a;color:#3b82f6}.stat-icon-circle.purple{background-color:#8b5cf61a;color:#8b5cf6}.stat-content h3{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.stat-trend{font-size:13px;color:#10b981;margin:0}.dashboard-lower{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background-color:#fff;border-radius:20px;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s}.card-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.card-header h3{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.card-header p{font-size:13px;color:#6b7280;margin:0}.empty-state{padding:48px 24px;text-align:center;color:#9ca3af}.empty-icon{color:#d1d5db;margin-bottom:12px}.empty-state p{font-size:14px;margin:0}.recent-orders{cursor:pointer}.actions-list{padding:8px 0}.action-row{display:flex;align-items:center;gap:12px;padding:16px 24px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f3f4f6}.action-row:last-child{border-bottom:none}.action-row:hover{background-color:#f9fafb}.row-icon-bg{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.row-icon-bg.orange{background-color:#ff60001a;color:#ff6000}.action-row span{flex:1;font-size:14px;font-weight:500;color:#1a1a1a}.arrow{color:#9ca3af;transition:transform .2s}.action-row:hover .arrow{transform:translate(4px);color:#ff6000}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.vendor-sidebar{width:80px}.logo-text,.nav-label,.nav-item span,.logout-text{display:none}.nav-item{justify-content:center;padding:12px}.logout-button{justify-content:center}.vendor-main{margin-left:80px}}@media(max-width:768px){.vendor-main{margin-left:0;padding:16px}.vendor-sidebar{transform:translate(-100%);position:fixed;z-index:1000}.vendor-sidebar.open{transform:translate(0)}.stats-grid,.dashboard-lower{grid-template-columns:1fr}.welcome-banner,.banner-info{flex-direction:column;text-align:center}.banner-buttons{flex-direction:column;width:100%}.btn-add,.btn-view{justify-content:center}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.vendor-layout{display:flex;min-height:100vh;background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar{width:280px;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:24px 20px;cursor:pointer;border-bottom:1px solid #e5e7eb;transition:background-color .2s}.sidebar-brand:hover{background-color:#f9fafb}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,#ff6000,#ff8533);border-radius:10px;display:flex;align-items:center;justify-content:center}.brand-name{font-size:18px;font-weight:700;color:#1a1a1a}.nav-group{flex:1;padding:20px 16px}.nav-title{font-size:12px;font-weight:600;color:#9ca3af;letter-spacing:.5px;margin-bottom:16px;display:block;padding-left:12px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:12px;cursor:pointer;color:#4b5563;font-size:14px;font-weight:500;transition:all .2s}.nav-link:hover{background-color:#f9fafb;color:#ff6000}.nav-link.active{background:linear-gradient(135deg,#ff60001a,#ff85331a);color:#ff6000}.nav-icon{display:flex;align-items:center;width:20px}.sidebar-footer{padding:20px;border-top:1px solid #e5e7eb}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 0}.lang-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;color:#4b5563;font-size:14px;transition:all .2s}.lang-toggle:hover{background-color:#f9fafb;color:#ff6000}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer;color:#4b5563;transition:all .2s}.theme-toggle:hover{background-color:#f9fafb;color:#ff6000}.sign-out{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;color:#ef4444;font-size:14px;font-weight:500;transition:all .2s}.sign-out:hover{background-color:#fee2e2}.main-view{flex:1;margin-left:280px;padding:24px 32px;background-color:#f9fafb;min-height:100vh}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.title-area h1{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.title-area p{font-size:14px;color:#6b7280;margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.verified-badge{display:inline-flex;align-items:center;gap:4px;background-color:#d1fae5;color:#10b981;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:600}.action-area{display:flex;gap:12px}.btn-outline{display:flex;align-items:center;gap:8px;background-color:#fff;border:1px solid #e5e7eb;color:#4b5563;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline:hover{border-color:#ff6000;color:#ff6000;background-color:#fff5f0}.btn-filled{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6000,#ff8533);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-filled:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff600033}.btn-large{padding:12px 24px;font-size:14px}.content-card{background-color:#fff;border-radius:20px;border:1px solid #e5e7eb;overflow:hidden}.table-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;background-color:#f9fafb;padding:16px 20px;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.product-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;align-items:center;padding:16px 20px;border-bottom:1px solid #f3f4f6;transition:all .2s}.product-row:hover{background-color:#f9fafb}.product-info{display:flex;align-items:center;gap:16px}.product-image{width:56px;height:56px;border-radius:12px;object-fit:cover;background-color:#f9fafb;border:1px solid #e5e7eb}.product-icon{width:56px;height:56px;padding:12px;background-color:#f9fafb;border-radius:12px;color:#9ca3af;border:1px solid #e5e7eb}.product-details h4{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.product-details p{font-size:12px;color:#9ca3af;margin:0}.product-price{font-size:16px;font-weight:700;color:#1a1a1a}.product-stock{font-size:14px;font-weight:500;color:#10b981}.product-stock.stock-low{color:#ef4444}.stock-warning{display:block;font-size:11px;color:#ef4444;margin-top:4px}.product-status{display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.active{background-color:#d1fae5;color:#10b981}.status-badge.inactive{background-color:#fee2e2;color:#ef4444}.status-badge.draft{background-color:#fef3c7;color:#f59e0b}.product-actions{display:flex;gap:12px}.action-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.action-btn.edit{background-color:#f9fafb;color:#ff6000;border:1px solid #e5e7eb}.action-btn.edit:hover{background-color:#ff6000;color:#fff;border-color:#ff6000;transform:translateY(-1px)}.action-btn.delete{background-color:#fee2e2;color:#ef4444;border:1px solid #fee2e2}.action-btn.delete:hover{background-color:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner-small{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#ff6000;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.loading-state p{color:#6b7280;font-size:14px;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.box-icon-container{width:80px;height:80px;background-color:#f9fafb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#9ca3af}.empty-state p{font-size:14px;color:#6b7280;margin-bottom:24px}@media(max-width:1024px){.sidebar{width:80px}.brand-name,.nav-title,.nav-label,.lang-toggle span,.sign-out span{display:none}.nav-link{justify-content:center;padding:12px}.footer-top{flex-direction:column;gap:8px}.lang-toggle,.theme-toggle{justify-content:center}.main-view{margin-left:80px}}@media(max-width:1024px){.table-head,.product-row{grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:12px}}@media(max-width:768px){.main-view{margin-left:0;padding:16px}.sidebar{transform:translate(-100%);position:fixed;z-index:1000;transition:transform .3s ease}.sidebar.open{transform:translate(0)}.header-section{flex-direction:column;align-items:stretch}.action-area{justify-content:stretch}.btn-outline,.btn-filled{flex:1;justify-content:center}.table-head{display:none}.product-row{grid-template-columns:1fr;gap:12px;padding:20px}.product-info{justify-content:flex-start}.product-price,.product-stock,.product-status,.product-actions{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid #f3f4f6}.product-price:before{content:"Prix:";font-weight:600;color:#6b7280}.product-stock:before{content:"Stock:";font-weight:600;color:#6b7280}.product-status:before{content:"Statut:";font-weight:600;color:#6b7280}.product-actions:before{content:"Actions:";font-weight:600;color:#6b7280}}@media(max-width:640px){.product-actions{flex-direction:column;gap:8px}.action-btn{width:100%;text-align:center}}.store-page{background-color:#fff;min-height:100vh}.store-main-content{max-width:1400px;margin:0 auto;padding:0 32px 48px}.breadcrumbs{padding:20px 0;font-size:14px;color:#6b7280}.breadcrumbs .current{color:#1a1a1a;font-weight:600}.store-banner{position:relative;width:100%;height:280px;border-radius:24px;overflow:hidden;margin-bottom:32px;background:linear-gradient(135deg,#ff6000,#ff8533)}.banner-img{width:100%;height:100%;object-fit:cover}.banner-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#ff6000,#ff8533);color:#ffffffb3}.banner-overlay{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}.edit-banner-btn{position:absolute;top:16px;right:16px;background-color:#00000080;border:none;border-radius:8px;padding:8px;cursor:pointer;color:#fff;transition:opacity .2s}.edit-banner-btn:hover{background-color:#000000b3}.store-header-container{margin-bottom:48px}.store-profile-section{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}.profile-image-wrapper{position:relative;flex-shrink:0}.profile-image-wrapper img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid #ffffff;box-shadow:0 8px 24px #0000001a}.profile-initials{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#ff6000,#ff8533);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;border:4px solid #ffffff;box-shadow:0 8px 24px #0000001a}.edit-logo-btn{position:absolute;bottom:8px;right:8px;background-color:#ff6000;border:2px solid #ffffff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:opacity .2s}.edit-logo-btn:hover{background-color:#e55a00}.store-meta{flex:1}.store-name-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.store-name{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.verified-badge{display:inline-flex;align-items:center;gap:6px;background-color:#d1fae5;color:#10b981;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.store-description{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:16px;max-width:600px}.stats-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#4b5563}.stat-badge{display:flex;align-items:center;gap:6px;font-size:14px;color:#4b5563;background-color:#f9fafb;padding:4px 12px;border-radius:20px}.contact-info-row{display:flex;flex-wrap:wrap;gap:20px}.contact-info-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.store-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.btn-follow{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;background-color:#f3f4f6;color:#4b5563;transition:background-color .2s}.btn-follow:hover{background-color:#e5e7eb}.btn-follow.following{background-color:#ff6000;color:#fff}.btn-follow.following:hover{background-color:#e55a00}.btn-contact{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #e5e7eb;background-color:#fff;color:#4b5563;transition:all .2s}.btn-contact:hover{border-color:#ff6000;color:#ff6000}.btn-manage{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#ff6000,#ff8533);color:#fff;border:none;transition:opacity .2s}.btn-manage:hover{opacity:.9}.store-content{margin-top:24px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:32px}.orange-bar{width:4px;height:28px;background:linear-gradient(135deg,#ff6000,#ff8533);border-radius:2px}.section-title h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.section-title h2 span{font-size:18px;color:#6b7280;font-weight:500}.empty-products{text-align:center;padding:60px 20px;background-color:#f9fafb;border-radius:20px;border:1px solid #e5e7eb}.empty-icon-wrapper{width:80px;height:80px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#9ca3af;border:1px solid #e5e7eb}.empty-products h3{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.empty-products p{font-size:14px;color:#6b7280;margin-bottom:24px}.add-product-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6000,#ff8533);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:opacity .2s}.add-product-btn:hover{opacity:.9}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#ff6000;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#6b7280;font-size:14px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:16px}.error-container h2{font-size:24px;color:#1a1a1a;margin:0}.error-container p{color:#6b7280;margin:0}.back-home-btn{background-color:#ff6000;color:#fff;border:none;padding:10px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.back-home-btn:hover{opacity:.9}@media(max-width:1024px){.store-main-content{padding:0 20px 32px}.store-banner{height:200px}.profile-image-wrapper img,.profile-initials{width:100px;height:100px;font-size:36px}.store-name{font-size:24px}}@media(max-width:768px){.store-main-content{padding:0 16px 32px}.store-banner{height:150px;border-radius:16px}.store-profile-section{flex-direction:column;align-items:center;text-align:center}.store-meta{text-align:center}.store-name-wrapper{justify-content:center}.store-description{margin:0 auto 16px}.stats-row,.contact-info-row,.store-actions{justify-content:center}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}@media(max-width:640px){.store-banner{height:120px}.profile-image-wrapper img,.profile-initials{width:80px;height:80px;font-size:28px}.store-name{font-size:20px}.stats-row{gap:12px}.stat-badge{font-size:12px;padding:2px 8px}.btn-follow,.btn-contact,.btn-manage{padding:8px 16px;font-size:13px}.products-grid{grid-template-columns:1fr}}.verify-page{background-color:#fff;min-height:100vh;padding:80px 32px 48px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.checkout-header{max-width:1200px;margin:0 auto 48px;padding:0 16px}.header-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-main h1{font-size:32px;font-weight:700;color:#1a1a1a;margin:0;background:linear-gradient(135deg,#1a1a1a,#ff6000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.security-badges{display:flex;gap:12px}.badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;font-size:12px;color:#6b7280}.badge.secure{border-color:#ff6000;color:#ff6000;background-color:#ff60000d}.verify-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:20px}.verify-card{max-width:500px;width:100%;background-color:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:48px 40px;text-align:center;box-shadow:0 4px 20px #0000000d;transition:transform .2s,box-shadow .2s}.verify-card:hover{box-shadow:0 8px 30px #0000001a}.mail-icon-container{display:flex;justify-content:center;margin-bottom:24px}.mail-circle{width:72px;height:72px;background:linear-gradient(135deg,#ff6000,#ff8533);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #ff600033}.verify-card h2{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.verify-desc{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:32px}.verify-desc strong{color:#1a1a1a;font-weight:600}.code-input-wrapper{margin-bottom:32px}.otp-input{width:100%;padding:16px 20px;font-size:24px;font-weight:600;text-align:center;letter-spacing:8px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;color:#1a1a1a;transition:all .2s}.otp-input:focus{outline:none;border-color:#ff6000;box-shadow:0 0 0 3px #ff60001a;background-color:#fff}.otp-input::placeholder{letter-spacing:2px;font-size:20px;color:#d1d5db}.btn-confirm{width:100%;background:linear-gradient(135deg,#ff6000,#ff8533);color:#fff;border:none;padding:14px 24px;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:20px}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff600033}.btn-confirm:active{transform:translateY(0)}.resend-section{font-size:14px;color:#6b7280;margin-bottom:24px}.resend-link{color:#ff6000;font-weight:600;cursor:pointer;text-decoration:none;transition:color .2s}.resend-link:hover{color:#e55a00;text-decoration:underline}.btn-back{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;padding:8px 16px;border-radius:8px}.btn-back:hover{color:#ff6000;background-color:#f9fafb}@media(max-width:768px){.verify-page{padding:70px 20px 32px}.verify-card{padding:32px 24px}.header-main{flex-direction:column;text-align:center}.header-main h1{font-size:28px}.security-badges{justify-content:center}.verify-card h2{font-size:24px}.otp-input{font-size:20px;letter-spacing:4px;padding:14px 16px}.otp-input::placeholder{font-size:16px}}@media(max-width:480px){.verify-card{padding:24px 20px}.mail-circle{width:60px;height:60px}.mail-circle svg{width:28px;height:28px}.verify-card h2{font-size:22px}.otp-input{font-size:18px;letter-spacing:2px}}.shopping-page{background-color:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shopping-main-content{max-width:1400px;margin:0;padding:0}.header-section{margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.breadcrumbs{font-size:14px;color:#6b7280;margin-bottom:12px}.title-container{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.title-container h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.results-badge{font-size:14px;color:#6b7280;background-color:#f9fafb;padding:4px 12px;border-radius:20px;border:1px solid #e5e7eb}.main-content{display:flex;gap:32px;flex-wrap:wrap}.filters-sidebar{width:280px;flex-shrink:0}.filters-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #ff6000;display:inline-block}.filter-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;margin-bottom:24px}.section-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.price-title{margin-top:24px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#4b5563;transition:color .2s}.checkbox-label:hover{color:#ff6000}.checkbox-label input{display:none}.custom-checkbox{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:inline-block;position:relative;transition:all .2s}.checkbox-label input:checked+.custom-checkbox{background-color:#ff6000;border-color:#ff6000}.checkbox-label input:checked+.custom-checkbox:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}.price-display{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:#1a1a1a;font-weight:600}.range-container{padding:8px 0}.price-slider{width:100%;height:4px;-webkit-appearance:none;background:#e5e7eb;border-radius:2px;outline:none}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#ff6000;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #ff60004d}.price-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.products-container{flex:1;min-width:0}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 0;flex-wrap:wrap;gap:12px}.top-bar p{font-size:14px;color:#6b7280}.top-bar strong{color:#1a1a1a;font-weight:600}.sort-container{display:flex;align-items:center;gap:12px;font-size:14px;color:#6b7280}.sort-dropdown{padding:8px 32px 8px 12px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1a1a1a;font-size:14px;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.sort-dropdown:hover{border-color:#ff6000}.sort-dropdown:focus{outline:none;border-color:#ff6000;box-shadow:0 0 0 3px #ff60001a}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.product-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .3s;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#ff6000}.image-container{position:relative;height:200px;overflow:hidden;background-color:#f9fafb}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .image-container img{transform:scale(1.05)}.badge-new{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ff6000,#ff8533);color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.card-details{padding:16px}.category-vendor{display:flex;gap:8px;margin-bottom:8px;font-size:12px;flex-wrap:wrap}.cat-tag{background-color:#f9fafb;color:#ff6000;padding:2px 8px;border-radius:12px;font-weight:600;border:1px solid #e5e7eb}.vendor-tag{color:#6b7280;font-size:12px}.product-name{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.3}.rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stars{color:#fbbf24;font-size:14px;letter-spacing:2px}.review-count{font-size:12px;color:#9ca3af}.price-tag{font-size:20px;font-weight:700;color:#ff6000}.empty-state{text-align:center;padding:60px 20px;background-color:#f9fafb;border-radius:16px;border:1px solid #e5e7eb}.empty-icon{color:#d1d5db;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.empty-state p{font-size:14px;color:#6b7280}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#ff6000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media(max-width:1024px){.shopping-main-content{padding:20px}.filters-sidebar{width:260px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}}@media(max-width:768px){.main-content{flex-direction:column}.filters-sidebar{width:100%}.filter-card{margin-bottom:16px}.title-container h1{font-size:24px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.top-bar{flex-direction:column;align-items:flex-start}.sort-container{width:100%}.sort-dropdown{flex:1}}@media(max-width:640px){.shopping-main-content{padding:16px}.products-grid{grid-template-columns:1fr}.product-card{max-width:100%}.image-container{height:180px}}.profile-page{background-color:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.profile-main-content{max-width:1400px;margin:0 auto;padding:24px 32px 48px}.profile-header{background:linear-gradient(135deg,#ff6000,#ff8533);border-radius:24px;padding:32px;margin-bottom:32px;color:#fff}.header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px}.user-info-main{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.avatar-wrapper{position:relative}.avatar-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6000,#ff8533);border:3px solid rgba(255,255,255,.3)}.user-details{flex:1}.name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.name-row h1{font-size:28px;font-weight:700;margin:0;color:#fff}.badge-bronze,.badge-silver,.badge-gold{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background-color:#fff3;color:#fff}.user-email{font-size:14px;opacity:.9;margin-bottom:6px;display:flex;align-items:center;gap:6px}.member-since,.user-type{font-size:12px;opacity:.8;display:flex;align-items:center;gap:6px}.user-type.vendor{margin-top:4px}.points-summary-widget{background-color:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:16px 24px;text-align:center;min-width:120px}.points-count{font-size:32px;font-weight:800;line-height:1}.points-label{font-size:11px;font-weight:600;letter-spacing:1px;margin-top:4px;opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-color:#ff6000}.stat-icon-bg{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-bg.green{background-color:#d1fae5;color:#10b981}.stat-icon-bg.orange{background-color:#fff3e6;color:#ff6000}.stat-icon-bg.purple{background-color:#f3e8ff;color:#8b5cf6}.stat-icon-bg.blue{background-color:#e0f2fe;color:#3b82f6}.stat-value{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1}.stat-label{font-size:12px;color:#6b7280;margin-top:4px}.dashboard-layout{display:grid;grid-template-columns:380px 1fr;gap:32px}.left-side{display:flex;flex-direction:column;gap:24px}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;transition:all .2s}.card:hover{box-shadow:0 4px 12px #0000000d}.loyalty-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.loyalty-card .card-header h3{font-size:16px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:8px;margin:0}.trophy-icon{color:#ff6000}.tier-display{text-align:center;margin-bottom:20px}.tier-name{font-size:24px;font-weight:800;margin-bottom:4px}.tier-subtitle{font-size:13px;color:#6b7280}.progress-container{margin-bottom:20px}.progress-labels{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-bottom:8px}.progress-bar-bg{height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;border-radius:4px;transition:width .3s}.progress-percentage{font-size:12px;color:#6b7280;text-align:right}.perks-section{margin-bottom:20px;padding-top:16px;border-top:1px solid #e5e7eb}.perks-section h4,.milestones h4{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.perks-section ul{list-style:none;padding:0;margin:0}.perks-section li{display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a1a;margin-bottom:8px}.perks-section li svg{color:#ff6000}.milestones{padding-top:16px;border-top:1px solid #e5e7eb}.milestone-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;color:#9ca3af;border-bottom:1px solid #f3f4f6}.milestone-item:last-child{border-bottom:none}.milestone-item.active{color:#ff6000;font-weight:600}.refer-card h3{font-size:16px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:8px;margin-bottom:12px}.refer-desc{font-size:13px;color:#6b7280;margin-bottom:16px;line-height:1.5}.refer-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.ref-stat{background-color:#f9fafb;border-radius:12px;padding:12px;text-align:center}.ref-stat.rewarded{background-color:#fff3e6}.ref-val{font-size:24px;font-weight:700;color:#1a1a1a}.ref-lab{font-size:11px;color:#6b7280;margin-top:4px}.copy-field{margin-bottom:16px}.copy-field label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px}.input-group{display:flex;align-items:center;justify-content:space-between;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px;cursor:pointer;transition:all .2s}.input-group:hover{border-color:#ff6000;background-color:#fff}.input-group span{font-size:13px;color:#1a1a1a;font-family:monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-group svg{color:#9ca3af;transition:color .2s}.input-group svg.copied{color:#10b981}.copy-feedback{display:block;font-size:11px;color:#10b981;margin-top:4px}.right-side{display:flex;flex-direction:column;gap:24px}.activity-tabs-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden}.tabs-header{display:flex;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.tab-btn{flex:1;padding:14px 20px;background:none;border:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.tab-btn:hover{color:#ff6000;background-color:#fff5f0}.tab-btn.active{color:#ff6000;border-bottom:2px solid #ff6000;background-color:#fff}.tab-content{padding:24px}.tab-content h3{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.tab-content .sub{font-size:13px;color:#6b7280;margin-bottom:24px}.empty-state{text-align:center;padding:48px 24px}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.empty-desc{font-size:13px;color:#6b7280;margin-bottom:24px}.shop-now-btn{background:linear-gradient(135deg,#ff6000,#ff8533);color:#fff;border:none;padding:10px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.shop-now-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff600033}@media(max-width:1024px){.dashboard-layout{grid-template-columns:1fr;gap:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.profile-main-content{padding:16px}.profile-header{padding:24px}.header-content{flex-direction:column}.points-summary-widget{width:100%}.stats-grid{grid-template-columns:1fr}.name-row h1{font-size:24px}.avatar-circle{width:60px;height:60px;font-size:24px}.tabs-header{flex-wrap:wrap}.tab-btn{flex:auto;padding:10px 16px;font-size:13px}}@media(max-width:640px){.user-info-main{flex-direction:column;text-align:center}.name-row{justify-content:center}.user-details{text-align:center}.member-since,.user-type{justify-content:center}.refer-stats{flex-direction:column}}.orders-page{background-color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.orders-main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:24px 32px 48px;display:flex;flex-direction:column}.orders-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.header-left{flex:1}.breadcrumbs{font-size:14px;color:#6b7280;margin-bottom:8px}.breadcrumbs span{cursor:pointer;transition:color .2s}.breadcrumbs span:first-child:hover{color:#ff6000}.breadcrumbs .active-breadcrumb{color:#1a1a1a;font-weight:500;cursor:default}.orders-header h1{font-size:32px;font-weight:700;color:#1a1a1a;margin:0;background:linear-gradient(135deg,#1a1a1a,#ff6000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center}.continue-shopping-btn{display:inline-flex;align-items:center;gap:8px;background-color:#fff;border:1px solid #e5e7eb;color:#4b5563;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.continue-shopping-btn:hover{border-color:#ff6000;color:#ff6000;background-color:#fff5f0;transform:translateY(-1px)}.orders-content{flex:1;display:flex;align-items:center;justify-content:center;min-height:500px}.empty-orders-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;background-color:#f9fafb;border-radius:24px;border:1px solid #e5e7eb;width:100%;max-width:500px;margin:0 auto;transition:all .3s}.empty-orders-container:hover{box-shadow:0 4px 20px #0000000d}.icon-circle{width:80px;height:80px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.package-icon{color:#9ca3af;width:40px;height:40px}.empty-orders-container h2{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.empty-orders-container p{font-size:14px;color:#6b7280;margin-bottom:32px;max-width:300px}.start-shopping-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6000,#ff8533);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.start-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff600033}.start-shopping-btn:active{transform:translateY(0)}.orders-list{display:flex;flex-direction:column;gap:20px;width:100%}.order-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;transition:all .2s}.order-card:hover{box-shadow:0 4px 12px #0000000d;border-color:#ff6000}.order-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.order-info{display:flex;gap:24px;flex-wrap:wrap}.order-id{font-size:14px;font-weight:600;color:#1a1a1a}.order-date{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:4px}.order-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-delivered{background-color:#d1fae5;color:#10b981}.status-processing{background-color:#fff3e6;color:#ff6000}.status-shipped{background-color:#e0f2fe;color:#3b82f6}.status-pending{background-color:#fef3c7;color:#f59e0b}.order-total{font-size:14px;font-weight:700;color:#1a1a1a}.order-body{padding:20px}.order-items{display:flex;flex-direction:column;gap:16px}.order-item{display:flex;gap:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.order-item:last-child{border-bottom:none;padding-bottom:0}.item-image{width:80px;height:80px;border-radius:12px;object-fit:cover;background-color:#f9fafb;border:1px solid #e5e7eb}.item-details{flex:1}.item-name{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.item-quantity{font-size:13px;color:#6b7280;margin-bottom:4px}.order-footer{padding:16px 20px;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.btn-track-order{background-color:#fff;border:1px solid #e5e7eb;color:#4b5563;padding:8px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-track-order:hover{border-color:#ff6000;color:#ff6000;background-color:#fff5f0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:400px;gap:16px}.loading-container p{font-size:14px;color:#6b7280}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:400px;gap:16px;background-color:#f9fafb;border-radius:24px;border:1px solid #e5e7eb;padding:60px 40px;max-width:500px;margin:0 auto}.error-icon{color:#ef4444;width:48px;height:48px}.error-container h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.error-container p{font-size:14px;color:#6b7280;margin:0}.retry-btn{background-color:#fff;border:1px solid #e5e7eb;color:#4b5563;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.retry-btn:hover{border-color:#ff6000;color:#ff6000;background-color:#fff5f0}@media(max-width:768px){.orders-main-content{padding:16px 20px 32px}.orders-header{flex-direction:column;gap:16px}.orders-header h1{font-size:28px}.header-right{width:100%}.continue-shopping-btn{width:100%;justify-content:center}.empty-orders-container{padding:40px 24px;max-width:90%}.empty-orders-container h2{font-size:20px}.empty-orders-container p{font-size:13px}.start-shopping-btn{width:100%;justify-content:center}.order-header{flex-direction:column;align-items:flex-start}.order-info{flex-direction:column;gap:8px}.order-item{flex-direction:column;align-items:center;text-align:center}.item-image{width:100px;height:100px}.item-details{text-align:center}.error-container{max-width:90%;padding:40px 24px}}@media(max-width:640px){.empty-orders-container{padding:32px 20px}.icon-circle{width:60px;height:60px}.icon-circle svg{width:32px;height:32px}.order-footer{justify-content:center}.btn-track-order{width:100%;text-align:center}.empty-orders-container h2{font-size:18px}}.cart-page{background-color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cart-container{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:24px 32px 48px;display:flex;flex-direction:column}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.cart-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1a1a1a,#ff6000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-header p{font-size:14px;color:#6b7280;background-color:#f9fafb;padding:4px 12px;border-radius:20px;border:1px solid #e5e7eb}.cart-content{display:grid;grid-template-columns:1fr 320px;gap:32px;flex:1}.cart-items{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto;align-items:center;gap:20px;padding:20px;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.cart-item:last-child{border-bottom:none}.cart-item.updating{opacity:.6}.item-image{width:80px;height:80px;border-radius:12px;overflow:hidden;background-color:#f9fafb;border:1px solid #e5e7eb}.item-details h3{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.item-price{font-size:14px;font-weight:600;color:#ff6000;margin-bottom:8px}.remove-item{background:none;border:none;display:inline-flex;align-items:center;gap:6px;color:#ef4444;font-size:12px;cursor:pointer;padding:4px 0;transition:all .2s}.remove-item:hover{color:#dc2626;text-decoration:underline}.item-quantity{display:flex;align-items:center;gap:12px;background-color:#f9fafb;padding:6px 12px;border-radius:40px;border:1px solid #e5e7eb}.qty-btn{background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;padding:4px;transition:all .2s}.qty-btn:hover:not(:disabled){color:#ff6000}.qty-btn:disabled{cursor:not-allowed;opacity:.5}.item-quantity span{font-size:14px;font-weight:600;color:#1a1a1a;min-width:24px;text-align:center}.item-subtotal{font-size:16px;font-weight:700;color:#1a1a1a;text-align:right}.cart-actions{display:flex;justify-content:space-between;padding:20px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.clear-cart-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#ef4444;font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s}.clear-cart-btn:hover{background-color:#fee2e2}.continue-shopping{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s}.continue-shopping:hover{color:#ff6000;background-color:#fff5f0}.cart-summary{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;height:fit-content;position:sticky;top:100px}.cart-summary h3{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.summary-details{margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:#4b5563}.summary-row.total{padding-top:16px;margin-top:8px;border-top:1px solid #e5e7eb;font-size:18px;font-weight:700;color:#1a1a1a}.discount-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:#10b981}.discount{color:#10b981}.coupon-section{margin:16px 0}.coupon-input-wrapper{display:flex;gap:10px}.coupon-input-wrapper input{flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;background-color:#f9fafb;color:#1a1a1a;transition:all .2s}.coupon-input-wrapper input:focus{outline:none;border-color:#ff6000;box-shadow:0 0 0 3px #ff60001a}.apply-coupon-btn{padding:10px 20px;background-color:#ff6000;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.apply-coupon-btn:hover{background-color:#e55a00;transform:translateY(-1px)}.remove-coupon-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.remove-coupon-btn:hover{border-color:#ef4444;color:#ef4444}.checkout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#ff6000,#ff8533);color:#fff;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:20px}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff600033}.delivery-info{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.info-item{display:flex;align-items:center;gap:10px;font-size:12px;color:#6b7280}.cart-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#ff6000;border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#ff6000;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.cart-loading p{font-size:14px;color:#6b7280}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:500px;gap:20px;background-color:#f9fafb;border-radius:24px;border:1px solid #e5e7eb;margin:0 32px}.cart-empty svg{color:#d1d5db}.cart-empty h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.continue-shopping-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6000,#ff8533);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.continue-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff600033}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background-color:#fff;border-radius:24px;padding:32px;max-width:450px;width:90%;position:relative;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#9ca3af;transition:color .2s}.modal-close:hover{color:#1a1a1a}.modal-icon{text-align:center;margin-bottom:20px;color:#ff6000}.modal-content h2{font-size:24px;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:8px}.modal-content>p{text-align:center;font-size:14px;color:#6b7280;margin-bottom:24px}.modal-details{background-color:#f9fafb;border-radius:16px;padding:20px;margin-bottom:24px}.modal-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#4b5563}.modal-row.total{padding-top:12px;margin-top:8px;border-top:1px solid #e5e7eb;font-weight:700;color:#1a1a1a}.modal-buttons{display:flex;gap:12px}.cancel-btn{flex:1;padding:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn:hover{background-color:#f3f4f6}.confirm-btn{flex:1;padding:12px;background:linear-gradient(135deg,#ff6000,#ff8533);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff600033}@media(max-width:1024px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media(max-width:768px){.cart-container{padding:16px 20px 32px}.cart-item{grid-template-columns:1fr;text-align:center;gap:12px}.item-image{margin:0 auto}.item-subtotal{text-align:center}.item-quantity{justify-content:center}.cart-actions{flex-direction:column;gap:12px}.clear-cart-btn,.continue-shopping{justify-content:center}.cart-empty{margin:0 16px}.cart-empty h2{font-size:20px}.modal-content{padding:24px}.modal-buttons{flex-direction:column}}@media(max-width:640px){.cart-header h1{font-size:24px}.cart-empty svg{width:60px;height:60px}.cart-empty h2{font-size:18px}.continue-shopping-btn{width:100%;justify-content:center}}.checkout-page{background-color:#fff;color:#1a1a1a;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.breadcrumbs{font-size:14px;color:#6b7280;margin-bottom:16px}.breadcrumbs span{color:#ff6000;font-weight:500}.header-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.header-main h1{font-size:32px;font-weight:700;margin:0;background:linear-gradient(135deg,#1a1a1a,#ff6000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;background-color:#f9fafb;padding:6px 12px;border-radius:20px;border:1px solid #e5e7eb}.badge.secure{background:#10b9811a;color:#10b981;border-color:#10b981}.form-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px}.form-section h2{font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;color:#1a1a1a}.input-group label{font-size:13px;font-weight:600;margin-bottom:6px;color:#4b5563}.input-group input{background:#f9fafb;border:1px solid #e5e7eb;padding:12px 16px;border-radius:12px;color:#1a1a1a;font-size:14px;outline:none;transition:all .2s}.input-group input:focus{border-color:#ff6000;box-shadow:0 0 0 3px #ff60001a;background-color:#fff}.input-group input::placeholder{color:#9ca3af}.payment-card{flex:1;background:#f9fafb;border:1px solid #e5e7eb;padding:16px;border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.payment-card.active{border-color:#ff6000;background:#ff60000d}.payment-card svg{color:#ff6000}.payment-card span{font-size:14px;font-weight:500;color:#1a1a1a}.payment-info{font-size:12px;color:#6b7280;background-color:#f9fafb;padding:12px;border-radius:12px;border-left:3px solid #ff6000}.summary-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px}.summary-card h3{font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;color:#1a1a1a}.order-items-list::-webkit-scrollbar-thumb{background:#ff6000;border-radius:4px}.item-image{width:50px;height:50px;border-radius:10px;overflow:hidden;background-color:#f9fafb;border:1px solid #e5e7eb}.item-name{font-size:14px;font-weight:600;color:#1a1a1a}.item-qty{font-size:12px;color:#6b7280}.item-price{font-size:14px;font-weight:700;color:#ff6000}.coupon-section input{flex:1;background:#f9fafb;border:1px solid #e5e7eb;padding:10px 14px;border-radius:12px;color:#1a1a1a;font-size:14px;transition:all .2s}.coupon-section input:focus{outline:none;border-color:#ff6000;box-shadow:0 0 0 3px #ff60001a}.btn-apply{background:#ff6000;color:#fff;border:none;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-apply:hover:not(:disabled){background-color:#e55a00;transform:translateY(-1px)}.summary-totals{border-top:1px solid #e5e7eb;padding-top:16px;margin-bottom:24px}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#4b5563}.total-row.discount,.free-text{color:#10b981}.final-total{font-size:18px;font-weight:700;color:#ff6000;padding-top:12px;margin-top:8px;border-top:1px solid #e5e7eb}.btn-place-order{width:100%;background:linear-gradient(135deg,#ff6000,#e55a00);color:#fff;border:none;padding:14px;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;margin-bottom:16px;transition:all .2s}.btn-place-order:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff600033}.terms-text{font-size:11px;color:#6b7280;text-align:center;line-height:1.4}.empty-cart-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:500px;gap:20px;background-color:#f9fafb;border-radius:24px;border:1px solid #e5e7eb;margin:0 32px}.empty-cart-message h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.continue-shopping{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6000,#e55a00);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}:root{--bg-white: #ffffff;--text-dark: #1a1a1a;--text-gray: #4b5563;--text-light-gray: #6b7280;--border-light: #e5e7eb;--bg-gray-light: #f9fafb;--accent-orange: #ff6000;--accent-orange-dark: #e55a00;--success-green: #10b981;--danger-red: #ef4444}.checkout-page{background-color:var(--bg-white, #ffffff);color:var(--text-dark, #1a1a1a);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.checkout-header{max-width:1200px;width:100%;margin:0 auto;padding:24px 32px 0}.breadcrumbs{font-size:14px;color:var(--text-light-gray, #6b7280);margin-bottom:16px}.breadcrumbs span{color:var(--accent-orange, #ff6000);font-weight:500}.header-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light, #e5e7eb)}.header-main h1{font-size:32px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--text-dark, #1a1a1a) 0%,var(--accent-orange, #ff6000) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.security-badges{display:flex;gap:12px;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-light-gray, #6b7280);background-color:var(--bg-gray-light, #f9fafb);padding:6px 12px;border-radius:20px;border:1px solid var(--border-light, #e5e7eb)}.badge.secure{background:#10b9811a;color:var(--success-green, #10b981);border-color:var(--success-green, #10b981)}.checkout-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:24px 32px 48px;display:grid;grid-template-columns:1fr 380px;gap:32px}.checkout-form{display:flex;flex-direction:column;gap:24px}.form-section{background-color:var(--bg-white, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:20px;padding:24px;transition:box-shadow .2s ease}.form-section:hover{box-shadow:0 4px 12px #0000000d}.form-section h2{font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-light, #e5e7eb);color:var(--text-dark, #1a1a1a)}.input-group{margin-bottom:16px;display:flex;flex-direction:column}.input-group label{font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-gray, #4b5563)}.input-group input,.input-group textarea,.input-group select{background:var(--bg-gray-light, #f9fafb);border:1px solid var(--border-light, #e5e7eb);padding:12px 16px;border-radius:12px;color:var(--text-dark, #1a1a1a);font-size:14px;outline:none;transition:all .2s;font-family:inherit}.input-group textarea{resize:vertical;min-height:80px}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{border-color:var(--accent-orange, #ff6000);box-shadow:0 0 0 3px #ff60001a;background-color:var(--bg-white, #ffffff)}.input-group input::placeholder,.input-group textarea::placeholder{color:#9ca3af}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-options{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.payment-card{flex:1;background:var(--bg-gray-light, #f9fafb);border:1px solid var(--border-light, #e5e7eb);padding:16px;border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.payment-card.active{border-color:var(--accent-orange, #ff6000);background:#ff60000d}.payment-card.disabled{opacity:.5;cursor:not-allowed}.payment-card svg{color:var(--accent-orange, #ff6000)}.payment-card span{font-size:14px;font-weight:500;color:var(--text-dark, #1a1a1a)}.payment-info{font-size:12px;color:var(--text-light-gray, #6b7280);background-color:var(--bg-gray-light, #f9fafb);padding:12px;border-radius:12px;border-left:3px solid var(--accent-orange, #ff6000)}.order-summary{position:sticky;top:100px;height:fit-content}.summary-card{background-color:var(--bg-white, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:20px;padding:24px;transition:box-shadow .2s ease}.summary-card:hover{box-shadow:0 4px 12px #0000000d}.summary-card h3{font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-light, #e5e7eb);color:var(--text-dark, #1a1a1a)}.order-items-list{max-height:300px;overflow-y:auto;margin-bottom:20px;padding-right:8px}.order-items-list::-webkit-scrollbar{width:4px}.order-items-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.order-items-list::-webkit-scrollbar-thumb{background:var(--accent-orange, #ff6000);border-radius:4px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.summary-item:last-child{border-bottom:none}.item-info{display:flex;gap:12px;align-items:center;flex:1}.item-image{width:50px;height:50px;border-radius:10px;overflow:hidden;background-color:var(--bg-gray-light, #f9fafb);border:1px solid var(--border-light, #e5e7eb)}.item-image img{width:100%;height:100%;object-fit:cover}.item-details{display:flex;flex-direction:column;gap:4px}.item-name{font-size:14px;font-weight:600;color:var(--text-dark, #1a1a1a)}.item-qty{font-size:12px;color:var(--text-light-gray, #6b7280)}.item-price{font-size:14px;font-weight:700;color:var(--accent-orange, #ff6000)}.coupon-section{display:flex;gap:12px;margin-bottom:20px}.coupon-section input{flex:1;background:var(--bg-gray-light, #f9fafb);border:1px solid var(--border-light, #e5e7eb);padding:10px 14px;border-radius:12px;color:var(--text-dark, #1a1a1a);font-size:14px;transition:all .2s}.coupon-section input:focus{outline:none;border-color:var(--accent-orange, #ff6000);box-shadow:0 0 0 3px #ff60001a}.btn-apply{background:var(--accent-orange, #ff6000);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-apply:hover:not(:disabled){background-color:var(--accent-orange-dark, #e55a00);transform:translateY(-1px)}.btn-apply:disabled{opacity:.6;cursor:not-allowed}.remove-coupon{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:transparent;border:1px solid var(--border-light, #e5e7eb);padding:8px;border-radius:10px;font-size:12px;color:var(--text-light-gray, #6b7280);cursor:pointer;transition:all .2s;margin-bottom:16px}.remove-coupon:hover{background:#ef44441a;border-color:var(--danger-red, #ef4444);color:var(--danger-red, #ef4444)}.summary-totals{border-top:1px solid var(--border-light, #e5e7eb);padding-top:16px;margin-bottom:24px}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--text-gray, #4b5563)}.total-row.discount,.free-text{color:var(--success-green, #10b981)}.final-total{font-size:18px;font-weight:700;color:var(--accent-orange, #ff6000);padding-top:12px;margin-top:8px;border-top:1px solid var(--border-light, #e5e7eb)}.btn-place-order{width:100%;background:linear-gradient(135deg,var(--accent-orange, #ff6000) 0%,var(--accent-orange-dark, #e55a00) 100%);color:#fff;border:none;padding:14px;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;margin-bottom:16px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-place-order:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff600033}.btn-place-order:disabled{opacity:.6;cursor:not-allowed;transform:none}.terms-text{font-size:11px;color:var(--text-light-gray, #6b7280);text-align:center;line-height:1.4}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--danger-red, #ef4444);font-size:12px;margin-top:4px}.input-group.error input{border-color:var(--danger-red, #ef4444)}.input-group.error input:focus{box-shadow:0 0 0 3px #ef44441a}.empty-cart-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:500px;gap:20px;background-color:var(--bg-gray-light, #f9fafb);border-radius:24px;border:1px solid var(--border-light, #e5e7eb);margin:0 32px}.empty-cart-message h2{font-size:24px;font-weight:700;color:var(--text-dark, #1a1a1a);margin:0}.continue-shopping{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent-orange, #ff6000) 0%,var(--accent-orange-dark, #e55a00) 100%);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.continue-shopping:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff600033}@media(max-width:1024px){.checkout-content{grid-template-columns:1fr;gap:24px}.order-summary{position:static}}@media(max-width:768px){.checkout-header{padding:16px 20px 0}.checkout-content{padding:16px 20px 32px}.header-main{flex-direction:column;align-items:flex-start}.header-main h1{font-size:28px}.security-badges{width:100%}.row{grid-template-columns:1fr;gap:0}.form-section{padding:20px}.payment-options{flex-direction:column}.summary-card{padding:20px}.empty-cart-message{margin:0 20px;min-height:400px}.empty-cart-message h2{font-size:20px}}@media(max-width:640px){.checkout-header{padding:12px 16px 0}.checkout-content{padding:12px 16px 24px}.header-main h1{font-size:24px}.coupon-section{flex-direction:column}.btn-apply{width:100%}.empty-cart-message{margin:0 16px;min-height:350px;padding:20px}.empty-cart-message h2{font-size:18px}.continue-shopping{width:100%;justify-content:center}.summary-item{flex-direction:column;align-items:flex-start;gap:8px}.item-price{align-self:flex-end}.form-section,.summary-card{padding:16px}}:root{--bg-color: #0a0a0a;--card-bg: #161616;--input-bg: #1e1e1e;--primary-orange: #d35400;--text-main: #ffffff;--text-muted: #888888;--border-color: #2a2a2a}.verify-page{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;padding:40px 8%;font-family:Inter,sans-serif}.checkout-header{margin-bottom:60px}.breadcrumbs{font-size:14px;color:var(--text-muted);margin-bottom:10px}.breadcrumbs span{color:var(--text-main);font-weight:700}.header-main{display:flex;justify-content:space-between;align-items:center}.header-main h1{font-size:32px;margin:0}.security-badges{display:flex;gap:15px}.badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.badge.secure{background:#00c8531a;color:#00c853;padding:4px 12px;border-radius:20px;border:1px solid #00c853}.verify-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.verify-card{background-color:var(--card-bg);width:100%;max-width:450px;padding:40px;border-radius:20px;border:1px solid var(--border-color);text-align:center}.mail-icon-container{display:flex;justify-content:center;margin-bottom:25px}.mail-circle{background-color:#d3540026;border:1px solid var(--primary-orange);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.verify-card h2{font-size:24px;margin-bottom:15px;font-weight:600}.verify-desc{color:var(--text-muted);line-height:1.5;margin-bottom:30px;font-size:14px}.verify-desc strong{color:var(--text-main)}.code-input-wrapper{margin-bottom:25px}.otp-input{width:100%;background-color:var(--input-bg);border:1px solid var(--border-color);padding:15px;border-radius:8px;color:var(--text-main);font-size:18px;letter-spacing:12px;text-align:center;outline:none}.otp-input::placeholder{color:var(--text-muted);opacity:.5}.btn-confirm{width:100%;background-color:var(--primary-orange);color:#fff;border:none;padding:16px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;margin-bottom:25px;transition:background .2s}.btn-confirm:hover{filter:brightness(1.1)}.resend-section{font-size:14px;color:var(--text-muted);margin-bottom:30px}.resend-link{color:#f60;cursor:pointer;font-weight:500}.btn-back{background:none;border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer;font-size:14px}.btn-back:hover{color:var(--text-main)}