@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Sora:wght@400;600;700&display=swap";:root{--neon-cyan: #00FFFF;--electric-blue: #0080FF;--dark-bg: #0a0e27;--card-bg: #131829;--border-color: #1e2642;--hover-bg: #1e2642;--text-primary: #ffffff;--text-secondary: #a0aec0;--success: #10b981;--warning: #f59e0b;--error: #ef4444;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--min-touch-target: 44px}[data-theme=light]{--neon-cyan: #0080FF;--electric-blue: #0066CC;--dark-bg: #f5f7fa;--card-bg: #ffffff;--border-color: #e2e8f0;--hover-bg: #f7fafc;--text-primary: #000000;--text-secondary: #000000}[data-theme=light] body,[data-theme=light] p,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] span,[data-theme=light] div{color:#000}[dir=ltr]{text-align:left}[dir=rtl]{text-align:right}.theme-toggle{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-primary);width:40px;height:40px}.theme-toggle:hover{border-color:var(--electric-blue);background:var(--border-color)}.language-toggle{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .3s ease;color:var(--text-primary);font-size:.875rem;font-weight:600}.language-toggle:hover{border-color:var(--electric-blue);background:var(--border-color)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6;min-height:100vh;margin:0;font-size:18px;scroll-behavior:smooth}#root{width:100%;min-height:100vh;contain:layout style paint}h1,h2,h3,h4,h5,h6{font-family:Sora,sans-serif;font-weight:600;line-height:1.2}a{color:var(--electric-blue);text-decoration:none;transition:color .3s ease}a:hover{color:var(--neon-cyan)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--electric-blue)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:2.25rem;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .page-title{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:#000}.page-subtitle{color:var(--text-secondary);font-size:1.125rem}[data-theme=light] .page-subtitle{color:#000}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--neon-cyan),var(--electric-blue));transform:scaleX(0);transition:transform .3s ease}.card:hover{border-color:var(--electric-blue);box-shadow:0 8px 32px #0080ff26;transform:translateY(-4px)}.card:hover:before{transform:scaleX(1)}.card-glass{background:#131829b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.card-elevated{box-shadow:0 4px 16px #0000004d}.card-elevated:hover{box-shadow:0 12px 40px #0080ff33}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:1.0625rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Sora,sans-serif}.btn-primary{background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));color:#000}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00ffff4d}.btn-secondary{background:transparent;border:2px solid var(--electric-blue);color:var(--electric-blue)}.btn-secondary:hover:not(:disabled){background:var(--electric-blue);color:#fff}.btn-danger{background:var(--error);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--electric-blue);color:var(--electric-blue);background:#0080ff1a}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1.0625rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--electric-blue);box-shadow:0 0 0 3px #0080ff1a}.form-group textarea{resize:vertical;min-height:120px}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--neon-cyan);border-bottom-color:var(--electric-blue);border-radius:50%;animation:spin .8s cubic-bezier(.5,0,.5,1) infinite;margin:var(--spacing-xl) auto}@keyframes spin{to{transform:rotate(360deg)}}.page-transition{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.main-content{transition:opacity .15s ease}.page-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:24px;flex-wrap:wrap}.pagination-controls .btn{min-width:36px;height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;border-radius:8px;transition:all .15s ease}.pagination-controls .btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{text-align:center;margin-top:8px;font-size:14px;color:var(--text-secondary)}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:#10b98133;color:var(--success)}.badge-warning{background:#f59e0b33;color:var(--warning)}.badge-error{background:#ef444433;color:var(--error)}.badge-info{background:#0080ff33;color:var(--electric-blue)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}table{width:100%;border-collapse:collapse}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}th{color:var(--text-secondary);font-weight:600;font-size:.875rem;text-transform:uppercase}tr:hover{background:#0080ff0d}.empty-state,.cart-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.empty-state svg,.cart-empty svg{margin:0 auto var(--spacing-md);opacity:.5}.cart-empty h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.cart-empty p{margin:0;color:var(--text-secondary)}.cart-empty .btn{margin-top:var(--spacing-sm)}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.icon-interactive{transition:all .3s ease;cursor:pointer}.icon-interactive:hover{color:var(--neon-cyan);animation:iconPulse .6s ease}.icon-float{animation:iconFloat 3s ease-in-out infinite}a,button,.card,.icon-interactive,.btn,.nav-link,.stat-card{transition-property:color,background-color,border-color,transform,box-shadow;transition-duration:.2s;transition-timing-function:ease}@media(max-width:768px){.page-title{font-size:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:var(--spacing-md)}}#toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px}.toast{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px 20px;min-width:300px;max-width:400px;box-shadow:0 8px 32px #0006;transform:translate(400px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px}.toast.show{transform:translate(0);opacity:1}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--electric-blue)}.footer-link-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-align:left}.font-medium{font-weight:500}.form-control{width:100%;padding:12px 16px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1.0625rem;transition:all .3s ease;font-family:inherit}.form-control:focus{outline:none;border-color:var(--electric-blue);box-shadow:0 0 0 3px #0080ff1a}.btn-text{background:none;border:none;color:var(--electric-blue);padding:8px 16px;cursor:pointer;font-weight:600;transition:color .3s ease}.btn-lg{padding:16px 32px;font-size:1.1rem}.sidebar-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:998;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}@media(max-width:768px){#toast-container{left:20px;right:20px}.toast{min-width:unset;width:100%}}[dir=rtl]{direction:rtl}[dir=rtl] .nav-item{flex-direction:row-reverse}[dir=rtl] .sidebar.open{transform:translate(0)}@media(max-width:768px){[dir=rtl] .sidebar{transform:translate(100%)}[dir=rtl] .sidebar.open{transform:translate(0)}[dir=rtl] .main-content{margin-right:0}}button,.btn,a{touch-action:manipulation}html{-webkit-overflow-scrolling:touch}*{-webkit-tap-highlight-color:rgba(0,128,255,.1)}@media screen and (max-width:768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea,select{font-size:16px!important}}.modal-overlay{overflow-y:auto;-webkit-overflow-scrolling:touch}body.modal-open{overflow:hidden;height:100%}[dir=rtl] .btn,[dir=rtl] button,[dir=rtl] .page-title,[dir=rtl] .stat-card,[dir=rtl] .info-item,[dir=rtl] .product-header,[dir=rtl] .seller-detail,[dir=rtl] .alert,[dir=rtl] .empty-state,[dir=rtl] .cart-empty{flex-direction:row-reverse}[dir=rtl] .toast-success{border-left:none;border-right:4px solid var(--success)}[dir=rtl] .toast-error{border-left:none;border-right:4px solid var(--error)}[dir=rtl] .toast-warning{border-left:none;border-right:4px solid var(--warning)}[dir=rtl] .toast-info{border-left:none;border-right:4px solid var(--electric-blue)}[dir=rtl] .card,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] .btn,[dir=rtl] .nav-item{flex-direction:row-reverse}.landing-page{min-height:100vh;background:var(--dark-bg);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;background:#131829cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-image{height:45px;width:auto}.logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.logo-subtitle{color:var(--text-secondary);font-size:1rem}.nav-links{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:1.0625rem;transition:color .3s ease}.nav-link:hover{color:var(--text-primary)}.hero-section{padding:120px var(--spacing-lg) 80px;min-height:100vh;display:flex;align-items:center;background:radial-gradient(ellipse at top,rgba(0,128,255,.1) 0%,transparent 50%);position:relative}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text{z-index:1}.hero-title{font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.hero-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.btn-lg{padding:16px 32px;font-size:1.125rem}.hero-stats{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-xs)}.hero-visual{position:relative;height:500px}.floating-card{position:absolute;padding:var(--spacing-lg);min-width:280px;animation:float 6s ease-in-out infinite}.floating-card:nth-child(1){top:0;right:0}.floating-card:nth-child(2){top:150px;right:100px;animation-delay:1s}.floating-card:nth-child(3){top:300px;right:20px;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-card-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--dark-bg)}.floating-card h3{font-size:1.125rem;margin-bottom:var(--spacing-sm)}.floating-card p{color:var(--text-secondary);font-size:.875rem;margin:0}.features-section,.how-it-works-section,.benefits-section{padding:80px var(--spacing-lg)}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.feature-card{text-align:center;cursor:pointer}.feature-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,#00ffff1a,#0080ff1a);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);transition:all .3s ease}.feature-card:hover .feature-icon{background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));color:var(--dark-bg);transform:scale(1.1)}.feature-title{font-size:1.25rem;margin-bottom:var(--spacing-md)}.feature-description{color:var(--text-secondary);line-height:1.6}.how-it-works-section{background:radial-gradient(ellipse at center,rgba(0,128,255,.05) 0%,transparent 70%)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.step-card{text-align:center;padding:var(--spacing-xl);position:relative}.step-number{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:3rem;font-weight:700;color:#00ffff1a}.step-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dark-bg)}.step-title{font-size:1.25rem;margin-bottom:var(--spacing-md)}.step-description{color:var(--text-secondary);line-height:1.6}.benefits-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.benefits-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.benefit-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.benefit-icon{width:48px;height:48px;background:linear-gradient(135deg,#00ffff1a,#0080ff1a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);flex-shrink:0}.benefit-text h4{font-size:1.125rem;margin-bottom:var(--spacing-xs)}.benefit-text p{color:var(--text-secondary);margin:0}.benefits-visual{display:flex;flex-direction:column;gap:var(--spacing-lg)}.benefit-card{padding:var(--spacing-xl);text-align:center}.benefit-stat-number{display:block;font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.benefit-stat-label{color:var(--text-secondary);font-size:1rem}.cta-section{padding:80px var(--spacing-lg)}.cta-card{max-width:800px;margin:0 auto;padding:60px var(--spacing-xl);text-align:center}.cta-title{font-size:2.5rem;margin-bottom:var(--spacing-md)}.cta-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md)}.landing-footer{background:var(--card-bg);border-top:1px solid var(--border-color);padding:60px var(--spacing-lg) var(--spacing-xl)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.footer-description{color:var(--text-secondary);line-height:1.6}.footer-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--neon-cyan)}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:.875rem}@media(max-width:1024px){.hero-content{grid-template-columns:1fr}.hero-visual{display:none}.benefits-content{grid-template-columns:1fr}}@media(max-width:768px){.nav-links{display:none}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column}.hero-stats{flex-direction:column;gap:var(--spacing-md)}.section-title{font-size:2rem}.features-grid,.steps-grid,.footer-content{grid-template-columns:1fr}.cta-title{font-size:1.75rem}.cta-description{font-size:1rem}}.landing-page .language-dropdown{position:relative}.landing-page .language-dropdown-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:.9375rem}.landing-page .language-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;min-width:140px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.landing-page .language-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.landing-page .language-option{width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary);text-align:left;cursor:pointer;transition:all .2s ease;font-size:.9375rem;font-weight:500}.landing-page .language-option:hover{background:var(--hover-bg);color:var(--electric-blue)}.landing-page .language-option:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.landing-page .language-option:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.footer-link-btn{background:none;border:none;padding:0;color:var(--text-secondary);text-decoration:none;transition:color .3s ease;cursor:pointer;font-size:inherit;font-family:inherit;text-align:left}.footer-link-btn:hover{color:var(--neon-cyan)}@media(max-width:768px){.landing-page .language-dropdown{order:-1}.landing-page .language-dropdown-btn{padding:8px 12px;font-size:.875rem}.landing-page .language-dropdown-menu{right:0;left:auto}.landing-page .language-option{min-height:var(--min-touch-target);padding:12px 16px}}@media(max-width:480px){.landing-page .language-dropdown-btn{padding:6px 10px;font-size:.8rem}.landing-page .language-dropdown-btn i{width:14px!important;height:14px!important}}.categories-section{padding:var(--spacing-xxl) 0;background:var(--dark-bg)}.categories-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.category-showcase-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:all .3s ease;cursor:pointer}.category-showcase-card:hover{transform:translateY(-4px);border-color:var(--neon-cyan);box-shadow:0 8px 24px #00ffff26}.category-showcase-image{width:100%;height:200px;background:linear-gradient(135deg,#00ffff1a,#0080ff1a);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-color)}.category-image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.category-showcase-content{padding:var(--spacing-lg)}.category-showcase-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.category-showcase-count{font-size:.875rem;color:var(--text-muted);margin:0 0 var(--spacing-md) 0}.category-showcase-subcategories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.subcategory-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:#00ffff1a;border:1px solid rgba(0,255,255,.2);border-radius:var(--border-radius-sm);font-size:.75rem;color:var(--neon-cyan);transition:all .2s ease}.subcategory-badge.more{background:#0080ff1a;border-color:#0080ff33;color:var(--electric-blue)}.subcategory-badge:hover{background:#0ff3;border-color:var(--neon-cyan)}.category-explore-btn{width:100%;margin-top:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}@media(max-width:768px){.categories-showcase{grid-template-columns:1fr}.category-showcase-image{height:150px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:radial-gradient(ellipse at center,#0f1629 0%,var(--dark-bg) 100%)}.auth-container{width:100%;max-width:450px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.auth-subtitle{color:var(--text-secondary);font-size:.875rem;margin:var(--spacing-xs) 0 var(--spacing-xl) 0}.auth-title{font-size:1.5rem;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.auth-description{color:var(--text-secondary);font-size:.9375rem}.auth-form{margin:var(--spacing-xl) 0}.auth-form .btn{width:100%;justify-content:center}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);margin-bottom:var(--spacing-lg);font-size:.875rem}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-xl) 0;color:var(--text-secondary);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.btn-google{width:100%;background:#fff;color:#333;border:1px solid var(--border-color);justify-content:center}.btn-google:hover{background:#f5f5f5}.auth-footer{text-align:center;margin-top:var(--spacing-xl);color:var(--text-secondary)}.auth-link{color:var(--electric-blue);font-weight:600;text-decoration:none}.auth-link:hover{color:var(--neon-cyan);text-decoration:underline}.role-selection{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.role-card{padding:var(--spacing-xl);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all .3s ease}.role-card:hover{border-color:var(--electric-blue);transform:translateY(-4px);box-shadow:0 8px 24px #0080ff33}.role-card.selected{border-color:var(--neon-cyan);background:#00ffff0d}.role-icon{width:60px;height:60px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dark-bg)}.role-title{font-size:1.25rem;margin:var(--spacing-sm) 0}.role-description{color:var(--text-secondary);font-size:.875rem}@media(max-width:768px){.role-selection{grid-template-columns:1fr}.auth-container{padding:var(--spacing-lg)}}.auth-logo-image{height:60px;width:auto;margin:0 auto var(--spacing-lg);display:block}.auth-language-dropdown{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.auth-language-dropdown .language-dropdown{position:relative}.auth-language-dropdown .language-toggle{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;font-size:.875rem;font-weight:500}.auth-language-dropdown .language-toggle:hover{background:var(--hover-bg);border-color:var(--electric-blue)}.auth-language-dropdown .language-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;min-width:140px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.auth-language-dropdown .language-dropdown-menu.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.auth-language-dropdown .language-option{width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary);text-align:center;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.auth-language-dropdown .language-option:hover{background:var(--hover-bg);color:var(--electric-blue)}.auth-language-dropdown .language-option:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.auth-language-dropdown .language-option:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.role-selection{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.role-option{cursor:pointer;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);text-align:center;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.role-option:hover{border-color:var(--electric-blue)}.role-option.active{border-color:var(--neon-cyan);background:#00ffff0d}.role-option input[type=radio]{display:none}.role-option span{font-weight:500;font-size:.9375rem}.layout{display:flex;min-height:100vh;background-color:var(--dark-bg)}.sidebar{width:280px;background:linear-gradient(180deg,var(--card-bg) 0%,#0f1426 100%);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:1000;transition:transform .3s ease}[data-theme=light] .sidebar{background:#fff}.sidebar-header{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.header-controls{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:center}.logo-svg{width:100%;max-width:200px;height:auto;display:block;margin:0 auto}.logo{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.logo-subtitle{color:var(--text-secondary);font-size:.75rem;margin-top:var(--spacing-xs)}.sidebar-nav{flex:1;padding:var(--spacing-lg) 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:12px var(--spacing-lg);color:var(--text-primary);text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;cursor:pointer;background:none;border-right:none;border-top:none;border-bottom:none;border-radius:0;width:100%;font-size:.9375rem}.nav-item:hover{color:var(--text-primary);background:#0080ff1a;border-left-color:var(--electric-blue)}.nav-item.active{color:var(--neon-cyan);background:#00ffff1a;border-left-color:var(--neon-cyan)}.logout-btn{margin-top:var(--spacing-md);color:var(--error)}.logout-btn:hover{background:#ef44441a;border-left-color:var(--error)}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--dark-bg)}.user-details{flex:1}.user-name{font-weight:600;font-size:.875rem;margin:0}.user-role{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize;margin:0}.main-content{flex:1;margin-left:280px;padding:var(--spacing-xl);min-height:100vh}.mobile-menu-btn{display:none;position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);z-index:1001;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{margin-left:0;padding:var(--spacing-lg);padding-top:80px}.mobile-menu-btn{display:block}}.language-dropdown{position:relative}.language-toggle{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;font-size:.875rem;font-weight:500;white-space:nowrap}.language-toggle:hover{background:var(--hover-bg);border-color:var(--electric-blue)}.language-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;min-width:120px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.language-dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.language-option{width:100%;padding:10px 16px;background:none;border:none;color:var(--text-primary);text-align:left;cursor:pointer;transition:all .2s ease;font-size:.875rem}.language-option:hover{background:var(--hover-bg);color:var(--electric-blue)}.language-option:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.language-option:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.theme-toggle{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--hover-bg);border-color:var(--electric-blue)}[dir=rtl] .sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--border-color)}[dir=rtl] .main-content{margin-left:0;margin-right:280px}[dir=rtl] .nav-item{border-left:none;border-right:3px solid transparent;flex-direction:row-reverse;text-align:left;padding-right:var(--spacing-lg);padding-left:var(--spacing-lg)}[dir=rtl] .nav-item:hover{border-left-color:transparent;border-right-color:var(--electric-blue)}[dir=rtl] .nav-item.active{border-left-color:transparent;border-right-color:var(--neon-cyan)}[dir=rtl] .logout-btn:hover{border-left-color:transparent;border-right-color:var(--error)}[dir=rtl] .language-dropdown-menu{left:auto;right:0}[dir=rtl] .language-option{text-align:right}[dir=rtl] .mobile-menu-btn{left:auto;right:var(--spacing-lg)}[dir=rtl] .user-info{flex-direction:row-reverse}[dir=rtl] .user-details{text-align:right}@media(max-width:768px){[dir=rtl] .sidebar{transform:translate(100%)}[dir=rtl] .sidebar.open{transform:translate(0)}[dir=rtl] .main-content{margin-right:0;margin-left:0}}@media(max-width:768px){.language-dropdown-menu{right:0;left:auto;min-width:150px}.language-toggle{font-size:.8rem;padding:6px 10px}.language-option{min-height:var(--min-touch-target);padding:12px 16px}.header-controls{gap:8px}.theme-toggle{min-width:40px;min-height:40px}}@media(max-width:480px){.language-toggle{font-size:.75rem;padding:6px 8px}.language-toggle i{width:12px!important;height:12px!important}.sidebar-footer{padding:var(--spacing-sm)}.user-details{font-size:.8rem}}.cart-overlay-widget{position:fixed;bottom:20px;right:20px;width:280px;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #0000004d;z-index:900;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color)}.cart-overlay-widget:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0006}.cart-overlay-header{display:flex;align-items:center;gap:10px;padding:15px 20px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-radius:12px 12px 0 0}.cart-overlay-title{font-weight:600;font-size:1rem;flex:1}.cart-overlay-count{background:#fff;color:var(--primary-color);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.cart-overlay-body{padding:15px 20px;max-height:200px;overflow-y:auto}.cart-overlay-empty{text-align:center;color:var(--text-muted);font-size:.9rem;margin:0}.cart-overlay-items{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.cart-overlay-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.cart-overlay-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}.cart-overlay-item-qty{font-weight:600;color:var(--primary-color)}.cart-overlay-more{text-align:center;color:var(--text-muted);font-size:.8rem;margin:5px 0 0}.cart-overlay-total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color);font-weight:600;font-size:1rem}.cart-overlay-total-amount{color:var(--primary-color);font-size:1.1rem}.cart-overlay-footer{padding:15px 20px;border-top:1px solid var(--border-color)}.cart-overlay-footer .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:768px){.cart-overlay-widget{width:260px;bottom:15px;right:15px}}@media(max-width:480px){.cart-overlay-widget{width:calc(100% - 30px);right:15px;left:15px;max-width:300px;margin:0 auto}}.dashboard-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:var(--spacing-xl);position:sticky;top:0;background:var(--dark-bg);z-index:100;padding:var(--spacing-md) 0;margin-top:calc(var(--spacing-md) * -1);margin-left:calc(var(--spacing-xl) * -1);margin-right:calc(var(--spacing-xl) * -1);padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);border-bottom:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=light] .dashboard-header{background:#fffffff2;border-bottom-color:#e5e7eb}.dashboard-header h1{font-size:2rem;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{color:var(--text-secondary);font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;gap:var(--spacing-md);align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--neon-cyan),var(--electric-blue));transform:scaleX(0);transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0080ff26;border-color:var(--electric-blue)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-content{flex:1}.stat-content h3{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;font-weight:600}.stat-value{font-size:1.75rem;font-weight:700;margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);word-break:break-word;line-height:1.2}.stat-change{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.dashboard-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);transition:all .3s ease}.dashboard-section:hover{border-color:var(--electric-blue);box-shadow:0 4px 16px #0080ff1a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:1.5rem;margin:0;color:var(--text-primary)}.btn-text{color:var(--electric-blue);text-decoration:none;font-weight:600;font-size:.9375rem;transition:color .3s ease}.btn-text:hover{color:var(--neon-cyan)}.table-container{overflow-x:auto}.data-table thead tr{border-bottom:2px solid var(--border-color)}.data-table th{padding:var(--spacing-md);text-align:left;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.data-table tbody tr{transition:background-color .2s ease}.font-medium{font-weight:600;color:var(--text-primary)}.status-badge{display:inline-block;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-delivered{background:#10b98133;color:var(--success)}.status-transit{background:#0080ff33;color:var(--electric-blue)}.status-processing{background:#f59e0b33;color:var(--warning)}.status-pending{background:#a0aec033;color:var(--text-secondary)}.quick-actions{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.quick-actions h2{font-size:1.5rem;margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.action-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#00ffff1a,#0080ff1a);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;font-weight:600;transition:all .3s ease}.action-button:hover{background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));color:var(--dark-bg);transform:translateY(-2px);box-shadow:0 4px 16px #00ffff4d}.action-button svg{transition:transform .3s ease}.action-button:hover svg{transform:scale(1.2)}@media(max-width:768px){.dashboard-page{padding:var(--spacing-md)}.dashboard-header{padding:var(--spacing-md);margin-left:calc(var(--spacing-md) * -1);margin-right:calc(var(--spacing-md) * -1);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.stats-grid{grid-template-columns:1fr}.stat-card,.dashboard-section{padding:var(--spacing-md)}.action-buttons{grid-template-columns:1fr}.data-table{font-size:.875rem}.data-table th,.data-table td{padding:var(--spacing-sm)}}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);transition:all .3s ease}.activity-item:hover{transform:translate(4px)}.activity-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00ffff1a,#0080ff1a);display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);flex-shrink:0}.activity-content{flex:1}.activity-message{color:var(--text-primary);font-size:.9375rem;margin:0 0 var(--spacing-xs) 0}.activity-time{color:var(--text-secondary);font-size:.8125rem}[dir=rtl] .stat-card,[dir=rtl] .stat-content{text-align:right}[dir=rtl] .section-header{flex-direction:row-reverse}[dir=rtl] .table-container{direction:rtl}[dir=rtl] .data-table th,[dir=rtl] .data-table td,[dir=rtl] .data-table th:first-child,[dir=rtl] .data-table td:first-child{text-align:right}.products-page,.catalog-page,.cart-page,.orders-page,.invoices-page,.branches-page,.sellers-page,.profile-page,.support-page,.notifications-page,.category-selection-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-in}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md);position:sticky;top:0;background:var(--dark-bg);z-index:100;padding:var(--spacing-md) 0;margin-top:calc(var(--spacing-md) * -1);margin-left:calc(var(--spacing-xl) * -1);margin-right:calc(var(--spacing-xl) * -1);padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);border-bottom:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=light] .page-header{background:#fffffff2;border-bottom-color:#e5e7eb}.page-header h1{display:flex;align-items:center;gap:var(--spacing-md);font-size:2rem;margin:0;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .page-header h1{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:#000}.page-header p{color:var(--text-secondary);margin:var(--spacing-sm) 0 0}[data-theme=light] .page-header p{color:#000}.page-controls,.catalog-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;align-items:center}.catalog-controls.three-column{display:grid;grid-template-columns:1fr auto auto;gap:var(--spacing-md)}@media(max-width:768px){.catalog-controls.three-column{grid-template-columns:1fr}}.search-box{position:relative;flex:1;min-width:300px;display:flex;align-items:center;gap:var(--spacing-sm);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:0 var(--spacing-md);transition:all .3s ease}.search-box:focus-within{border-color:var(--electric-blue);box-shadow:0 0 0 3px #0080ff1a}.search-box svg{color:var(--text-secondary)}.search-box input{flex:1;background:transparent;border:none;padding:12px 0;color:var(--text-primary);font-size:1rem;outline:none}.search-box input::placeholder{color:var(--text-secondary)}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px var(--spacing-md);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary)}.filter-group select{background:transparent;border:none;color:var(--text-primary);font-size:1rem;outline:none;cursor:pointer;padding:0 var(--spacing-sm)}.table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-xl)}.data-table thead{background:#0080ff0d}.data-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.data-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:#0080ff0d}.data-table tbody tr:last-child td{border-bottom:none}.data-table .font-medium{font-weight:600;color:var(--electric-blue)}.status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-delivered,.status-completed{background:#10b98133;color:var(--success)}.status-transit,.status-processing{background:#0080ff33;color:var(--electric-blue)}.status-pending{background:#f59e0b33;color:var(--warning)}.status-cancelled,.status-failed{background:#ef444433;color:var(--error)}.status-under-review{background:#f59e0b33;color:var(--warning)}.status-confirmed{background:#10b98126;color:var(--success)}.status-in-production{background:#0080ff33;color:var(--electric-blue)}.status-out-of-production{background:#8b5cf633;color:#8b5cf6}.status-delivered-to-the-shipping-company{background:#06b6d433;color:#06b6d4}.status-reached-port{background:#22c55e33;color:#22c55e}.status-collected{background:#10b98133;color:var(--success)}.status-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:200px}.status-select:hover{border-color:var(--electric-blue)}.status-select:focus{outline:none;border-color:var(--electric-blue);box-shadow:0 0 0 3px #0080ff1a}.status-select:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .status-select{background:#fff;border-color:#d1d5db;color:#1f2937}[data-theme=light] .status-select:hover{border-color:var(--electric-blue)}.action-buttons{display:flex;gap:var(--spacing-sm)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.btn-icon:hover{background:var(--electric-blue);color:#fff;border-color:var(--electric-blue);transform:translateY(-2px)}.btn-icon.btn-danger:hover{background:var(--error);border-color:var(--error)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.product-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.product-card:hover{border-color:var(--electric-blue);box-shadow:0 8px 32px #0080ff26;transform:translateY(-4px)}.product-image{background:linear-gradient(135deg,#00ffff1a,#0080ff1a);height:200px;display:flex;align-items:center;justify-content:center;color:var(--neon-cyan)}.product-info{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.product-category{display:inline-block;padding:4px 12px;background:#0080ff33;color:var(--electric-blue);border-radius:12px;font-size:.75rem;font-weight:600;margin-bottom:var(--spacing-sm);width:fit-content}.product-info h3{font-size:1.25rem;margin:var(--spacing-sm) 0;color:var(--text-primary)}.product-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:var(--spacing-md);flex:1}.product-details{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#0080ff0d;border-radius:var(--radius-sm)}.detail-item{display:flex;justify-content:space-between;font-size:.875rem}.detail-item .label{color:var(--text-secondary)}.detail-item .value{color:var(--text-primary);font-weight:600}.btn-block{width:100%;justify-content:center}.cart-container{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-xl)}.cart-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-item{display:flex;gap:var(--spacing-lg);align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .3s ease}.cart-item:hover{border-color:var(--electric-blue);box-shadow:0 4px 16px #0080ff1a}.cart-item-image{width:80px;height:80px;background:linear-gradient(135deg,#00ffff1a,#0080ff1a);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);flex-shrink:0}.cart-item-details{flex:1}.cart-item-details h3{font-size:1.125rem;margin:0 0 var(--spacing-xs)}.cart-item-price{color:var(--electric-blue);font-weight:600;font-size:1rem}.cart-item-quantity{display:flex;align-items:center;gap:var(--spacing-sm);background:#0080ff0d;padding:var(--spacing-sm);border-radius:var(--radius-sm)}.quantity-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .3s ease}.quantity-btn:hover{background:var(--electric-blue);border-color:var(--electric-blue);color:#fff}.quantity-value{min-width:80px;text-align:center;font-weight:600;color:var(--text-primary)}.cart-item-total{text-align:right}.item-total-label{color:var(--text-secondary);font-size:.75rem;margin:0 0 var(--spacing-xs)}.item-total-value{color:var(--neon-cyan);font-size:1.25rem;font-weight:700;margin:0}.cart-summary{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);height:fit-content;position:sticky;top:var(--spacing-lg)}.cart-summary h2{font-size:1.5rem;margin:0 0 var(--spacing-lg)}.summary-row{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;color:var(--text-primary)}.summary-row span:first-child{color:var(--text-secondary)}.summary-row span:last-child{font-weight:600}.summary-divider{height:1px;background:var(--border-color);margin:var(--spacing-md) 0}.summary-total{padding-top:var(--spacing-lg);font-size:1.25rem;font-weight:700}.summary-total span:last-child{color:var(--neon-cyan)}.btn-text{background:transparent;color:var(--text-secondary);border:none;text-align:center;margin-top:var(--spacing-sm)}.btn-text:hover{color:var(--electric-blue);background:transparent}.text-muted{color:var(--text-secondary);font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg);animation:fadeIn .2s ease-in}.modal-large{max-width:800px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-grid .full-width{grid-column:1 / -1}.profile-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.profile-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl)}.profile-section h2{font-size:1.25rem;margin:0 0 var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--neon-cyan)}.profile-avatar-section{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--dark-bg)}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.support-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;transition:all .3s ease;cursor:pointer}.support-card:hover{border-color:var(--electric-blue);box-shadow:0 8px 32px #0080ff26;transform:translateY(-4px)}.support-card-icon{width:60px;height:60px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dark-bg)}.support-card h3{margin:var(--spacing-sm) 0}.support-card p{color:var(--text-secondary);font-size:.875rem}.notifications-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.notification-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;gap:var(--spacing-md);align-items:flex-start;transition:all .3s ease}.notification-item:hover{border-color:var(--electric-blue);box-shadow:0 4px 16px #0080ff1a}.notification-item.unread{border-left:4px solid var(--neon-cyan);background:#00ffff0d}.notification-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));display:flex;align-items:center;justify-content:center;color:var(--dark-bg);flex-shrink:0}.notification-content h4{margin:0 0 var(--spacing-xs);font-size:1rem}.notification-content p{color:var(--text-secondary);font-size:.875rem;margin:0 0 var(--spacing-xs)}.notification-time{color:var(--text-secondary);font-size:.75rem}.branches-grid,.sellers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.branch-card,.seller-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);transition:all .3s ease}.branch-card:hover,.seller-card:hover{border-color:var(--electric-blue);box-shadow:0 8px 32px #0080ff26;transform:translateY(-4px)}.branch-header,.seller-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.branch-icon,.seller-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--dark-bg)}.branch-info,.seller-info{flex:1}.branch-info h3,.seller-info h3{margin:0 0 var(--spacing-xs);font-size:1.25rem}.branch-info p,.seller-info p,.seller-company{color:var(--text-secondary);font-size:.875rem;margin:0}.seller-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--dark-bg)}.seller-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.seller-detail{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem}.seller-detail i{width:16px;height:16px;color:var(--electric-blue)}.order-buyer-info{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#0080ff0d;border-radius:var(--radius-sm)}.order-buyer-info h4{margin:0 0 var(--spacing-sm);color:var(--text-primary);font-size:1rem}.order-buyer-info p{margin:var(--spacing-xs) 0;color:var(--text-secondary);font-size:.875rem}.branch-details,.seller-details{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.branch-actions,.seller-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.seller-actions .btn{flex:1;justify-content:center}.invoice-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);max-width:800px;margin:0 auto}.invoice-header{display:flex;justify-content:space-between;align-items:start;padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-xl)}.invoice-logo h1{margin:0;font-size:2rem;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.invoice-details{text-align:right}.invoice-number{font-size:1.5rem;font-weight:700;color:var(--neon-cyan);margin-bottom:var(--spacing-xs)}.invoice-date{color:var(--text-secondary);font-size:.875rem}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.party-section h3{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;margin:0 0 var(--spacing-sm)}.party-section p{margin:var(--spacing-xs) 0;color:var(--text-primary)}.invoice-table{margin-bottom:var(--spacing-xl)}.invoice-totals{margin-left:auto;max-width:350px}.total-row{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;border-top:1px solid var(--border-color)}.total-row.grand-total{font-size:1.5rem;font-weight:700;border-top:2px solid var(--neon-cyan);padding-top:var(--spacing-lg)}.total-row.grand-total span:last-child{color:var(--neon-cyan)}.invoices-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.invoice-card{padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.invoice-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.invoice-card .invoice-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.invoice-info h3{margin:0 0 4px;font-size:1.0625rem;font-weight:700}.invoice-card .invoice-details{text-align:left;margin:var(--spacing-sm) 0}.invoice-card .invoice-details p{margin:4px 0;font-size:.9375rem;color:var(--text-secondary)}.invoice-summary{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-sm)}.invoice-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:.9375rem;color:var(--text-secondary)}.invoice-summary-row:not(:last-child){border-bottom:1px solid var(--border-color)}.invoice-total{font-weight:700;color:var(--text-primary);font-size:1rem}.invoice-card .invoice-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-md)}.upload-placeholder{border:2px dashed var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.upload-placeholder:hover{border-color:var(--electric-blue);background:#0080ff0d}.upload-placeholder svg{margin:0 auto var(--spacing-sm);color:var(--electric-blue)}.upload-placeholder p{margin:var(--spacing-xs) 0;font-weight:600}.upload-placeholder small{font-size:.75rem}@media(max-width:1024px){.cart-container{grid-template-columns:1fr}.cart-summary{position:static}.profile-container{grid-template-columns:1fr}}@media(max-width:768px){.products-page,.catalog-page,.cart-page,.orders-page,.invoices-page,.branches-page,.sellers-page,.profile-page,.support-page,.notifications-page{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start;padding:var(--spacing-md);margin-left:calc(var(--spacing-md) * -1);margin-right:calc(var(--spacing-md) * -1);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.page-header h1{font-size:1.5rem}.page-controls,.catalog-controls{flex-direction:column}.search-box{min-width:100%}.products-grid{grid-template-columns:1fr}.cart-item{flex-wrap:wrap}.cart-item-image{width:60px;height:60px}.cart-item-quantity{width:100%;justify-content:center}.form-grid,.branches-grid,.sellers-grid{grid-template-columns:1fr}.modal{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-lg)}.invoice-header{flex-direction:column;gap:var(--spacing-lg)}.invoice-details{text-align:left}.invoice-parties{grid-template-columns:1fr}}@media(max-width:480px){.data-table{font-size:.875rem}.data-table th,.data-table td{padding:var(--spacing-sm)}.action-buttons{flex-direction:column}.cart-summary{padding:var(--spacing-lg)}}.modal{display:none;position:fixed;inset:0;background:#000c;z-index:10000;padding:var(--spacing-lg)}.modal[style*="display: flex"],.modal[style*="display:flex"]{display:flex!important;align-items:center;justify-content:center}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;position:relative;margin:auto}[data-theme=light] .modal-content{background:#fff;border-color:#e5e7eb;box-shadow:0 20px 60px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .modal-header h2{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:#000}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .3s ease}.modal-close:hover{background:var(--border-color);color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.file-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .3s ease;background:transparent}[data-theme=light] .file-upload-area{background:#f9fafb;border-color:#d1d5db}.file-upload-area:hover{border-color:var(--electric-blue);background:#0080ff0d}[data-theme=light] .file-upload-area:hover{background:#0080ff14;border-color:var(--electric-blue)}.file-upload-area i{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.file-upload-area p{color:var(--text-secondary);margin:0}.import-instructions{background:var(--dark-bg);padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:3px solid var(--electric-blue);margin-bottom:var(--spacing-lg);line-height:1.6}[data-theme=light] .import-instructions{background:#f3f4f6;color:#1f2937}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--electric-blue));width:0%;transition:width .3s ease}.help-text{font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.form-label{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500}.cart-items{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.cart-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-lg);position:relative}.cart-item-image{width:120px;height:120px;object-fit:cover;border-radius:8px;flex-shrink:0}.cart-item-placeholder{width:120px;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item-info h3{margin:0 0 var(--spacing-xs);font-size:1.125rem}.cart-item-seller{color:var(--text-secondary);font-size:.875rem;margin:var(--spacing-xs) 0}.cart-item-description{color:var(--text-secondary);font-size:.875rem;margin:var(--spacing-sm) 0 0}.cart-item-details{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:200px}.cart-item-price,.cart-item-subtotal{display:flex;justify-content:space-between;align-items:center}.cart-item-price .label,.cart-item-subtotal .label{color:var(--text-secondary);font-size:.875rem}.cart-item-price .value,.cart-item-subtotal .value{font-weight:600;color:var(--text-primary)}.cart-item-quantity{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-item-quantity label{color:var(--text-secondary);font-size:.875rem}.quantity-controls{display:flex;gap:var(--spacing-xs);align-items:center}.quantity-btn{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-primary)}.quantity-btn svg,.quantity-btn i{pointer-events:none}.quantity-btn:hover{border-color:var(--electric-blue);background:var(--hover-bg)}.quantity-input{width:80px;padding:8px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);text-align:center;font-size:.9375rem;font-weight:600}.quantity-input:focus{outline:none;border-color:var(--electric-blue)}.cart-item-remove{background:transparent;border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:all .3s ease;color:var(--text-secondary);font-size:.875rem}.cart-item-remove:hover{border-color:var(--error);color:var(--error);background:#ef44441a}.cart-summary{max-width:400px;margin-left:auto;padding:var(--spacing-lg)}.cart-summary h2{margin:0 0 var(--spacing-lg);font-size:1.25rem}.summary-row{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.summary-row:last-of-type{border-bottom:none}.summary-total{font-weight:700;font-size:1.125rem;margin-top:var(--spacing-md);padding-top:var(--spacing-lg);border-top:2px solid var(--border-color)}.cart-summary .btn{width:100%;margin-top:var(--spacing-lg)}.cart-item-unavailable{opacity:.6;position:relative}.out-of-stock-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--error);color:#fff;padding:4px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;z-index:1}.cart-item-unavailable .quantity-btn,.cart-item-unavailable .quantity-input{opacity:.5;cursor:not-allowed}.alert{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);align-items:flex-start}.alert-warning{background:#f59e0b1a;border:2px solid rgba(245,158,11,.3);color:var(--text-primary)}.alert svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.alert strong{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.alert p{margin:0;color:var(--text-secondary);font-size:.875rem}@media(max-width:768px){.cart-item{grid-template-columns:1fr}.cart-item-details{width:100%}.cart-summary{max-width:100%}.out-of-stock-badge{top:var(--spacing-sm);right:var(--spacing-sm)}}[dir=rtl] .modal-header,[dir=rtl] .modal-footer{flex-direction:row-reverse}[dir=rtl] .cart-summary{margin-left:0;margin-right:auto}[dir=rtl] .product-card{text-align:right}[dir=rtl] .catalog-controls{direction:rtl}[dir=rtl] .summary-row{flex-direction:row-reverse}[dir=rtl] .seller-tile-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .seller-tile-info h3,[dir=rtl] .seller-tile-info .seller-company{text-align:right}[dir=rtl] .seller-detail{flex-direction:row-reverse;text-align:right}[dir=rtl] .seller-tile-actions{flex-direction:row-reverse}[dir=rtl] .category-tile{text-align:center}[dir=rtl] .page-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .page-header h1{flex-direction:row-reverse}[dir=rtl] .sellers-grid,[dir=rtl] .categories-grid{direction:rtl}[dir=rtl] .catalog-page .page-header>div{text-align:right}.checkout-page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-in}.checkout-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.checkout-section{background:var(--card-bg);border-radius:var(--radius-md);padding:var(--spacing-xl);border:2px solid var(--border-color)}.checkout-section h2{margin:0 0 var(--spacing-md);font-size:1.5rem;display:flex;align-items:center;gap:var(--spacing-sm)}.required-badge{font-size:.75rem;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));color:#fff;padding:4px 8px;border-radius:4px;font-weight:600}.section-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.checkout-items{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.checkout-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.checkout-item-info h4{margin:0 0 4px;color:var(--text-primary)}.checkout-item-info .text-muted{color:var(--text-secondary);font-size:.875rem;margin:0}.checkout-item-details{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.checkout-item-price{font-weight:600;font-size:1.125rem;color:var(--electric-blue)}.checkout-totals{padding-top:var(--spacing-lg);border-top:2px solid var(--border-color)}.checkout-total-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;font-size:1rem}.checkout-total-row.total{font-size:1.5rem;font-weight:700;color:var(--neon-cyan);border-top:2px solid var(--border-color);padding-top:var(--spacing-lg);margin-top:var(--spacing-sm)}.deposit-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.deposit-option{cursor:pointer}.deposit-option input[type=radio]{display:none}.deposit-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:all .3s ease;cursor:pointer}.deposit-option:hover .deposit-card{border-color:var(--electric-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0080ff26}.deposit-option.selected .deposit-card{border-color:var(--neon-cyan);background:linear-gradient(135deg,#00ffff0d,#0080ff0d);box-shadow:0 0 20px #0ff3}.deposit-percentage{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.deposit-amount{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.deposit-label{font-size:.875rem;color:var(--text-secondary)}.deposit-summary{background:var(--bg-primary);border-radius:var(--radius-sm);padding:var(--spacing-lg);border:1px solid var(--border-color)}.deposit-summary .summary-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;font-size:1rem;font-weight:500}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.payment-method{cursor:pointer}.payment-method input[type=radio]{display:none}.payment-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.payment-method:hover .payment-card{border-color:var(--electric-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0080ff26}.payment-method.selected .payment-card{border-color:var(--neon-cyan);background:linear-gradient(135deg,#00ffff0d,#0080ff0d);box-shadow:0 0 20px #0ff3}.payment-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.payment-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.checkout-actions{display:flex;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-xl)}.checkout-actions .btn{flex:1;max-width:300px}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.order-card{padding:var(--spacing-lg)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.order-info h3{margin:0 0 4px;color:var(--text-primary);font-size:1.25rem}.order-date{color:var(--text-secondary);font-size:.875rem}.status-badge{padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;text-transform:capitalize}.status-pending{background:#fef3c7;color:#92400e}.status-confirmed{background:#dbeafe;color:#1e40af}.status-shipped{background:#e0e7ff;color:#4338ca}.status-delivered{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.order-items{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.order-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.order-item-info h4{margin:0 0 4px;color:var(--text-primary);font-size:1rem}.order-item-info .text-muted{color:var(--text-secondary);font-size:.875rem;margin:0}.order-item-details{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.order-item-price{font-weight:600;font-size:1rem;color:var(--electric-blue)}.order-summary{padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.order-summary-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;font-size:.875rem}.order-summary-row .order-total{font-weight:700;font-size:1.25rem;color:var(--electric-blue)}.order-payment-method{display:flex;justify-content:space-between;padding:var(--spacing-md) 0 0;margin-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.payment-badge{padding:.25rem .75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--electric-blue);text-transform:capitalize}.order-card-compact{padding:var(--spacing-lg);transition:all .3s ease}.order-card-compact.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0080ff26;border-color:var(--electric-blue)}.order-compact-content{display:grid;grid-template-columns:2fr 2fr 1.5fr auto;gap:var(--spacing-lg);align-items:center}.order-compact-info h3{margin:0 0 4px;color:var(--text-primary);font-size:1.125rem}.order-compact-buyer{display:flex;flex-direction:column;gap:4px}.buyer-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.buyer-name{font-size:1rem;font-weight:500;color:var(--text-primary)}.order-compact-action{display:flex;align-items:center;color:var(--text-secondary)}.order-card-compact.clickable:hover .order-compact-action{color:var(--electric-blue)}.order-detail-container{max-width:1000px;margin:0 auto}.order-detail-card{padding:var(--spacing-xl)}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.order-detail-info h2{margin:0 0 8px;color:var(--text-primary);font-size:1.5rem}.order-detail-status{text-align:right}.order-detail-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.order-detail-section:last-child{border-bottom:none;padding-bottom:0}.order-detail-section h3{margin:0 0 var(--spacing-lg);color:var(--text-primary);font-size:1.25rem}.order-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-value{font-size:1rem;color:var(--text-primary);font-weight:500}.order-items-table{overflow-x:auto}.order-items-table .data-table{width:100%;border-collapse:collapse}.order-items-table .data-table th{text-align:left;padding:var(--spacing-md);background:var(--bg-primary);border-bottom:2px solid var(--border-color);font-weight:600;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.order-items-table .data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:1rem;color:var(--text-primary)}.order-items-table .data-table tbody tr:hover{background:var(--bg-primary)}.order-summary-large{max-width:500px;margin-left:auto}.order-summary-large .summary-row{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;font-size:1rem;border-bottom:1px solid var(--border-color)}.order-summary-large .summary-row:last-child{border-bottom:none}.order-summary-large .total-row{font-weight:700;font-size:1.25rem;color:var(--electric-blue);border-top:2px solid var(--border-color);padding-top:var(--spacing-lg);margin-top:var(--spacing-sm)}.order-summary-large .highlight-row{background:var(--bg-primary);padding:var(--spacing-md);margin:var(--spacing-sm) 0;border-radius:var(--radius-sm);border-bottom:none}.order-filters{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.order-compact-content{grid-template-columns:1fr;gap:var(--spacing-md)}.order-compact-action{display:none}.order-detail-header{flex-direction:column;gap:var(--spacing-md)}.order-detail-status{text-align:left;width:100%}}@media(max-width:768px){.checkout-actions{flex-direction:column}.checkout-actions .btn{max-width:100%}.deposit-options,.payment-methods{grid-template-columns:1fr}.order-header,.order-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.order-item-details{width:100%;flex-direction:row;justify-content:space-between}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .3s ease}.modal-close:hover{background:var(--background-secondary);color:var(--text-primary)}.modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color);justify-content:flex-end}.success-overlay .modal-content{text-align:center;max-width:400px}.success-modal .modal-body{padding:var(--spacing-xl)}.success-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);border-radius:50%;background:linear-gradient(135deg,var(--success-color),#10b981);display:flex;align-items:center;justify-content:center;animation:scaleIn .5s ease-out}.success-icon i{width:48px;height:48px;color:#fff}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-modal h2{color:var(--success-color);margin-bottom:var(--spacing-sm)}.success-modal p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.success-modal .modal-footer{border-top:none;justify-content:center}.cart-item-dimensions{font-size:.9rem;color:var(--text-secondary);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--background-secondary);border-radius:var(--radius-sm);display:inline-block}.cart-item-dimensions strong{color:var(--text-primary)}@media(max-width:768px){.modal-content{width:95%;max-width:none;max-height:95vh;margin:var(--spacing-md)}.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:1.25rem}.modal-body{padding:var(--spacing-md)}.modal-footer{padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.modal-footer .btn{width:100%;justify-content:center}.success-icon{width:64px;height:64px}.success-icon i{width:36px;height:36px}.success-modal h2{font-size:1.25rem}.form-group input[type=number]{padding:12px}.cart-item-dimensions{font-size:.85rem;display:block;margin-top:var(--spacing-sm)}}@media(max-width:480px){.modal-header h2{font-size:1.1rem}.modal-body p,.success-modal p{font-size:.9rem}.modal-close,.quantity-btn{min-width:var(--min-touch-target);min-height:var(--min-touch-target)}.cart-item{flex-direction:column}.cart-item-info,.cart-item-details{width:100%}}.product-detail-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-in}.product-detail-page .page-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.product-detail-page .back-btn{display:flex;align-items:center;gap:var(--spacing-sm)}.product-category-badge{display:inline-block;padding:.25rem .75rem;background:#667eea1a;color:var(--electric-blue);border-radius:20px;font-size:.875rem;font-weight:500;margin-top:.5rem}.product-detail-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.product-image-section{position:relative}.product-image-wrapper{position:relative;width:100%;height:500px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);cursor:zoom-in}.product-detail-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-image-wrapper.zoom-active .product-detail-image{transform:scale(2)}.product-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.zoom-lens{position:absolute;width:100px;height:100px;border:2px solid var(--neon-cyan);border-radius:50%;pointer-events:none;background:#667eea1a;transform:translate(-50%,-50%);z-index:10}.product-info-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-description,.product-details,.product-order-form{padding:var(--spacing-lg)}.product-chat-btn{margin-top:var(--spacing-md);width:100%;justify-content:center}.product-description h2,.product-details h2,.product-order-form h2{margin:0 0 var(--spacing-md) 0;font-size:1.5rem;color:var(--text-primary)}.product-description p{color:var(--text-secondary);line-height:1.6;margin:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.detail-value{color:var(--text-primary);font-size:1rem;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.quantity-input-group{display:flex;align-items:center;gap:.5rem}.quantity-input-group .quantity-btn{flex-shrink:0}.quantity-input-group .form-control{flex:1;text-align:center}.btn-large{width:100%;padding:1rem;font-size:1.125rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.view-details-text{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--electric-blue);font-weight:500;justify-content:center}@media(max-width:968px){.product-detail-container{grid-template-columns:1fr}.product-image-wrapper{height:400px}.detail-grid,.form-row{grid-template-columns:1fr}}@media(max-width:640px){.product-detail-page .page-header{flex-direction:column;align-items:flex-start}.product-image-wrapper{height:300px}}.sellers-content{display:flex;gap:20px;position:relative}.sellers-content .sellers-grid{flex:1}.btn-chat{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.chat-panel{position:fixed;right:0;top:0;bottom:0;width:400px;background:var(--card-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000;box-shadow:-2px 0 10px #0000001a}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.chat-header h3{margin:0;font-size:1.1rem}.btn-close-chat{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:var(--text-color);border-radius:4px;transition:background-color .2s}.btn-close-chat:hover{background-color:var(--hover-bg)}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.chat-empty,.chat-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:10px}.chat-message{display:flex;flex-direction:column;gap:5px}.chat-message.own{align-items:flex-end}.chat-message.other{align-items:flex-start}.message-content{max-width:70%;padding:10px 15px;border-radius:12px;word-wrap:break-word}.chat-message.own .message-content{background-color:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.chat-message.other .message-content{background-color:var(--hover-bg);color:var(--text-color);border-bottom-left-radius:4px}.message-content p{margin:0;font-size:.95rem}.message-attachments{display:flex;flex-direction:column;gap:5px;margin-top:5px}.message-attachment{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0000001a;border-radius:6px;text-decoration:none;color:inherit;font-size:.9rem;transition:background-color .2s}.chat-message.own .message-attachment{background:#fff3}.message-attachment:hover{background:#00000026}.chat-message.own .message-attachment:hover{background:#ffffff4d}.message-time{font-size:.75rem;color:var(--text-muted);padding:0 5px}.chat-input{display:flex;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid var(--border-color);background:var(--card-bg)}.chat-input input[type=text]{flex:1;padding:10px 15px;border:1px solid var(--border-color);border-radius:20px;outline:none;font-size:.95rem;background:var(--input-bg);color:var(--text-color)}.chat-input input[type=text]:focus{border-color:var(--primary-color)}.btn-attach,.btn-send{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-color);border-radius:50%;transition:all .2s}.btn-attach:hover{background-color:var(--hover-bg);color:var(--primary-color)}.btn-send{background-color:var(--primary-color);color:#fff}.btn-send:hover{background-color:var(--primary-dark)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.chat-attachments{padding:10px 20px;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;max-height:150px;overflow-y:auto}.attachment-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--hover-bg);border-radius:8px;font-size:.9rem}.attachment-info{display:flex;align-items:center;gap:6px}.btn-remove-attachment{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:var(--danger-color);border-radius:4px;transition:background-color .2s}.btn-remove-attachment:hover{background-color:#ef44441a}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-card{display:flex;align-items:flex-start;gap:15px;padding:20px;cursor:pointer;transition:all .2s;position:relative}.notification-card.unread{background-color:#3b82f60d;border-left:3px solid var(--primary-color)}.notification-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.chat{background-color:#3b82f61a;color:var(--primary-color)}.notification-icon.order{background-color:#10b9811a;color:#10b981}.notification-icon.payment{background-color:#f59e0b1a;color:#f59e0b}.notification-icon.system,.notification-icon.default{background-color:#6b72801a;color:#6b7280}.notification-content{flex:1}.notification-content h4{margin:0 0 5px;font-size:1rem;font-weight:600}.notification-content p{margin:0 0 8px;font-size:.9rem;color:var(--text-muted)}.notification-time{font-size:.8rem;color:var(--text-muted)}.btn-mark-read{background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-mark-read:hover{background:var(--primary-dark);transform:scale(1.1)}.chat-panel{display:flex;flex-direction:row}.chat-sidebar{width:250px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-secondary)}.chat-sidebar-header{padding:15px;border-bottom:1px solid var(--border-color)}.chat-sidebar-header h4{margin:0;font-size:.9rem;font-weight:600;color:var(--text-color)}.chat-sidebar-list{flex:1;overflow-y:auto}.chat-list-item{display:flex;align-items:center;gap:10px;padding:12px 15px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s}.chat-list-item:hover{background-color:var(--hover-bg)}.chat-list-item.active{background-color:var(--primary-color);color:#fff}.chat-list-item.active .chat-list-name,.chat-list-item.active .chat-list-last-message{color:#fff}.chat-list-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.chat-list-item.active .chat-list-avatar{background:#fff;color:var(--primary-color)}.chat-list-info{flex:1;min-width:0}.chat-list-name{font-weight:600;font-size:.9rem;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-last-message{font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.btn-toggle-sidebar{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-color);border-radius:4px;transition:background-color .2s}.btn-toggle-sidebar:hover{background-color:var(--hover-bg)}@media(max-width:768px){.chat-panel{width:100%;max-width:400px}.chat-sidebar{width:200px}.sellers-content{flex-direction:column}}.chats-page{padding:var(--spacing-lg);max-width:1600px;margin:0 auto;animation:fadeIn .3s ease-in;overflow-x:hidden}.chats-container{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-lg);height:calc(100vh - 200px);min-height:600px;width:100%;max-width:100%;overflow:hidden}.chats-list-container{display:flex;flex-direction:column;overflow:hidden}.chats-list-container h3{padding:var(--spacing-md);margin:0;border-bottom:1px solid var(--border-color)}.chats-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.chat-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;border-radius:var(--radius-md);transition:background-color .2s;margin-bottom:var(--spacing-sm)}.chat-item:hover,.chat-item.active{background-color:var(--surface-light)}.chat-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.chat-info{flex:1;min-width:0}.chat-name{font-weight:600;margin-bottom:4px}.chat-last-message{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.chat-window-container{display:flex;flex-direction:column;overflow:hidden}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-muted)}.chat-window{display:flex;flex-direction:column;height:100%}.chat-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-md)}.chat-user-info{display:flex;align-items:center;gap:var(--spacing-md)}.chat-user-info h4{margin:0}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.message{display:flex;max-width:70%;animation:slideIn .2s ease-out;margin-bottom:var(--spacing-xs)}.message-own{align-self:flex-end}.message-other{align-self:flex-start}.message-content{background-color:var(--surface-light);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);word-wrap:break-word;box-shadow:0 1px 2px #0000001a}.message-own .message-content{background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));color:#fff}.message-sending{opacity:.7}.message-sending .message-time{font-style:italic}.message-text{margin-bottom:var(--spacing-sm);line-height:1.5}.message-attachments{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.attachment{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:#ffffff1a;border-radius:var(--radius-sm)}.attachment-inline{flex-direction:column;align-items:flex-start}.attachment-image{display:block;max-width:100%;height:auto;transition:transform .2s}.attachment-image:hover{transform:scale(1.02)}.attachment-video{display:block;max-width:100%;height:auto}.attachment-file{display:flex;align-items:center;gap:var(--spacing-sm)}.attachment-info{flex:1;display:flex;flex-direction:column;gap:2px}.attachment-name{font-size:.875rem;font-weight:500}.attachment-size{font-size:.75rem;opacity:.7}.attachment-actions{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:var(--spacing-xs);gap:var(--spacing-sm)}.message-time{font-size:.75rem;opacity:.7;margin-top:var(--spacing-xs)}.btn-translate{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 8px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);background:#ffffff1a;color:inherit;cursor:pointer;transition:all .2s;margin-top:var(--spacing-xs)}.btn-translate:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.btn-translate:disabled{opacity:.6;cursor:not-allowed}.btn-translate.translated{background:#fff3}.message-own .btn-translate{border-color:#fff6}.message-other .btn-translate{border-color:var(--border-color);background:#0000000d}.message-other .btn-translate:hover:not(:disabled){background:#0000001a}.spin{animation:spin 1s linear infinite}.chat-input-container{padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);align-items:center}.chat-input-container input[type=text]{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-primary)}.selected-files{padding:0 var(--spacing-md)}.selected-files-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.selected-file{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--surface-light);border-radius:var(--radius-sm);font-size:.875rem}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chats-container.with-sidebar{grid-template-columns:300px 1fr 280px;max-width:100%}.documents-sidebar{display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.documents-sidebar-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.documents-sidebar-header h3{margin:0;font-size:1rem;font-weight:600}.documents-list{flex:1;overflow-y:auto;padding:var(--spacing-md)}.documents-section{margin-bottom:var(--spacing-lg)}.documents-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.documents-section-header h4{margin:0;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary)}.documents-section-header i{width:16px;height:16px}.documents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.document-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .2s}.document-item:hover{transform:scale(1.05)}.document-image{aspect-ratio:1;background-color:var(--surface-light)}.document-image img{width:100%;height:100%;object-fit:cover}.documents-list-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.document-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);background-color:var(--surface-light);transition:background-color .2s}.document-list-item:hover{background-color:var(--surface)}.document-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-sm)}.document-icon i{width:20px;height:20px}.document-info{flex:1;min-width:0}.document-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.chat-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}@media(max-width:768px){.chats-container,.chats-container.with-sidebar{grid-template-columns:1fr}.chats-list-container{display:none}.chats-list-container.active{display:flex}.documents-sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;z-index:1000;box-shadow:-2px 0 10px #0000001a}.message{max-width:85%}}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.category-tile{padding:var(--spacing-xl);text-align:center;transition:all .3s ease;border:2px solid transparent}.category-tile:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 8px 24px #4f46e533}.category-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));color:#fff}.category-icon i{width:32px;height:32px}.category-tile h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.catalog-page .sellers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.seller-tile{transition:all .3s ease}.seller-tile:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f46e533}.seller-tile-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.seller-tile .seller-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));color:#fff;flex-shrink:0}.seller-tile .seller-avatar i{width:28px;height:28px}.seller-tile-info h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.seller-tile-info .seller-company{margin:4px 0 0;font-size:.875rem;color:var(--text-secondary)}.seller-tile-body{margin-bottom:var(--spacing-md)}.seller-tile .seller-detail{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.seller-tile .seller-detail i{width:16px;height:16px;flex-shrink:0;color:var(--primary-color)}.seller-tile-actions{display:flex;gap:var(--spacing-sm);justify-content:space-between}.seller-tile-actions .btn{flex:1}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:var(--background-primary);border-radius:var(--radius-lg);width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem}.btn-close-modal{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);color:var(--text-secondary);transition:color .2s}.btn-close-modal:hover{color:var(--text-primary)}.btn-close-modal i{width:24px;height:24px}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}[dir=rtl] .category-tile,[dir=rtl] .product-card,[dir=rtl] .seller-tile{text-align:right}[dir=rtl] .product-header,[dir=rtl] .seller-tile-header,[dir=rtl] .seller-tile-info{flex-direction:row-reverse;text-align:right}[dir=rtl] .seller-tile-actions,[dir=rtl] .product-footer,[dir=rtl] .view-details-text,[dir=rtl] .catalog-controls{flex-direction:row-reverse}[dir=rtl] .category-tile h3,[dir=rtl] .category-tile p{text-align:right}[dir=rtl] .cart-item{flex-direction:row-reverse}[dir=rtl] .cart-item-info{text-align:right}.invoice-detail-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.invoice-actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a}.invoice-actions{display:flex;gap:var(--spacing-sm);align-items:center}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--text-primary);font-size:.9375rem;text-align:left;cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:var(--hover-bg)}.dropdown-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.dropdown-item i{width:18px;height:18px}.dropdown-has-sub{position:relative}.dropdown-has-sub>.dropdown-submenu-arrow{margin-left:auto;width:14px;height:14px;opacity:.6}.dropdown-submenu{position:absolute;right:100%;top:0;min-width:170px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;display:none;z-index:1001}.dropdown-has-sub:hover .dropdown-submenu,.dropdown-has-sub.sub-open .dropdown-submenu{display:block}[dir=rtl] .dropdown-submenu{right:auto;left:100%}.invoice-document{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001f;overflow:hidden}.invoice-page{padding:48px;background:#fff;color:#1a1a1a;font-family:Manrope,-apple-system,sans-serif;max-width:8.5in;margin:0 auto}[data-theme=light] .invoice-page{background:#fff;color:#1a1a1a}.invoice-header-section{display:flex;justify-content:space-between;align-items:flex-start;padding:32px;background:#fff;border-left:6px solid #0066cc;margin-bottom:32px;border-radius:12px;page-break-inside:avoid}.invoice-logo{display:flex;flex-direction:column;gap:12px}.invoice-logo-img{width:180px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.invoice-company-name{font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600;color:#06c;margin:0;letter-spacing:.3px}.invoice-info-header{text-align:right;display:flex;flex-direction:column;gap:16px}.invoice-header-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.invoice-header-item{display:flex;flex-direction:column;gap:6px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.invoice-label{font-size:.8125rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.invoice-value{font-size:1rem;font-weight:600;color:#1a1a1a}.invoice-number{color:#06c;font-size:1.25rem;font-weight:700}.invoice-status-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center}.invoice-status-badge.status-issued{background:#e3f2fd;color:#1976d2;border:1px solid #90caf9}.invoice-status-badge.status-paid{background:#e8f5e9;color:#388e3c;border:1px solid #81c784}.invoice-status-badge.status-overdue{background:#ffebee;color:#d32f2f;border:1px solid #ef5350}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.invoice-party{padding:24px;background:#fff;border-radius:12px;border:1px solid #e0e0e0;page-break-inside:avoid}.invoice-party h3{font-family:Sora,sans-serif;font-size:.9375rem;color:#06c;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #0066cc}.party-details{font-size:.9375rem;line-height:1.7;color:#333}.party-name{font-weight:700;font-size:1.0625rem;color:#1a1a1a;margin-bottom:8px}.party-details p{margin:6px 0}.invoice-payment-instructions{margin-bottom:32px;padding:24px;background:#fff;border-left:6px solid #ffc107;border-radius:12px;page-break-inside:avoid}.section-title{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.payment-instructions-content{font-size:.9375rem;line-height:1.8;color:#333}.payment-instructions-content p{margin:8px 0}.payment-instructions-content strong{color:#1a1a1a;font-weight:600;display:inline-block;min-width:140px}.invoice-order-summary{margin-bottom:32px}.order-items-summary{margin-bottom:24px}.items-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.item-row{display:grid;grid-template-columns:2fr 1.5fr auto;gap:16px;padding:16px 20px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;transition:all .2s ease}.item-row:hover{border-color:#06c;box-shadow:0 2px 8px #0066cc1a}.item-name{font-weight:600;color:#1a1a1a;font-size:.9375rem}.item-details{color:#666;font-size:.875rem}.item-amount{font-weight:700;color:#06c;text-align:right;font-size:1rem}.invoice-totals-section{margin:24px 0;padding:24px;background:#fff;border:2px solid #0066cc;border-radius:12px;page-break-inside:avoid}.totals-row{display:flex;justify-content:space-between;padding:12px 0;color:#333;font-size:.9375rem;border-bottom:1px solid rgba(0,0,0,.08)}.totals-row:last-child{border-bottom:none;padding-top:16px;margin-top:8px;border-top:2px solid #0066cc}.totals-label{font-weight:500}.totals-row:last-child .totals-label{font-weight:700;font-size:1.125rem;color:#1a1a1a}.totals-value{font-weight:600;color:#1a1a1a}.totals-row:last-child .totals-value{font-weight:700;font-size:1.25rem;color:#06c}.invoice-payment-terms{margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;border:1px solid #90caf9}.payment-term-row{display:flex;justify-content:space-between;padding:10px 0;font-size:.9375rem;color:#333}.term-label{font-weight:500}.term-value{font-weight:600;color:#1a1a1a}.invoice-terms-conditions{margin-top:32px;padding:24px;background:#fff;border-radius:12px;border:1px solid #e0e0e0;page-break-inside:avoid}.invoice-terms-conditions ul,.invoice-terms-conditions ul.terms-list{list-style:none;padding:0;margin:16px 0 0}.invoice-terms-conditions li{position:relative;padding-left:28px;margin:12px 0;color:#333;font-size:.875rem;line-height:1.6}.invoice-terms-conditions li:before{content:"•";position:absolute;left:12px;color:#06c;font-weight:700;font-size:1.2rem;line-height:1.4}.invoice-footer{margin-top:48px;padding-top:24px;border-top:2px solid #e0e0e0;text-align:center;color:#666;font-size:.875rem;page-break-inside:avoid}@media print{body{background:#fff}.invoice-detail-page{padding:0;max-width:100%}.invoice-actions-header,.no-print{display:none!important}.invoice-document{box-shadow:none;border:none;border-radius:0}.invoice-page{padding:.5in;margin:0;background:#fff;color:#1a1a1a}.invoice-header-section,.invoice-party,.invoice-payment-instructions,.invoice-order-summary,.invoice-totals-section,.invoice-payment-terms,.invoice-terms-conditions,.payment-terms-box,.totals-row.total-amount{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}.item-row,.invoice-party,.invoice-header-section,.invoice-payment-instructions,.invoice-totals-section,.payment-terms-box,.invoice-footer{page-break-inside:avoid}@page{margin:.5in;size:letter portrait}}.totals-row.total-amount{font-size:1.125rem;font-weight:700;margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:2px solid #0066cc;border-bottom:none;background:#fff;padding:var(--spacing-md);margin:var(--spacing-sm) 0 0;border-radius:var(--radius-sm);color:#1a1a1a}.totals-row.total-amount span:last-child{color:#06c;font-size:1.25rem}.payment-terms-box{margin-top:var(--spacing-lg);padding:var(--spacing-xl);background:#fff;border:2px solid #0066cc;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0066cc1a}.payment-term-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;color:#1a1a1a}.term-label{font-weight:600;color:#555}.term-value{font-weight:700;color:#06c}.term-value.deposit-paid{color:var(--success)}.term-value.balance-due{color:var(--warning)}.section-title{font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:1px;position:relative}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--neon-cyan),var(--electric-blue))}.invoice-page .section-title{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:#1a1a1a;background-clip:initial;color:#1a1a1a;padding:0;font-size:1rem;font-weight:600}.invoice-page .section-title:after{display:none}.invoice-terms-conditions{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.terms-list{margin:var(--spacing-md) 0 0;padding-left:var(--spacing-xl);color:var(--text-primary)}.terms-list li{margin-bottom:var(--spacing-sm);line-height:1.6;font-size:.95rem;color:var(--text-primary)}.invoice-notes{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);border-left:4px solid var(--electric-blue)}.invoice-notes p{margin:0;color:var(--text-primary);line-height:1.6}.invoice-notes strong{color:var(--electric-blue);font-weight:600}.invoice-footer{margin-top:var(--spacing-xxl);padding:var(--spacing-xl);border-top:3px double var(--border-color);text-align:center;background:linear-gradient(135deg,#0080ff08,#00ffff08);border-radius:0 0 var(--radius-md) var(--radius-md)}.invoice-footer p{margin:var(--spacing-xs) 0;color:var(--text-secondary);font-size:.95rem}.invoice-footer .thank-you{font-size:1.125rem;font-weight:600;color:var(--electric-blue);margin-top:var(--spacing-md)}@media print{.no-print,.invoice-actions-header{display:none!important}body{background:#fff!important;margin:0;padding:0}.invoice-document{border:none;box-shadow:none;border-radius:0}.invoice-page{padding:.75in;min-height:0;page-break-after:auto;margin:0;box-sizing:border-box}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.invoice-logo-img{max-width:180px;height:auto}.invoice-header-section,.invoice-parties,.invoice-payment-instructions,.invoice-order-summary,.invoice-terms-conditions{page-break-inside:avoid}.invoice-header-section{margin:-.75in -.75in var(--spacing-xl) -.75in;padding:var(--spacing-lg) .75in}.invoice-page,.invoice-party,.invoice-party *,.payment-instructions-content,.payment-instructions-content *{color:#000!important}.invoice-company-name,.invoice-number,.invoice-party h3,.section-title,.term-value,.item-amount,.totals-row.total-amount span:last-child{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.invoice-header-section,.invoice-payment-instructions,.payment-terms-box,.invoice-parties,.invoice-totals-section,.invoice-terms-conditions,.item-row{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{font-size:11pt}.invoice-footer{margin-top:var(--spacing-lg)}}.footer-text{color:#fff;font-size:.95rem;margin:var(--spacing-xs) 0;font-weight:500}.footer-text-small{color:#dc143c;font-size:.875rem;margin-top:var(--spacing-md);font-style:italic;font-weight:600}@media(max-width:768px){.invoice-header-section{flex-direction:column;gap:var(--spacing-lg)}.invoice-info-header{text-align:left}.invoice-header-row{flex-direction:column;gap:var(--spacing-md)}.invoice-parties{grid-template-columns:1fr;gap:var(--spacing-lg)}.item-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.item-amount{text-align:left}.invoice-page{padding:var(--spacing-lg)}}@media(max-width:480px){.invoice-logo-img{width:150px}.invoice-company-name,.section-title{font-size:1rem}.totals-row.total-amount{font-size:1.25rem}.invoice-actions{flex-direction:column;width:100%}.invoice-actions .btn{width:100%}}.admin-users-page,.admin-products-page,.admin-orders-page,.admin-sellers-page,.admin-invoices-page{padding:var(--spacing-lg)}.admin-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.search-box i{position:absolute;left:var(--spacing-md);color:var(--text-secondary);width:20px;height:20px}.search-box input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 45px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:.9375rem}.filter-controls{display:flex;gap:var(--spacing-sm)}.filter-controls select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:.9375rem;cursor:pointer}.table-container{overflow-x:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:linear-gradient(135deg,#0080ff1a,#00ffff0d)}.data-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--electric-blue);border-bottom:2px solid var(--border-color);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.9375rem}.data-table tbody tr:hover{background:var(--hover-bg)}.data-table .actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.btn-icon{padding:var(--spacing-xs);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--electric-blue);color:#fff;border-color:var(--electric-blue)}.btn-icon.btn-danger{border-color:var(--error);color:var(--error)}.btn-icon.btn-danger:hover{background:var(--error);color:#fff}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-buyer{background:#0080ff33;color:var(--electric-blue)}.badge-seller{background:#0ff3;color:var(--neon-cyan)}.badge-admin{background:#ef444433;color:var(--error)}.status-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-active{background:#10b98133;color:var(--success)}.status-badge.status-inactive{background:#9ca3af33;color:var(--text-secondary)}.status-badge.status-pending{background:#fbbf2433;color:var(--warning)}.status-badge.status-confirmed{background:#0080ff33;color:var(--electric-blue)}.status-badge.status-shipped{background:#0ff3;color:var(--neon-cyan)}.status-badge.status-delivered{background:#10b98133;color:var(--success)}.status-badge.status-cancelled{background:#ef444433;color:var(--error)}.status-badge.status-issued{background:#0080ff33;color:var(--electric-blue)}.status-badge.status-paid{background:#10b98133;color:var(--success)}.status-badge.status-deposit-paid{background:#fbbf2433;color:var(--warning)}.status-badge.status-overdue{background:#ef444433;color:var(--error)}.product-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.product-thumb{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.product-thumb-placeholder{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--hover-bg);border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-secondary)}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xxl);color:var(--text-secondary);font-size:1rem}.loading-spinner i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.order-id,.invoice-number{font-family:monospace;font-size:.875rem;font-weight:600}@media(max-width:1024px){.admin-controls{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-controls{flex-direction:column}.filter-controls select{width:100%}.table-container{overflow-x:scroll}.data-table{min-width:800px}}.public-categories-page{min-height:100vh;background:var(--dark-bg)}.public-header{position:sticky;top:0;background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.back-btn:hover{background:var(--background-secondary);border-color:var(--neon-cyan)}.header-actions{display:flex;gap:var(--spacing-sm)}@media(max-width:768px){.header-container{padding:0 var(--spacing-md)}.back-btn span{display:none}}.category-chips-section{margin-bottom:20px;padding:24px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}.category-chips-title{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.category-chips{display:flex;flex-wrap:wrap;gap:10px}.category-chip{display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;border:1.5px solid var(--border-color);background:var(--hover-bg);color:var(--text-primary);font-family:inherit;font-size:.82rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .18s ease;max-width:250px;word-wrap:break-word;overflow-wrap:break-word;text-align:left}.category-chip:hover{border-color:var(--text-primary);transform:translateY(-1px);box-shadow:0 3px 10px #1a27441f}.category-chip.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--dark-bg)}[data-theme=light] .category-chip.active{background:#1a2744;border-color:#1a2744;color:#fff}.category-chip .chip-dot{width:7px;height:7px;border-radius:50%;background:var(--text-primary);opacity:.4;flex-shrink:0;transition:all .18s ease}.category-chip.active .chip-dot{background:#7eb8f7;opacity:1}[data-theme=light] .category-chip .chip-dot{background:#1a2744}[data-theme=light] .category-chip.active .chip-dot{background:#7eb8f7}.chat-page .page-header{margin-bottom:var(--spacing-lg)}.chat-container{display:flex;height:calc(100vh - 200px);min-height:400px;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;background:var(--bg-secondary)}.chat-sidebar{width:320px;min-width:280px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-primary)}.chat-sidebar-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.chat-sidebar-header h3{margin:0;font-size:1rem;font-weight:600}.chat-conversation-list{flex:1;overflow-y:auto}.chat-conversation-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;border-bottom:1px solid var(--border-color);transition:background .15s}.chat-conversation-item:hover,.chat-conversation-item.active{background:var(--bg-secondary)}.chat-conversation-item.active{border-left:3px solid var(--electric-blue)}.chat-conv-avatar{width:40px;height:40px;border-radius:50%;background:var(--electric-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.chat-conv-info{flex:1;min-width:0}.chat-conv-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conv-last{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chat-conv-time{font-size:.7rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.chat-no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);gap:var(--spacing-sm)}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-primary)}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-secondary)}.chat-window{flex:1;display:flex;flex-direction:column;min-height:0}.chat-window-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.chat-back-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:var(--spacing-xs)}.chat-header-avatar{width:36px;height:36px;border-radius:50%;background:var(--electric-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.chat-header-info{flex:1;min-width:0}.chat-header-name{font-weight:600;font-size:.95rem}.chat-header-product{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.chat-message{display:flex;max-width:75%}.chat-message-own{align-self:flex-end}.chat-message-other{align-self:flex-start}.chat-msg-bubble{padding:var(--spacing-sm) var(--spacing-md);border-radius:12px;word-break:break-word;max-width:100%}.chat-message-own .chat-msg-bubble{background:var(--electric-blue);color:#fff;border-bottom-right-radius:4px}.chat-message-other .chat-msg-bubble{background:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:4px}.chat-msg-text{font-size:.9rem;line-height:1.4}.chat-msg-time{font-size:.65rem;opacity:.7;text-align:right;margin-top:4px}.chat-msg-image img{max-width:260px;max-height:200px;border-radius:8px;cursor:pointer;display:block}.chat-msg-pdf a{display:flex;align-items:center;gap:var(--spacing-xs);color:inherit;text-decoration:none;font-weight:500;font-size:.9rem}.chat-message-own .chat-msg-pdf a{color:#fff}.chat-msg-pdf a:hover{text-decoration:underline}.chat-upload-progress{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg);background:var(--bg-secondary);font-size:.8rem;color:var(--text-secondary)}.chat-progress-bar{flex:1;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.chat-progress-fill{height:100%;background:var(--electric-blue);border-radius:3px;width:0%;transition:width .2s}.chat-input-area{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-primary)}.chat-attach-btn{cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;padding:var(--spacing-xs)}.chat-attach-btn:hover{color:var(--electric-blue)}.chat-text-input{flex:1;border:1px solid var(--border-color);border-radius:20px;padding:8px 16px;font-size:.9rem;background:var(--bg-secondary);color:var(--text-primary);outline:none}.chat-text-input:focus{border-color:var(--electric-blue)}.chat-send-btn{background:var(--electric-blue);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s}.chat-send-btn:hover{opacity:.85}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-sm);color:var(--text-secondary)}.chat-error,.chat-no-messages{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary);text-align:center}@media(max-width:768px){.chat-container{height:calc(100vh - 160px)}.chat-sidebar{width:100%;min-width:0;position:absolute;inset:0;z-index:2}.chat-main{position:absolute;inset:0;z-index:1}.chat-container{position:relative}.chat-sidebar-hidden{display:none}.chat-main-visible{z-index:3}.chat-back-btn{display:flex}.chat-message{max-width:88%}.chat-msg-image img{max-width:200px}}[dir=rtl] .chat-sidebar{border-right:none;border-left:1px solid var(--border-color)}[dir=rtl] .chat-conversation-item.active{border-left:none;border-right:3px solid var(--electric-blue)}[dir=rtl] .chat-message-own .chat-msg-bubble{border-bottom-right-radius:12px;border-bottom-left-radius:4px}[dir=rtl] .chat-message-other .chat-msg-bubble{border-bottom-left-radius:12px;border-bottom-right-radius:4px}[dir=rtl] .chat-msg-time{text-align:left}.admin-bulk-edit-page{padding:var(--spacing-lg)}.bulk-edit-table-wrapper{overflow-x:auto}.bulk-edit-table th,.bulk-edit-table td{vertical-align:middle}.bulk-edit-table .form-control.bulk-input{font-size:.85rem;padding:4px 8px;min-width:100px}.bulk-product-thumb{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.bulk-product-thumb-placeholder{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f3f4f6);border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-secondary)}.bulk-image-cell{display:flex;align-items:center;justify-content:center}.bulk-additional-images{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bulk-extra-img-wrapper{position:relative;display:inline-block}.bulk-extra-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;border:1px solid var(--border-color)}.bulk-remove-img-btn{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:12px;line-height:18px;text-align:center;padding:0;cursor:pointer}.bulk-add-img-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:border-color .2s,color .2s}.bulk-add-img-btn:hover{border-color:var(--electric-blue, #3b82f6);color:var(--electric-blue, #3b82f6)}.bulk-add-img-btn i{width:16px;height:16px}